/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; }
.sub_tab						{display:none;}
 p {line-height: 180%;}
.yellow_go {color: #4770ca;}
.yellow {color: #4770ca; font-weight: 500;}
.gy_bold {font-weight: 700;}
.bold {font-weight: 500;}
.more a {display: inline-block; border:1px solid #4770ca; padding: 12px 15px; color: #fff; font-size: 14px; margin-top: 40px;}
.sub_wrap {margin-top: 70px; padding-bottom:100px;}
h2.s_title {font-family: 'GyeonggiBatang'; font-size: 30px; letter-spacing:5px; margin-bottom: 50px; }
/* 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:none; }
.sub_tab	{display:block;}
.sub_right					{width:100%; padding-right:0%; padding:3%; float:none;}
}
@media(max-width:768px){
.sub_title_navi			{display:block;}
.sub_tab						{display:none;}
}

.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_gnb_bg {width: 100%;   background: #fff;}
.header_t									{width:1200px; display: flex; justify-content:space-between; align-items:center; height: 110px;  margin: 0 auto;}

.header_logo img							{ display: block; width: 245px;}
.header_gnb								{}

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

/************************* main_inc 시작*************************/
.main_visual										{position:relative; min-width:1000px; margin:0 auto; height: 830px;}
.main_visual .swiper-container {height: 100%;}
.main_visual .swiper-slide {height: 100%; background: url("./img/m_visual.jpg") no-repeat center;}
.main_visual .swiper-slide02 {height: 100%; background: url("./img/m_visual2.jpg") no-repeat center;}
.main_visual .inner {display: flex; justify-content:space-between; margin-top: 210px; color: #fff; }
.main_visual .inner h2 {font-family: 'GyeonggiBatang'; font-size: 30px; letter-spacing:5px; line-height: 140%;}
.main_visual .inner .r_txt h2 {position: relative; writing-mode: tb-rl; padding-left: 25px;}
.main_visual .inner .r_txt h2::before {display: block; content:''; position: absolute; width: 3px; height: 180px; background: #4770ca; left: 0;}
.main_visual .inner .l_txt {padding-top: 185px; text-align: right;}
.main_visual .swiper-pagination-bullet {margin-left: 10px; border:1px solid #fff; width: 10px; height: 10px;}
.main_visual .swiper-pagination-bullet-active {background: #fff; border:none;}
.main_visual .swiper-pagination-bullets {margin-top: 20px;}


.m_link { display: flex; width: 591px; flex-flow: row wrap; position: relative; top:-90px; z-index: 50;}
.m_link li { width: 177px; height: 177px;  border-radius:20px; margin: 0 20px 20px 0; background: #fff; text-align: center;}
.m_link li a {display: block;}
.m_link li a img {display: block; padding: 40px 0 20px; margin: 0 auto;}
.m_bg {background: url("./img/m_bg1.jpg") no-repeat center;  width: 100%; height: 417px;}
.m_bg .deco_tit {font-family: 'GyeonggiBatang'; font-size: 25px; letter-spacing:3px; line-height: 130%; font-weight: 500; width: 390px; margin: -174px 0 0 440px;}

.main_cont {padding: 130px 0;}
.main_cont img { box-shadow:5px 5px 10px rgba(0,0,0,0.2); width: 70%; max-width: 1050px;}
.main_cont .more a {color: #212121; transition:all 0.5s;}
.main_cont .more a:hover {color: #fff; background: #4770ca; transition:all 0.5s;}
.main_cont .cont1 {display: flex; align-items:center; justify-content: flex-end; margin-bottom: 100px;}
.main_cont .cont1 .t_box {text-align: right; margin-right: 80px; width: 30%;}
.main_cont .cont1 .t_box h1 {font-family: 'GyeonggiBatang'; font-size: 25px; letter-spacing:3px; line-height: 130%; position: relative;}
.main_cont .cont1 .t_box h1::before {display: block; content:''; position: absolute; right: 0; width: 1px; height: 124px; background: #4770ca; top:-145px;}
.main_cont .cont2 {display: flex; align-items:center; justify-content: flex-start;}
.main_cont .cont2 .t_box {text-align: left;  margin-left: 80px; width: 30%;}
.main_cont .cont2 .t_box h1 {font-family: 'GyeonggiBatang'; font-size: 25px; letter-spacing:3px; line-height: 130%; position: relative;}
.main_cont .cont2 .t_box h1::before {display: block; content:''; position: absolute; left: 0; width: 1px; height: 124px; background: #4770ca; top:-135px;}











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

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#4770ca; height:55px;} 
.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;}
.home_btn_all .home_btn a	{display:block; height:55px; line-height:50px; text-align:center; }
.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:55px; width:250px; position:relative; line-height:55px;  cursor:pointer; border-right:1px solid #fff;}
.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:#fff !important;;}

.navi_sub {padding:0; height:55px; width:250px; line-height:55px; position:relative; cursor:pointer; border-right:1px solid #fff;}
.navi_sub > h2						{ color:#fff; 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_t								{margin:0 auto; line-height:180%; font-size:13px;width:1200px; display: flex; justify-content:space-between; padding-top: 65px;}



.footer_txt ul {display: flex; margin-bottom: 15px;}
.footer_txt ul li {margin-right: 18px; }
.footer_txt ul li a {color: #eee; font-weight: 300;}
.footer_txt p							{color: #747474;}
.footer_txt p span				{display:inline-block; margin:0 18px; font-size:10px;}

.footer_copyright			{background:#212121; color:#797979; text-align:center; padding:10px; position: absolute; bottom: 0; width: 100%;}
.footer_copyright p			{color:#797979; font-size:13px;}
.footer_copyright p a		{font-size:13px; color:#797979;  margin-left:15px;}

p.f_w {color: #fff; margin-bottom: 15px;}	
.bank {border:1px solid #fff; padding: 10px 10px; width: 220px; margin: 10px 0;}
.bank p { color: #fff; font-weight: 400; font-size: 15px;}
.footer_info {background: rgba(51,51,69,0.8); border-radius: 30px; padding: 30px 20px 20px 30px; width: 417px;}
.footer_info h2 {font-family: 'GyeonggiBatang'; font-size: 22px; letter-spacing:3px; line-height: 130%; color: #fff; font-weight: 700; margin-bottom: 30px;}
.footer_info ul li {margin-bottom: 20px; color: #fff; font-size: 15px; display: flex;}
.footer_info ul li h3 { width: 100px; margin-right: 20px; position: relative; color:#6e88c0; font-weight: 600;}
.footer_info ul li:first-child h3::after { display: block; content:''; position: absolute; background: url("./img/f_icon1.png") no-repeat center; left: -47px; top: -4px; height: 36px; width: 36px;}
.footer_info ul li:nth-child(2) h3::after { display: block; content:''; position: absolute; background: url("./img/f_icon2.png") no-repeat center; left: -47px; top: -4px; height: 36px; width: 36px;}
.footer_info ul li:last-child h3::after { display: block; content:''; position: absolute; background: url("./img/f_icon3.png") no-repeat center; left: -47px; top: -4px; height: 36px; width: 36px;}

/* 패밀리사이트 클릭시 위로 올라오는 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:30px;}

.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_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 끝 *************************/


/*****************************************************************************sub*********************************************************************************************/

.s11_wrap .content p{margin-bottom: 40px;}
.s11_wrap .content span.bold {/* color: #e17f00; */ font-size: 18px; border-bottom: 1px solid #212121;}
.s11_wrap .content p.stamp {position: relative; margin-bottom: 0;}
.s11_wrap .content p.stamp::after {position: absolute; display: block; content:''; background: url("./img/stamp.png") no-repeat center; left: 100px; top: -18px; height: 77px; width: 82px;}



.s12_wrap .content {display: flex; align-items:center;}
.s12_bg {margin-right: 100px;}
.s12_bg img {max-width: 499px; width: 100%;}
.s12_wrap .txt {margin:50px 0 110px; width: 100%; padding-left: 80px;}
.s12_wrap .txt:last-child {margin-bottom: 0;}
.s12_wrap .txt h2 {font-weight: 300; font-size: 16px; position: relative; display: inline-block;}
.s12_wrap .txt h2::after {position: absolute; display: block; content:''; background: url("./img/stamp.png") no-repeat center; left: -70px; top: -38px; height: 77px; width: 82px;}
.s12_wrap .txt h1 span {color: #ccc; font-size: 30px; margin-left: 10px; }
.s12_wrap .txt h1 {font-family: 'GyeonggiBatang'; font-size: 25px; letter-spacing:6px; line-height: 130%; font-weight: 700; margin: 0 0 25px 10px; display: inline-block;}
.s12_wrap .txt p {line-height: 200%;}


.s13_wrap .s13_txt h2 {font-size: 20px; font-weight: 500; margin-bottom: 50px;}
.s13_wrap .s13_txt h3 { font-size: 18px;}
.s13_wrap .s13_txt p {font-size: 15px;}
.s13_wrap .s13_txt img {display: block; margin: 0 auto; margin-bottom: 15px;}
.s13_wrap .cont1 {display: flex; justify-content:space-between;}
.s13_wrap .cont1> div {padding: 0 40px; border-left:1px solid #ccc; width: 400px; text-align: center; margin: 130px 0;}
.s13_wrap .cont1> div:last-child {border-right: 1px solid #ccc;}
.s13_wrap .cont1 .won_txt {display: flex; justify-content:space-between; text-align: left; align-items:center; margin-top: 20px;}
.won_txt a { display: block; padding: 7px 12px; color: #777; border:1px solid #777; transition: all 0.5s; font-size: 14px;}
.won_txt a:hover {background: #4770ca; color: #fff; transition: all 0.5s; border:1px solid #4770ca;}
.s13_wrap ul {display: flex; justify-content:space-between;}
.s13_wrap ul li { width: 300px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; text-align: center; padding: 50px 0;}
.s13_wrap ul li:last-child {border-right: 1px solid #ccc;}
.s13_wrap .cont2 a { display: inline-block; padding: 7px 18px; color: #777; border:1px solid #777; transition: all 0.5s; font-size: 14px; margin-top: 25px;}
.s13_wrap .cont2 a:hover {background: #4770ca; color: #fff; transition: all 0.5s; border:1px solid #4770ca;}
.s13_wrap .cont2 h2 {margin-bottom: 15px;}
.s13_t {font-family: 'GyeonggiBatang'; font-size: 22px; letter-spacing:3px; line-height: 150%; text-align: center; padding-top: 100px; font-weight: 700;}


.location_ul		{margin:30px 0;}
.location_ul li	{margin-bottom:20px; position:relative; padding-left:100px;}
.location_ul li span	{display:inline-block; width:80px; position:absolute; left:0; top:0;}


.s21_wrap h3 {font-size: 25px; padding-top: 0; margin-bottom: 50px; font-weight: 300;}
.s21_wrap p.number {color: #4770ca; font-size: 18px; font-family: 'GyeonggiBatang'; font-size: 18px; letter-spacing:6px; line-height: 130%; position: relative; padding-left: 60px; font-weight: 700; margin: 20px 0 10px;}
.s21_wrap p.number::after {position: absolute; display: block; content:''; background: #4770ca; left: 0; bottom: 0; height: 2px; width: 50px;}
.s21_wrap .content > div {margin-bottom: 50px;}
.s21_wrap .content h2 {font-size: 22px; font-weight: 500; margin-bottom: 20px;}
.s21_wrap .content p {font-weight: 300;}
.s21_wrap .content2 > div {display: flex; background: #f8f8f8; align-items:center; margin-bottom: 70px;}
.s21_wrap .content2 > div:last-child {margin-bottom: 0;}
.s21_wrap .content2 .bg:first-child {background: url("./img/s21_img1.jpg") no-repeat center; width: 400px; height: 400px; margin-right: 40px;}
.s21_wrap .content2 :last-child .bg {background: url("./img/s21_img2.jpg") no-repeat center; width: 400px; height: 400px; margin-right: 40px;}
.s21_wrap .content2 .txt_box h2 {font-family: 'GyeonggiBatang'; font-size: 25px; letter-spacing:3px; line-height: 130%; font-weight: 700; margin-bottom: 30px;}
.s21_wrap .content2 .txt_box p {line-height: 200%;}
.s21_wrap .s13_t {text-align: left;}



.s31_wrap .s13_t {text-align: left; font-size: 25px; padding-top: 0; margin-bottom: 50px; font-weight: 300;}
.s31_wrap .t_box {font-size: 18px; display: flex; justify-content: space-between;}
.s31_wrap .t_box p {position: relative; font-weight: 300; width: 30%; padding: 50px 10px; box-shadow:3px 3px 5px #eee; border-top: 1px solid #4770ca; text-align: center;}
.s31_wrap .t_box p::before {position: absolute; display: none; content:''; top:13px; left: 0; width: 7px; height: 7px; background: #4770ca; border-radius:50%}
.s31_bg {height: 300px; background: url("./img/s31_bg.jpg") no-repeat center; width: 100%;}
.s31_wrap .content2 {display: flex; background: #f8f8f8; align-items:center;}
.s31_wrap .content2 .bg {background: url("./img/s21_img3.jpg") no-repeat center; width: 400px; height: 400px; margin-right: 40px;}
.s31_wrap .content2 .txt_box h2 {font-family: 'GyeonggiBatang'; font-size: 25px; letter-spacing:3px; line-height: 130%; font-weight: 700; margin-bottom: 30px;}
.s31_wrap .content2 .txt_box p {line-height: 200%;}
.s31_cont {padding: 70px 0;}



.s41_wrap .s13_t {text-align: left; font-size: 25px; padding-top: 0; margin-bottom: 50px; font-weight: 300;}
.s41_wrap .t_box {padding: 40px; font-size: 20px; background: #fff; margin-top: -80px; border-radius:0 20px 0 0; width: 600px;}
.s41_wrap .t_box p {position: relative; padding-left: 25px; font-weight: 300;}
.s41_wrap .t_box p::before {position: absolute; display: block; content:''; top:13px; left: 0; width: 7px; height: 7px; background: #4770ca; border-radius:50%}
.s41_wrap .content2 {display: flex; background: #f8f8f8; align-items:center; margin-top: 70px;}
.s41_wrap .content2 .bg {background: url("./img/s21_img4.jpg") no-repeat center; width: 400px; height: 400px; margin-right: 40px;}
.s41_wrap .content2 .txt_box h2 {font-family: 'GyeonggiBatang'; font-size: 25px; letter-spacing:3px; line-height: 130%; font-weight: 700; margin-bottom: 30px;}
.s41_wrap .content2 .txt_box p {line-height: 200%;}



.s51_wrap .s13_t {text-align: left; font-size: 25px; padding-top: 0; margin-bottom: 50px; font-weight: 300;}
.s51_wrap .t_box {padding: 40px; font-size: 20px; background: #fff; margin-top: -80px; border-radius:0 20px 0 0; width: 600px;}
.s51_wrap .t_box p {position: relative; padding-left: 25px; font-weight: 300;}
.s51_wrap .t_box p::before {position: absolute; display: block; content:''; top:13px; left: 0; width: 7px; height: 7px; background: #4770ca; border-radius:50%}
.s51_wrap .content2 {display: flex; background: #f8f8f8; align-items:center; margin-top: 70px;}
.s51_wrap .content2 .bg {background: url("./img/s21_img5.jpg") no-repeat center; width: 400px; height: 400px; margin-right: 40px;}
.s51_wrap .content2 .txt_box h2 {font-family: 'GyeonggiBatang'; font-size: 25px; letter-spacing:3px; line-height: 130%; font-weight: 700; margin-bottom: 30px;}
.s51_wrap .content2 .txt_box p {line-height: 200%;}



.s61_wrap ul {display: flex; flex-flow:row wrap;}
.s61_wrap ul li {width: 370px; margin-bottom: 40px; margin-right: 30px;}
.s61_wrap ul li h2 {color: #fff; background: #4770ca; border-radius:3px; display: inline-block; padding: 10px 18px; font-size: 20px; margin-bottom:15px;}
.s61_wrap ul li p {font-weight: 400; line-height: 160%;}
.s61_wrap h3 {font-size: 25px; font-weight: 300; margin-bottom: 20px;}
.s61_wrap h3.num_bold {font-size: 25px; color: #ccc; margin-bottom: 10px; font-weight: 500;}
.s61_cont {padding: 70px 0 50px;}
.s61_cont .s61_bg {height: 300px; background: url("./img/s61_bg.jpg") no-repeat center; width: 100%;}
.s61_cont .t_box {padding: 40px 40px 20px; font-size: 20px; background: #fff; margin-top: -80px; border-radius:0 20px 0 0; width: 600px;}
.s61_cont .t_box p {font-weight: 400; font-size: 18px;}
.s61_wrap .content2 ul {display: flex; justify-content:space-between;}
.s61_wrap .content2 ul li {width: 23%; border:1px solid #ddd;  margin-bottom: 0; transition:all 0.5s; margin-right: 0;}
.s61_wrap .content2 ul li:hover { border:1px solid #4770ca; transition:all 0.5s;}
.s61_wrap .content2 ul li a {display: block; padding: 15px 20px; text-align: center;}
.s61_wrap .content2 ul li img {vertical-align: middle;  display: inline-block; margin-right: 5px;}