/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:none; }
.sub_tab						{display:block; border-bottom: 1px solid #ddd;}

/* 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;}

@media(max-width:1100px){
.sub_left	{display:none;}
.sub_title_navi			{display:block; }
.sub_tab	{display:block;}
.sub_right					{width:100%; float:none;}
}
@media(max-width:768px){
.sub_title_navi			{display:none;}
.sub_tab						{display:block;}
}

.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_home_btn					{width:100%; text-align:right; border-bottom:1px solid #ccc; background-color:#f8f8f8; min-width:1200px;} /*상단 홈/로그인/사이트맵 영역*/

.home_btn_word						{width:1200px; margin:0 auto;}
.home_btn_word a					{display:inline-block; padding:8px 0; font-size:12px;}
.home_btn_word span				{display:inline-block; margin:0 10px;}

.header_t{position:fixed; width:100%; padding:0 2%; z-index: 10; left:0; top:0; min-height:100px; border-bottom:1px solid #ddd; display:flex; align-items: center; background: #fff;}
.header_t.f-nav{background:#fff; border-bottom:1px solid #ddd; position:fixed;}

.header_t .header_inner{width:100%; max-width:1720px; display:flex; align-items: center; margin:0 auto; justify-content: space-between;}

.header_logo{width:17%;}

.header_gnb{width:53%;}
.header_gnb a{color:#121212; font-size:17px; font-weight:500;}
.header_t.f-nav .header_gnb a{color:#121212;}

.header_gnb .main_menu{display: flex; align-items: center; justify-content: flex-start;}
.header_gnb .main_menu .menu{position: relative; padding:0 3.7%;}  
.header_gnb .main_menu .menu>a{padding:30px 0; display: block;}
.header_gnb .main_menu .menu6 a {font-size:20px; font-weight:500;; color:#1c1f3d;}
.header_gnb .main_menu .menu6 a:focus,.header_gnb .main_menu .menu6:hover a {font-size:20px; font-weight:500; color:#1c1f3d} 
.header_gnb .main_menu .menu6.active>a {font-size:20px; font-weight:500; color:#1c1f3d} 

.header_gnb .snb_menu{display: none; position: absolute; top:92px; background:#fff; padding:5px; width: 100%; left:0; right:0; margin: auto; border:1px solid #ddd; z-index: 5;}
.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:#a01e21;}/*hover*/
.header_gnb .main_menu li.active>a{color:#a01e21;}/*1댑스 현재 페이지 on*/
.header_gnb .snb_menu .sub_active>a{color:#a01e21;}/*2댑스 현재 페이지 on*/
/*.header_gnb .snb_menu a:hover{color:#fff;} 2댑스 hover*/

.header_info {width:30%;}
.header_info ul {display:flex;}
.header_info ul li{display:flex; align-items: center;}
.header_info ul li:not(:nth-child(3)) span {font-weight: 900; padding:0 8px;}
.header_info ul li:nth-child(3) span {padding:0 8px 0 10px;}
.header_info ul li a {width:130px; height:38px; display:flex; justify-content: center; align-items: center; background: #a01e21; color:#fff; font-weight:400; border-radius: 20px; margin-right:30px; animation: twinkle 2s infinite linear forwards; font-size:17px;}

@keyframes twinkle{
	0%{
		background: #a01e21;
	}
	25% {
		background: rgba(160,30,33,0.5);
	}
	50%{
		background: #a01e21;
	}
	100%{
		background: #a01e21;
	}
}

.header_btn{width:5%;display: flex; justify-content: flex-end;}
.header_btn .language_btn{width:100%; position: relative; text-align:center;}
.header_btn .language_btn>a{color:#fff; font-size:16px; width:100%; text-align:center;}
.header_btn .language_btn ul{position:absolute; top:30px; width:100%; display: none; background:#fff; padding:5px 10px; border:1px solid #ddd;}
.header_btn .language_btn ul li a{display:block; font-size:15px; color:#121212; padding:5px 0; text-align:center;}

.header_t.f-nav .header_btn .language_btn a{color:#121212;}
.header_btn .language_btn a:hover, .header_btn .language_btn a:focus{color:#ea002b !important;}
.f-nav .header_t {margin:0 !important;}

.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;}
.f-nav .header_btn .login_btn a{color:#121212;}


@media (max-width:1580px){
	.header_gnb .main_menu{justify-content: center;}
	.header_info {width:36.5%;}
}
@media (max-width:1400px){
	.header_t {min-width:1400px;}
}
@media(max-width:1050px){
	.header_t{padding:0 3%;}
	.header_gnb .main_menu .menu {padding:0 2%;}
	.header_gnb .main_menu .menu>a{font-size:16px;}
}
@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_t{justify-content: space-between;}
	.header_gnb{display: none;}
}
/************************* header_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:49px; 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;}
}
@media(max-width:600px){
	.navi_in .home_btn_all{display: none;}
	.navi_in .down_btn{width:50%;}
	.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;}
}



.font-0 {font-size:55px;}
.font-1 {font-size:50px;}
.font-2 {font-size:42px;}
.font-3 {font-size:40px;}
.font-4 {font-size:32px;}
.font-5 {font-size:30px;}
.font-6 {font-size:28px;}
.font-7 {font-size:25px;}
.font-8 {font-size:22px;}
.font-9 {font-size:20px;}
.font-10 {font-size:18px;}
.font-12 {font-size:16px;}
.font-13 {font-size:15px;}
.font-14 {font-size:12px;}
.font-15 {font-size:13px;}


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

/************************* main_inc 시작*************************/
.main_visual										{position:relative; min-width:1000px; margin:100px auto 0; z-index: 10000;}


.m-inner {width:100%; max-width:1400px; margin:0 auto;}

.main1 {background: #f4f4f4; padding:170px 0;}
.main1 .wrap {position:relative; text-align: center;}
.main1 .wrap > h1 {font-weight:500;}
.main1 .wrap > h2 {padding:10px 0 35px; font-weight: 700;}
.main1 .wrap > p {padding-bottom:50px; margin-bottom:45px; border-bottom:1px solid #aaa; color:#444;}

.main2 {display:flex; position:relative;  overflow: hidden;}
.main2 .left {width: 570px; background:url(../images/main2_left.png) no-repeat center / cover; color:#fff;}
.main2 .left .txt_box {padding:150px 0 80px 260px;}
.main2 .left .txt_box h2 {padding:10px 0 25px; font-weight:700;}
.main2 .left .txt_box p { line-height:2;}

.main3 {padding:180px 0 170px;}
.main3 .wrap {display:flex;}
.main3 h1 {font-weight:500;}
.main3 h2 {padding:10px 0 35px; font-weight:700;}
.main3 p {color:#444;}
.main3 .left {width:32%; position:relative; margin-right:100px;}
.main3 .left .m8-yt-l {margin:170px 0 40px;}
.main3 .left .m8-yt-l tr {padding:10px 0 ;}
.main3 .right {width:68%;}
.main3 .right iframe {width:100%; height:100%;}
.main3 .more-button {padding:12px 20px; border:1px solid #333; display:inline-block; position:relative; left:50%; transform:translateX(-50%)}

.main4 {background: url('../images/main4.jpg') no-repeat center / cover; padding:170px 0 210px;}
.main4 .wrap {position:relative; text-align: center;}
.main4 h1 {font-weight:500;}
.main4 h2 {padding:10px 0 35px; font-weight:700;} 
.main4 p {padding-bottom:50px; margin-bottom:45px; border-bottom:1px solid #aaa; color:#444;}

.main5 {background: url('../images/main6_bg.png') no-repeat center / cover; text-align: center; padding:140px 0; color:#fff;}
.main5 h2 {padding:10px 0 35px; font-weight:700;}
.main5 a {display:flex; color:#fff; margin:40px auto 0; width:400px; height:46px; justify-content: space-between; align-items: center; padding:0 10px; border:1px solid #fff;}
.main5_new {background: url('../images/main6_new_bg.jpg') no-repeat center bottom / cover; text-align: center; padding:140px 0 400px; color:#222;}
.main5_new a {width:180px; color:#222; border:1px solid #222; 
	justify-content: center}
.main5_new a img {width:100%; max-width:25px; height:auto;  margin-left:5px;}

/************************* main_inc 끝*************************/

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:50px; border-bottom:1px solid #ddd; } 
.navi_in	{max-width:1200px; margin:0 auto; padding:0;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; padding:0; width:50px; }
.home_btn_all .home_btn {border-right:1px solid #efefef; border-left:1px solid #efefef;}
.home_btn_all .home_btn a	{display:block; height:49px; line-height:50px; text-align:center; }
.home_btn_all .home_btn a:hover		{background:#f8f8f8;}
.home_btn_all .home_btn a img	{vertical-align:middle;}

.navi_left					{float:left;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{padding:0 0 0 0; height:50px; width:250px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; height:40px; width:250px; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:14px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#777; font-size:14px; margin-left:10px;}
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#333 !important;;}

.navi_sub {padding:0; height:50px; width:250px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2						{ color:#333333; font-size:14px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend							{position:relative; top:-1px; width:100%; }
.extend > ul				{position: absolute;left:-1px; min-height:1px;width:251px;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:251px; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }

/*
position:absolute; left:-20px; min-height:1px; width:256px; padding-left:20px;  border-top:1px solid #efefef; z-index:999; background:#ddd; 
*/

.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

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


/************************* footer_inc 시작 *************************/
footer {padding: 35px 0; background: #222; color: rgba(255,255,255,0.7);}
footer .inner{max-width:1400px; margin:0 auto;}
footer p {font-size: 16px; font-weight: 300; line-height: 1.8;}
footer p span {display: inline-block; width: 1px; height: 10px; background: rgba(255,255,255,0.5); margin: 0 10px;}
footer .flx {display: flex; justify-content:space-between; }
footer .flx .left {display: flex; align-items: center;}
footer .flx .left a {font-size: 17px; font-weight: 300; display: block;position: relative; color:#fff;}
footer .flx .right li:not(:last-child) {margin-right:7px;}
footer .flx .right {text-align: right; display: flex;}
footer .flx .right .footer_familysite {width: 160px; height: 40px; font-size: 16px; font-weight: 400; cursor: pointer; position:relative;}
footer .flx .right .footer_familysite .select_d {padding: 10px; border: 1px solid rgba(255,255,255,0.7); text-align: left;}
footer .flx .right .footer_familysite .select_d span {position:absolute; right:15px;}
footer .flx .right h3 {color: #fff; font-size: 16px; display: flex; align-items:center; margin-top: 15px;}
footer .flx .right h3 span {display: block; font-size: 28px; margin-left: 20px;}
footer .flx .right .cs_cot span {display: inline; background: none; margin: 0;}
footer .flx2 {margin-top: 50px;}
footer .flx2 .left{text-align:left; align-items: flex-start;}
footer .flx2 .left .footer_logo {padding-right:50px;}
footer .flx2 .left .footer_copyright {display:flex;}
footer .flx2 .left .footer_copyright p {display:flex; padding-right:10px;}
footer .flx2 .left .footer_copyright a:first-child {padding-right:5px;}
/* 패밀리사이트 클릭시 위로 올라오는 CSS*/
.select_op						{border:1px solid #ddd;border-bottom:none; width:100%; margin-top:0px; display:none; position:absolute; z-index:3; background:#fff; font-size:11px;bottom:40px;}
.select_op	li				{}
.select_op	li		a		{cursor:pointer; width:100%; display: block; padding:12px 8px; display:inline-block;letter-spacing:-0.3px; text-align: left;}
.select_op	li:hover	{background:#eee;}
.a_focus							{background:#8e8e8e; color:#fff !important; }


.quick_fix {
    position: fixed;
    bottom: 22%;
    right: 1%;
	/* transform:translateX(1029%); */
    z-index: 99;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
}
.quick_fix a {
    width: 90px;
    height: 90px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	border-radius: 5px;
}
.quick_fix figure {
	margin:0;
}
.quick_fix .request {
	background: #9F1E21;
	margin-bottom:10px;
	color:#fff;
}
.quick_fix .request img {
	width:100%;
	max-width:40px;
	height:auto;
	display:block;
	margin:10px 0;
}
.quick_fix .top {
	background: #efefef;
	color:#222;
	text-align: center;
}
.quick_fix .top img {
	width:100%;
	max-width:40px;
	height:auto;
	display:block;
	margin:10px 0 ;
}

/* .request_fix {background: #111; width:100%; height:100px; position:fixed; bottom:0; display:flex; align-items: center; z-index: 9999;}
.request_fix .wrap {display:flex; align-items: center;     justify-content: space-between;}
.request_fix .wrap figure {margin:0; display:flex; align-items: center;}
.request_fix .wrap h2 {padding-left:15px; color:#fff;}
.request_fix .wrap h2 span {font-weight:900;}
.request_fix .wrap .box1 {display:flex;}
.request_fix .wrap input.input_form_f {width:250px; height:50px; background: none; color:#fff; border:1px solid #fff; padding-left:15px;}
.request_fix .wrap input:nth-child(2) {width:280px;}
.request_fix .wrap input::placeholder {color:#fff;}
.request_fix .wrap input[type=checkbox] {margin:0 10px 0 20px;}
.request_fix .wrap input.confirm_btn {width:200px; height:50px;}
.request_fix .wrap .box2 label span {color:#fff;}
.request_fix .wrap .box2 label span a {color:#fff;} */
/************************* 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("../images/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("../images/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 끝 *************************/
.tab_active a {color: rgb(158, 30, 33) !important;
    background: rgb(255, 255, 255) ;
    border-bottom: 2px solid rgb(158, 30, 33)}



.s11 .wrap {padding:0 0 130px;}
.s11 .top, .s11 .bottom {display:flex; align-items: center;}
.s11 .top {padding-bottom:100px;}
.s11 .top .img_box {background: url('../images/s11_img1.png') no-repeat center / cover; height:500px;}
.s11 .bottom .img_box {background: url('../images/s11_img2.png') no-repeat center / cover; height:500px;}
.s11 .img_box {width:51%;}
.s11 .txt_box {width:49%;}
.s11 .top .txt_box {padding-left:70px;}
.s11 .bottom .txt_box {padding-right:70px;}
.s11 h2 {padding:15px 0 25px; margin-bottom:25px; border-bottom:1px solid #ccc; line-height: 1.5;}
.s11 h2 span {font-weight:700;}
.s11 .txt_box p {line-height:1.8}

.s12 {background: #f9f9f9; padding:130px 0;}
.s12 .m-inner > h1 {text-align: center; font-weight:700;}
.s12 .top h2 {padding:130px 0 45px; text-align: center; display:flex; justify-content: space-between; align-items: center; letter-spacing: 25px;}
.s12 .bottom h2 {padding:100px 0 45px; text-align: center; display:flex; justify-content: space-between; align-items: center; letter-spacing: 25px;}
.s12 h2 span {margin-left:25px;}
.s12 h2::before {display:inline-block; content:''; width:604px; height:1px; background: #ccc;}
.s12 h2::after {display:inline-block; content:''; width:604px; height:1px; background: #ccc;}
.s12 .bottom h2::before {width:536px;}
.s12 .bottom h2::after {width:536px;}
.s12 .bottom >span {color:#9e1e21; text-align: center; padding-top:50px; display:block;}

.s13 { padding:130px 0;}
.s13 .wrap {position: relative;}
.s13 h1 {text-align: center; padding-bottom:130px; font-weight:600;}
.s13 .more_btn {width:100%; margin:20px auto; background: #fff; border:1px solid #ccc; display:flex; align-items:center; justify-content: center; height:40px; cursor: pointer;}
.s13 .swiper-container-s33_1_1 .swiper-slide .swiper-inner {display:none;}



.s14 {background: #f9f9f9; padding:130px 0 ;}
.s14 .wrap {display:flex; flex-direction: column;}
.s14 h1 {text-align: center; padding-bottom:130px; font-weight:600;}
.s14 .left {width:30%; position:relative; margin:35px 0;}
.s14 .left .m8-yt-l {margin:30px 0 90px;}
.s14 .left .subscript {margin:0 auto; display:flex; width:160px; height:40px; background-color: #9e1e21; color:#fff; justify-content: center; align-items: center;}
.s14 .left .subscript67 {background: none; border:1px solid #333; color:#333;}
.s14 .right {width:100%;}
.s14 .right iframe {width:100%; height:600px; margin-bottom:60px;}
.s14 .swiper-button-prev {margin-top:0}
.s14 .swiper-button-next {margin-top:0;}
.swiper-button-prev-s14, .swiper-button-next-s14 {width: 38px !important; height: 12px !important; background-size: 38px 12px !important;}
.swiper-button-prev-s14, .swiper-container-rtl .swiper-button-next-s14 {background-image: url(../images/s14_prev.png) !important; left: 50% !important; top:-10px !important;  transform:translateX(-50%);}
.swiper-button-next-s14, .swiper-container-rtl .swiper-button-prev-s14 {background-image: url(../images/s14_next.png) !important; right: 42% !important; top:auto !important; bottom:100px !important; transform:translateX(-50%);}
.s14 .more_btn {width:100%; margin:20px auto; background: #f9f9f9; border:1px solid #ccc; display:flex; align-items:center; justify-content: center; height:40px; cursor: pointer;}


.s31 .wrap {box-shadow:0 2px 17px rgba(0,0,0,0.15); padding:125px 60px;}
.s31 .txt {display:flex; justify-content: space-between; border-bottom:1px solid #ccc; margin-bottom:25px;  padding-bottom:10px;}
.s31 .txt h2 {font-weight:700;}
.s31 .count h3 {font-size:100px; font-weight:700; text-align: center;}
.s31 .count h3 .count_num {display:inline-block; width:75px; height:110px; border:1px solid #ddd; margin-right:10px;}
.s31 .count h3 .count_num:last-child {margin-right:0;}
.s31 .count h3 .count_cum {padding-right:10px;position: relative; top:15px;}
.s31 .top > span {display:block; text-align: right; padding:25px 0 100px; color:rgba(158,30,33,0.7)}
.s31 .bottom .txt {margin-bottom:40px;}
.s31 .bottom .img figure {display:flex; justify-content: center;}

.s32 {padding:100px 0 130px; position:relative;}
.s32 .wrap {padding:60px;}

.s33 {background: #f9f9f9;}
.s33 .wrap {position:relative; padding:130px 0;}
.s33 h1 {text-align: center; padding-bottom:130px; font-weight:600;}
.s33 .more_btn {width:100%; margin:20px auto; background: #f9f9f9; border:1px solid #ccc; display:flex; align-items:center; justify-content: center; height:40px; cursor: pointer;}

.s34 .wrap {position:relative; padding:130px 0;}
.s34 h1 {text-align: center; padding-bottom:130px; font-weight:600;}
.s34 .more_btn {width:100%; margin:20px auto; background: #fff; border:1px solid #ccc; display:flex; align-items:center; justify-content: center; height:40px; cursor: pointer;}

.s51 {padding-bottom:130px;}
.s51 .wrap {display:flex; flex-wrap:wrap}
.s51 .left, .s51_1 .right {width:50%;}
.s51 .left {padding-right:60px;}
.s51 .left figure {display:flex; margin:0; padding-bottom:60px; }
.s51 .left figure img {border-radius:40px; box-shadow: 0 2px 17px rgba(0,0,0,0.15);}
.s51 .left figure:last-child {padding-bottom:0;}
.s51 .left .start {justify-content: flex-start;}
.s51 .left .end {justify-content: flex-end;}
.s51 .right {border-left:1px solid #ddd; padding-left:220px;}
.s51 .right li {padding-bottom:102px;}
.s51 .right li:last-child {padding-bottom:0;}
.s51 .right h2 {font-weight:700; margin-bottom:15px; position:relative;}
.s51 .right h2::before {content:''; display: block; width:13px; height:13px; background: #fff; border:2px solid #666; position:absolute; left:-227px; top:50%; transform:translateY(-50%); border-radius: 50%; z-index: 2;}
.s51 .right h2::after {content:''; display:block; width:200px; border-top:1px dashed #666; position:absolute; left:-220px; top:50%; transform: translateY(-50%);}
.s51 .right p {padding-bottom:10px;}
.s51 .right p:last-child {padding-bottom:0;}
.s51 .right span {font-weight:700; color:#9e1e21; padding-right:15px;}

.s51 > .wrap {display:flex; justify-content:center; flex-wrap:nowrap}
.s51 .wrap .left_new {padding-right:70px; padding-top:20px;}
.s51 .wrap .left_new li {height:250px;}
.s51 .wrap .left_new figure {width:200px; height:200px; margin:0; box-shadow:1px 1px 12px #ccc; border-radius:20px; overflow: hidden;}
.s51 .wrap .left_new figure.two {width:420px;}
.s51 .wrap .left_new figure:not(:last-child) {margin-right:20px;}
.s51 .wrap .left_new figure img {width:100%; max-width:200px; height:auto;}
.s51 .wrap .left_new figure.two img {max-width:420px;}
.s51 .wrap .left_new li {display:flex; justify-content: flex-end;}
.s51 .wrap .left_new li:nth-child(9) {margin-top: 280px; height:auto}
.s51 .wrap .right_new {width:700px; border-left:1px solid #ddd; padding-top:60px;}
.s51 .wrap .right_new li {display:flex; height:250px;}
.s51 .wrap .right_new li:nth-child(7) {height:300px;}
.s51 .wrap .right_new li:nth-child(8) {height:auto;}
.s51 .wrap .right_new li:nth-child(9) {height:auto; margin-top: 50px;}
.s51 .wrap .right_new li h2 {font-weight:700; margin-right:25px; padding-left:30px; position:relative; line-height:normal;}
.s51 .wrap .right_new li h2::before {content:''; display: block; width:13px; height:13px; background: #fff; border:2px solid #666; position:absolute; left:-7px; top:20px; border-radius: 50%; z-index: 2;}
.s51 .wrap .right_new li span {display: inline-block; font-weight:700; color:#9e1e21; width:36px;}
.s51 .wrap .right_new li p {display: flex;}
.s51 .wrap .right_new li p:not(:last-child) {margin-bottom:5px;}
.s51 .wrap .right_new li p.bold {font-weight:700; color:#9e1e21;}

.s52 {padding:130px 0; background: #f9f9f9;}
.s52 h1 {text-align: center; font-weight:700; padding-bottom:130px;}

.s53 {padding:130px 0;}
.s53 h1 {text-align: center; font-weight:700; padding-bottom:130px;}
.s53 .wrap {display:flex; flex-direction: column;}
.s53 iframe {width:100%; border:1px solid #ddd !important;}
.s53 .top {display:flex; background: #f9f9f9; justify-content: center; padding:28px 0;}
.s53 .top li {display:flex; align-items: center;color:#444;}
.s53 .top li:first-child {padding-right:50px;}
.s53 .top li h3 {padding:0 20px 0 10px; font-weight:700;}
.s53 .top li:first-child img {width:18px; height:18px; display:block;}
.s53 .top li:last-child img {width:17px; height:17px; display:block;}
.s53 .bottom {display:flex; flex-wrap:wrap; padding-top:40px;}
.s53 .bottom li {width:50%; height:113px; display:flex; align-items: center;}
.s53 .bottom li:nth-child(2) p {padding-top:47px;}
.s53 .bottom li h3 {padding:0 20px; font-weight:700;}
.s53 .bottom li p {color:#757575;}

.s61 {position: relative; min-width: 1000px; margin: 100px auto 0;  z-index: 10000;}

.s62 {background: #f4f4f4; padding:170px 0;}
.s62 .wrap {position:relative; text-align: center;}
.s62 .wrap > h1 {font-weight:500;}
.s62 .wrap > h2 {padding:10px 0 50px; margin-bottom:45px;border-bottom:1px solid #aaa; font-weight: 700;}


.s63 .wrap {display:flex; padding:150px 0;}
.s63 .left > h1 {font-weight:500;}
.s63 .left > h2 {font-weight:700; padding:10px 0 35px;}
.s63 .left > p {padding-bottom:20px; margin-bottom:25px; color:#444;}
.s63 .more-button {margin-bottom:20px; width:260px; height:36px; display:flex; justify-content: center; align-items: center; border:1px solid #333;}
.s63 .left {width:37%; position:relative; margin:0 0 35px;}
.s63 .right {width:882px; height:560px; position:relative; display:flex; justify-content: flex-end;}
.s63 .right iframe {width:882px; height:560px; position:absolute; z-index: 0;}
.s63 .right .right_box {position:relative;}
.s63 .right .right_box_info {position:absolute; width:555px; height:164px; background: #222; color:rgb(190, 185, 185); padding:35px 40px; bottom:-42px; left:-38px;}
.s63 .right .right_box_info h3 {padding-bottom:20px; font-weight:700;}
.s63 .right .right_box_info p {font-weight:300;}


.s64 {padding:150px 0; background: #f9f9f9;}
.s64 .wrap {position:relative; text-align: center;}
.s64 .wrap > h1 {font-weight:500;}
.s64 .wrap > h2 {padding:10px 0 35px; font-weight: 700;}
.s64 .wrap > p {padding-bottom:50px; margin-bottom:45px; border-bottom:1px solid #aaa; color:#444;}

.s65 img {width:100%; max-width:1920px; height:auto; display:block;}

.s66 {background: url(../images/s66_back.png) no-repeat center / cover; padding:150px 0;}
.s66 .wrap > h1 {font-weight:500;}
.s66 .wrap > h2 {padding:10px 0 50px; margin-bottom:45px;border-bottom:1px solid #aaa; font-weight: 700;}

.s67 {padding:150px 0 60px; background: none;}
.s67 .wrap {align-items:flex-end;}
.s67 .m-inner > h2 {font-weight:500;}
.s67 .m-inner > h3 {padding:10px 0 50px; font-weight: 700;}
.s67 .left {margin:0;}
.s67 .left .m8-yt-l {margin:30px 0 50px;}

.s68 {padding-bottom:150px;}
.s68 .wrap {position:relative;}
.s68 h2 {padding-bottom:20px; font-weight:700;}

.s69 {background: url(../images/s69_back.png) no-repeat center / cover; padding:150px 0;}
.s69 .wrap > h1 {font-weight:500; text-align: center;}
/* .s69 .wrap > h2 {padding:10px 0 50px; margin-bottom:45px;border-bottom:1px solid #aaa; font-weight: 700;} */
.s69 .wrap > h2 {padding:10px 0 35px; font-weight:700; text-align: center;}
.s69 .wrap > p {padding-bottom:50px; margin-bottom:45px;border-bottom:1px solid #aaa; text-align: center;}
.s69 .wrap_box {display:flex;}
.s69 .txt {display:flex; justify-content: space-between; border-bottom:1px solid #ccc; margin-bottom:25px;  padding-bottom:10px;}
.s69 .txt h2 {font-weight:700;}
.s69 .top > span {display:block; text-align: right; padding-top:30px; color:rgba(158,30,33,0.7)}
.s69 .left {width:59%; padding-right:20px; display:flex; flex-direction: column; justify-content: space-between;}
.s69 .right {width:41%;}
.s69 .left .top {background: #fff; padding:30px; border:1px solid #ddd;}
.s69 .left .top > span {display:block; text-align: right; padding:10px 0 0; color:rgba(158,30,33,0.7)}
.s69 .left .bottom, .s69 .right {background: #fff; padding:30px; border:1px solid #ddd;}
.s69 .left .bottom .img {margin:0; display: flex; align-items: center; justify-content: center;}
.s69 .right {position:relative;}

.s610 .wrap > h1 {font-weight:500;}
.s610 .wrap > h2 {padding:10px 0 50px; margin-bottom:45px;border-bottom:1px solid #aaa; font-weight: 700;}

.s611 {background: url(../images/s611_img1.png) no-repeat center / cover; padding:145px 0 140px;}
.s611 .wrap {display:flex;}
.s611 .left {width:28%; color:#fff; border-right:1px solid #999; margin-right:12%}
.s611 .left h2 {font-weight:700; padding-top:10px; line-height: 1.4;}
.s611 .right {width:60%; color:#fff;}
.s611 .right .top {display:flex; flex-wrap:wrap;}
.s611 .right .top li {width:48.2%; margin:0 3.6% 4.4% 0;}
.s611 .right .top li:nth-child(2n) {margin:0 0 4.4% 0;}
.s611 .right .top li:nth-child(5), .s611 .right .top li:nth-child(6) {width:100%; margin: 0 0 4.4%;}
.s611 .right .top li p {padding-bottom:10px;}
.s611 .right .top li textarea {width:100%; background: none; color:#fff; border:1px solid #fff; }
.s611 .right .top li input {width:100%;  height:37px; background: none; color:#fff; border:1px solid #fff;}
.s611 .right .top li input::placeholder {color:#fff; text-align: right; padding-right:9px; font-family: 'Eulyoo1945';}
.s611 .right .top li:nth-child(5) input[type=radio] {display:none;}
.s611 .right .top li:nth-child(5) input[type=radio]+label {display:inline-block; cursor: pointer; height:37px; width:24%; border:1px solid #fff; line-height:37px; text-align: center; background: none; color:#fff; font-weight:600; font-size:14px;}
.s611 .right .top li:nth-child(5) input[type=radio]:checked+label {background: #fff; color:#222;}
.s611 .right .bottom {display:flex; justify-content: space-between;}
.s611 .right .bottom .bop_check input {font-weight:300;}
.s611 .right .bottom .bop_check label {display:flex; align-items: center;}
.s611 .right .bottom .bop_check label span {padding-left:5px;}
.s611 .right .bottom .bop_check label a {color:#fff;}
.s611 .right .bottom .confirm_btn input {font-weight:700;}

.s612 img {width:100%; max-width:1920px; height:auto; display:block;}

.s613 img {width:100%; max-width:1920px; height:auto; display:block;}

.ebook-cont {display: flex; margin-top: 50px; height:250px; background: #fff; align-items: center; justify-content: center; border:1px solid #ddd; letter-spacing: -1px;}
.ebook-cont--s31 {border:none; box-shadow: 0 2px 17px rgba(0, 0, 0, 0.15);}
.ebook-cont__figure {margin:0 35px 0 0;}
.ebook-cont__figure img {max-width:100%; width:120px;}
.ebook-txt__title {font-weight: 500; padding-bottom: 30px; line-height: 1.4;}
.ebook-txt__title span {font-weight: 700;}
.ebook-list {display: flex; justify-content: flex-end;}
/* .ebook-list__item:first-child {margin-right:20px;} */
.ebook-list__link, .ebook-list__link:link, .ebook-list__link:visited {width:120px; height:30px; display: flex; align-items: center; justify-content: center; border-radius:50px; color:#fff; background: #B3B3B3; font-weight: 500;}
.ebook-list__link img {padding-left:5px; width:14px;}