/* /////////////공통///////////// */
.m_on { display: none; }
.pc_on { display: block; }
.m-br { display: none }
/* 영문,숫자 font-family: 'Roboto', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
/* font-family: 'Noto Sans KR', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');

.clear { clear: both;}
/* text color */
.color_main {
	color: #046EB8 !important;
}
.color_sub {
	color: #1748A5 !important;
}
.color_point {
	color: #34CAFB !important;
}
.color_red {
	color: #EB5757 !important;
}
.color_black {
	color: #333 !important;
}
.color_gray {
	color: #828282 !important;
}
.color-39 { color: #391b1b; }
/* bg color */
.bg_color_main {
	background-color: #046EB8  !important;
}
.bg_color_sub {
	background-color: #1748A5  !important;
}
.bg_color_point {
	background-color: #34CAFB  !important;
}
.bg_color_red {
	background-color: #EB5757  !important;
}
.bg_color_black {
	background-color: #333  !important;
}
.bg_color_gray {
	background-color: #828282  !important;
}
.bg_color_gray2 {
	background-color: #f4f4f4  !important;
	padding: 100px 0;
}
.bg_color_gray3 {
	background-color: #eee  !important;
}
.bg_color_gradient {
	background: linear-gradient(to right, #046EB8, #1748A5);
}
.bg_color_naver {
	background-color: #219653;
	color: #fff;
}
.bg_color_kakao {
	background-color: #F2C94C;
	color: #000;
}

/* font size */

.g24 { font-size: 24px; font-weight: 700; line-height: 1.3; letter-spacing: -2px; -ms-word-break: keep-all;
	word-break: keep-all; }
.g19 { font-size: 19px; font-weight: 700; line-height: 1.3; letter-spacing: -0.1px; -ms-word-break: keep-all;
    word-break: keep-all; }
.g36 { font-size: 36px; font-weight: 700; }
.g20-1 { font-size: 20px; font-weight: 400; }
.fw400 { font-weight: 400; }
.text-center { text-align: center; }

.title_main {
	font-size: 64px  !important;
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: -2px;
	-ms-word-break: keep-all;
	word-break: keep-all;
}
.title {
	font-size: 48px  !important;
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: -2px;
	-ms-word-break: keep-all;
	word-break: keep-all;
    font-family: 'Noto Sans KR', sans-serif;
}
.title_content{
	font-size: 36px !important;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -2px;
	-ms-word-break: keep-all;
	word-break: keep-all;
}
.desc_big {
	font-size: 30px !important;
	letter-spacing: -2.5px;
	line-height: 1.1;
}
.desc {
	font-size: 23px !important;
	line-height: 1.5;
	letter-spacing: -1px;
	-ms-word-break: keep-all;
	word-break: keep-all;
}
.title_small {
	font-size: 20px !important;
	line-height: 1.3;
	letter-spacing: -1px;
	font-weight: 700;
}
.desc_content {
	font-size: 20px !important;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: -0.5px;
	-ms-word-break: keep-all;
	word-break: keep-all;
}
.desc_small {
	font-size: 18px !important;
	line-height: 1.3;
	letter-spacing: -0.5px;
	font-weight: 700;
}
.more_btn {
	font-size: 14px !important;
}
.copy {
	font-size: 12px !important;
}	

/* font weight */
.fw400 {
	font-weight: 400 !important;
}	

/* text align*/
.text_center {
	text-align: center !important;
}
.text_left {
	text-align: left !important;
}
.text_right {
	text-align: right !important;
}

/* 세로여백 */
.h200 {
	height: 200px !important; /* 서브 컨텐츠 사이 여백 */
}
.h187 {
	height: 187px !important; /* 메인 섹션 사이 여백 */
}
.h180 {
	height: 180px !important;
}
.h160 {
	height: 160px !important;
}
.h137 {
	height: 137px !important;
	overflow: hidden;
}
.h130 {
	height: 130px !important;
}
.h120 {
	height: 120px !important;
}
.h110 {
	height: 110px !important;
}
.h100 {
	height: 100px !important; /* 서브 컨텐츠(배경)  사이 여백 */
}
.h85 {
	height: 85px !important;
}
.h80 {
	height: 80px !important;
}
.h75 { 
	height: 75px !important ;/* 메인 타이틀~컨텐츠 사이 여백 */ 
}
.h70 {
	height: 70px !important;
}
.h65 {
	height: 65px !important;
}
.h60 {
	height: 60px !important; /*  ul 사이 여백 */ 
}
.h55 {
	height: 55px !important;
}
.h50 {
	height: 50px !important;
}
.h45 {
	height: 45px !important;
}
.h40 {
	height: 40px !important;
}
.h30 {
	height: 30px !important;
}
.h24 {
	height: 24px !important; /* 타이틀~설명 사이 여백 */
}
.h20 {
	height: 20px !important;
}
.h10 {
	height: 10px !important; /* 컨텐츠 내 타이틀 ~설명 사이 여백 */
}

/* 마진 */
.ml100 {
	margin-left: 100px;
}
.mb-100 {
	margin-bottom: -100px;
}

.color-yellow { color: #ffe382; }
.color-white { color: #fff; }


/* ///////////////////////////////////////// */
#wrap {
	width: 100%;
	margin: auto;
}
/* 헤드 */
.header_wrap {
	width: 100%;
	margin: auto;
	background-color:transparent;
	position: fixed;
	left: 0;
	top: 0;	
	z-index: 99999999;
    min-width: 1440px;
}
.header {
	width: 100%;
	max-width:1920px;
	margin: auto;
	padding: 35px 0;
	text-align: center;	
	display: flex;
	justify-content: space-around;
}
.header>div {
	height: 60px;
	vertical-align: middle;
}
.logo {
	margin-left: 40px;
}
.tell {
	min-width:230px;
	margin-right: 40px;
    display: flex;
    flex-direction: column;
}
.tell>a {
	font-size: 30px;
	font-weight: 900;
	letter-spacing: -1px;
	display: flex;
    font-family: 'Roboto', sans-serif;
}
.tell>a>div {
	display: inline-block;
}
.tell img {
	vertical-align: bottom;
	margin-right: 7px;
    width: auto!important;
}
.tell > div > a:last-child > img { margin-right: 0px; }

/* ///////////////////////////////////////// */
.text-center { text-align: center; }
/* 컨텐츠 */
.content {
	overflow: hidden;

}
.ctt_admin {
		width: 1440px;
		margin: auto;
}
/*영상*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; 
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* 서브페이지 헤드 -*/
.sub_header_wrap {
	width: 100%;
	background-color: #f4f4f4;	
}
.sub_header {
	width: 1440px;
	margin: auto;
}
.sub_header_bar {
	width: 100%;
	height: 90px;
	line-height: 90px;
	text-align: center;
	position: relative;
}
.sub_header_bar_text {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
}
.sub_header_btn {
	padding: 10px 31px;
	margin: 0 15px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	color: #fff;
	font-size: 16px;
}
.triangle_wrap {
	width: 100%;
	overflow: hidden;
}
.triangle {
	width: 100%;
      height: 0;
      border-top: 300px solid #f4f4f4;
      border-left: 3000px solid transparent;
}
.bar_arrow {
	width: 290px;
	height: 100px;
	position: absolute;
	top: -90px;
	right: 131px;
	display: inline-block;
}
.bar_arrow>div {
	font-size: 16px;
	line-height: 1.3;
	text-align: left;
}
.bar_arrow>div:last-child{
	position: absolute;
	top: 0;
	right: 40px;
}
/* 섹션1 메인슬라이드 */
.section1 {
	width: 100%;
	position: relative;
    min-width: 1440px;
}

/* 스크롤 버튼 */
.scroll_wrap {
	text-align: center;
	position: absolute;
	bottom: 66px;
	left: 0;
	right: 0;
	margin: auto;
}
.scroll_wrap>div {	
	display: inline-block;
	color: #fff;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.5;
}
.scroll {
	width: 24px;
	height: 39px;
	border: 3px solid #fff;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin-right: 18px;	
}
.scroll>div {
	width: 2px;
	height: 7px;
	background-color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 10px;
	margin: auto;
}
/* 섹션2 플랜A */
.section2 {
	width: 1440px;
	margin: auto;
	position: relative;
    margin-top: 100px;
}
/* 버튼 */
.btn_title {
	position: relative;
}
.more_btn {
	width: 160px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 100px;
	bottom: 0;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
/* 메인 사각형 노드*/

.main_doctor {
	overflow: hidden;
	text-align: center;

}
.main_doctor .doctor_img {
	height: 456px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	overflow: hidden;
}
.main_doctor .title_wrap>div {
	display: inline-block;
	vertical-align: middle;
}
.main_doctor .title_wrap h1 {
	font-size: 40px;
	font-weight: 700;
	letter-spacing: -1px;
}

.main_doctor.rectangle li {
	display: inline-block;
	margin-right: 2%;	
}

/* .main_doctor.rectangle li:only-child {
	width: 100%;
} 
*/

.main_doctor.rectangle li:last-child {
	margin-right: 0 !important;
}
.main_doctor.rectangle  li:first-child:nth-last-child(2),
.main_doctor.rectangle  li:first-child:nth-last-child(2)+li {
	width: 48%;	
}
.main_doctor.rectangle  li:first-child:nth-last-child(2) .title_wrap,
.main_doctor.rectangle  li:first-child:nth-last-child(2)+li .title_wrap{
	margin-left: 80px;
}
.main_doctor.rectangle li:first-child:nth-last-child(3),
.main_doctor.rectangle li:first-child:nth-last-child(3)~li {
	width: 30.5%;
} 
.main_doctor.rectangle li:first-child:nth-last-child(3) .doctor_img,
.main_doctor.rectangle li:first-child:nth-last-child(3)~li .doctor_img {
	height: 440px;	
} 

.main_doctor.rectangle li:first-child:nth-last-child(4),
.main_doctor.rectangle li:first-child:nth-last-child(4)~li {
	width: 22.7%;
}

/* 섹션3 플랜B*/

.main_round {
	overflow: hidden;
	display: inline-block;
}
.main_round li {
	float: left;
	margin-right: 24px;
}
.main_round li:last-child {
	margin-right: 0;
}
.main_round li:nth-child(odd) {
	width: 300px;
}
.main_round li:nth-child(odd) .round_img{
	width: 300px;
	height: 300px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.main_round li:nth-child(even) {
	margin-top: 140px;
}
.main_round li:nth-child(even) div {
	display: inline-block;
	vertical-align: middle;
}
.mini_round {	
	width: 12px;
	height: 12px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.mini_round2 {	
	width: 17px;
	height: 17px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	margin: 0 13px;
}
/* 섹션4 플랜C */
.section5 {
	width: 1440px;
	margin: auto;
	position: relative;
}
/* 섹션5 플랜D */
.section4 {
	width: 100%;
    background: url(/theme/basic/img/main-bg-img.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: relative;
}
.section4 > div:first-child { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.section4_inner {
	width: 1440px;
	margin: auto;
	position: relative;
	padding: 100px 0;

}
.section4_inner .title_wrap {
	color: #fff;
}
.section4_inner .doctor {
	position: absolute;
	left: 0;
	right: 25px;
	bottom: 0;
	margin: auto;
	text-align: center;	
}
.ballon_wrap {
	overflow: hidden;
	text-align: center;
}
.ballon_wrap>ul {
	display: inline-block;
}
.ballon_left {
	margin-right: 165px;
}
.ballon_right {
	margin-left: 165px;
}
.ballon_wrap>ul li {
	position: relative;
}
.ballon_wrap>ul li:not(:first-child) {
	margin-top: 53px;
}
.ballon_left li {
	width: 446px;
	height: 241px;
	background:url(/theme/basic/img/ballon.png) center no-repeat;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.ballon_right li {
	width: 446px;
	height: 241px;
	background:url(/theme/basic/img/ballon.png) center no-repeat;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	transform: scaleX(-1);
}
.ballon_left li>.ballon_tail {
	position: absolute;
	bottom: 0;
	right: 0;
}
.ballon_right li>.ballon_tail {
	position: absolute;
	bottom: 0;
	right: 0;
}
.ballon_inner {
	height: 80px;
	position: absolute;
	left: 40px;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #fff;
}
.ballon_inner > p {
	display: inline-block;
	vertical-align: middle;
}
.ballon_inner .desc {
	font-weight: 500;
}
.ballon_left li:first-child .ballon_inner > .desc {
	margin-left: 30px;	
}
.ballon_left li:nth-child(2) .ballon_inner > .desc {
	margin-left: 20px;	
}
.ballon_right li:first-child .ballon_inner > .desc {
	margin-right: 50px;	
}
.ballon_right li:nth-child(2) .ballon_inner > .desc {
	margin-right: 0;	
}
.ballon_right .ballon_inner {
	transform: scaleX(-1);
}
/* 섹션6 플랜E */
.section6 {
	width: 1440px;
	margin: auto;
	position: relative;
}
.section6_plan {
	text-align: center;
}
.section6_plan ul li {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 30px;
}
.section6_plan ul li:last-child {
	margin-right: 0;
}
.section6_plan ul li:nth-child(odd) {
	width: 244px;
	text-align: center;
}
.section6_plan ul li:nth-child(odd) .plan6_bg {	
	height: 244px;
	position: relative;
}
.section6_plan ul li:nth-child(even) {
	width: 218px;
	text-align: center;
}
.section6_plan ul li:nth-child(even) .plan6_bg {	
	height: 217px;
	position: relative;
}
.section6_plan ul li .plan6_bg>img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.section6_plan ul li:nth-child(odd) .plan6_bg{
	background:url(/theme/basic/img/round_type1.png) 0 0 no-repeat;
}
.section6_plan ul li:nth-child(even) .plan6_bg{
	background:url(/theme/basic/img/round_type2.png) 0 0 no-repeat;
}
.section6_plan .desc_content {
	font-weight: 700;
}
.section6_content_lnr {
	display: flex; justify-content: center;
}
.section6_content_lnr > .text-wrap:first-child {
    margin-right: 300px;
}
.section6_content_lnr > .text-wrap > .title {
	font-size: 36px!important;
    font-weight: 700;
}
.section6_content_lnr > .text-wrap > .title > span {
    color: #0C5daf;
}
.section6_content_lnr > .text-wrap > .desc {
    font-size: 20px!important;
    font-weight: 400;
    margin-top: 20px;
}
.section6_lnr_left {
	margin-right: 85px;
}


/* 섹션8 온라인당삼,진료일지 */
.section8 {
	width: 100%;
	margin: auto;
	overflow: hidden;
}
.section8 .section8_text h3 {
	text-align: center;	
	font-size: 23px;
	line-height: 1.3;
	font-weight: 700;
	margin-bottom: 30px;
}
.line {
	width: 100px;
	height: 3px;
	margin: auto;
}
.section8 .section8_left,
.section8 .section8_right {
	float: left;
	width: 720px;
	height: 720px;
	padding: 100px;
}
.section8 .title_wrap {
	color: #fff;
}
.section8 .section8_right {
	background:url(/theme/basic/img/journal_bg.jpg) 0 0 no-repeat;
}

/* ///////////////////////////////////////// */
/* 푸터 */
.footer_wrap {
	width: 100%;
	background-color: #222;
	padding:90px 0 ;
}
.footer {
	width: 1440px;
	margin: auto;
}
.footer_top .title {
	color: #fff;
}
.footer_top>div {
	display: inline-block;
	vertical-align: top;
}
.footer_top .ft_logo {
	width: 33%;
}
.footer_bottom>div {
	display: inline-block;
	vertical-align: bottom;
}
.footer_bottom>div:first-child {
	width: 33%;
}
.footer_bottom .copy p {
	color: #a1a1a1;
	line-height: 1.5;	
}
.footer_bottom .copy p a {
	color: #a1a1a1;
}
.footer_bottom .info>div {
	display: inline-block;
	vertical-align: top;
	margin-right: 148px;
}
.footer_bottom .info>div:last-child {
	margin-right: 0;
}
.footer_bottom .info ul li {
	color: #a1a1a1;
	font-weight: 400;
	font-size: 18px;
}
.footer_bottom .info ul li:first-child {
	color: #fff;
	font-weight: 700;
	margin-bottom: 15px;
}
.footer_bottom .ft_tell .title{
	font-weight: 900;
	line-height: 0.8;
    font-family: 'Roboto', sans-serif;
}
.footer_bottom .sns li>div {
	display: inline-block;
	margin-right: 24px;
	margin-top: 10px;
}
.footer_bottom .sns li>div:last-child {
	margin-right: 0;
}

.bt_login li{
    display: inline-block;
    margin-top: 10px;
}
.bt_login li a {
    color: #fff;
}


/**/
.ps-rela { position: relative; }
.tell > div { position: relative; }
.kaka-img { position: absolute; left: 0; top: 0; }
.naver-img { position: absolute; right: 0; top: 2px; }
.sns-img-1, .insta-img-1, .youtube-img-1 { position: absolute; left: 0; top: 0; }

/* 비급여수가표 */
.pop-suga { display: none; position: fixed; left: 0; right: 0;  top: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 999999999; justify-content: center; align-items: center; }
.bi-suga { color: #fff; font-size: 12px; cursor: pointer; }

.pop-suga > .suga-box { display: flex; justify-content: flex-start; flex-direction: column; width: 600px; height: 800px; background-color: #fff; }
.pop-suga > .suga-box > div:first-child { display: flex; justify-content: space-between; align-items: center; padding: 30px; }
.pop-suga > .suga-box > div:first-child h1 { font-size: 20px; }
.pop-suga > .suga-box > div:first-child img { cursor: pointer; }
.pop-suga > .suga-box > div:last-child { text-align: center; }
.pop-suga > .suga-box > div:last-child img { width: 80%; }


/* fixed-icon */
.fixed-icon { position: fixed; right: 15px; top: 25%; border-radius: 150px; box-shadow: 5px 5px 10px rgba(0,0,0,0.05); padding: 10px 0; background-color: #f7f7f7; text-align: center; letter-spacing: -1px; z-index: 99999999999; width: 85px; }
.fixed-icon ul li:not(:last-child) { border-bottom: 1px solid #ddd; }
.fixed-icon ul li { height: 90px; display: flex; justify-content: center; align-items: center; }
.fixed-icon a > div { width: 38px; height: 35px; position: relative; margin: 0 auto; }
.fixed-icon a > div > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.fixed-icon > ul > li:nth-child(3) > a > div > img, .fixed-icon > ul > li:nth-child(4) > a > div > img, .fixed-icon > ul > li:nth-child(5) > a > div > img { transition: all 0.8s; }
.fixed-icon a >  p { font-size: 13px; margin: 7px 0; color: #808080; transition: all .8s; }
.fix-img-3-1, .fix-img-4-1, .fix-img-5-1 { opacity: 0; }

.op-1 { opacity: 1!important;  }
.op-0 { opacity: 0!important;  }
.color-change { color: #000!important; }
.dis-none { display: none }
.dis-block { display: block }
.sns-img-1, .insta-img-1, .youtube-img-1 { display: none; }
/* section1 */
.section1 .swiper {
    width: 100%;
    height: 100%;
}

.section1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.section1 .swiper-slide > a { width: 100%; }
.section1 .swiper-slide-active { opacity: 1!important; }
.section1 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section1 .swiper {
    margin-left: auto;
    margin-right: auto;
}
/* .section1 .mySwiper { padding-bottom: 50px; } */
.section1 .mySwiper .swiper-pagination-bullet { width: 18px; height: 18px; background: #B0B0B0; opacity: 1; }
.section1 .mySwiper .swiper-pagination-bullet-active { background: #0C5DAF!important; }
.section1 .swiper-button-next:after, .section1 .swiper-button-prev:after { display: none; }

.section1 .swiper-button-next { background-image: url('/theme/basic/img/v_next.png')!important; width:116px; height:116px; background-size: auto; right: 8%!important; top: 44%!important; }
.section1 .swiper-button-prev { background-image: url('/theme/basic/img/v_prev.png')!important; width:116px; height:116px; background-size: auto; left: 8%!important; top: 44%!important; }

/* section2 */
.section2 > .btn_title > .title_wrap > .title > span { color: #0C5daf; }
.section2 > .btn_title > .title_wrap > .title_small { margin-top: 20px; font-size: 22px!important; }
.section2 > .section2_dotor_wrap { margin-top: 100px; }
.section2 > .section2_dotor_wrap > div > div { display: flex; justify-content: flex-start; }
.section2 > .section2_dotor_wrap > div > div > div { width: 708px; }

.section2 > .section2_dotor_wrap > div > div > div > div > div { width: 100%; padding-bottom: 56.25%; position: relative; }
.section2 > .section2_dotor_wrap > div > div > div > div > a > div.blur-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; padding: 0; cursor: pointer; }
.section2 > .section2_dotor_wrap > div > div > div > div > a > div.blur-background > h1 { font-size: 24px; font-weight: 400; color: #fff; }
.section2 > .section2_dotor_wrap > div > div > div > div > div > iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.section2 > .section2_dotor_wrap > div > div > div > div > a > .title { font-size: 36px!important; font-weight: 700; margin: 30px 0 15px 0; color: #000; }
.section2 > .section2_dotor_wrap > div > div > div > div > a > .desc { font-size: 24px; font-weight: 400; color: #000; }
.section2 > .section2_dotor_wrap > div > div > div:first-child { margin-right: 24px; }
/* section3 */
.section3 .content-wrap { width: 1440px; margin: auto; display: flex; justify-content: space-between; }
.section3 .content-wrap > div { display: flex; flex-direction: column; width: 340px; }
.section3 .content-wrap > div > a > ul { display: flex; justify-content: flex-start; align-items: center; }
.section3 .content-wrap > div > a > ul > li:last-child { margin-left: 15px; }
.section3 .content-wrap > div > a > ul > li:last-child > h1 { font-size: 24px; font-weight: 700; }
.section3 .content-wrap > div > a > ul > li:last-child > p { font-size: 14px; color: rgba(0,0,0,0.2); font-weight: 400; margin-top: 3px; }
/* section5 */
.section5 { width: 1400px; margin: auto; position: relative; }
.section5 > .content-wrap > div > div:last-child { margin-top: 80px; text-align: center; }
.section5 > .content-wrap > div > div:last-child > a { display: flex; justify-content: center; align-items: center; }
.section5 > .content-wrap > div > div:last-child > a > span { font-size: 20px; margin-right: 10px; }

.section5 > .text-wrap { text-align: center; margin-bottom: 100px;  }
.section5 > .text-wrap > .title { font-size: 48px;  }
.section5 > .text-wrap > .title > span { color: #0C5daf; }
.section5 > .text-wrap > .desc { font-size: 22px; font-weight: 400; margin-top: 20px; }
.section5 > .text-wrap > .desc > span { font-weight: 700; }
.section5 > .text-wrap > .desc > span:last-child { color: #0C5daf; }

/* section7 */
.section7 { width: 1440px; margin: auto; }
.section7 { text-align: center; }
.section7 > .main-three-item { display: flex; justify-content: space-between; }
.section7 > .main-three-item  > div > div { width: 460px; height: 341px; overflow: hidden; border-radius: 30px; }
.section7 > .main-three-item  > div > div > img { width: 100%; height: 100%; transition: all 1.5s; cursor: pointer;  }
.section7 > .main-three-item  > div > div > img:hover { scale: 1.2; }
.section7 > .main-three-item  > div > p { margin-top: 20px; font-size: 30px; font-weight: 700; letter-spacing: -3px; }






/* section8 */
.section8 .content-wrap { width: 100%;}
.section8 .content-wrap > ul { display: flex; justify-content: flex-start; align-items: center; width: 100%; }
.section8 .content-wrap > ul > li { width: 50%; position: relative; overflow: hidden; }
.section8 .content-wrap > ul > li > a > img { width: 100%;  transition: all 1.5s; }
.section8 .content-wrap > ul > li:first-child > a > div { position: absolute; left: 100px; top: 50%; transform: translateY(-50%); }
.section8 .content-wrap > ul > li:first-child > a > div > h1 { font-size: 48px; font-weight: 600; line-height: 1.2em; color: #ffe382; }
.section8 .content-wrap > ul > li:first-child > a > div > h2 { font-size: 48px; font-weight: 200; line-height: 1.2em; color: #fff; margin-top: 5px; }
.fw600 { font-weight: 600!important; }
.section8 .content-wrap > ul > li:first-child > a > div > p { font-size: 26px; margin: 20px 0 25px 0; line-height: 1.6em; font-weight: 300; color: #fff;}
.section8 .content-wrap > ul > li:first-child > a > div > span { font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 50px; padding: 9px 15px; display: flex; justify-content: center; align-items: center; width: 150px; }
.section8 .content-wrap > ul > li:first-child > a > div > span > img { margin-left: 10px; width: 25px; }

.section8 .content-wrap > ul > li:last-child > a > div { position: absolute; left: 100px; top: 50%; transform: translateY(-50%); }
.section8 .content-wrap > ul > li:last-child > a > div > h1 { font-size: 48px; font-weight: 600; line-height: 1.2em; color: #154DA8; letter-spacing: -1px; }
.section8 .content-wrap > ul > li:last-child > a > div > h2 { font-size: 48px; font-weight: 200; line-height: 1.2em; color: #222; margin-top: 5px; letter-spacing: -3px; }
.fw600 { font-weight: 600!important; }
.section8 .content-wrap > ul > li:last-child > a > div > p { font-size: 26px; margin: 20px 0 25px 0; line-height: 1.6em; font-weight: 300; color: #222;}
.section8 .content-wrap > ul > li:last-child > a > div > span { font-size: 16px; color: #222; border: 1px solid #222; border-radius: 50px; padding: 9px 15px; display: flex; justify-content: center; align-items: center; width: 150px; }
.section8 .content-wrap > ul > li:last-child > a > div > span > img { margin-left: 10px; width: 25px; }
.section8 .content-wrap > ul > li:hover > a > img { scale: 1.2;}


/* section9 */
.section9 .content-wrap { width: 100%; min-width: 1400px; }
.section9 .mySwiper2 { position: relative; width: 100%; height: 801px; }
.section9 .mySwiper2 .swiper-pagination { display: flex; flex-direction: column; right: 0; left: 170px; bottom: 0!important; width: 520px!important; text-align: left;}
.section9 .mySwiper2 .swiper-pagination-bullet { width: 530px!important; height: auto!important; background: #c7c7c7!important; margin: 0!important; color: #fff; border-radius: 0!important; padding: 26.5px 0 26.5px 21px; font-size: 20px!important; border-bottom: 1px solid #aaa; opacity: 1!important; font-weight: 700; }
.section9 .mySwiper2 .swiper-pagination-bullet-active { background: #fff!important; color: #333; }
.section9 .mySwiper2 .slide-logo { position: absolute; left: 170px; top: 0; background-color: #154DA8; width: 530px; z-index: 99; text-align: center; padding: 35px; }
.section9 .mySwiper2 .swiper-slide > img { width: 100%; height: 100%; object-fit: cover; }
.section9 .mySwiper2 .swiper-slide > div { position: absolute; left: 890px; bottom: 100px; text-align: left; }
.section9 .mySwiper2 .swiper-slide > div > h1 { font-size: 100px; color: #fff; font-weight: 700; position: relative; margin-bottom: 15px; z-index: 99; }
.section9 .mySwiper2 .swiper-slide > div > span { width: 100px; height: 100px; border-radius: 100%; background-color: #2bc3d5; left: 50px; position: absolute; top: 20px;  }
.section9 .mySwiper2 .swiper-slide > div > h2 { font-size: 45px; font-weight: 700; color: #fff; }
.section9 .mySwiper2 .swiper-slide > div > p { font-size: 20px; font-weight: 400; margin-top: 15px; color: #fff; }

/* section10 */
.section10 .content-wrap { width: 100%; height: 600px; }
.section10 .content-wrap > img { width: 100%; height: 100%; object-fit: cover; }



/* section11 */
.section11 .sec11-full-bg { background: url(/theme/basic/img/sec11-bg.jpg); background-position: center; background-repeat: no-repeat; width: 100%; height: 610px; }
.section11 .sec11-full-bg > div { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; display: flex; }
.section11 .sec11-full-bg > div > div { display: flex; justify-content: center; align-items: center; width: 1440px; margin: 0 auto; }

.section11 .sec11-full-bg .sec11-first-ul > li:first-child { margin-bottom: 10px; }
.section11 .sec11-full-bg .sec11-first-ul > li:last-child { display: flex; align-items: center; justify-content: flex-start; }
.section11 .sec11-full-bg .sec11-first-ul > li:last-child > img { margin-right: 30px; }
.section11 .sec11-full-bg .sec11-first-ul > li:last-child > span { font-weight: 700; }
.section11 .sec11-full-bg .sec11-second-ul { margin: 20px 0; width: 488px; height: 1px; background: #fff; }
.section11 .sec11-full-bg .sec11-third-ul > li:last-child { margin-top: 10px; }
.section11 .sec11-full-bg .sec11-third-ul > li:last-child > ul { display: flex; align-items: center; margin-bottom: 5px; }
.section11 .sec11-full-bg .sec11-third-ul > li:last-child > ul:last-child { margin-bottom: 0; }
.section11 .sec11-full-bg .sec11-third-ul > li:last-child > ul > li:first-child { margin-right: 53px; width: 70px; }
.section11 .sec11-full-bg .sec11-forth-ul { margin-top: 20px; }
.section11 .sec11-full-bg .sec11-forth-ul > li { font-size: 14px; font-weight: 400; }

.section11 .sec11-full-bg > div > div > .content-item-box:nth-child(2) { background: #00C73C; width: 476px; height: 408px; position: relative; z-index: 999; }
.section11 .sec11-full-bg > div > div > .content-item-box:nth-child(2) > div { padding: 43px 0 0 40px; }
.section11 .sec11-full-bg > div > div > .content-item-box:nth-child(2) > div > p { margin: 12px 0 15px 0; }
.section11 .sec11-full-bg > div > div > .content-item-box:nth-child(2) > div > a > span { font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 50px; padding: 9px 15px; display: flex; justify-content: center; align-items: center; width: 150px; }
.section11 .sec11-full-bg > div > div > .content-item-box:nth-child(2) > div > a > span > img { margin-left: 10px; width: 25px; }

.section11 .sec11-full-bg > div > div > .content-item-box:nth-child(2) > img { position: absolute; right: 0; bottom: 0; z-index: -1; }

.section11 .sec11-full-bg > div > div > .content-item-box:nth-child(3) { background: #F3DD01; width: 476px; height: 408px; position: relative; z-index: 999; }
.section11 .sec11-full-bg > div > div > .content-item-box:nth-child(3) > div { padding: 43px 0 0 40px; }
.section11 .sec11-full-bg > div > div > .content-item-box:nth-child(3) > div > p { margin: 12px 0 15px 0; }
.section11 .sec11-full-bg > div > div > .content-item-box:nth-child(3) > div > a > span { font-size: 16px; color: #222; border: 1px solid #222; border-radius: 50px; padding: 9px 15px; display: flex; justify-content: center; align-items: center; width: 150px; }
.section11 .sec11-full-bg > div > div > .content-item-box:nth-child(3) > div > a > span > img { margin-left: 10px; width: 25px; }

.section11 .sec11-full-bg > div > div > .content-item-box:nth-child(3) > img { position: absolute; right: 0; bottom: 0; z-index: -1; }

/* section12 */
.section12 .content-wrap { width: 1440px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; }
.section12 .content-wrap .text-wrap { margin-right: 66px; }
.section12 .content-wrap .text-wrap > h1 { font-size: 36px; font-weight: medium; }
.section12 .swiper {
    width: 100%;
    height: 100%;
}
.section12 .sec12-slide-wrap { position: relative; width: 1074px; padding: 50px 0; }
.section12 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 25%!important;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.section12 .swiper-slide img {
    display: block;
    width: 80%;
}

.section12 .swiper {
    margin-left: auto;
    margin-right: auto;
}
.section12 .mySwiper3 { width: 80%; }
.section12 .mySwiper3 .swiper-wrapper { align-items: center; }
.section12 .swiper-button-next:after, .section12 .swiper-button-prev:after { display: none; }

.section12 .swiper-button-next { background-image: url('/theme/basic/img/sec_prev.png')!important; width:45px; height:87px; background-size: auto; right: 0!important; top: 35%!important; }
.section12 .swiper-button-prev { background-image: url('/theme/basic/img/sec_next.png')!important; width:45px; height:87px; background-size: auto; left: 0!important; top: 35%!important; }







@media (max-width: 1600px){
    .tell { margin-right: 20px; }
    .logo { margin-left: 20px; }
    .gnb>li:first-child>a { margin-left: 0; }
    .gnb>li:last-child>a { margin-right: 0; }
    .gnb>li>a { margin: 0 15px!important; }
    #gnb { width: auto!important; }
}

@media (max-width: 1550px){
    .gnb>li>a { margin: 0 11px!important; }
}