/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; }
.sub_tab						{display:none;}
.main .inner {width: 1200px; margin: 0 auto;}
.link_tab {margin-top: 77px; display: flex; justify-content:center;}
.link_tab li {margin-right:25px; display: flex; justify-content: center; align-items: center; border-radius: 25px; background-color:#fff; margin-bottom:15px; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);}
.link_tab li:last-child {margin-right: 0;}
.link_tab li a {position:relative; display: block; width: 282px; height: 60px; line-height: 60px; text-align: center; font-size: 20px; font-weight: 500; color: #333; /*-ms-box-shadow: 0px 0px 9px rgb(0 0 0 / 15%); -webkit-box-shadow: 0px 0px 9px rgb(0 0 0 / 15%); -moz-box-shadow: 0px 0px 9px rgb(0 0 0 / 15%); box-shadow: 0px 0px 9px rgb(0 0 0 / 15%); */border-radius: 60px;}
.link_tab li a.ace {background:url(./img/ribbon.png) no-repeat center center / cover}
.link_tab li a.ace:before {position:absolute; top:-28px; left: 0; right: 0; margin: 0 auto; display:inline-block; content:''; width: 50px; height: 28px; background:url(./img/crown2.png) no-repeat center center / cover;}
.link_tab li a.active {background-color: #0099e4; color: #fff;}
.link_tab li a.ace.active {background-color: #fcc240;}


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

/************************* 공통 끝 *************************/

/************************* 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_gnb_bg {}
.header_t									{position:fixed; width:100%; margin:0 auto; background-color: rgba(255,255,255,0.8); z-index: 999;}
.header_logo							{width:237px; position: absolute; left: 50%; transform:translateX(-50%); z-index: 999;}
.header_logo img {max-width:100%; display: block; margin: 0 auto; vertical-align: top;}
.header_gnb								{width: 1200px; margin: 0 auto;}
/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.main_visual {position:relative; margin:0 auto;}
.main_visual .link_menu {position: absolute; width:1200px; bottom: 30px; left:0; right:0; bottom:30px; margin:auto; display: flex; justify-content: flex-end;}
.main_visual .link_menu > a {display: flex; justify-content:center; align-items:center; width: 236px; height: 90px;}
.main_visual .link_menu > a.link1 {background-color: #fff;}
.main_visual .link_menu > a.link2 {background-color: #35cdff;}
.main_visual .link_menu > a.link3 {background-color: #0099e4;}
.main_visual .link_menu > a .icon {margin:1px 8px 0 0;}
.main_visual .link_menu > a .txt p {font-size: 18px; font-weight: 700; color: #fff;}
.main_visual .link_menu > a.link1 .txt p {color: #2584c6;}
.main_visual .link_menu > a .txt span {color: #fff;}
.main_visual .link_menu > a.link1 .txt span {color: #333;}


.section02 .inner {padding:70px 0;}
.section02 .contents {display: flex; justify-content:space-between;}
.section02 .contents .content a {display: flex; flex-direction:column;justify-content:center; align-items:center; width: 210px; height: 210px; border-radius:100%; background-color: #35cdff; -webkit-transition:.5s ease background-color; -moz-transition:.5s ease background-color; -o-transition:.5s ease background-color; transition:.5s ease background-color;}
.section02 .contents .content:hover a {background-color: #0099e4;}
.section02 .contents .content a img {display: block; margin: 0 auto; vertical-align:top; max-width:100%;}
.section02 .contents .content a p {margin-top: 15px; color: #fff; font-size: 20px; font-weight: 700;}

.section03 {background-color: #eff8fb;}
.section03 .inner {padding: 65px 0 57px 0;}
.section03 .contents {display: flex; justify-content:space-between;}
.section03 .contents .content {width: 576px;}

.section04 .inner {padding:75px 0;}

/************************* 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 끝 *************************/
/************************* s11 시작 *************************/
.s11 .s_inner {padding:92px 0 152px 0;}
.s11 .contents {display: flex; justify-content: space-between;}
.s11 .contents .txt_box {position:relative; width: 42%;}
.s11 .contents .txt_box .tit {margin-top: 42px; font-size: 36px; font-weight: 700;color: #0095f3;}
.s11 .contents .txt_box .desc {margin:26px 0 28px 0; font-size: 20px; color: #333; font-weight: 500;}
.s11 .contents .txt_box .txt {font-size: 18px; line-height: 1.6; color: #666;}
.s11 .contents .txt_box img {position: absolute; display: block; max-width:100%; vertical-align: top;}
.s11 .contents .img_box {position:relative; width: 49%;}
.s11 .contents .img_box img {display: block; max-width:100%; margin: 0 auto; vertical-align:top; border-radius:15px; bottom: 10px;}
.s11 .contents .img_box:before {display:block; content:''; position: absolute; top: -52px; right: -89px; width: 149px; height: 138px; background:url(./img/char_img.png) no-repeat center center / cover;}
.s11 .contents .img_box:after {display:block; content:''; position: absolute; right: -20px; bottom: -20px; width: 100%; height:100%; background-color: #81e0ff; border-radius:15px; z-index: -10;}
.s11 .contents .img_box .circle {position: absolute; border-radius:100%; z-index: -10;}
.s11 .contents .img_box .circle.big {left: -92px; bottom: -97px; width: 270px; height: 270px; background-color:rgba(0,153,228,0.13)}
.s11 .contents .img_box .circle.small {left: -110px; bottom:80px; width: 90px; height: 90px; background-color:rgba(102,239,255,0.13)}

/************************* s11 끝 *************************/
/************************* s12 시작 *************************/
.s12 .s_inner {padding:92px 0 152px 0;}

table.table1 {width: 100%;}
table.table1 tr th {background-color: #0099e4; padding:10px 0 11px 0; color: #fff; font-size: 17px; font-weight: 500; border-right: 1px solid #ccc; border:1px solid #dfdfdf; border-left:none; color: #fff;}
table.table1 tr th:first-child {border-left: 1px solid #dfdfdf;}
table.table1 tr td {text-align: center; font-size: 17px; padding:12px 0; border-bottom:1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
table.table1 tr td:first-child {border-left:1px solid #dfdfdf;}
table.table1 tr td.bg {background-color: #f4f4f4;}
table.table1 tr td.cf_txt {color:#ff1300; font-weight: 600; text-align: center; border-left:1px solid #dfdfdf;}
table.table1 tr td .cf_txt {color:#ff1300;}
/************************* s12 끝 *************************/

/************************* s14 시작 *************************/
.s14 .s_inner {padding:81px 0 152px 0;}
.s14 .contents .content {display: flex; border:1px solid #eaeaea; border-top:1px solid #0099e4;}
.s14 .contents .cont01 {margin-bottom: 80px;}
.s14 .contents .content .map_box {width: 50%;}
.s14 .contents .content .info_box {width:50%;font-family:'Noto Sans KR', 'Georama', sans-serif; padding:48px 50px 36px 50px; background:url(./img/s14_01.png) no-repeat bottom right / cover;}
.s14 .contents .content .info_box .tit {padding-bottom:24px; font-size: 28px; font-weight: 700; color: #333; border-bottom:1px solid #ddd;}
.s14 .contents .content .info_box .add {margin-top: 26px; font-size: 18px; color: #666;}
.s14 .contents .content .info_box .add span {margin-right: 20px; display: inline-block;}
.s14 .contents .content .info_box .add span img {display: inline-block; max-width:100%; vertical-align:middle;}
.s14 .contents .content .info_box .tel {margin:11px 0 59px 0;font-size: 18px; color: #666;}
.s14 .contents .content .info_box .tel b {margin-right: 18px; color: #0099e4;}
.s14 .contents .content .info_box .link {display: inline-block; width: 165px; height: 48px; line-height: 48px; font-size: 16px; color: #fff; background-color: #2483c5; text-align: center;}
.s14 .contents .content .info_box .link:first-of-type {margin-right: 9px;}
.s14 .contents .content .info_box .link span {display: inline-block; margin-right: 10px; vertical-align:middle;}

/************************* s14 끝 *************************/

/************************* s21 시작 *************************/
.s21 .s_inner {padding: 92px 0 152px 0;}
.s21 .s_inner .cont01 {margin-bottom: 80px; text-align: right;}
.s21 .write_btn {margin-top: 20px; display: inline-block; padding: 10px 25px; border: 1px solid #DDD; line-height: 100%; background-color: #2383c5; color: #fff;}
/************************* s21 끝 *************************/


/************************* s22 시작 *************************/
.s22 .s_inner {padding:92px 0 152px 0;}
.s22 .content .pro_tit {font-size: 24px; margin:80px 0 20px 0;font-weight: 700;}
.s22 .cont01 .pro_tit {margin-top: 0;}
.s22 .cont04 {margin-bottom: 0;}
/************************* s22 끝 *************************/

/************************* s31 시작 *************************/
.s31 .s_inner {padding: 77px 0 100px 0;}
/************************* s31 끝 *************************/

/************************* footer_inc 시작 *************************/
.footer {display:flex; align-items:flex-end; background:url(../include/img/footer_bg.png) no-repeat center center / cover; min-height: 207px;}
.footer .inner {display:flex; flex-direction:column; justify-content:center; width: 1200px; margin: 0 auto; height: 188px;}
.footer .footer_link {display: flex; padding-bottom: 15px; border-bottom:1px solid rgba(204,204,204,0.4);}
.footer .footer_link li a {display:inline-block; margin-right: 20px; font-size: 14px; color: #fff; font-weight: 300;}
.footer .footer_link li a b {color: #ffd76b;}
.footer .footer_info {padding-top: 15px; display: flex; justify-content:space-between; }
.footer .footer_info .footer_txt {color: #fff;}
.footer .footer_info .footer_txt .footer_copyright a {color: #ccc;}

/*family_inc.php의 스타일*/
.total								{position:relative; width:100%;  cursor:pointer;}
.select_d							{width:180px; line-height:35px; height:35px; background-color: #fff; border-radius:18px; text-align: center; transition:.15s all;}
.select_d.active {border-radius:18px 18px 0 0;}
.select_d i				{display:inline-block; margin:0 0 3px 24px; font-size: 20px; vertical-align:middle;}

/* 패밀리사이트 클릭시 밑으로 떨어지는  CSS*/
.select_op {position:absolute; width: 100%; background-color: #fff; border-radius: 0 0 18px 18px;  
	/*승완추기*/
	top:20px; opacity: 0; visibility:hidden; transition:all .15s;}
.select_op li {text-align: center;}
.select_op li a {display: block; height:35px; line-height: 35px; font-size: 13px; }


/* 패밀리사이트 클릭시 위로 올라오는 CSS*/

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