@charset "utf-8";

/* common */
.pcbr{display:none;}
.tbbr{display:block;}
.mbbr{display:none;}
.dn{display:none;}
.innerwrap{position:relative;z-index:10;max-width:1400px;width:94%;margin:0 auto;}
.pagewrap{overflow:hidden;}


/* header */
#header{
	position: fixed;
	left:0;
	top:0;
	z-index:1000;
	width:100%;
	height:93px;
	box-shadow:0 -1px 0 rgba(0,0,0,0.2) inset;
	background:#fff;
}
.head{position:relative;}
#header h1.logo{position:absolute;left:3%;z-index:20;top:28px}
#header h1.logo a{display:block;width:115px;height:39px;text-indent:-9999px;background:url(/images/common/ssp_.png) no-repeat}
#header.open h1.logo a{background-image:url(/images/common/ssp_.png)}
.head .pc_nav{
	box-sizing:border-box;
	width:calc(100% - 93px);height:93px;
	padding:0 0 0 3%;
}
.head .pc_nav>li{position:relative;float:left;padding:0 30px;}
.head .pc_nav>li:first-child{margin:0 0 0 180px;}
.head .pc_nav>li:before{
	display:block;content:"";
	width:1px;height:11px;
	background:rgba(0,0,0,0.3);
	position:absolute;right:0;top:50%;margin-top:-6px;
}
.head .pc_nav>li:last-child:before{display:none}

.head .pc_nav>li>a{
	display:inline-block;
	font-family:"Montserrat";font-size:16px;color:#444;font-weight:500;line-height:93px;position:relative
}
.head .pc_nav>li>a:after{
	display:block;content:"";
	width:0;height:3px;
	position:absolute;left:50%;bottom:0;
	background:#32407d;
	transform:translateX(-50%);
}
.head .pc_nav>li:hover>a:after{
	width:100%;transition:all 0.6s;
}
.head .pc_gnb{position:absolute;right:93px;top:0;padding:36px 30px 37px;border-left:1px solid rgba(0,0,0,0.2)}
.head .pc_gnb ul{font-size:0;text-align:center}
.head .pc_gnb ul li{display:inline-block;position:relative;padding:0 9px}
.head .pc_gnb ul li:after{
	display:block;content:"";width:1px;height:9px;background:rgba(0,0,0,0.3);position:absolute;right:0;top:7px
}
.head .pc_gnb ul li:last-child:after{display:none}
.head .pc_gnb ul li a{font-family:"Montserrat";font-size:12px;color:#555;font-weight:500}
.head .pc_gnb ul li.lang a{padding-right:15px}
.head .pc_gnb ul li.lang a:after{display:block;content:"";width:4px;height:4px;border-right:2px solid #555;border-bottom:2px solid #555;transform:rotate(45deg);position:absolute;right:7px;top:7px}
.all_nav_btn{
	display:block;
	position:absolute;right:0;top:0;z-index:20;
	width:93px;height:93px;box-sizing:border-box;
	padding-top:35px;
	background:#32407d;
	border-left:1px solid rgba(255,255,255,0.2);
	cursor:pointer;
}
#header.open .all_nav_btn{background:#32407d;border-left-color:transparent}
.all_nav_btn span{width:29px;height:3px;background:#fff;position:absolute;top:35px;left:32px;transition:.3s}
.all_nav_btn span.n2{top:45px}
.all_nav_btn span.n3{top:55px}
.open .all_nav_btn span.n1{transform:rotate(45deg);top:45px}
.open .all_nav_btn span.n2{opacity:0}
.open .all_nav_btn span.n3{transform:rotate(-45deg);top:45px}
.head .pc_nav .sub_list{
	position:absolute;top:100%;left:50%;
	background:#fff;transform:translateX(-50%);border:1px solid #ccc;border-top:0;
	display:none;
}
.head .pc_nav .sub_list li a{
	padding:0 50px;display:block;color:#666;font-size:16px;line-height:50px;white-space: nowrap;text-align: left;
}
.head .pc_nav .sub_list li:hover a{color:#32407d;}
.head .pc_nav .sub_list li{padding:0 20px}
.head .pc_nav .sub_list li + li a{border-top:1px solid #e1e1e1}
#header .open_nav_g{
	display:none;box-sizing:border-box;
	position:absolute;top:0;right:0;z-index:10;
	width:100%;
	padding:93px 3%;
	background:#f5f5f5;
}
#header .open_nav_g:before{
	display:block;content:"";
	width:100%;height:93px;
	background:#fff;
	border-bottom:1px solid #ccc;
	position:absolute;left:0;top:0;
}
#header .open_nav_g .m_gnb{border-bottom:1px solid #c4c4c4;padding:20px 0;}
#header .open_nav_g .m_gnb ul{overflow:hidden;}
#header .open_nav_g .m_gnb ul li{float:left;margin-right:12px;}
#header .open_nav_g .m_gnb ul li a{
	display:block;
	position:relative;
	font-size:15px;color:#4e4e4e;
	padding-right:11px;
}
#header .open_nav_g .m_gnb ul li a:after{
	display:block;content:"";
	width:1px;height:11px;
	background:#c0c0c0;
	position:absolute;right:0;top:6px;
}
#header .open_nav_g .m_gnb ul li:last-child a:after{display:none;}

#header .open_nav_g .m_gnb ul li.lang>a{display:none;}
#header .open_nav_g .m_gnb ul li.lang>ul>li>a:after{
	display:block;content:"";
	width:1px;height:11px;
	background:#c0c0c0;
	position:absolute;right:0;top:6px;
}
#header .open_nav_g .m_gnb ul li.lang>ul>li:last-child>a:after{display:none;}



#header .open_nav_g ul.open_nav{display:none !important}
#header .open_nav_g ul.open_nav_m{margin:0 auto;box-sizing:border-box;text-align:center;}
#header .open_nav_g ul.open_nav_m > li{padding:20px 0;border-bottom:1px solid #c4c4c4;}
#header .open_nav_g ul.open_nav_m > li > a{
	display:block;
	font-size:26px;
	font-weight:500;
	color:#32407d;
	position:relative;
	line-height:26px;
	font-family:'Montserrat';
	letter-spacing:-.6px;
	text-align: left;
	padding-left: 48px;
}
#header .open_nav_g ul.open_nav_m > li > a:after{
	content:'';
	border-right:2px solid #32407d;border-bottom:2px solid #32407d;
	position:absolute;top:10px;
	transition:.15s ease-in;
	width:15px;height:0px;transform:rotate(0);right:2.9%;
}
#header .open_nav_g ul.open_nav_m > li.on a:after{
	width:10px;height:10px;
	transform:rotate(-135deg);right:3%;
}
#header .open_nav_g ul.open_nav_m ul.sub_menu{padding-top:20px;}
#header .open_nav_g ul.open_nav_m ul.sub_menu li a:hover{color:#32407d}
#header .open_nav_g ul.open_nav_m ul.sub_menu{display:none;margin-top:-16px;}
#header .open_nav_g ul.open_nav_m ul.sub_menu li a{font-size:16px;color:#555;line-height:16px;letter-spacing:-.8px;font-weight:500;padding:0 48px}
#header .open_nav_g ul.open_nav_m ul.sub_menu li{margin-top:14px;text-align: left;}
#header .open_nav_g .list{border-top:1px solid #e5e5e5;padding:30px 0 50px;color:#999;font-weight:500;font-size:16px;letter-spacing:-.2px;position:relative;width:850px;margin:50px auto 0;box-sizing:border-box;display:none}
#header .open_nav_g .list ul.sns{position:absolute;top:30px;right:0;font-size:0}
#header .open_nav_g .list ul.sns li{display:inline-block;margin-left:30px}


@media(max-width:1400px){
	.head .pc_nav{display:none;}
}


.titl {
	font-size: 40px !important;
	font-weight: 600 !important;
	line-height: 60px !important;

}



/* footer */
#footer{overflow:hidden;background:#4b4b4b;}
.foot{}
.foot .toparea{
	padding:35px 0 25px;
	border-bottom:1px solid rgba(255,255,255,0.4);
}
.foot .toparea>div{
	display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;
}
.foot .toparea>div ul{margin:5px 0;}
.foot .toparea>div ul li{
	display:inline-block;
	position:relative;
	padding-right:10px;margin-right:7px;
	font-size:15px;color:rgba(255,255,255,0.7);
}
.foot .toparea>div ul li:after{
	display:block;content:"";
	width:1px;height:9px;
	background:#ddd;
	position:absolute;right:0;top:7px;
}
.foot .toparea>div ul li:last-child:after{display:none;}
.foot .btmarea{padding:25px 0 50px;}
.foot .btmarea>div{display:flex;justify-content:space-between;align-items:center;}

.foot .btmarea .copy{
	width: 70%;
	float: left;
	font-size:15px;
	color:rgba(255,255,255,0.7);
}
.foot .btmarea .menu{
	width: 30%;
	float: left;
	text-align: right;
}
.foot .btmarea .menu a{
	font-size:15px;
	color:rgba(255,255,255,0.7);
}

.foot .btmarea ul{}
.foot .btmarea ul li{
	display:inline-block;
	position:relative;
	padding-right:10px;margin-right:7px;	
}
.foot .btmarea ul li:last-child{margin:0;padding:0;}
.foot .btmarea ul li:after{
	display:block;content:"";
	width:1px;height:9px;
	background:#ddd;
	position:absolute;right:0;top:7px;
}
.foot .btmarea ul li:last-child:after{display:none;}
.foot .btmarea ul li a{font-size:15px;color:rgba(255,255,255,0.7);}




/* sub_top*/

.sub_top{
	height:320px;
	margin-top:40px;
	position:relative;
}
.sub_top .bgimg{
	overflow:hidden;
	width:100%;height:100%;
	position:absolute;top:0;left:0;z-index:-1;
}
.sub_top .bgimg:after{
	display:block;content:"";
	width:100%;height:100%;
	background: url(/images/page/st1_3.jpg) center 50px / cover no-repeat; 
	transform:scale(1.08);transition:2s;
}
.sub_top .bgimg.on:after{transform:scale(1)}
.sub_top .inner{
	display:flex;align-items:center;
	max-width:1400px;width:97%;height:100%;margin:0 0 0;float:right;position:relative;
}
.sub_top .st_tit1{
	position:relative;z-index:100;
	font-family: 'Montserrat', sans-serif;font-weight:500;font-size:52px;text-align:left;color:#fff;
}
/*.sub_top .st_tit1 .fstop{
	display:inline-block;
	width:9px;height:9px;background:#fff;
	margin-left:5px;
}*/
.sub_tab_box{
	position:absolute;left:0;bottom:0;z-index:100;
	width:100%;height:66px;
	background:#fff;
	box-shadow:0 -1px 0 #c1c1c1 inset;
}
.sub_tab{font-size:0;width:100%;margin:0 auto;}
.sub_tab>li{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	position:relative;width:calc((100% - 69px) / 2);
	border-right:1px solid #c1c1c1;
}
.sub_tab>li:first-child{width:69px;}
.sub_tab>li>a{
	display:block;box-sizing:border-box;
	width:100%;line-height:65px;
	padding:0 30px;
	color:#555;font-size:16px;background:#fff;
}
.sub_tab>li:first-child>a{padding:0;}
.sub_tab [class*=dep]:before{
	position:absolute;content:'';top:30px;right:30px;
	border:5px solid #333;border-left:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid transparent
}
.sub_tab>li>ul{
	display:none;
	position:absolute;left:0;top:100%;z-index:10;
	width:100%;
	padding:20px 0;
	background:#fff;
	box-shadow:0 1px 4px #c1c1c1;
}
.sub_tab>li>ul>li{}
.sub_tab>li>ul>li>a{
	display:block;
	padding:0 30px;
	font-size:16px;line-height:40px;
}



