/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:none; }
.sub_tab						{display:block;}

/* left menu 있을때... */
/*
.sub_left								{width:15%; max-width:200px; float:left;}
.sub_right						{width:82%; padding-right:1%; float:right; position:relative;}
*/

.sub_left								{display:none; }
.sub_right						{width:100%; position:relative; padding-bottom:150px;}

@media(max-width:1280px){
	.sub_right {padding-bottom:120px;}
}
@media(max-width:1080px){
.sub_left	{display:none;}
.sub_right					{width:100%; padding-bottom:90px; float:none;}
}
@media(max-width:768px){
.sub_title_navi			{display:block;}
.sub_tab						{display:none;}
.sub_right {padding-bottom:60px;}
}
@media(max-width:500px){
}

.content_title			{margin:15px 0; padding:15px 0; border-bottom:1px solid #dfdfdf;}
.content_title h1		{font-size:18px; font-weight:700; color:#000;}
.content_title p		{font-size:12px;}

.content_desc				{min-height:500px;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
.header_t{width:100%; display:flex; align-items: center; padding:0 4%; z-index: 56; left:0; top:0; min-height:70px; position:absolute; justify-content: space-between;}
.header_t img.hlogoon	{display:block;}
.header_t img.hlogooff	{display:none;}

.header_logo{width:23%;}
.header_logo img {width:100%; max-width:185px; height:auto; display:block;}

.header_gnb{width:89%;}
.header_gnb .gnb {width:100%;}
.header_gnb a{color:#fff; font-size:17px; font-weight:600;}

.header_gnb .main_menu{display: flex; align-items: center; justify-content: flex-start;}
.header_gnb .main_menu .menu{position: relative; padding:0 4.9%;}  
.header_gnb .main_menu .menu>a{padding:34px 0; display: block;}

.header_gnb .snb_menu{display: none; position: absolute; top:88px; background:#fff; width: 100%; left:0; right:0; margin: auto;}
.header_gnb .snb_menu a{font-weight:500; display: block; padding:10px 0; color:#121212; font-size:14px; text-align: center;}

.header_gnb .main_menu li>a:focus, .header_gnb .main_menu li:hover>a{color:#0089d0;}
.header_gnb .main_menu li.active>a{color:#0089d0;}/*1댑스 현재 페이지 on*/
.header_gnb .snb_menu .sub_active>a{background:#0089d0; color:#fff;}/*2댑스 현재 페이지 on*/
.header_gnb .snb_menu .sub_active:hover>a:hover{color:#fff;}

.header_btn{width:40%;display: flex; justify-content: flex-end; align-items: center;}
.header_btn .contact_btn {}
.header_btn .contact_btn a {width:110px;color:#fff; border:1px solid #fff; border-radius: 50px; padding:7px 13px 9px 12px; font-size:14px; margin-right:10px;}
.header_btn .language_btn{ position: relative; text-align:center;}
.header_btn .language_btn>a{color:#fff; font-size:14px; width:122px; text-align:center; border:1px solid #fff; border-radius: 50px; padding:7px 19px 9px; display:flex; justify-content: space-between; align-items: center;}
.header_btn .language_btn i {padding-left:15px;}
.header_btn .language_btn ul{position:absolute; top:100%; width:100%; display: none; background:#fff; padding:4px 10px; border:1px solid #ddd; border-radius:10px;}
.header_btn .language_btn ul li a{display:block; font-size:14px; color:#121212; padding:5px 0; text-align:center;}

.header_btn .contact_btn a:hover, .header_btn .language_btn a:hover {background-color: #fff; border:1px solid #fff; color:#333;}

.header_btn .login_btn{display: flex; flex-direction: column; align-items: flex-end;}
.header_btn .login_btn a{display: block; font-size:14px; color:#fff; padding:3px 0;}

/* 햄벅 */
.mo_nav				{display:block; margin-left:30px;}
.mo_nav *{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {position: relative; background-color:transparent; background-image:none; border:0; display:flex; flex-wrap: wrap;}
.mo_nav .navbar-toggle:focus {outline: 0;}


.f-nav{position:fixed; top:0; left:0; width:100%; background:#fff; border-bottom:1px solid #dfdfdf;}
.f-nav img.hlogoon	{display:none;}
.f-nav img.hlogooff	{display:block;}

.f-nav .header_btn .contact_btn a {color:#111; border:1px solid #dfdfdf; }
.f-nav .header_btn .language_btn>a{color:#111; border:1px solid #dfdfdf; }
.f-nav .header_btn .contact_btn a:hover, .f-nav .header_btn .language_btn a:hover {background-color: #0089d0; border:1px solid #0089d0; color:#fff;}
.f-nav .header_gnb a{color:#111;}
.f-nav .header_gnb .snb_menu a{color:#121212;}
.f-nav .header_gnb .snb_menu .sub_active>a{background:#0089d0; color:#fff;}/*2댑스 현재 페이지 on*/


@media(max-width:1280px){
	.header_t{padding:0 3%;}
	.header_gnb {width:87%;}
	.header_gnb .main_menu .menu {padding:0 4%;}
	.header_gnb .main_menu .menu>a{font-size:16px;}
	.header_btn {width:50%;}
	.header_btn .contact_btn a {padding:5px 10px 7px 9px;}
	.header_btn .language_btn>a {padding:5px 16px 7px;}
	.header_btn .language_btn i {padding-left:13px;}
}
@media(max-width:1080px){
	.header_gnb, .header_btn .contact_btn, .header_btn .language_btn {display:none;}
	 
}
@media(max-width:768px){
	.mo_nav{display:block;}
	.header_btn .login_btn, .header_btn .language_btn{display: none;}
	.header_btn, .header_logo{width:40%;}
	.header_logo img {max-width:135px;}
	.header_t{justify-content: space-between;}
	.header_gnb{display: none;}
}

/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.main_visual										{position:relative; margin:0 auto;}

.main_visual .video_cover {position:absolute; width:100%; height:100%; z-index: 1; animation:loading 6s;}
.main_visual figure {position:absolute; left:50%; transform: translate(-50%,0); animation:up_down 0.7s linear infinite alternate; z-index:55;}
.main_visual figure img {display:block; width:100%; max-width:72px; height:auto;}
@keyframes loading{
	from{
		background: #111;
	}
	to{
		background: none;
	}
}
@keyframes up_down{
	from{
		bottom:5%
	}
	to{
		bottom:1%;
	}
}

.main_1 {padding:100px 0;}
.main_1 h1 {text-align: center; font-size:50px; font-weight:700; padding-bottom:40px; color:#000;}
.main_1 .page {width:100%; max-width:244px; margin:40px auto 0; justify-content: space-between; display:flex;}
@media (max-width:1280px){
	.main_1 {padding:80px 0;}
	.main_1 h1 {font-size:42px}
}
@media (max-width:1080px){
	.main_1 {padding:70px 0;}
	.main_1 h1 {font-size:36px}
}
@media (max-width:768px){
	.main_1 {padding:60px 0;}
	.main_1 h1 {font-size:32px; padding-bottom:20px;}
	.main_1 .page {max-width:200px;}
}
@media (max-width:500px){
	.main_1 {padding:50px 0;}
	.main_1 h1 {font-size:28px}
	
}



.main_movie {background:#F2F9FF; margin-bottom:100px;}
.main_movie_inner	{max-width:1160px; margin:0 auto; padding:100px 0;}
.main_movie_inner h1 {text-align: center; font-size:50px; font-weight:700; padding-bottom:40px; color:#000;}

@media (max-width:1280px){
	.main_movie_inner {padding:80px 0;}
	.main_movie_inner h1 {font-size:42px}
}
@media (max-width:1080px){
	.main_movie_inner {padding:70px 3%;}
	.main_movie_inner h1 {font-size:36px}
}
@media (max-width:768px){
	.main_movie_inner {padding:60px 3%;}
	.main_movie_inner h1 {font-size:32px; padding-bottom:20px;}
}
@media (max-width:500px){
	.main_movie_inner {padding:50px 3%;}
	.main_movie_inner h1 {font-size:28px}
	
}


.main2_inner {width:100%; max-width:1160px; height:auto; margin:0 auto;}
.main_2 {padding-bottom:100px;}
.main_2 figure {display:flex; justify-content: center;}
.main_2 .main2_inner > figure img {width:100%; max-width:247px; height:auto; display:block; margin:0 auto;}
.main_2 h2 {font-size:20px; font-weight:400; text-align: center; padding:40px 0; color:#}
.main_2 ul {display:flex; justify-content: space-between; width:100%;}
.main_2 ul a >img {opacity: 0; display:block;}
.main_2 ul a > img {width:100%; max-width:44px; height:auto; margin:0 auto;}
.main_2 li {width:25%; display:flex; flex-direction: column; align-items: center;justify-content: center; height:350px; text-align: center;}
.main_2 li figure img {width:100%; max-width:95px; height:auto; display:block;}
.main_2 li:nth-child(1) figure img {max-width:95px;}
.main_2 li:nth-child(2) figure img {max-width:93px;}
.main_2 li:nth-child(3) figure img {max-width:83px;}
.main_2 li:nth-child(4) figure img {max-width:73px;}
.main_2 li p {font-size:24px; font-weight:700; padding:30px 0 15px;}
.main_2 li:not(:last-child) {border-right:1px solid #d9d9d9;}
.main_2 li:hover p {color:#0081e9;}
.main_2 li:hover a >img {opacity:1;  transition:all 1s;}
@media (max-width:1400px){
	.main2_inner {padding: 0 4%;}
}
@media (max-width:1280px){
	.main_2 {padding-bottom:80px;}
	.main_2 .main2_inner  > figure img {max-width:220px;}
	.main_2 h2 {font-size:18px; padding:30px 0;}
	.main_2 li {height:300px;}
	.main_2 li p {font-size:22px; padding:25px 0 10px;}
}
@media (max-width:1080px){
	.main_2 {padding-bottom:70px;}
	.main_2 .main2_inner  > figure img {max-width:200px;}
	.main_2 h2 {font-size:17px;}
	.main_2 li {height:250px;}
	.main_2 li p {font-size:20px; padding:20px 0 10px;}
}
@media (max-width:768px){
	.main_2 {padding-bottom:60px;}
	.main_2 .main2_inner  > figure img {max-width:180px;}
	.main_2 h2 {font-size:16px;padding:20px 0;}
	.main_2 ul {flex-wrap:wrap;}
	.main_2 li {height:200px; width:50%;}
	.main_2 li a >img {opacity:1;}
	.main_2 li:nth-child(2) {border:none;}
	.main_2 li:nth-child(3),.main_2 li:nth-child(4) {border-top:1px solid #d9d9d9;}
	.main_2 li p {font-size:18px; padding:15px 0 5px;}
	.main_2 li a {display:block;}
	.main_2 ul a img {max-width:32px;}
}
@media (max-width:500px){
	.main_2 {padding-bottom:50px;}
	.main_2 .main2_inner  > figure img {max-width:160px;}
	.main_2 h2 {font-size:15px;}
	.main_2 li p {font-size:16px; padding:10px 0 5px;}
}

.main_3 {background-color: #EAF5FF; padding:100px 0;}
.main3_inner {width:100%; max-width:1400px; margin:0 auto;}
.main_3 h1 {font-size: 50px; font-weight:700; padding-bottom:40px; text-align: center; color:#000;}
.main_3 .page {width:100%; max-width:244px; margin:40px auto 0; justify-content: space-between; display:flex;}
@media (max-width:1400px){
	.main3_inner {padding: 0 4%;}
}
@media (max-width:1280px){
	.main_3 {padding:80px 0;}
	.main_3 h1 {font-size:42px;}
}
@media (max-width:1080px){
	.main_3 {padding:70px 0;}
	.main_3 h1 {font-size:36px;}
}
@media (max-width:768px){
	.main_3 {padding:60px 0;}
	.main_3 h1 {font-size:32px; padding-bottom:20px;}
	.main_3 .page {max-width:200px;}
}
@media (max-width:500px){
	.main_3 {padding:50px 0;}
	.main_3 h1 {font-size:28px;}
}

.main_4 {display:flex;}
.main_4 > div { width:50%;}
.main_4 .txt {padding:42px 0; display:flex; align-items: center;}
.main_4 .left .txt {justify-content: flex-end;}
.main_4 .right .txt {justify-content: flex-start;}
.main_4 .txt h2 {color:#fff; width:72%; font-size:28px; font-weight:700;}
.main_4 .txt .img {height:80px;}
.main_4 .txt .img .hover {display:none;}
.main_4 .txt .img img {width:100%; max-width:80px; height:auto;}
.main_4 .txt .img:hover img {display:none;}
.main_4 .txt .img:hover .hover{display:block;}
.main_4 .left .txt .img {display:block; margin-right:40px;}
.main_4 .right .txt h2 {margin-left:40px;}
.main_4 .left {background: url(./img/sec4_left.png) no-repeat center / cover;}
.main_4 .right {background: url(./img/sec4_right.png) no-repeat center / cover;}

@media (max-width:1280px){
	.main_4 .txt {padding:38px 0;}
	.main_4 .txt h2 {font-size:24px;}
	.main_4 .txt .img {height:70px;}
	.main_4 .txt .img img {max-width:70px;}
}
@media (max-width:1080px){
	.main_4 .txt {padding:35px 0;}
	.main_4 .txt h2 {font-size:20px;}
	.main_4 .txt .img {height:60px;}
	.main_4 .txt .img img {max-width:60px;}
}
@media (max-width:768px){
	.main_4 .txt {padding:30px 0;}
	.main_4 {flex-direction: column;}
	.main_4 > div { width:100%;}
	.main_4 .left .txt, .main_4 .right .txt {justify-content: center;}
	.main_4 .left .txt .img {margin-right:0;}
	.main_4 .right .txt h2 {margin-left:0;}
	.main_4 .txt h2 {font-size:18px;}
	.main_4 .txt .img {height:50px;}
	.main_4 .txt .img img {max-width:50px;}
}
@media (max-width:500px){
	.main_4 .txt {padding:25px 0;}
	.main_4 .txt h2 {font-size:16px;}
	.main_4 .txt .img {height:40px;}
	.main_4 .txt .img img {max-width:40px;}
}
/************************* main_inc 끝*************************/

/************************* title_navi 시작 *************************/
.navi_all{border-bottom:1px solid #ddd;}
.navi_in{width:100%; max-width:1300px; margin:0 auto; display: flex;}
.navi_in .home_btn_all a{display: flex; align-items: center; justify-content: center; padding:15px;}
.navi_in .down_btn{position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.navi_in .down_btn2{border-right:1px solid #ddd; border-left:0;}
.navi_in .down_btn .down_btn_title{display: flex; align-items: center; padding:17px 30px; cursor: pointer; width:240px;}
.navi_in .down_btn .down_btn_title h3{font-size:15px; font-weight:600; line-height:1; transition:all .2s;}
.navi_in .down_btn:hover .down_btn_title h3{color:#ea002b;}
.navi_in .down_btn .down_btn_title img{position:absolute; right:30px; top:0; bottom:0; margin:auto; transition:all .3s;}

ul.extend{position:absolute; background:#fff; width:calc(100% + 2px); top:50px; border:1px solid #ddd; z-index: 5; left:-1px; padding:10px 0; display: none;}
ul.extend li{}
ul.extend li a{ font-size:15px; font-weight:600; display: block; margin:0 30px; padding:13px 0; transition:all .3s;}
ul.extend li a:hover{color:#ea002b;}
@media(max-width:1050px){
	.navi_in .down_btn .down_btn_title {width:200px; padding: 20px;}
}
@media(max-width:768px){
	ul.extend {top:55px;}
	ul.extend li a {font-size: 14px; margin: 0px 20px; padding: 10px 0;}
	.navi_in .down_btn{width:50%;}
}
@media(max-width:600px){
	.navi_in .home_btn_all{display: none;}
	.navi_in .down_btn .down_btn_title {width:100%; padding: 15px;}
	.navi_in .down_btn .down_btn_title h3 {font-size: 13px;}
	.navi_in .home_btn_all a {padding:8px;}
	.navi_in .down_btn .down_btn_title img {right:15px;}
	ul.extend {top:43px;}
	ul.extend li a {font-size: 13px; margin: 0px 17px; padding: 8px 0;}
}


/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/
.footer_site_link						{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 0;text-align:center;}
.footer_site_link ul li			{display:inline; margin:0 8px; }

.footer_inner {width:100%; max-width:1400px; margin:0 auto;}
@media (max-width:1400px){
	.footer_inner {padding:0 4%;}
}
.footer_t								{padding:46px 0 78px; line-height:150%; font-size:12px; display:flex; justify-content: space-between;}
.footer_logo						{width:12%; margin-top:-15px;}
.footer_txt							{display:flex; width:60%; justify-content: space-between;}
.footer_txt .menu				{width:20%;}
.footer_txt .menu .title a {font-size:16px; color:#fff; font-weight:700;}
.footer_txt .menu .title {margin-top:0;}
.footer_txt .menu > li {margin-top:30px;}



.footer_txt .sub_menu li {margin-top:20px;}
.footer_txt .menu li a {font-size:16px; color:#828282;}
.footer_t > ul {display:flex; flex-direction: column; align-items: flex-end;}
.footer_t > ul a {color:#fff; font-size:16px; font-weight:700;}
.footer_t > ul li:first-child {margin-bottom:30px;}

.footer_logo img				{width:100%; height:auto; max-width:150px;}

.footer_txt p							{margin-bottom:10px;}
.footer_txt p b						{font-weight:600;}
.footer_txt p span				{display:inline-block; margin:0 10px; font-size:10px;}

@media(max-width:1280px){
	.footer_t {padding: 40px 0 70px;}
	.footer_txt .menu .title a {font-size:15px;}
	.footer_txt .menu li {margin-top:25px;}
	.footer_txt .menu li a {font-size:15px;}
	.footer_t > ul a {font-size:15px;}
}
@media(max-width:1080px){
	.footer_t {padding: 35px 0 60px;}
	.footer_txt .menu li {margin-top:20px;}
	.footer_txt .menu li a {font-size:15px;}
}
@media(max-width:768px){
	.footer_t {padding: 30px 0 50px; flex-direction: column;}
	.footer_t > ul {flex-direction: row; align-items: flex-start; margin-top:30px;}
	.footer_t > ul li:first-child {margin-bottom:0; margin-right:20px;}
	.footer_txt {flex-direction:column;}
	
	.footer_txt .menu {display:flex; flex-wrap: wrap; width:100%;}
	.footer_txt .menu .title {margin-top:25px; width:100%;}
	.footer_txt .menu .title a {font-size:14px;}
	.footer_txt .menu li {margin-top:0px;}
	.footer_txt .menu li a {font-size:14px;}
	.footer_t > ul a {font-size:14px;}
	.footer_txt .sub_menu {display:flex; flex-wrap: wrap; width:100%;}
	.footer_txt .sub_menu li									{margin-top:5px;}
	.footer_txt .sub_menu li:not(:last-child) {padding-right:5px; margin-right:10px; }
	.footer_logo {width:100%;}
	.footer_txt {width:100%;}
	.footer_logo {margin:0; margin-bottom:30px;}
}
@media(max-width:500px){
}



/*family_inc.php의 스타일*/
.total								{ cursor:pointer; }
.select_d							{border-bottom:1px solid #828282; width:100%; height:47px; line-height: 30px; position:relative; font-size:16px; color:#828282;}
.select_d span				{display:inline-block; position:absolute; right:0px;}

/* 패밀리사이트 클릭시 밑으로 떨어지는  CSS*/
/*
.select_op						{border:1px solid #ddd;border-top:none; width:168px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;}
*/

/* 패밀리사이트 클릭시 위로 올라오는 CSS*/
.select_op						{border:1px solid #ddd;border-bottom:none; width:160px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;bottom:45px;}

.select_op	li				{line-height:30px;height:30px; border:0px solid red; padding-left:8px;}
.select_op	li		a		{cursor:pointer; width:100%; height:30px; display:inline-block;letter-spacing:-0.3px;}
.select_op	li:hover	{background:#eee;}
.a_focus							{background:#8e8e8e; color:#fff !important;}



.footer_copyright			{color:#4e4d4e; padding:23px 0 42px; border-top:1px solid #292929; display:flex; justify-content: space-between; align-items: flex-end;}
.footer_copyright p			{color:#4e4d4e; font-size:16px;}
.footer_copyright .copy_box a		{font-size:11px; color:#4e4e4e;}
.footer_copyright .copy_box a:not(:first-of-type) {margin-left:15px;}
.footer_sns_family {width:30%; display:flex; justify-content: flex-end;}
.footer_sns_family .fo_sns {display:flex; padding-right:17px; align-items: flex-end;}
.footer_sns_family .fo_sns li {padding-right:7px;}
.footer_familysite			{float:right; position:relative; max-width:160px; }

@media (max-width:1280px){
	.total {width:140px !important;}
	.footer_copyright {padding:20px 0 35px;}
	.footer_copyright p {font-size:15px;}
	.select_d {font-size:15px; height:40px;}
	.footer_sns_family .fo_sns {padding-right:12px;}
}

@media (max-width:1080px){
	.total {width:120px !important;}
	.footer_copyright {padding:15px 0 30px;}
	.footer_copyright p {font-size:14px;}
	.select_d {font-size:14px; height:35px;}
	.footer_sns_family .fo_sns {padding-right:8px;}
}
@media (max-width:768px){
	.footer_copyright {flex-direction: column-reverse; align-items: flex-start; padding:10px 0 25px;}
	.footer_sns_family {justify-content: normal;}
	.footer_copyright .copy_box {margin-top:20px;}
	.footer_copyright p {font-size:13px;}
	.select_d {font-size:13px;  height:30px;}
}
@media (max-width:500px){
	.total {width:110px !important;}
	.footer_copyright {padding:10px 0 20px;}
	.footer_copyright .copy_box {margin-top:10px;}
	
}
/************************* footer_inc 끝 *************************/



/************************* left_lnb_inc 시작 *************************/
.left_lnb		{  }
/************************* left_lnb_inc 끝 *************************/



/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/

.inner {width:100%; max-width:1400px; margin:0 auto;}
.s-tit {font-size:36px;}
.s-tit2 {font-size:28px;}
.s-body {font-size:20px;}

@media (max-width:1400px){
	.inner {padding: 0 4%;}
}
@media (max-width:1280px){
	.s-tit2 {font-size:24px;}
	.s-body {font-size:18px;}
}

@media (max-width:1080px){
	.s-body {font-size:17px;}
}
@media (max-width:768px){
	.s-tit {font-size:28px;}
	.s-tit2 {font-size:20px;}
	.s-body {font-size:16px;}
}
@media (max-width:500px){
	.s-body {font-size:15px;}
}


.s11-1 {}
.s11-1 .sct_wrap {display:flex;}
.s11-1 .left {position:relative; width:45%; max-width:570px; margin-right:100px; }
.s11-1 .left img {width:100%; height:auto; display:block;}
.s11-1 .left p { font-weight:700; color:#fff; position:absolute; z-index: 1; top:37px; left:42px;}
.s11-1 .right {display:flex; flex-direction: column; justify-content: space-between; width:55%}
.s11-1 .r_text p {padding-bottom:30px;}
.s11-1 .r_name p {}
.s11-1 .r_name span { font-weight:700;}

.s12-1 {text-align:center;}
.s12-1 figure {justify-content: center;}
.s12-1 figure img {width:100%; max-width:1160px; height:auto; display:block;}
.s12-1 figure.pci {display:flex;}
.s12-1 figure.moi {display:none;}

@media (max-width:1400px){
	.s11-1 .left {margin-right:60px;}
}

@media (max-width:1280px){
	.s11-1 .left {margin-right:30px;}
	.s11-1 .left p { top:3%; left:3%; font-size:40px;}
	.s11-1 .left p br {display:none;}
.s11-1 .r_text p br {display:none;}
}

@media (max-width:1024px){
	.s11-1 .sct_wrap {flex-direction: column;}
	.s11-1 .left {width:100%; max-width:100%; max-height:25vh; overflow:hidden; margin-right:0px; margin-bottom:3%;}
	.s11-1 .left p { top:25%; left:5%; right:5%; font-size:28px;}
	.s11-1 .right {width:100%; margin-right:0px;}
	.s11-1 .r_text p {padding-bottom:5%;}
}
@media (max-width:768px){
	.s11-1 .left {max-height:36vh; }
	.s11-1 .left p { top:5%; left:5%;}

.s12-1 figure.pci {display:none;}
.s12-1 figure.moi {display:flex;}
}





.s13 .inner			{position:relative;}
.s13 .inner:after	{content:''; position:absolute; left:50%; top:15px; width:1px; height:100%; background:#DDDDDD}
.s13 .inner .sct_wrap	{display:flex; justify-content:center;}
.s13 .inner .sct_wrap	{margin-bottom:50px;}
.s13 .inner .sct_wrap .left	{width:50%;}
.s13 .inner .sct_wrap .right	{width:50%; margin-top:10px;}
.s13 .inner .sct_wrap:nth-child(2n) .left	{margin-top:10px;}
.s13 .inner .sct_wrap:nth-child(2n) .right	{margin-top:0px;}

.s13 .inner .sct_wrap h2 {font-size:36px; font-weight:700; text-align:right; margin-right:40px; position:relative; }
.s13 .inner .sct_wrap h2:after{content:''; z-index:5; position:absolute; right:-46px; top:calc(50% - 6px); border-radius:100%; width:12px; height:12px; background:#fff; border:4px solid #0089D0}
.s13 .inner .sct_wrap p {font-size:17px; margin-bottom:10px; position:relative; padding-left:15px; margin-left:30px;}
.s13 .inner .sct_wrap p:before	{content:''; position:absolute; left:0%; top:12px; width:3px; height:3px; background:#222;}

.s13 .inner .sct_wrap:nth-child(2n) h2 {text-align:left;margin-right:0px; margin-left:40px; }
.s13 .inner .sct_wrap:nth-child(2n) h2:after{position:absolute; right:auto; left:-46px;}
.s13 .inner .sct_wrap:nth-child(2n) p {text-align:right;padding-left:0px; margin-left:0px;padding-right:15px; margin-right:30px;}
.s13 .inner .sct_wrap:nth-child(2n) p:before	{left:auto; right:0%; top:12px; }

@media(max-width:768px){
.s13 .inner:after	{left:4%;}
.s13 .inner .sct_wrap	{flex-wrap:wrap; justify-content:center;}
.s13 .inner .sct_wrap .left	{width:100%;}
.s13 .inner .sct_wrap .right	{width:100%; margin-top:10px;}
.s13 .inner .sct_wrap:nth-child(2n) .left	{order:2; }
.s13 .inner .sct_wrap:nth-child(2n) .right	{order:1;display:flex;}

.s13 .inner .sct_wrap h2	{font-size:28px; text-align:left;  margin-left:30px; }
.s13 .inner .sct_wrap h2:after{left:-36px; right:auto; }

.s13 .inner .sct_wrap p	{font-size:15px;}

.s13 .inner .sct_wrap:nth-child(2n) h2 {text-align:left; margin-right:0px; margin-left:30px; }
.s13 .inner .sct_wrap:nth-child(2n) h2:after{left:-36px; right:auto; }
.s13 .inner .sct_wrap:nth-child(2n) p {text-align:left; padding-left:0px; margin-left:25px; padding-left:15px; margin-right:0px;}
.s13 .inner .sct_wrap:nth-child(2n) p:before	{left:0%; right:auto; top:12px; }
}



.s14 .inner{display:flex;justify-content:space-between;}
.s14 .inner > div{width:49%; display:flex; flex-direction: column; justify-content:space-between;}
.s14 .inner > div div.title14	{margin-bottom:20%;padding:45px;}
.s14 .inner > div div.title14 h1	{color:#fff; font-weight: 700;}
.s14 .inner > div div.title14 span	{color:#fff; font-weight: 700;}

.s14 .inner > div div.cont14	{background:rgba(0,0,0,0.5); padding:30px 45px;}
.s14 .inner > div div.cont14 p	{font-size:18px; color:#fff;}


.s14 .inner .s14a	{background:url('./img/s14a.jpg') no-repeat center 50% / cover;}
.s14 .inner .s14b	{background:url('./img/s14b.jpg') no-repeat center 50% / cover;}


@media(max-width:1280px){
	.s14 .inner > div div.title14	{margin-bottom:16;}
	.s14 .inner > div div.cont14 p	{font-size:16px;}
}
@media(max-width:768px){
	.s14 .inner{flex-wrap: wrap;}
	.s14 .inner > div{width:100%;}
	.s14 .inner > div div.title14	{margin-bottom:20%;padding:4%;}
	.s14 .inner > div div.cont14	{padding:3% 4%;}
	.s14 .inner > div div.cont14 p	{font-size:15px;}
	.s14 .inner .s14a	{margin-bottom:4%;}
}