/* page common */
.page_title{
	padding:50px 0 30px;
}
.page_title h2{font-size:42px;color:#222;font-weight:500;text-align:center;}
.page_title p{margin-top:5px;font-size:17px;color:#666;font-weight:300;text-align:center;}
.st1{}
.st1 li{position:relative;padding-left:20px;margin-bottom:10px;font-size:16px;color:#555;}
.st1 li:before{
	display:block;content:"";box-sizing:border-box;
	width:9px;height:9px;
	border:2px solid #32407d;border-radius:50%;
	position:absolute;left:0;top:8px;
}
.st1 li:last-child{margin-bottom:0;}
.st2{}
.st2 li{position:relative;padding-left:35px;margin-bottom:10px;font-size:16px;color:#555;line-height:200%;word-break:keep-all;}
.st2 li .num{
	position:absolute;left:0;top:2px;
	box-sizing:border-box;
	font-family:"Montserrat";font-size:16px;color:#32407d;font-weight:500;
}
.st2 li:last-child{margin-bottom:0;}

@media(max-width:1000px){
	.page_title{padding:50px 0;}
}



/* m11 */
.m11{overflow:hidden;}
.m11{overflow:hidden;width:100%;}
.m11 .section{overflow:hidden;width:100%;position:relative;padding:60px 0 100px;text-align:center;word-break:keep-all;}
.m11 .section:after{
	display:block;content:"";
	width:100%;height:100%;
	background:#f6f6f6 /*url(/images/page/bg_ssp.png) no-repeat right bottom*/;
	background-size:contain;
	position:absolute;left:0;bottom:0;
}
.m11 .section .innerwrap{display:flex;flex-wrap:wrap;flex-direction:column-reverse;}
.m11 .section .innerwrap>div{position:relative;z-index:10;}
.m11 .section .innerwrap>div.txtarea{width:100%;}
.m11 .section h3{font-size:37px;color:#333;font-weight:500;line-height:135%;margin-bottom:40px;}
.m11 .section h3 strong{font-weight:500;color:#32407d;}

.m11 .section p{margin-bottom:20px;font-size:16px;color:#666;line-height:180%;}
.m11 .section p strong{font-weight:500;color:#32407d;}
.m11 .section p.last{margin-top:40px;}
.m11 .section p.sign{margin-top:30px;}
.m11 .section .innerwrap>div.txtarea p.sign{
	transform: translateX(0px)	
}
.m11 .section p.sign b{
	font-weight: 500;
	color: #000000;
	font-size: 32px;
	padding: 0 0 0 5px;
}
.m11 .section p.sign img{vertical-align:bottom;margin:0px 0 0 10px;}
.m11 .section .innerwrap>div.imgarea{position:relative;max-width:500px;margin:0 auto 60px;}
.m11 .section .innerwrap>div.imgarea img{position:relative;z-index:10;}
.m11 .section .innerwrap>div.imgarea:after{
	display:block;content:"";
	width:100%;height:100%;
	position:absolute;right:24px;top:24px;
	background-image: linear-gradient(to right, #1f7dad, #2c3d88);
}




/* m12 */
.m12{overflow:hidden;}
.m12 .titlearea{position:relative;z-index:10;margin-bottom:60px;text-align:center;word-break:keep-all;}
.m12 .titlearea h3{margin-bottom:15px;font-family:"Montserrat";font-size:46px;font-weight:700;color:#222;}
.m12 .titlearea h3 span{font-weight:bold;color:#32407d;}
.m12 .titlearea h4{font-size:17px;color:#222;font-weight:300;}
.m12 .titlearea h4 strong{font-weight:500;}
.m12 .titlearea p{margin-top:10px;font-size:16px;color:#555;}

.m12 .section1{position:relative;padding:100px 0;text-align:center;word-break:keep-all;}
.m12 .section1 .titlearea{top:-18px;}
.m12 .section1 .conwrap{display:flex;position:relative;border:1px solid #ddd;}
.m12 .section1 .conwrap>div{
	overflow:hidden;
	position:relative;
	width:33.333%;
	box-sizing:border-box;
	padding:100px 4% 70px;
	border-right:1px solid #ddd;background:#fefefe;text-align:left;
}
.m12 .section1 .conwrap>div:nth-child(1):after{
	display:block;content:"";
	width:274px;height:355px;
	background:url(/images/page/bg_ssp_s.png) no-repeat;
	position:absolute;right:-15%;top:60px;
}
.m12 .section1 .conwrap>div:nth-child(2):after{
	display:block;content:"";
	width:274px;height:355px;
	background:url(/images/page/bg_ssp_s.png) no-repeat;
	position:absolute;right:-15%;top:60px;
}
.m12 .section1 .conwrap>div:nth-child(3):after{
	display:block;content:"";
	width:279px;height:350px;
	background:url(/images/page/bg_ssp_p.png) no-repeat;
	position:absolute;right:-15%;top:60px;
}
.m12 .section1 .conwrap>div:last-child{border:0;}
.m12 .section1 .conwrap>div h5{
	position:relative;
	height:117px;
	font-size:28px;color:#222;font-weight:700;line-height:140%;
}
.m12 .section1 .conwrap>div h5 span{font-family:"Montserrat";font-weight:600;}
.m12 .section1 .conwrap>div:nth-child(1) h5:after{
	display:block;content:"";
	width:54px;height:50px;
	background:url(/images/page/m12_sec1_ico1.png) no-repeat;
	position:absolute;left:0;top:-60px;
}
.m12 .section1 .conwrap>div:nth-child(2) h5:after{
	display:block;content:"";
	width:54px;height:50px;
	background:url(/images/page/m12_sec1_ico2.png) no-repeat;
	position:absolute;left:0;top:-60px;
}
.m12 .section1 .conwrap>div:nth-child(3) h5:after{
	display:block;content:"";
	width:54px;height:50px;
	background:url(/images/page/m12_sec1_ico3.png) no-repeat;
	position:absolute;left:0;top:-60px;
}
.m12 .section1 .conwrap>div h6{height:64px;margin:30px 0 25px;font-size:23px;color:#32407d;font-weight:700;line-height:140%;}

@media(max-width:960px){
	.m12 .section1 .conwrap>div h5{font-size:25px;}
}
@media(max-width:840px){
	.m12 .section1 .conwrap{display:flex;flex-wrap:wrap;}
	.m12 .section1 .conwrap>div{
		width:100%;
		padding:100px 4% 70px;
		border-right:0;border-bottom:1px solid #ddd;
	}	
	.m12 .section1 .conwrap>div h5{position:relative;height:auto;font-size:25px;}

}


.m12 .section2{
	position:relative;padding:130px 0 ;
	margin-top:-145px;
	background:url(/images/page/bg_ssp.png) no-repeat left bottom;
	background-size:60% auto;
}
.m12 .section2 .titlearea{top:-3px;}
.m12 .section2 .conwrap{
	display:flex;flex-wrap:wrap;justify-content:flex-end;
	width:100%;margin:0 0;
}
.m12 .section2 .conwrap dl{
	width:49%;
	box-sizing:border-box;
	border:1px solid #ddd;background:#fefefe;
	margin:0 2% 2% 0;padding:64px 49px; 
}
.m12 .section2 .conwrap dl:nth-child(2),
.m12 .section2 .conwrap dl:nth-child(3){margin-right:0;}
.m12 .section2 .conwrap dl dt{font-size:22px;color:#32407d;font-weight:600;margin-bottom:30px;}
.m12 .section2 .conwrap dl dt:before{
	display:block;content:"";
	width:30px;height:3px;
	background:#32407d;
	margin:0 0 10px 0;
}
.m12 .section2 .conwrap dl dd{position:relative;}
.m12 .section2 .conwrap dl:nth-child(1) dd{
	background:url(/images/page/m12_sec2_ico1.png) no-repeat right bottom;
}
.m12 .section2 .conwrap dl:nth-child(2) dd{
	background:url(/images/page/m12_sec2_ico2.png) no-repeat right bottom;
}
.m12 .section2 .conwrap dl:nth-child(3) dd{
	background:url(/images/page/m12_sec2_ico3.png) no-repeat right bottom;
}

@media(max-width:900px){
	.m12 .section2 .conwrap dl{
		width:100%;
		box-sizing:border-box;
		border:1px solid #ddd;background:#fefefe;
		margin:0 0 2% 0;padding:50px 4%; 
	}	
}



.m12 .section3{position:relative;background:#f6f6f6;}
.m12 .section3 .innerwrap:after{
	display:block;content:"";
	width:3px;height:66px;
	background:#293579;
	position:absolute;right:0;bottom:-33px;
}
.m12 .section3 .titlearea{top:-46px;}
.m12 .section3 .conwrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0 0 100px;}
.m12 .section3 .conwrap>div{
	display:flex;align-items:center;justify-content:center;
	text-align:center;
}
.m12 .section3 .conwrap>div:first-child{
	order:2;
	position:relative;
	width:296px;height:296px;
	background-image: linear-gradient(to bottom right, #1f7dad, #2c3d88);
	border-radius:50%;
	box-shadow:0 3px 5px rgba(0,0,0,0.3);
	margin:0 0;
}
.m12 .section3 .conwrap>div:first-child:before{
	display:none;content:"";
	width:30px;height:16px;
	background:url(/images/page/m12_sec3_arr1.png) no-repeat;
	position:absolute;right:100%;top:50%;
	margin:-8px 0 0 0;
}
.m12 .section3 .conwrap>div:first-child:after{
	display:none;content:"";
	width:30px;height:16px;
	background:url(/images/page/m12_sec3_arr2.png) no-repeat;
	position:absolute;left:100%;top:50%;
	margin:-8px 0px 0 0 ;
}
.m12 .section3 .conwrap>div.mission{
	order:1;
	box-sizing:border-box;
	width:360px;height:360px;
	border-radius:50%;
	padding:9px;
	border:1px dashed #228dc9;
}
.m12 .section3 .conwrap>div.mission .boxwrap{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;width:100%;height:100%;
	border-radius:50%;
	border:1px solid #228dc9;
	background:#fff url(/images/page/m12_sec3_01.png) no-repeat 77% 90%;
}
.m12 .section3 .conwrap>div.vision{
	order:3;
	box-sizing:border-box;
	width:360px;height:360px;
	border-radius:50%;
	padding:9px;
	border:1px dashed #32407d;	
}
.m12 .section3 .conwrap>div.vision .boxwrap{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;width:100%;height:100%;
	border-radius:50%;
	border:1px solid #32407d;
	background:#fff url(/images/page/m12_sec3_02.png) no-repeat 88% 90%;
}
.m12 .section3 .conwrap>div .ico{}
.m12 .section3 .conwrap>div .sbj{
	margin:10px 0;
	width:100%;font-family:"Montserrat";font-size:26px;color:#222;font-weight:600;
}
.m12 .section3 .conwrap>div:first-child .sbj{margin:10px 0;font-size:28px;color:#fff;}
.m12 .section3 .conwrap>div:first-child p{color:#fff;}
.m12 .section3 .conwrap>div p{font-size:16px;color:#555;}


@media(max-width:1100px){
	.m12 .section3 .conwrap{display:block;text-align:center;}
	.m12 .section3 .conwrap>div{display:inline-flex;}
	.m12 .section3 .conwrap>div:first-child{order:1;display:flex;margin:0 auto -50px;}
	.m12 .section3 .conwrap>div.mission{order:2;}
	.m12 .section3 .conwrap>div.vision{order:3;}
}
@media(max-width:800px){
	.m12 .section3 .conwrap>div:first-child{order:1;display:flex;margin:0 auto -40px;}
	.m12 .section3 .conwrap>div.mission{width:296px;height:296px;}
	.m12 .section3 .conwrap>div.vision{width:296px;height:296px;}	
}



/* m13 */
.m13 .titlearea{position:relative;z-index:10;margin:0 0 0 0%;padding:0 0 0 0;}
.m13 .titlearea h3{margin-bottom:15px;font-family:"Montserrat";font-size:46px;font-weight:700;color:#222;}
.m13 .titlearea h3 span{font-weight:bold;color:#32407d;}
.m13 .titlearea h4{font-family:"Montserrat";font-size:17px;color:#222;font-weight:500;letter-spacing:-1px;line-height:140%;}
.m13 .titlearea h4 span{font-weight:500;color:#32407d;}
.m13 .titlearea p{margin-top:15px;font-size:16px;color:#555;line-height:200%;word-break:keep-all;}

.m13 .section1{position:relative;padding:0 0 100px;word-break:keep-all;}
.m13 .section1:after{
	display:block;content:"";
	width:100%;height:84.5%;
	background:#f6f6f6;
	position:absolute;left:0;bottom:0;
}
.m13 .section1 .conwrap{display:flex;flex-wrap:wrap;justify-content:space-between;margin:70px 0 0;}
.m13 .section1 .conwrap>div{
	width:47.2%;
	box-sizing:border-box;
	padding:55px 0;
	border-top:1px solid #ddd;border-bottom:1px solid #ddd;
}
.m13 .section1 .conwrap>div:first-child{border-bottom:0;}
.m13 .section1 .conwrap>div h5{
	font-family:"Montserrat";font-size:24px;color:#32407d;font-weight:600;letter-spacing:-1px;line-height:60px;
	margin-bottom:30px;
}
.m13 .section1 .conwrap>div h5 span{
	display:inline-block;	
	background:#32407d;
	border-radius:50%;
	margin-right:20px;
}


@media(max-width:840px){
	.m13 .section1 .conwrap>div{width:100%;}
	.m13 .section1:after{display:none;}
}



/* m14 */
.m14{word-break:keep-all;}
.m14 .titlearea{position:relative;z-index:10;text-align:center;}
.m14 .titlearea h3{margin-bottom:15px;font-family:"Montserrat";font-size:46px;font-weight:700;color:#222;}
.m14 .titlearea h3 span{font-weight:bold;color:#32407d;}
.m14 .titlearea h4{font-family:"Montserrat";font-size:17px;color:#222;font-weight:500;letter-spacing:-1px;line-height:140%;}
.m14 .titlearea h4 span{font-weight:500;color:#32407d;}
.m14 .titlearea p{margin-top:15px;font-size:16px;color:#555;line-height:200%;word-break:keep-all;}

.m14 .section1{position:relative;padding:0 0 140px;}
.m14 .section1:after{
	display:block;content:"";
	width:100%;height:43%;
	background:#f6f6f6;
	background-size:;
	position:absolute;left:0;top:28px;
}
.m14 .section1 .innerwrap{position:relative;top:-18px;}
.m14 .section1 .innerwrap .titlearea{margin-bottom:60px;}
.m14 .section1 .innerwrap .conwrap{
	display:flex;flex-wrap:wrap;
	padding-bottom:8.8%;
}
.m14 .section1 .innerwrap .conwrap>div{
	box-sizing:border-box;
	width:32.66%;	
	margin:0 1% 1% 0;padding:64px 50px;
	border:1px solid #ddd;
}
.m14 .section1 .innerwrap .conwrap>div:nth-child(3n){margin-right:0;}
.m14 .section1 .innerwrap .conwrap>div:nth-child(1){
	display:flex;align-items:center;justify-content:center;
	position:relative;text-align:center;
	background-image: linear-gradient(to right, #1f7dad, #2c3d88);
}
.m14 .section1 .innerwrap .conwrap>div:nth-child(1):before{
	display:block;content:"";
}
.m14 .section1 .innerwrap .conwrap>div:nth-child(1):after{}
.m14 .section1 .innerwrap .conwrap>div:nth-child(1)>div:before{}
.m14 .section1 .innerwrap .conwrap>div:nth-child(1)>div:after{}
.m14 .section1 .innerwrap .conwrap>div:nth-child(1)>div img{}

.m14 .section1 .innerwrap .conwrap>div:nth-child(2){
	background:#fff url(/images/page/m14_bg_01.gif) no-repeat left bottom;
}
.m14 .section1 .innerwrap .conwrap>div:nth-child(3){
	background:#fff url(/images/page/m14_bg_02.gif) no-repeat left bottom;
}
.m14 .section1 .innerwrap .conwrap>div:nth-child(4){
	background:#fff url(/images/page/m14_bg_03.gif) no-repeat left bottom;
}
.m14 .section1 .innerwrap .conwrap>div:nth-child(5){
	background:#fff url(/images/page/m14_bg_04.gif) no-repeat left bottom;
}
.m14 .section1 .innerwrap .conwrap>div:nth-child(6){
	background:#fff url(/images/page/m14_bg_05.gif) no-repeat left bottom;
}
.m14 .section1 .innerwrap .conwrap>div:nth-child(7){
	background:#fff url(/images/page/m14_bg_06.gif) no-repeat left bottom;
}
.m14 .section1 .innerwrap .conwrap>div:nth-child(8){
	background:#fff url(/images/page/m14_bg_07.gif) no-repeat left bottom;
}
.m14 .section1 .innerwrap .conwrap>div:nth-child(9){
	background:#fff url(/images/page/m14_bg_08.gif) no-repeat left bottom;
}
.m14 .section1 .innerwrap .conwrap>div:nth-child(10){
	overflow:hidden;
	position:relative;
	padding:0;
	background:#fff url(/images/page/m14_img1.jpg) no-repeat center;
	background-size:100% auto;
}
.m14 .section1 .innerwrap .conwrap>div:nth-child(10) img{display:none;}
.m14 .section1 .innerwrap .conwrap>div:nth-child(11){
	background:#fff url(/images/page/m14_bg_09.gif) no-repeat left bottom;
}
.m14 .section1 .innerwrap .conwrap>div:nth-child(12){
	background:#fff url(/images/page/m14_bg_10.gif) no-repeat left bottom;
}
.m14 .section1 .innerwrap .conwrap>div dl{}
.m14 .section1 .innerwrap .conwrap>div dl dt{margin-bottom:30px;font-size:22px;color:#32407d;font-weight:500;}
.m14 .section1 .innerwrap .conwrap>div dl dt:before{
	display:block;content:"";
	width:30px;height:3px;
	margin:0 0 10px 0;
	background:#32407d;
}
.m14 .section1 .innerwrap .conwrap>div dl dd{font-size:16px;color:#555;line-height:200%;word-break:keep-all;}

@media(max-width:1065px){
	.m14 .section1 .innerwrap .conwrap>div:nth-child(10) img{position:absolute;left:0;top:-35%;}
}
@media(max-width:1000px){
	.m14 .section1 .innerwrap .conwrap>div{
		box-sizing:border-box;
		width:49%;	
		margin:0 2% 2% 0;padding:64px 50px;
		border:1px solid #ddd;
	}
	.m14 .section1 .innerwrap .conwrap>div:nth-child(3n){margin-right:2%;}
	.m14 .section1 .innerwrap .conwrap>div:nth-child(2n){margin-right:0;}
	.m14 .section1 .innerwrap .conwrap>div:nth-child(10){order:12;margin-right:0;}
	.m14 .section1 .innerwrap .conwrap>div:nth-child(11){order:10;margin-right:0;}
	.m14 .section1 .innerwrap .conwrap>div:nth-child(12){order:11;margin-right:2%;}
}




/* m15 */
.m15{}
.m15 .section1{}
.m15 .section1 h3{
	width:100%;
	padding:32px 0; /*padding:90px 0;*/
	font-size:37px;color:#fff;font-weight:300;text-align:center;
	/*background:#32407d url(/images/page/m15_ssp.gif) no-repeat 88% 70%;*/
	background:#32407d;
}
.m15 .section1 h3 strong{font-weight:500;}
.m15 .section1 .history_tabs{
	position:relative;
	width:94%;margin:0 auto;padding:80px 0; 
}
.m15 .section1 .history_tabs ul{display:flex;justify-content:space-between;}
.m15 .section1 .history_tabs ul li{position:relative;width:20%;text-align:center;}
.m15 .section1 .history_tabs ul li:after{
	display:block;content:"";
	width:100%;height:1px;
	background:#bebebe;
	position:absolute;left:50%;bottom:5px;
}
.m15 .section1 .history_tabs ul li:last-child:after{display:none;}
.m15 .section1 .history_tabs ul li a{
	display:inline-block;position:relative;
	padding-bottom:30px;
	font-family:"Montserrat";font-size:18px;color:rgba(0,0,0,0.4);font-weight:500;
}
.m15 .section1 .history_tabs ul li a:after{
	display:block;content:"";
	width:11px;height:11px;
	background:#bebebe;
	border-radius:50%;
	position:absolute;left:50%;bottom:0;z-index:10;
	margin:0 0 0 -5.5px;
}
.m15 .section1 .history_tabs ul li.on a{color:rgba(0,0,0,1);}
.m15 .section1 .history_tabs ul li.on a:after{background:#333;}


.m15 .section1 .history_tabcon{position:relative;}
.m15 .section1 .history_tabcon .tabcon{
	padding-left:50%;
	background:#f6f6f6;
}
.m15 .section1 .history_tabcon .tabcon:after{
	display:block;content:"";
	width:50%;height:100%;
	background: url(/images/page/m15_bg1.jpg) no-repeat center;
	background-size:cover;
	position:absolute;left:0;top:0;
}
.m15 .section1 .history_tabcon .tabcon>div{padding:15% 10%;}
.m15 .section1 .history_tabcon .tabcon>div .year{
	margin-bottom:40px;
	font-family:"Montserrat";font-size:30px;color:#32407d;font-weight:500;
}
.m15 .section1 .history_tabcon .tabcon>div ul li{
	margin-bottom:20px;
	font-family:"Montserrat";font-weight:500;color:#333;
}
.m15 .section1 .history_tabcon .tabcon>div ul li:before{top:5px;}


@media(max-width:900px){
	.m15 .section1 .history_tabcon .tabcon:after{display:none;}
	.m15 .section1 .history_tabcon .tabcon{	padding-left:0%;}
	.m15 .section1 .history_tabcon .tabcon>div{padding:60px 3%;}
}


/* m16 */
.m16{}
.m16 .section1{position:relative;padding-bottom:30%;}
.m16 .section1:before{
	display:block;content:"";
	width:100%;height:20%;
	background:url(/images/page/m16_bg.jpg) no-repeat center;
	background-size:100% auto;
	position:absolute;left:0;bottom:0;
}
.m16 .section1 .partners{box-sizing:border-box;padding:0 10% 0;}
.m16 .section1 .partners ul{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;}
.m16 .section1 .partners ul li{
	width:31.666%;
	border:1px solid #ddd;margin-bottom:2.33%;
	background:#fefefe;text-align:center;
}
.m16 .section1 .partners ul li:last-child,
.m16 .section1 .partners ul li:nth-last-child(2),
.m16 .section1 .partners ul li:nth-last-child(3){margin-bottom:0;}


@media(max-width:840px){
	.m16 .section1 .partners{box-sizing:border-box;padding:0 3%;}
	.m16 .section1 .partners ul li{
		width:49%;
		border:1px solid #ddd;margin-bottom:2%;
		background:#fefefe;text-align:center;
	}
	.m16 .section1 .partners ul li:last-child{margin-bottom:0;}	
	.m16 .section1 .partners ul li:nth-last-child(2),
	.m16 .section1 .partners ul li:nth-last-child(3){margin-bottom:2%;}	
	.m16 .section1:before{height:12%;}
}



/* m17 */
.m17{}
.m17 .titlearea{margin-bottom:40px;}
.m17 .titlearea h3{font-family:"Montserrat";font-size:20px;font-weight:600;color:#222;margin-bottom:10px;}
.m17 .titlearea h3 span{color:#32407d;}
.m17 .titlearea h4{font-family:"Montserrat","Noto Sans KR";font-size:37px;color:#222;font-weight:500;}
.m17 .titlearea h4 span{font-size:39px;font-weight:300;}

.m17 .section1{}
.m17 .section1 .map{overflow:hidden;height:500px;}
.m17 .section1 .map iframe{height:100%;}
.m17 .section1 .mapinfo{
	display:flex;flex-wrap:wrap;align-items:center;
	box-sizing:border-box;
	width:100%;
	margin:0 auto 0;padding:55px 50px;
	background:#32407d;
}
.m17 .section1 .mapinfo .tit{
	width:40%;
	box-sizing:border-box;
	padding:0 60px;	
	font-family:"Montserrat";font-size:34px;color:#fff;font-weight:300;
}
.m17 .section1 .mapinfo .tit span{font-size:24px;font-weight:500;}
.m17 .section1 .mapinfo .info{
	display:flex;flex-wrap:wrap;
	width:58%;
	box-sizing:border-box;
	border-left:1px solid #fff;
	padding:0 60px;
}
.m17 .section1 .mapinfo .info dl{display:flex;align-items:center;margin:7px 40px 7px 0;line-height:23px;}
.m17 .section1 .mapinfo .info dl:nth-child(1){width:100%;margin-right:0;}
.m17 .section1 .mapinfo .info dl dt{
	margin-right:5px;padding-left:30px;
	font-family:"Montserrat";font-size:17px;color:#fff;font-weight:500;
}
.m17 .section1 .mapinfo .info dl:nth-child(1) dt{background:url(/images/page/m17_ico_location1.gif) no-repeat left top;}
.m17 .section1 .mapinfo .info dl:nth-child(2) dt{background:url(/images/page/m17_ico_tel1.gif) no-repeat left top;}
.m17 .section1 .mapinfo .info dl:nth-child(3) dt{background:url(/images/page/m17_ico_fax1.gif) no-repeat left top;}
.m17 .section1 .mapinfo .info dl:nth-child(4) dt{background:url(/images/page/m17_ico_email1.gif) no-repeat left 2px;}
.m17 .section1 .mapinfo .info dl dd{	font-size:16px;color:#fff;font-weight:300;}

@media(max-width:1100px){
	.m17 .section1 .mapinfo{
		display:block;
		box-sizing:border-box;
		width:100%;
		margin:0 auto 0;padding:55px 5%;
	}
	.m17 .section1 .mapinfo .tit{
		width:40%;
		box-sizing:border-box;
		padding:0 0 20px;	
		font-family:"Montserrat";font-size:34px;color:#fff;font-weight:300;
	}	
	.m17 .section1 .mapinfo .info{
		display:flex;flex-wrap:wrap;
		width:100%;
		box-sizing:border-box;
		border-left:0;
		padding:0 0;
	}
}


.m17 .section2{margin:175px 0 0;padding:0 0 175px;background:#f6f6f6;}
.m17 .section2 .titlearea{position:relative;top:-19px;}
.m17 .section2 .map{}
.m17 .section2 .map ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m17 .section2 .map ul li{
	width:48%;
	margin-bottom:90px;
}
.m17 .section2 .map ul li .google{}
.m17 .section2 .map ul li .mapinfo{padding:34px 0 0;}
.m17 .section2 .map ul li .mapinfo .name{
	margin:0 0 15px 0;font-family:"Montserrat";font-size:24px;color:#32407d;font-weight:600;letter-spacing:-1px;
}
.m17 .section2 .map ul li .mapinfo .name:before{
	display:block;content:"";
	width:30px;height:3px;
	margin:0 0 15px 0;
	background:#32407d;
}
.m17 .section2 .map ul li .mapinfo .info{display:flex;flex-wrap:wrap;margin-bottom:10px;}
.m17 .section2 .map ul li .mapinfo .info dl{display:flex;width:100%;margin-bottom:10px;}
.m17 .section2 .map ul li .mapinfo .info dl:last-child{margin-bottom:0;}
.m17 .section2 .map ul li .mapinfo .info dl dt{
	box-sizing:border-box;
	width:25px;
	padding-left:20px;margin-right:10px;
	font-family:"Montserrat";font-size:17px;color:#555;font-weight:600;letter-spacing:-1px;
}
.m17 .section2 .map ul li .mapinfo .info dl:nth-child(1) dt{
	background:url(/images/page/m17_ico_mail2.gif) no-repeat left top;
}
.m17 .section2 .map ul li .mapinfo .info dl:nth-child(2) dt{
	background:url(/images/page/m17_ico_tel2.gif) no-repeat left 2px;
}
.m17 .section2 .map ul li .mapinfo .info dl dd{
	width:calc(100% - 65px);
	font-family:"Montserrat";font-size:17px;color:#555;font-weight:400;letter-spacing:-1px;
}




/* m21 */
.m21{}
.m21 .titlearea{text-align:center;}
.m21 .titlearea h3{font-family:"Montserrat";font-size:39px;font-weight:bold;color:#222;margin-bottom:40px;}
.m21 .titlearea h3 span{color:#32407d;font-weight:bold;}
.m21 .section{}
.m21 .section .m21_tabs{}
.m21 .section .m21_tabs ul{
	display:flex;flex-wrap:wrap;justfiy-content:space-between;
	border-collapse:collapse;
}
.m21 .section .m21_tabs ul li{
	box-sizing:border-box;
	width:25%;
}
.m21 .section .m21_tabs ul li:last-child{border-right:0;}
.m21 .section .m21_tabs ul.t2 li{width:50%;}
.m21 .section .m21_tabs ul.t3 li{width:33.333%;}
.m21 .section .m21_tabs ul.t4 li{width:25%;}
.m21 .section .m21_tabs ul.t5 li{width:25%;}
.m21 .section .m21_tabs ul.t6 li{width:16.666%;}
.m21 .section .m21_tabs ul.t7 li{width:11.111%;}
.m21 .section .m21_tabs ul li a{
	display:flex;align-items:center;
	font-family:"Montserrat";font-size:18px;font-weight:500;color:#666;	text-align:center;height:58px;
	border:1px solid #ddd;
}
.m21 .section .m21_tabs ul li a span{display:block;width:100%;padding:0 10px;text-align:center;}
.m21 .section .m21_tabs ul li.on a{color:#fff;background:#32407d;}

.m21 .section .product_tabcon{
	position:relative;
	padding:0 0 150px;
}
.m21 .section .product_tabcon:after{
	display:block;content:"";
	width:100%;height:82.7%;
	position:absolute;
	left:0;
	bottom:0;
}
.m21 .section .product_tabcon .pwrap{overflow:hidden;margin:50px 0 0;}
.m21 .section .product_tabcon .pwrap > .titl {
	position: absolute;
	left: 0;
	padding: 10px 0;
	border-bottom: 1px solid #dddddd;
	display: inline-block;
	width: 100%;
}

@media (max-width: 1099px){
	.m21 .section .product_tabcon .pwrap > .titl {
		position: absolute;
		left: 0;
		top: 0;
		padding: 10px 0;
		border-bottom: 1px solid #dddddd;
		display: inline-block;
		width: 100%;
	}
}


.m21 .section .product_tabcon .pwrap .pht{
	float:left;
	position:relative;
	border:1px solid #ddd;
	background:#fff;
	padding:3px;
	width:48%;
	box-sizing:border-box;
	top: 150px;
}
.m21 .section .product_tabcon .pwrap .pht:before{
	display:block;content:"";
	width:20%;height:20%;
	/*background-image: linear-gradient(to bottom right, #1f7dad, #2c3d88);*/
	position:absolute;left:-1px;top:-1px;
}
.m21 .section .product_tabcon .pwrap .pht .swiper-wrapper{position:relative;z-index:10;}

.m21 .section .product_tabcon .pwrap .pht .dots{
    position:absolute;left:0;bottom:50px;z-index:10;
    width: 100%;text-align:center;
}
.m21 .section .product_tabcon .pwrap .pht .dots .swiper-pagination-bullet {
    width:12px;
    height:12px;
    display: inline-block;
    border-radius: 100%;
    background: #e1e1e1;
    opacity:1;
}
.m21 .section .product_tabcon .pwrap .pht .dots .swiper-pagination-bullet-active {
    background: #32407d;
    opacity:1;
}


.m21 .section .product_tabcon .pwrap .info{
	float:right;
	box-sizing:border-box;
	width:52%;
	padding:70px 0 0 60px;
}
.m21 .section .product_tabcon .pwrap .info .titlearea{
	font-family:"Montserrat";font-size:39px;font-weight:bold;color:#444;text-align:left;
	margin-bottom:85px;
}
.m21 .section .product_tabcon .pwrap .info .titlearea span{;font-size:17px;font-weight:400;color:#666;}
.m21 .section .product_tabcon .pwrap .info .system{}
.m21 .section .product_tabcon .pwrap .info .system dl{margin-bottom:50px;}
.m21 .section .product_tabcon .pwrap .info .system dl dt{
	margin-bottom:20px;
	font-family:"Montserrat";font-size:24px;font-weight:600;color:#32407d;text-align:left;
}
.m21 .section .product_tabcon .pwrap .info .system dl dt:before{
	display:none;content:"";
	width:30px;height:3px;
	margin:0 0 10px;
	background:#32407d;
}
.m21 .section .product_tabcon .pwrap .info .system dl dd{}
.m21 .section .product_tabcon .pwrap .info .system dl dd ul li{
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
    color: #555;
}

@media(max-width:1060px){

	.m21 .section .product_tabcon .pwrap .pht{
		float:none;
		position:relative;
		border:1px solid #ddd;background:#fff;
		padding:3px;
		width:100%;
		box-sizing:border-box;text-align:center;
	}
	.m21 .section .product_tabcon .pwrap .pht:before{display:none;}
	.m21 .section .product_tabcon .pwrap .info{
		float:none;
		box-sizing:border-box;
		width:100%;
		padding:70px 0 0 0;
	}
}



/* m31 */
.m31{}
.m31 .section1{
	background:url(/cn/images/page/m31_bg.jpg) no-repeat left -200px;
	word-break:keep-all;
}
.m31 .section1 .txtarea{
	box-sizing:border-box;
	/*max-width:1400px;*/
	width:100%;
	padding:0 0 0 50%;
	margin:0 auto;
	/*background:url(/images/page/m31_ssp.png) no-repeat right 10px;*/
}
.m31 .section1 .txtarea .txtbox{
	box-sizing:border-box;
	padding:40px 45px;
	background:#f6f6f6;
}
.m31 .section1 .txtarea .txtbox h3{font-family:"Montserrat";font-size:20px;font-weight:bold;color:#222;}
.m31 .section1 .txtarea .txtbox h3 span{color:#32407d;}
.m31 .section1 .txtarea .txtbox h4{margin:10px 0 25px;font-size:37px;color:#333;font-weight:500;}
.m31 .section1 .txtarea .txtbox h4 span{color:#32407d;}
.m31 .section1 .txtarea .txtbox p{margin-bottom:40px;font-size:16px;color:#555;font-weight:300;line-height:200%;}
.m31 .section1 .txtarea .txtbox p.last{margin:0;}

.m31 .section2{background:#f6f6f6;margin:220px 0 0;padding-bottom:100px;}
.m31 .section2 .titlearea{position:relative;top: -46px;}
.m31 .section2 .titlearea{margin-bottom:40px;}
.m31 .section2 .titlearea h3{font-family:"Montserrat";font-size: 46px;font-weight:600;color:#222;margin-bottom:10px;}
.m31 .section2 .titlearea h3 span{color:#32407d;}
.m31 .section2 .titlearea h4{font-size: 17px;color:#222;font-weight:300;}
.m31 .section2 .titlearea h4 span{font-weight:500;}
.m31 .section2 .conarea{text-align:center;}


@media(max-width:1060px){

	.m31 .section1 .txtarea{
		box-sizing:border-box;
		max-width:1400px;width:94%;
		padding:100px 0 100px 23%;margin:0 auto;background:0;
	}

}
@media(max-width:1007px){
	
	.m31 .section1{background:url(/images/page/m31_bg.jpg) no-repeat center;background-size:cover;}
	.m31 .section1 .txtarea{padding:100px 0 100px;}

}



/* m32 */
.m32 .section1{background:#f6f6f6;padding-bottom:100px;}
.m32 .section1 .titlearea{position:relative;top:-18px;text-align:center;}
.m32 .section1 .titlearea{margin-bottom:40px;}
.m32 .section1 .titlearea h3{font-family:"Montserrat";font-size:20px;font-weight:600;color:#222;margin-bottom:10px;}
.m32 .section1 .titlearea h3 span{color:#32407d;}
.m32 .section1 .titlearea h4{font-size:37px;color:#222;font-weight:300;}
.m32 .section1 .titlearea h4 span{font-weight:500;}
.m32 .section1 .conarea{text-align:center;}

.m32 .section2{overflow:hidden;}
.m32 .section2 .innerwrap{padding:120px 0;}
.m32 .section2 .innerwrap:before{
	display:block;content:"";
	width:3px;height:60px;
	background:#32407d;
	position:absolute;right:0;top:-30px;;
}
.m32 .section2 .teamwrap{}
.m32 .section2 .teamwrap h3{
	font-family:"Montserrat";font-size:39px;color:#222;font-weight:bold;letter-spacing:-1px;line-height:80px;
}	
.m32 .section2 .teamwrap h3 img{margin-right:5px;}
.m32 .section2 .teamwrap h3 span{color:#32407d;}
.m32 .section2 .teamwrap .list{
	display:flex;flex-wrap:wrap;
	margin:20px 0 80px;
	border:1px solid #ddd;
	background:#f9f9f9;word-break:keep-all;
}
.m32 .section2 .teamwrap .list>div{
	overflow:hidden;
	box-sizing:border-box;
	width:33.333%;
	padding:75px 40px 50px;
	border-right:1px solid #ddd;
}
.m32 .section2 .teamwrap .list>div:nth-child(1){background:url(/images/page/m32_num01.gif) no-repeat right bottom;}
.m32 .section2 .teamwrap .list>div:nth-child(2){background:url(/images/page/m32_num02.gif) no-repeat right bottom;}
.m32 .section2 .teamwrap .list>div:nth-child(3){background:url(/images/page/m32_num03.gif) no-repeat right bottom;}
.m32 .section2 .teamwrap .list>div:last-child{border-right:0;}
.m32 .section2 .teamwrap .list>div h4{
	margin-bottom:20px;
	font-family:"Montserrat";font-size:27px;color:#222;font-weight:600;height:80px;
}


@media(max-width:1080px){

	.m32 .section2 .teamwrap .list>div{
		box-sizing:border-box;
		width:33.333%;
		padding:60px 4% 50px;
		border-right:1px solid #ddd;border-bottom:1px solid #ddd;
	}	

}
@media(max-width:1000px){

	.m32 .section2 .teamwrap .list>div{
		box-sizing:border-box;
		width:100%;
		padding:60px 4% 50px;
		border-right:0;border-bottom:1px solid #ddd;
	}	
	.m32 .section2 .teamwrap .list>div:last-child{border-bottom:0;}
	.m32 .section2 .teamwrap .list>div h4 {
		margin-bottom: 20px;
		font-size: 30px;
		height:auto;
	}
}



/* m33 */
.m33{padding:0 0 150px;}
.m33 .m33_tabs{}
.m33 .m33_tabs ul{display:flex;border:1px solid #ddd;}
.m33 .m33_tabs ul li{
	box-sizing:border-box;width:25%;
	border-right:1px solid #ddd;
}
.m33 .m33_tabs ul li:last-child{border-right:0;}
.m33 .m33_tabs ul li a{
	display:block;
	line-height:58px;font-size:17px;color:#666;text-align:center;
	background:#f6f6f6;
}
.m33 .m33_tabs ul li.on a{color:#fff;background:#32407d;}
.m33 .conarea{margin-top:60px;}
.m33 .conarea table{width:100%;border-collapse:collapse;border:1px solid #ddd;border-top:2px solid #000;}
.m33 .conarea table th{
	padding:15px 0;
	border:1px solid #ddd;
	background:#f6f6f6;
	font-size:19px;color:#2d2d2d;text-align:center;
}
.m33 .conarea table td{
	padding:15px 0;
	border:1px solid #ddd;
	font-size:16px;color:#666;text-align:center;
}
.m33 .conarea table td.sbj{padding:15px 40px;text-align:left;}


.paging{margin:60px 0 0;text-align:center;}
.paging a{
	display:inline-block;vertical-align:top;
	text-align:center;width:48px;line-height:48px;
}
.paging a img{border:1px solid #ddd;}
.paging strong{
	display:inline-block;vertical-align:top;
	text-align:center;width:48px;line-height:48px;
}
.paging .prev{margin-right:25px;}
.paging .next{margin-left:25px;}




/* m41 */
.m41{}
.m41 .section1{
	position:relative;
	background:#f6f6f6;
	padding:0 0 0 45%;
}
.m41 .section1:before{
	display:block;content:"";
	width:45%;height:100%;
	background:#f6f6f6 url(/images/page/m41_sec1_bg.jpg) no-repeat center;
	background-size:cover;
	position:absolute;left:0;top:0;
}
.m41 .section1 .txtarea{
	box-sizing:border-box;
	padding:40px 0 65px 40px;
	/*background:url(/images/page/m31_ssp.png) no-repeat right bottom;*/
}
.m41 .section1 .txtarea h3{font-family:"Montserrat";font-size:20px;color:#222;font-weight:bold;}
.m41 .section1 .txtarea h3 span{color:#32407d;}
.m41 .section1 .txtarea h4{margin:10px 0 25px;font-size:34px;color:#333;font-weight:500;}
.m41 .section1 .txtarea h4 span{color:#32407d;}
.m41 .section1 .txtarea p{margin-bottom:40px;font-size:16px;color:#555;line-height:180%;}
.m41 .section1 .txtarea dl{padding:15px 0 15px 100px;}
.m41 .section1 .txtarea dl.tel{
	margin-bottom:10px;
	background:url(/images/page/m41_sec1_ico1.gif) no-repeat left top;
}
.m41 .section1 .txtarea dl.email{
	background:url(/images/page/m41_sec1_ico2.gif) no-repeat left top;
}
.m41 .section1 .txtarea dl dt{margin-bottom:5px;font-family:"Montserrat";font-size:17px;color:#333;font-weight:600;}
.m41 .section1 .txtarea dl dd{font-family:"Montserrat";font-size:17px;color:#333;font-weight:400;}


@media(max-width:1060px){

	.m41 .section1{padding:0 0 0 0%;}
	.m41 .section1:before{display:none;}
	.m41 .section1 .txtarea{
		box-sizing:border-box;
		padding:65px 3% 65px;
		background:url(/images/page/m31_ssp.png) no-repeat right bottom;
	}	

}



.m41 .section2{padding:100px 0 150px;}
.m41 .section2 .m41_tabs{margin-bottom:50px;}
.m41 .section2 .m41_tabs ul{display:flex;border:1px solid #ddd;}
.m41 .section2 .m41_tabs ul li{box-sizing:border-box;width:50%;border-right:1px solid #ddd;}
.m41 .section2 .m41_tabs ul li:last-child{border-right:0;}
.m41 .section2 .m41_tabs ul li a{
	display:block;
	font-size:17px;color:#666;text-align:center;line-height:58px;
	background:#f6f6f6;
}
.m41 .section2 .m41_tabs ul li.on a{background:#32407d;color:#fff;}
.agreewrap{}
.agreewrap .txtarea{box-sizing:border-box;width:100%;height:400px;padding:20px 50px;background:#f6f6f6;}
.agreewrap .txtarea textarea{
	box-sizing:border-box;
	width:100%;height:100%;resize:none;outline:0;border:0;background:0;
	font-size:16px;line-height:180%;
}
.agreewrap .agree_chk{margin:30px 0 0;padding:0 50px;}
.agreewrap .agree_chk input{display:inline-block;vertical-align:top;margin:5px 5px 0 0;width:16px;height:16px;}
.agreewrap .agree_chk label{display:inline-block;vertical-align:top;margin-right:35px;font-size:16px;color:#2d2d2d;}


@media(max-width:1060px){
	.agreewrap .txtarea{padding:20px;}
}


.m41 .section2 .m44_tabcons{}
.m41 .form{margin-top:50px;}
.m41 .form .formarea{border-top:2px solid #000;}
.m41 .form .formarea>div{
	display:flex;
	box-sizing:border-box;
	padding:15px 0;
	border-bottom:1px solid #ddd;
}
.m41 .form .formarea>div .tit{
	box-sizing:border-box;
	width:195px;
	padding:0 0 0 49px;
	font-size:19px;color:#2d2d2d;
}
.m41 .form .formarea>div .tit span{display:inline-block;vertical-align:top;margin:4px 0 0 5px;color:#e80000;}
.m41 .form .formarea>div .con{
	display:flex;align-items:center;
	width:calc(100% - 195px);
}

.m41 .form .formarea>div.sectionwrap{}
.m41 .form .formarea>div.sectionwrap .areawrap{
	display:flex;align-items:center;
	box-sizing:border-box;width:50%;
}
.m41 .form .formarea>div.areawrap{}
.m41 .form .formarea .ipt{
	box-sizing:border-box;
	height:50px;
	background:#f6f6f6;border:0;outline:0;
	padding:0 20px;font-size:16px;
}
.m41 .form .formarea textarea{
	box-sizing:border-box;
	width:100%;height:212px;
	padding:20px;
	background:#f6f6f6;resize:none;border:0;outline:0;
	font-size:16px;
}
.m41 .form .formarea .w1{width:100%;}
.m41 .form .formarea .w2{width:28%;}
.m41 .form .formarea .w3{width:46%;}
.m41 .form .formarea .etc{display:inline-block;width:8%;text-align:center;font-size:16px;}
.m41 .form .formarea input[type=radio]{display:inline-block;vertical-align:top;width:16px;height:16px;margin:4px 0 0;}
.m41 .form .formarea label{display:inline-block;vertical-align:top;margin:0 45px 0 5px;font-size:16px;}
.m41 .form .btn{margin:50px 0 0;}
.m41 .form .btn button{
	display:block;
	width:300px;height:60px;
	margin:0 auto;
	text-align:center;line-height:60px;
	font-size:19px;color:#fff;background:#32407d;border:0;
}

.m41 .form2{margin-top:50px;}
.m41 .form2 .formarea{
	border-top:2px solid #000;
	padding:70px 0;
	background:#f6f6f6;
	text-align:center;
}
.m41 .form2 .formarea .ico{margin-bottom:10px;}
.m41 .form2 .formarea p{font-size:19px;color:#444;}
.m41 .form2 .formarea p strong{color:#32407d;}
.m41 .form2 .formarea .formwrap{
	max-width:705px;width:94%;margin:35px auto 0;
}
.m41 .form2 .formarea .formwrap>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.m41 .form2 .formarea .formwrap .ipt{
	box-sizing:border-box;
	height:50px;
	background:#ececec;border:0;outline:0;
	padding:0 20px;font-size:16px;	
}
.m41 .form2 .formarea .formwrap .ipt::placeholder{color:#aaa}
.m41 .form2 .formarea .formwrap .w1{width:100%;}
.m41 .form2 .formarea .formwrap .w2{width:30%;}
.m41 .form2 .formarea .formwrap .etc{display:inline-block;width:8%;font-size:16px;}
.m41 .form2 .formarea .formwrap select{
	width:31%;
	height:50px;
	border:0;outline:0;
	padding:0 20px;font-size:16px;margin-left:2%;	
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; appearance: none;
	background:#ececec url(/images/page/select_arr.gif) no-repeat 92% 50%; /* 화살표 모양의 이미지 */
}

.m41 .form2 .btn{margin:40px 0 0;}
.m41 .form2 .btn button{
	display:block;
	width:300px;height:60px;
	margin:0 auto;
	text-align:center;line-height:60px;
	font-size:19px;color:#fff;background:#32407d;border:0;
}


@media(max-width:1040px){

	.m41 .form .formarea>div.sectionwrap{display:block;padding:0;}
	.m41 .form .formarea>div.sectionwrap .areawrap{width:100%;border-bottom:1px solid #ddd;padding:15px 0;}
	.m41 .form .formarea>div.sectionwrap .areawrap:last-child{border-bottom:0;}

}




/* m42 */
.m42{word-break:keep-all;}
.m42 .section1{padding:0 0 60px 0;}
.m42 .section1 .titlearea{text-align:center;}
.m42 .section1 .titlearea h3{font-family:"Montserrat";font-size:40px;color:#222;font-weight:bold;}
.m42 .section1 .titlearea h3 span{color:#32407d;}
.m42 .section1 .titlearea p{margin-top:10px;font-size:15px;color:#777;}
.m42 .section1 .global{display:none;}
.m42 .section1 .global>img{}
.m42 .section1 .global>ul{}
.m42 .section1 .global>ul>li{
	position:absolute;
	box-sizing:border-box;
	width:53px;height:53px;
	padding:7px;
	background:rgba(50,64,125,0.1);
	border-radius:50%;
}
.m42 .section1 .global>ul>li>a{
	display:block;box-sizing:border-box;
	width:100%;height:100%;
	background:rgba(50,64,125,0.4);
	border-radius:50%;
	padding:15px;
}
.m42 .section1 .global>ul>li>a>div{
	width:9px;height:9px;
	background:#ffff3c;
	border-radius:50%;
}

.m42 .section1 .global>ul>li.korea{left:41.4%;top:52%;}
.m42 .section1 .global>ul>li.china{left:39.5%;top:55.2%;}
.m42 .section1 .global>ul>li.china2{left:38%;top:59%;}
.m42 .section1 .global>ul>li.china3{left:34.5%;top:53.5%;}
.m42 .section1 .global>ul>li.malaysia{left:34.5%;top:67%;}
.m42 .section1 .global>ul>li.philippines{left:40.2%;top:63.5%;}
.m42 .section1 .global>ul>li.vietnam{left:36%;top:63.2%;}
.m42 .section1 .global>ul>li.vietnam2{left:35%;top:59.3%;}
.m42 .section1 .global>ul>li.usa{left:76%;top:52%;}
.m42 .section1 .global>ul>li.usa2{left:78%;top:56%;}

.m42 .section1 .global>ul>li .box.left{
	display:none;
	box-sizing:border-box;
	position:absolute;left:100%;top:0;margin:0 0 0 19px;
	width:372px;
	padding:38px 28px;
	border:2px solid #32407d;
	background:#fff;
}
.m42 .section1 .global>ul>li .box.left:before{
	display:block;content:"";
	width:9px;height:11px;
	background:url(/images/page/m42_boxarr.png) no-repeat;
	position:absolute;right:100%;top:20px;
}
.m42 .section1 .global>ul>li .box.right{
	display:none;
	box-sizing:border-box;
	position:absolute;right:100%;top:0;margin:0 19px 0 0;
	width:372px;
	padding:38px 28px;
	border:2px solid #32407d;
	background:#fff;
}
.m42 .section1 .global>ul>li .box.right:before{
	display:block;content:"";
	width:9px;height:11px;
	transform:rotate(180deg);
	background:url(/images/page/m42_boxarr.png) no-repeat;
	position:absolute;left:100%;top:20px;
}
.m42 .section1 .global>ul>li .box .namearea{display:flex;align-items:center;justify-content:space-between;}
.m42 .section1 .global>ul>li .box .namearea .flag{width:75px;}
.m42 .section1 .global>ul>li .box .namearea .nation{width:calc(100% - 85px)}
.m42 .section1 .global>ul>li .box .namearea .nation .name1{font-family:"Montserrat";font-size:23px;color:#32407d;font-weight:600;}
.m42 .section1 .global>ul>li .box .namearea .nation .name2{font-family:"Montserrat";font-size:16px;color:#444;font-weight:500;}
.m42 .section1 .global>ul>li .box .info{margin-top:30px;}
.m42 .section1 .global>ul>li .box .info ul li{
	font-family:"Montserrat";font-size:16px;color:#444;font-weight:500;
	margin-bottom:10px;padding:2px 0 2px 30px;
}
.m42 .section1 .global>ul>li .box .info ul li:last-child{margin-bottom:0;}
.m42 .section1 .global>ul>li .box .info ul li.loca{background:url(/images/page/m42_ico1.gif) no-repeat left top;}
.m42 .section1 .global>ul>li .box .info ul li.email{background:url(/images/page/m42_ico2.gif) no-repeat left top;}
.m42 .section1 .global>ul>li .box .info ul li.tel{background:url(/images/page/m42_ico3.gif) no-repeat left top;}
.m42 .section1 .global>ul>li .box .info ul li.name{background:url(/images/page/m42_ico4.gif) no-repeat left top;}


.m42 .section2{padding:0px 0 150px;}
.m42 .section2>div>ul{border-top:2px solid #000;}
.m42 .section2>div>ul>li{
	padding:50px;
	border-bottom:1px solid #ddd;
}
.m42 .section2>div>ul>li .nation{display:flex;align-items:center;}
.m42 .section2>div>ul>li .nation .flag{width:75px;margin-right:15px;}
.m42 .section2>div>ul>li .nation .name{
	width:calc(100% - 85px);
	font-family:"Montserrat";font-size:32px;color:#32407d;font-weight:600;
}
.m42 .section2>div>ul>li .office{margin-top:35px;}
.m42 .section2>div>ul>li .office.flex{width: 100%;overflow: hidden;}
.m42 .section2>div>ul>li .office .boxwrap{width:100%;}
.m42 .section2>div>ul>li .office.flex  .boxwrap{width:50%;float:left;padding:30px 0 0 0;}
.m42 .section2>div>ul>li .office .boxwrap .officename{font-family:"Montserrat";font-size:23px;color:#444;font-weight:600;}
.m42 .section2>div>ul>li .office .boxwrap ul{margin-top:20px;}
.m42 .section2>div>ul>li .office .boxwrap ul li{
	font-family:"Montserrat";font-size:16px;color:#444;font-weight:500;
	margin-bottom:10px;padding:2px 0 2px 30px;
}
.m42 .section2>div>ul>li .office .boxwrap ul li:last-child{margin-bottom:0;}
.m42 .section2>div>ul>li .office .boxwrap ul li.loca{background:url(/images/page/m42_ico1.gif) no-repeat 2px top;}
.m42 .section2>div>ul>li .office .boxwrap ul li.email{background:url(/images/page/m42_ico2.gif) no-repeat left top;}
.m42 .section2>div>ul>li .office .boxwrap ul li.tel{background:url(/images/page/m42_ico3.gif) no-repeat left top;}
.m42 .section2>div>ul>li .office .boxwrap ul li.name{background:url(/images/page/m42_ico4.gif) no-repeat left top;}
.m42 .section2>div>ul>li .office .etc{font-family:"Montserrat";font-size:23px;color:#444;font-weight:500;}

@media(max-width:960px){
	.m42 .section2>div>ul>li{padding:50px 4%;}
	.m42 .section2>div>ul>li .office .boxwrap .officename{font-size:22px;}
}

/* m43 */
.m43 .section{
	padding-top: 20px;
	padding-bottom: 20px;
}
.m43 .section:after{
	background: #FFFFFF;
}
.m43 .section h3{
	text-align: left;
	margin-bottom: 10px;
}
.m43 .section h3 strong{
	color: #222222;
}
.m43 .section h3:after{
	margin: 20px 0 0 0;
}
.m43 .section p{
	text-align: left;
	margin-bottom: 0;
}
.m43 .section .innerwrap>div.txtarea{
	width: 100%;
}
.m43 .section .innerwrap>div.txtarea p{
	transform: translateX(0px) !important;
}
.m43 .section .p_point{
	width: 5px;
	height: 5px;
	background: #999999;
	border-radius: 50%; 
	display: inline-block;
	vertical-align: middle;
	margin: -5px 5px 0 0;
}
.m43 .section1{
	margin: 30px 0 60px 0;
}
.m43 .section1 .txtarea{
	background: url(/images/page/m31_ssp.png) no-repeat right 10000px;
}
.m43 .section1:before{
	background: #f6f6f6 url(/images/page/m43_sec1_bg.jpg) no-repeat center
}
.m43 .section1 .txtarea dl.post{
	margin-bottom: 10px;
	background: url(/images/page/m43_sec1_ico1.gif) no-repeat left top;
}
.m43 .section1 .txtarea dl.email{
	margin-bottom: 10px;
}
.m43 .section1 .txtarea dl.tel{
	margin-bottom: 0;
}


/* 게시판 bbs */
.bbs{}
.bbs .titlearea{text-align:center;}
.bbs .titlearea h3{font-family:"Montserrat";font-size:40px;color:#222;font-weight:bold;}
.bbs .titlearea h3 span{color:#32407d;}

.gallery{
	padding:10px 0 100px 0;
	background:#f6f6f6;
}
.gallery .list{margin-top:45px;}
.gallery .list ul{display:flex;flex-wrap:wrap;}
.gallery .list ul li{
	position:relative;box-sizing:border-box;
	width:32%;
	margin:0 2% 2% 0;padding:19px;
	background:#fff;
	border:1px solid #ddd;
}
.gallery .list ul li:hover{border:1px solid #2c3d88;}
.gallery .list ul li:nth-child(3n){margin-right:0;}
.gallery .list ul li a{display:block;word-break:keep-all;}
.gallery .list ul li a .thumb{}
.gallery .list ul li a .thumb img{width:100%;}
.gallery .list ul li a .sbj{
	margin:20px 0 10px;font-size:19px;color:#3b3230;font-weight:500;
	display: inline-block; width:100%;
	overflow: hidden; text-overflow: ellipsis;white-space: normal;
	height: 3em;line-height:1.5em;
	 display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;
}
.gallery .list ul li a .con{
	margin:0 0 20px;font-size:15px;color:#777;line-height:1.7em;
	overflow: hidden; text-overflow: ellipsis;white-space: normal;
	height:3.4em;
	display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;
}
.gallery .list ul li a .date{margin:0 0 10px;font-size:15px;color:#777;line-height:170%;}
.gallery .list ul li a .more{
	display:block;
	position:absolute;right:0;bottom:0;
	width:45px;height:45px;
	background-image: linear-gradient(to bottom right, #1f7dad, #2c3d88);
}
.gallery .list ul li a .more:before{
	display:block;content:"";
	width:0.5px;height:13px;
	background:#fff;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
}
.gallery .list ul li a .more:after{
	display:block;content:"";
	width:13px;height:1px;
	background:#fff;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
}


@media(max-width:900px){
	.gallery .list ul li{
		position:relative;box-sizing:border-box;
		width:49%;
		margin:0 2% 2% 0;padding:19px;
		background:#fff;
		border:1px solid #ddd;
	}
	.gallery .list ul li:nth-child(3n){margin-right:2%;}	
	.gallery .list ul li:nth-child(2n){margin-right:0;}	
}


.gallery .view{margin-top:45px;}
.gallery .view table{width:100%;border-top:2px solid #000;}
.gallery .view table th{
	padding:30px 0;
	border-bottom:1px solid #ddd;
	text-align:center;
}
.gallery .view table th .sbj{font-size:26px;color:#222;margin-bottom:10px;}
.gallery .view table th .date{font-family:"Montserrat";font-size:17px;color:#666;font-weight:400;}
.gallery .view table td.viewcon{
	padding:80px 40px;
	border-bottom:1px solid #ddd;
}
.gallery .view table td.viewcon img,
.gallery .view table td.viewcon iframe{max-width:100%;}
.gallery .view .btns{position:relative;margin:17px 0 0;}
.gallery .view .btns>a{
	display:block;
	width:156px;height:45px;
	margin:0 auto;
	text-align:center;line-height:45px;
	font-family:"Montserrat";font-size:17px;color:#fff;background:#32407d;border:0;	
}
.gallery .view .btns .view_page{position:absolute;right:0;top:0;}
.gallery .view .btns .view_page img{border:1px solid #ddd;}






.basic{
	padding:10px 0 100px 0;
	background:#f6f6f6;
}
.basic .list{margin-top:45px;}
.basic .list ul{display:flex;flex-wrap:wrap;}
.basic .list ul li{
	position:relative;box-sizing:border-box;
	width:100%;
	margin:0 0 8px 0;padding:20px 0;
	background:#fff;
	border:1px solid #ddd;
}
.basic .list ul li:hover{border:1px solid #2c3d88;}
.basic .list ul li:last-child{margin-bottom:0;}
.basic .list ul li a{display:flex;align-items:center;word-break:keep-all;}
.basic .list ul li a .date{width:140px;text-align:center;}
.basic .list ul li a .date .day{font-family:"Montserrat";font-size:42px;color:#32407d;font-weight:600;line-height:100%;}
.basic .list ul li a .date .ym{font-family:"Montserrat";font-size:14px;color:#32407d;font-weight:600;line-height:100%;}
.basic .list ul li a .txts{}
.basic .list ul li a .sbj{
	font-size:17px;color:#666;
	box-sizing:border-box;
	padding:0 25px;
	display: inline-block; width:calc(100% - 240px);
	overflow: hidden; text-overflow: ellipsis;white-space: nowrap;
	line-height:1.5em;
}
.basic .list ul li a .more{
	display:block;
	position:absolute;right:25px;top:50%;transform:translateY(-50%);
	width:45px;height:45px;
	background-image: linear-gradient(to bottom right, #1f7dad, #2c3d88);
}
.basic .list ul li a .more:before{
	display:block;content:"";
	width:0.5px;height:13px;
	background:#fff;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
}
.basic .list ul li a .more:after{
	display:block;content:"";
	width:13px;height:1px;
	background:#fff;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
}


@media(max-width:900px){
	.basic .list ul li a .more{display:none;}
	.basic .list ul li a .sbj{width:calc(100% - 150px)}
}


/* m53 */
.m53{
	padding-bottom:80px;
	word-break:keep-all;
}
.m53 .titlearea{text-align:center;}
.m53 .titlearea h3{font-family:"Montserrat";font-size:40px;color:#222;font-weight:bold;}
.m53 .titlearea h3 span{color:#32407d;}
.m53 .conarea{
	display:flex;justify-content:space-between;align-items:center;
	position:relative;
	box-sizing:border-box;
	margin:40px 0 0;
	padding:0 40px 0;
}
.m53 .conarea:before{
	display:block;
	content:"";
	width:100%;
	height:100%;
	background:#f6f6f6;
	position:absolute;
	left:0;
	top:0;
	padding: 0 0 30px 0;
}
.m53 .conarea .imgarea{
	position:relative;
	z-index:10;
	width:280px;
	padding: 30px 0 0 0;
}
.m53 .conarea .txtarea{
	position:relative;
	z-index:10;
	width:calc(100% - 350px);
}
.m53 .conarea .txtarea .txtwrwap{
	margin: 20px 0 0 0;
}
.m53 .conarea .txtarea h3{font-family:"Montserrat";font-size:17px;color:#222;font-weight:bold;}
.m53 .conarea .txtarea h3 span{color:#32407d;}
.m53 .conarea .txtarea h4{
	margin:0 0 25px;
	font-size:30px;
	color:#333;
	font-weight:500;
}
.m53 .conarea .txtarea h4 span{color:#32407d;}
.m53 .conarea .txtarea .list{
	display:flex;
	padding:20px 0;
	border-top:1px solid #ddd;border-bottom:1px solid #ddd;
}
.m53 .conarea .txtarea .list .tit{width:95px;font-size:16px;color:#222;font-weight:500;line-height:100%;}
.m53 .conarea .txtarea .list .con{width:calc(100% - 95px);}
.m53 .conarea .txtarea .list .con ul{display:flex;flex-wrap:wrap;padding-right:0;}
.m53 .conarea .txtarea .list .con ul li{
	width:100%;
	font-family:"Montserrat";
	font-size:16px;
	color:#7e7e7e;
	font-weight:500;
	margin-bottom:10px;
}
.m53 .conarea .txtarea .list .con ul li:last-child{margin-bottom:0}
.m53 .conarea .txtarea .btns{
/*	display:flex;*/
/*	justify-content:space-between;*/
	width:100%;
	text-align: right;
	margin: 54px 0 0 0;
}
.m53 .conarea .txtarea .list .con ul li{
	width: 100%;
	font-family:"Montserrat";
	font-size:16px;
	color:#7e7e7e;
	font-weight:500;
	margin-bottom:10px;
	line-height:130%;
}
.m53 .conarea .txtarea .btns{
/*	display:flex;*/
/*	justify-content:space-between;*/
	width:100%;
	text-align: right;
	margin: 54px 0 0 0;
}
.m53 .conarea .txtarea .btns ul{
	display: inline-block;
}
.m53 .conarea .txtarea .btns ul li{
	width: 500px;
	float:left;
}
.m53 .conarea .txtarea .btns ul li a{
	display:inline-block;
	width:220px;
	height:50px;
	margin:-150px 10px 0 0;
	text-align:center;
	line-height:50px;
	font-size:17px;
	color:#fff;
	background:#32407d;
	border:0;
}
.m53 .conarea .txtarea .btns ul li a img{
	display:inline-block;
	vertical-align:top;
	margin:15px 0 0 10px;
}

/*
@media(max-width:1100px){
	
	.m53 .conarea{
		display:flex;justify-content:space-between;align-items:flex-start;
	}
	.m53 .conarea .imgarea{
		position:relative;z-index:10;
		width:40%;
	}
	.m53 .conarea .txtarea{
		position:relative;z-index:10;
		width:55%;
	}	
	.m53 .conarea .txtarea .list .con ul li{
		font-family:"Montserrat";font-size:16px;color:#7e7e7e;font-weight:500;
		width:100%;margin-bottom:10px;
	}
	.m53 .conarea .txtarea h4{font-size:26px;}
}
@media(max-width:915px){
	.m53 .conarea:before{height:110%}
	.m53 .conarea .txtarea .btns{flex-wrap:wrap;margin-top:0%;}
	.m53 .conarea .txtarea .btns>a{width:100%;}
}
*/



/* m61 */
.m61{word-break:keep-all;}
.m61 .titlearea{text-align:center;}
.m61 .titlearea h3{font-size:37px;color:#222;font-weight:400;opacity:100;}
.m61 .titlearea h3 strong{display:inline-block;color:#222;}
.m61 .titlearea h3 strong span{position:relative;color:#222;}
.m61 .titlearea h3 span:after{
	display:block;content:"";
	position:absolute;left:0;bottom:5px;
	width:100%;height:11px;
	background:rgba(32,122,172,0.3);
}
.m61 .section{overflow:hidden;position:relative;padding:80px 0 150px;background:#f6f6f6;}
.m61 .section:after{
	display:block;content:"";
	width:1000%;height:1px;
	background:#ddd;
	position:absolute;left:0;top:487px;
}
.m61 .conarea{display:flex;justify-content:space-between;position:relative;margin-top:75px;}
.m61 .conarea .boxwrap{
	position:relative;
	width:33.333%;
	text-align:center;
}
.m61 .conarea .boxwrap .dot{position:absolute;right:-5%;top:100px;width:53px;display:flex;justify-content:space-between;}
.m61 .conarea .boxwrap:last-child .dot{display:none;}
.m61 .conarea .boxwrap .dot>div{
	display:inline-block;
	width:5px;height:5px;
	background:#bebebe;
}
.m61 .conarea .boxwrap .dot>div:nth-child(2){transform:scale(1.5);}
.m61 .conarea .boxwrap .dot>div:last-child{margin-right:0;}
.m61 .conarea .boxwrap .iconwrap{
	position:relative;
	box-sizing:border-box;
	width:217px;height:217px;
	margin:0 auto;padding:18px;
	border:1px dotted #ddd;border-radius:50%;
}
.m61 .conarea .boxwrap .iconwrap:before{
	display:block;content:"";
	width:17px;height:17px;
	background:rgba(50,64,125,0.1);
	position:absolute;left:50%;top:100%;
	margin:17px 0 0 -8px;
}
.m61 .conarea .boxwrap .iconwrap:after{
	display:block;content:"";
	width:5px;height:5px;
	background:rgba(50,64,125,1);
	position:absolute;left:50%;top:100%;
	margin:23px 0 0 -2px;
}
.m61 .conarea .boxwrap .iconwrap .iconbox{
	box-sizing:border-box;
	width:100%;height:100%;background:#e4e5eb;border-radius:50%;
	padding:14px;
}
.m61 .conarea .boxwrap .iconwrap .iconbox .iconimg{
	position:relative;
	box-sizing:border-box;border-radius:50%;
	width:100%;height:100%;
	background-image: linear-gradient(to bottom right, #1f7dad, #2c3d88);
}
.m61 .conarea .boxwrap .iconwrap .iconbox .iconimg:after{
	display:block;content:"";
	width:1px;height:74px;
	background:#ddd;
	position:absolute;left:50%;top:100%;
}

.m61 .conarea .boxwrap dl{margin-top:65px;}
.m61 .conarea .boxwrap dl dt{margin-bottom:20px;font-size:22px;color:#32407d;font-weight:600;}
.m61 .conarea .boxwrap dl dd{}
.m61 .conarea .boxwrap dl dd ul{display:inline-block;}
.m61 .conarea .boxwrap dl dd ul li{text-align:left;}


@media(max-width:1060px){
	.m61 .section:after{top:56.3%;}
	.m61 .conarea .boxwrap {
		position: relative;
		width: 30%;
		text-align: center;
	}	
	.m61 .conarea .boxwrap .dot{display:none;}
}



/* m62 */
.m62{word-break:keep-all;}
.m62 .titlearea{position:relative;top:-18px;text-align:center;}
.m62 .titlearea h3{font-family:"Montserrat";font-size:20px;color:#222;font-weight:bold;opacity:100;}
.m62 .titlearea h3 span{color:#32407d;}
.m62 .titlearea h4{font-size:37px;color:#222;font-weight:300;opacity:100;}
.m62 .titlearea h4 span{font-weight:500;}

.m62 .section1{padding-bottom:120px;background:#f6f6f6;}
.m62 .section1 .conarea{
	margin-top:10px;
	box-sizing:border-box;
	display:flex;
	border:1px solid #ddd;
}
.m62 .section1 .conarea .boxwrap{
	box-sizing:border-box;
	position:relative;
	width:33.333%;
	padding:50px;
	border-right:1px solid #ddd;
}
.m62 .section1 .conarea .boxwrap:nth-child(1){background:#fefefe url(/images/page/m62_num01.gif) no-repeat center;}
.m62 .section1 .conarea .boxwrap:nth-child(2){background:#fefefe url(/images/page/m62_num02.gif) no-repeat center;}
.m62 .section1 .conarea .boxwrap:last-child{
	border-right:0;
	background:#fefefe url(/images/page/m62_num03.gif) no-repeat center;
}
.m62 .section1 .conarea .boxwrap h5{font-size:26px;color:#222;font-weight:600;}
.m62 .section1 .conarea .boxwrap h5 .fstop{
	display:inline-block;
	width:6px;height:6px;
	background:#32407d;
	margin-left:0px;
}
.m62 .section1 .conarea .boxwrap ul{margin-top:30px;}
.m62 .section1 .conarea .boxwrap ul li{word-break:keep-all;}
.m62 .section1 .conarea .boxwrap .plus{}
.m62 .section1 .btmarea{
	padding:65px 0;
	background:url(/images/page/m62_sec1_btm_bg.jpg) no-repeat center;
	text-align:center;
}
.m62 .section1 .btmarea h5{margin-bottom:30px;font-size:28px;color:#fff;font-weight:600;}
.m62 .section1 .btmarea h5 .fstop{
	display:inline-block;
	width:6px;height:6px;
	background:#fff;
	margin-left:0px;
}
.m62 .section1 .btmarea ul{display:flex;padding:0 5%;}
.m62 .section1 .btmarea ul li{
	position:relative;padding-left:50px;font-size:19px;color:#fff;
	margin:0 20px;text-align:left;
}
.m62 .section1 .btmarea ul li span{
	display:inline-block;
	position:absolute;left:0;top:0;
	width:40px;height:40px;
	text-align:center;line-height:40px;
	font-family:"Montserrat";font-size:20px;color:#fff;font-weight:500;
	margin-right:10px;
	background-image: linear-gradient(to right, #1f7dad, #2c3d88);
}

@media(max-width:900px){
	.m62 .section1 .conarea{display:flex;flex-wrap:wrap;}
	.m62 .section1 .conarea .boxwrap{
		box-sizing:border-box;
		position:relative;
		width:100%;
		padding:50px;
		border-right:0;border-bottom:1px solid #ddd;
	}	
	.m62 .section1 .conarea .boxwrap:last-child{border-bottom:0;}
}




/* m63 */
.m63{}
.m63 .titlearea{
	padding:20px 10%; /*padding:95px 10%;*/
	/*background:#32407d url(/images/page/m15_ssp.gif) no-repeat 86% center;*/
	background: #32407d;
	text-align:center;
}
.m63 .titlearea h3{font-size:37px;color:#fff;font-weight:300;}
.m63 .titlearea h3 span{font-weight:500;}
.m63 .conarea{
	padding:40px 0;
}
.m63 .conarea ul{display:flex;flex-wrap:wrap;}
.m63 .conarea ul li{
	box-sizing:border-box;
	width:19%;
	margin:0 1% 1% 0;
	padding:10px 10px;
	border:1px solid #a5abc3;
	background:#fff;
	word-break:keep-all;
	text-align:center;
}
.m63 .conarea ul li:nth-child(6n){margin-right:1%;}
.m63 .conarea ul li:nth-child(5n){margin-right:0;}
.m63 .conarea ul li .ico{height:56px;}
.m63 .conarea ul li:nth-child(12) img,
.m63 .conarea ul li:nth-child(13) img,
.m63 .conarea ul li:nth-child(15) img{margin-top:5px;}
.m63 .conarea ul li:nth-child(20) img{margin-top:8px;}
.m63 .conarea ul li:nth-child(23) img{margin-top:15px;}

.m63 .conarea ul li .sbj:before{
	display:block;
	content:"";
	width:20px;
	height:2px;
	margin:5px auto;
	background:#32407d;
}
.m63 .conarea ul li .sbj{
	font-size:16px;
	color:#555;
	line-height: 22px;
}

@media(max-width:1000px){
	.m63 .conarea ul{display:flex;flex-wrap:wrap;}
	.m63 .conarea ul li{
		box-sizing:border-box;
		width:24.25%;
		margin:0 1% 1% 0;padding:35px;
		border:1px solid #a5abc3;
		background:#fff;
		word-break:keep-all;text-align:center;
	}
	.m63 .conarea ul li:nth-child(6n){margin-right:1%;}
	.m63 .conarea ul li:nth-child(5n){margin-right:1%;}	
	.m63 .conarea ul li:nth-child(4n){margin-right:0;}	
}



/* m64 */
.m64{}
.m64 .titlearea{position:relative;top:-18px;text-align:center;}
.m64 .titlearea h3{font-family:"Montserrat";font-size:20px;color:#222;font-weight:bold;opacity:100;}
.m64 .titlearea h3 span{color:#32407d;}
.m64 .titlearea h4{font-size:37px;color:#222;font-weight:300;opacity:100;}
.m64 .titlearea h4 span{font-weight:500;}
.m64 .section{padding-bottom:120px;background:#f6f6f6;}
.m64 .section .conarea{
	margin-top:10px;
	box-sizing:border-box;
	border-top:2px solid #32407d;
	background:#fff;
}
.m64 .section .conarea dl{
	display:flex;
	padding:20px 0;
	border-bottom:1px solid #ddd;
}
.m64 .section .conarea dl:nth-child(1){background:url(/images/page/m64_num01.gif) no-repeat right bottom;}
.m64 .section .conarea dl:nth-child(2){background:url(/images/page/m64_num02.gif) no-repeat right bottom;}
.m64 .section .conarea dl:nth-child(3){background:url(/images/page/m64_num03.gif) no-repeat right bottom;}
.m64 .section .conarea dl:nth-child(4){background:url(/images/page/m64_num04.gif) no-repeat right bottom;}
.m64 .section .conarea dl:nth-child(5){background:url(/images/page/m64_num05.gif) no-repeat right bottom;}
.m64 .section .conarea dl:nth-child(6){background:url(/images/page/m64_num06.gif) no-repeat right bottom;}
.m64 .section .conarea dl:nth-child(7){background:url(/images/page/m64_num07.gif) no-repeat right bottom;}
.m64 .section .conarea dl dt{
	box-sizing:border-box;
	width:25%;
	padding:0 0 0 3%;
	font-size:28px;color:#222;font-weight:600;
}
.m64 .section .conarea dl dd{
	box-sizing:border-box;
	width:75%;
	padding:0 3% 0 0;
}
.m64 .section .conarea dl dd.flex{display:flex;flex-wrap:wrap;}
.m64 .section .conarea dl dd .boxwrap{width:50%;margin:0 0 40px 0;}
.m64 .section .conarea dl dd .boxwrap .division{font-size:20px;color:#28366f;font-weight:500;}
.m64 .section .conarea dl dd .boxwrap .part{margin:5px 0 20px;font-size:16px;color:#222;}
.m64 .section .conarea dl dd .stepwrap{display:flex;max-width:917px;width:100%;border:1px solid #f5f5f5;}
.m64 .section .conarea dl dd .stepwrap .box{
	position:relative;
	width:25%;
	padding:45px 0;
	text-align:center;
}
.m64 .section .conarea dl dd .stepwrap .box:after{
	display:block;content:"";
	width:27px;height:7px;
	background:url(/images/page/m64_arr.png) no-repeat;
	position:absolute;left:100%;top:50%;z-index:10;
	margin:-3.5px 0 0 -13.5px;
}
.m64 .section .conarea dl dd .stepwrap .box:last-child:after{display:none;}
.m64 .section .conarea dl dd .stepwrap .box .step{font-family:"Montserrat";font-size:14px;color:#32407d;font-weight:600;}
.m64 .section .conarea dl dd .stepwrap .box .ico{margin:20px 0;}
.m64 .section .conarea dl dd .stepwrap .box .sbj{font-size:19px;color:#111;font-weight:500;line-height:140%;}
.m64 .section .conarea dl dd .stepwrap .box .sbj span{font-size:15px;font-weight:400;}
.m64 .section .conarea dl dd .stepwrap .box:nth-child(even){background:#f5f5f5;}


@media(max-width:1000px){
	.m64 .section .conarea dl:nth-child(6){display:block;	}
	.m64 .section .conarea dl:nth-child(6) dt{}
	.m64 .section .conarea dl:nth-child(6) dd{width:100%;padding:40px 3% 0}
	.m64 .section .conarea dl:nth-child(6) dd .stepwrap{max-width:auto;width:100%;}
}



/* m65 */
.m65{word-break:keep-all;}
.m65 .section{padding:0 0 150px;}
.m65 .section>div{
	box-sizing:border-box;
	background:url(/images/page/m65_bg.jpg) no-repeat center;
	background-size:cover;
}
.m65 .section>div .txtarea{
	box-sizing:border-box;
	width:43%;
	padding:80px 0 100px 5%;	
}
.m65 .titlearea h3{font-family:"Montserrat";font-size:20px;color:#fff;font-weight:bold;}
.m65 .titlearea h4{font-size:37px;color:#fff;font-weight:300;line-height:120%;margin:10px 0 25px;}
.m65 .titlearea h4 span{color:#fff;font-weight:500;}
.m65 .titlearea .email{font-size:20px;color:#fff;font-weight:400;}
.m65 .titlearea p{
	margin:5px 0 40px;
	font-size:16px;
	color:#fff;
	font-weight:300;
}
.m65 .titlearea a{
	display:block;
	width:70%;
	font-size:19px;color:#fff;line-height:60px;text-align:center;
	background:#32407d;
}
.m65 .titlearea a img{display:inline-block;vertical-align:middle;margin:-4px 0 0 10px;}

@media(max-width:1060px){
	.m65 .section>div{
		box-sizing:border-box;
		background:url(/images/page/m65_bg.jpg) no-repeat center;
		background-size:cover;
	}
	.m65 .section>div .txtarea{
		box-sizing:border-box;
		width:100%;
		padding:60px 5% 60px;	
		background:rgba(0,0,0,0.4);
	}	
}




/* layer_pop */
#bg_black{
	display:none;
	width:100%;height:100%;
	background:rgba(0,0,0,0.7);
	position:fixed;left:0;top:0;z-index:1100;
}
.layer_pop{
	display:none;
	position:fixed;left:50%;top:0;z-index:1200;
	transform:translateX(-50%);
	max-width:772px;width:94%;
	background:#fff;text-align:center;
}
.layer_pop .btn_x{position:absolute;right:0;top:0;}
.layer_pop .btn_x img{height:60px;}
.layer_pop .layer_conwrap{padding:20px 10%;}
.layer_pop iframe{height:100vh}


/* m34 */
.m34 .section1{
	width: 100%;
	overflow: hidden;
	background: #f6f6f6;
	padding: 50px 0;
}
.m34 .section1 .innerwrap{
	width: 100%;
	overflow: hidden;
}
.m34 .m34_left{
	width: 100%;
	float: left;
	padding: 0 0 0 0;
	box-sizing: border-box;
}
.m34 .m34_right{
	width: 100%;
	float: left;
	padding: 0 0 0 0;
	box-sizing: border-box;
}
.m34 .m34_title{
	font-weight: 500;
	font-size: 34px;
	color: #000000;
	padding: 0 0 40px 0;
}


.m34 .m34_left > ul{
	width: 104%;
	overflow: hidden;
	box-sizing: border-box;
}
.m34 .m34_left > ul > li{
	width: 33.33333333333333%;
	float: left;
	padding: 0 4% 0 0;
	box-sizing: border-box;
}
.m34 .m34_left > ul > li > dl{
	width: 100%;
	overflow: hidden;
	background: #FFFFFF;
	border: 1px solid #dddddd;
	border-radius: 20px;
	box-sizing: border-box;
	text-align: center;
	padding: 50px 0 36px 0;
}
.m34 .m34_left > ul > li > dl > dt{
	padding: 0 0 40px 0;
}
.m34 .m34_left > ul > li > dl > dt > img{
	height: 55px;
}
.m34 .m34_left > ul > li > dl > dd > .m34_left_number{
	font-family: "Montserrat";
	font-weight: 700;
	font-size: 40px;
	color: #32407d;
}
.m34 .m34_left > ul > li > dl > dd > .m34_left_title{
	font-weight: 500;
	font-size: 20px;
	color: #000000;
	padding: 5px 0 0 0;
}

.m34 .m34_left > table{
	width: 100%;
	overflow: hidden;
	border-collapse: collapse;
	border-spacing: 0;
	border:0;
	margin: 50px 0 50px 0;
}
.m34 .m34_left > table > thead > tr > th{
	width: 25%;
	border-top: 2px solid #32407d;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #eef0f9;
	font-weight: 500;
	font-size: 19px;
	color: #000000;
	padding: 10px 0 13px 0;
	box-sizing: border-box;
}
.m34 .m34_left > table > tbody > tr > td{
	width: 25%;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #FFFFFF;
	text-align: center;
	font-size: 19px;
	color: #666666;
	padding: 10px 0 13px 0;
	box-sizing: border-box;
}
.m34 .m34_left > table .td_b{
	color: #000000;
}
.m34 .m34_left > table .line_none{
	border-right: 0;
}

.m34 .m34_right > dl{
	width: 100%;
	overflow: hidden;
}
.m34 .m34_right > dl > dt{
	width: 30%;
	float: left;
	padding: 0 10px 0 0;
	box-sizing: border-box;
}
.m34 .m34_right > dl > dd{
	width: 70%;
	float: left;
}
.m34 .m34_right > dl > dd > .m34_right_iso{
	width: 100%;
	overflow: hidden;	
	padding: 25px 0 0 0;
}
.m34 .m34_right > dl > dd > .m34_right_iso > li{
	width: 100%;
	overflow: hidden;
	margin: 0 0 12px 0;
	border-radius: 30px;
}
.m34 .m34_right > dl > dd > .m34_right_iso > li > .m34_right_iso{
	width: 25%;
	float: left;
	background: #32407d;
	font-size: 19px;
	color: #FFFFFF;
	padding: 10px 0 13px 20px;
	box-sizing: border-box;
}
.m34 .m34_right > dl > dd > .m34_right_iso > li > .m34_right_name{
	width: 75%;
	float: left;
	background: #FFFFFF;
	font-size: 19px;
	color: #666666;
	padding: 10px 0 13px 20px;
	box-sizing: border-box;
}


.m34 .m34_right .m34_right_list{
	width: 100%;
	overflow: hidden;	
	padding: 50px 0 0 0;
}
.m34 .m34_right .m34_right_list > li{
	width: 33.33333333333333%;
	float: left;
	text-align: center;
}
.m34 .m34_right .m34_right_list > li > dl > dt{
	height: 221px;
	display: inline-block;
	vertical-align: bottom;	
}
.m34 .m34_right .m34_right_list > li > dl > dd{
	font-size: 17px;
	color: #666666;
	padding: 15px 0 0 0;
}
.m34 .m34_right .m34_right_list > .li_1 > dl > dt > img{
	padding: 45px 0 0 0;
}
.m34 .m34_right .m34_right_list > .li_3 > dl > dt > img{
	padding: 38px 0 0 0;
}

.m34 .m34_data{
	text-align: left;
	padding: 20px 0 0 0;
	font-size: 17px;
}

/*제품 cate7 */
.m22 .section .product_tabcon .pwrap .pht{
	top: 210px;
}
.m22 .section .product_tabcon .pwrap .pht{
	width: 40%;
}
.m22 .section .product_tabcon .pwrap .info{
	width: 60%;
	padding-top: 120px;
}

@media (max-width: 1099px){
	.m22 .section .product_tabcon .pwrap .info{
		width: 100%;
		padding-top: 150px;
		padding-left: 0;
	}
}

.cate7_info p{
	width: 100%;
	position: absolute;
	font-size: 16px;
	left: 0;
	top: 100px;
}
.system table{
	width: 100%;
	overflow: hidden;
	border-collapse: collapse;
	border-spacing: 0;
	border:0;
}
.system table th{
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	background: #f6f6f6;
	padding: 10px 0;
	font-weight: 500;
	color: #000000;
}
.system table td{
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	padding: 10px 0;
	text-align: center;
}
.system table .line_none{
	border-right: 0;
}
.system table .td_1{
	width: 15%;
}
.system table .td_2{
	width: 15%;
}
.system table .td_3{
	width: 45%;
}
.system table .td_4{
	width: 25%;
}