/* include 공통 CSS */

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

/* 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;margin-top: 100px; margin-bottom:120px;}

/*@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;padding-top:20px;}
.in {max-width:1200px; min-width:1200px;margin:0 auto;}
.eng {font-family:'Raleway',sans-serif;}
.eng.tit {font-weight: 500;}
.orange {color: #ff4600;}
.orange.sq {position:relative;}
.orange.sq::before {content:'';display:block; width: 7px; height:7px;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
.header_home_btn					{display:flex; align-items: center; width:100%; height:45px;text-align:right; background-color:#fcefea; min-width:1200px;} /*상단 홈/로그인/사이트맵 영역*/
.header_home_btn .in {display:flex; align-items: center; justify-content: space-between;}
.home a {display:flex; align-items:center;}
.home img {margin-right:6px;}
.home_btn_word						{display:flex; align-items: center;}
.home_btn_word a					{display:inline-block; font-size:14px;}
.home_btn_word a:last-child {margin-left:30px;}
.home_btn_word span				{display:inline-block; margin:0 10px;}
.header_search{margin-left:35px;position:relative;}
#stx{width:180px; height:30px; border-radius:100px; border:none;padding:0 15px; font-family: 'Noto Sans Korean',sans-serif; font-size:14px;transition:all 0.3s ease;background-color:#fff;}
#fsearchbox {position: relative;}
.header_search span.ico{ position: absolute; right: 18px; top: 10px; transition:all 0.3s ease;}
button.btn_submit_a {background:none;border:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);}

.header_t									{height:120px;}
.header_t .in {display:flex; align-items:center; justify-content:space-between; height:100%; max-width: 1800px;
	min-width: 1800px;}
.header_logo							{width:160px;}
.header_gnb								{width:950px;height:100%;margin-right: 370px;}



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

/************************* main_inc 시작*************************/

.main_visual										{position:relative; min-width:1200px; margin:0 auto;}
.main01 .txt {display:flex; align-items: center;height:450px;position:relative;}
/*.main01 .txt::before {content:''; display:block; width:980px; height: 450px; background: #fcefea;position:absolute; left:0; top:0;}*/
.main01 .txt .in {position:relative; z-index: 10;}
.main01 .txt .in::after {content:''; display:block; width:704px; height:400px; background: url('img/main01.jpg') no-repeat; position: absolute; right:0; top: 50%; transform: translateY(-50%);background-size: cover;}
h2 { font-weight: 500; font-size:30px;}
h2 span.orange {position:relative;}
h2 span.orange::before {content:''; display:block; width:7px; height: 7px; background: #ff4600; margin-bottom: 4px;}
.main01 .txt h2 {font-size: 26px;font-family: 'Noto Sans Korean';padding-bottom: 30px;}
.main01 .txt h2 span::before {display: none;}
.main01 .txt ul.con {font-size:21px; color: #666;padding: 0px 0 50px;}
.main01 .txt ul.con li {display: flex;align-items: center;margin-bottom: 20px;font-weight: 500;color: #444;}
.main01 .txt ul.con li:last-child {margin-bottom: 0;}
.main01 .txt ul.con li::before {content: '1';display: block;width: 28px;height: 28px;background: #333;color: #fff;text-align: center;margin-right: 15px;font-size: 16px;line-height: 26px;}
.main01 .txt ul.con li:nth-child(2)::before {content: '2';}
.main01 .txt ul.con li:nth-child(3)::before {content: '3';}
.main01 .txt ul.con li:nth-child(4)::before {content: '4';}
.main01 .txt ul.con li:nth-child(5)::before {content: '5';}
.main01 .txt ul.con li > span {display: inline-block;padding-left: 10px;font-weight: normal;font-size: 18px;}
.main01 .txt ul.con li span.subtxt {color: #ff4600;font-style: italic;text-decoration: underline;}
.view a {display:flex; align-items:center; justify-content:center; width:188px; height:48px;  border: 1px solid #999; transition: 0.3s;font-size: 16px;font-weight: 600;color: #fe6008;}
.view a:hover {background: #ff4600; border-color:#ff4600; color:#fff; transition: 0.3s;}
.main02 .pro_list h3 {padding:15px 25px;font-size: 20px;}
.main02 .tit {display:flex; justify-content: space-between; align-items:center;padding-bottom: 50px;}
.main02 .tit p {font-size:18px; padding: 20px 0 60px;}
/*.main02 .view a {border-color: #ddd;}*/
.main02 .view a:hover {border-color: #ff4600}
.main02 .main_title			{text-align:center;}
.main02 .main_title h1	{color:#2c8bb4; font-size:35px; font-weight:normal; letter-spacing:-1px; line-height:100%; margin-bottom:5px;}
.main02 .main_title h3	{color:#000; font-size:16px; font-weight:normal;  line-height:100%;}
.main02 .main_title div.mbar		{height:1px; width:20px; background:#444; margin:30px auto;}
.pro {display:flex; justify-content:space-between;}
.pro_list			{width:384px; height:500px;border:1px solid #ddd;}
.pro_list .img:hover a {opacity: 1;}
.pro_list .img {width:384px;height:280px; position: relative;}
.pro_list .img a {display:flex; justify-content:center; align-items: center;width:100%; height:100%;background: rgba(255,70,0,0.6); position:absolute; left:0; top:0; opacity: 0; transition:all .2s;}
.main_btn a {font-size: 15px;    font-weight: 500;}
.main_btn a img {padding-left: 10px; transition: all .2s;}
.main_btn a:hover img {padding-left: 15px; transition: all .2s;}
.pro_list .txt {padding: 25px;}
.pro_list .txt h3 {font-size:20px;}
.pro_list .txt p {font-size:16px; padding: 0px 0 25px;}

.main03	{height:370px;/* background:url('img/main03.jpg')no-repeat left top; */ background: #d9e4ea; background-attachment: fixed; text-align:center;color:#fff;margin-top: 0;}
.main03 h2		{font-size:36px; font-weight:700; color: #064777;}
.main03 h2::before {content:''; display:block; width: 1px; height: 40px; background: rgba(255,255,255,0.6); margin: 0 auto 50px; }
.main03 .in > p		{font-size:16px; padding: 30px 0;}
.main03 .box {display:flex; align-items:center; justify-content: center; width:410px; height:70px; border-radius: 100px; background:#064777;margin: 30px auto 0;}
.main03 .box p {display:flex;align-items:center;font-size: 26px;font-weight:700; padding-left:15px;}
.main03 .box p span.orange {display:block;color:#fff;font-family:'Raleway',sans-serif;font-size: 36px; padding-left: 10px;}

.s13_02.main_s13 {width:100%;}
.s13_02.main_s13 .in {border-top: 1px solid #ddd;padding:100px 0;}
.s13_02.main_s13 h2 {font-family: 'Noto Sans Korean';margin-bottom: 60px;}
.s13_02.main_s13 ul {display: flex; /*justify-content:space-between;*/ flex-wrap: wrap;}
.s13_02.main_s13 li {display:flex; align-items:center; justify-content: center; width:224px; height:102px; background:#fff; border: 1px solid #ddd; margin-right: 20px;}
.s13_02.main_s13 li:first-child, .s13_02 li:nth-child(2),.s13_02 li:nth-child(3),.s13_02 li:nth-child(4) {margin-bottom: 20px;}
.s13_02.main_s13 li:nth-child(5n) {margin-right: 0;}
.s13_02.main_s13 li img{width: 70%;height: auto;}
.main04 {margin-bottom:100px;}
.main04 .in {display:flex; justify-content:space-between;}
.main04 .in > div {width:585px;}

.main03_2 {height: auto;padding-bottom: 80px;}
.main03_2 h2 {font-family: 'Noto Sans Korean';padding-bottom: 30px;}
.main03_2 .s13_02.main_s13 li {height: 80px;border: none;}
.main03_2 .in > p {font-size: 20px;}

/* 2022-03-04 추가 수정 */
.pro_new .pro_list {width: 23.5%;}
.pro_new .pro_list .txt br {display: none;}
.pro_new .pro_list .img {width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.pro_new .pro_list .img > img {width: 100%; height: 100%; object-fit:cover;}

.tit_more {display: flex; justify-content: space-between; margin-bottom: 24px;}
.tit_more a {display: block; width: 45px; height: 45px;  border: 1px solid #ddd; background: url("./img/plus_off.png") no-repeat center; transition: .3s;}
.tit_more a:hover {background: url("./img/plus_on.png") #ff4600 center no-repeat; border-color: #ff4600; transition:.3s;}

.main_new_sns {padding:40px 0; background: #f4f4f4; margin-top: 80px;}
.main_new_sns .in{display: flex; justify-content:space-between;}
.main_new_sns a {display: flex; justify-content: center; align-items: center; width: 32%; height: 125px; font-size: 18px; text-align: right; font-weight: 500; padding-left: 60px; transition:all .3s; line-height: 1.4;}
.main_new_sns a:first-child {border:1px solid #aaa;  background:url("./img/new_sns1.png") 12% center #4685FF no-repeat;font-weight: 400; order:3; color: #fff;}
.main_new_sns a:first-child span {color: #fff; font-weight:600;}
.main_new_sns a:nth-of-type(2) {background:url("./img/new_sns2.png") 12% center #ffeb00 no-repeat; order:1;}
.main_new_sns a:last-child {background:url("./img/new_sns3.png") 12% center  #00c73c no-repeat; color: #fff; order:2;}

.main_new_sns a:hover{font-size: 19px;}
.main_new_sns b {font-size: 24px; font-weight: 700; font-family: 'Raleway',sans-serif;}



.main_new_sns2 {padding:40px 0; background: #f4f4f4; }
.main_new_sns2 .in{display: flex; justify-content:space-between;}
.main_new_sns2 a {display: flex; justify-content: center; align-items: center; width: 24%; height: 125px; font-size: 18px; text-align: right; font-weight: 500; padding-left: 60px; transition:all .3s; line-height: 1.4;}
.main_new_sns2 a:first-child {border:1px solid #aaa;  background:url("./img/new_sns8.png") 12% center #fff no-repeat; order:3;}
.main_new_sns2 a:first-child span {color: #fe6008; font-weight:600;}
.main_new_sns2 a:nth-of-type(2) {background:url("./img/new_sns2.png") 12% center #ffeb00 no-repeat; order:1;}

.main_new_sns2 a:nth-of-type(3) {background:url("./img/new_sns3.png") 12% center #00c73c no-repeat; color: #fff; order:1;}

.main_new_sns2 a:last-child {background:url("./img/new_sns7.png") 12% center  #fff no-repeat; color: #212121; order:2; border:1px solid #aaa;}

.main_new_sns2 a:hover{font-size: 19px;}
.main_new_sns2 b {font-size: 24px; font-weight: 700; font-family: 'Raleway',sans-serif;}





.main_new .tit_more {padding: 40px 0; margin-bottom: 40px; background: url("./img/main_new01_bg.jpg"); display: flex; justify-content: center;color: #fff;}
.main_new .tit_more a {margin-left: 20px; }
.main_new .tit_more a:hover {border-color:#fff; background: url("./img/plus_on2.png") #fff center no-repeat;}

.main_new02 .tit_more {background: url("./img/main_new02_bg.jpg");    color: #064777;}
.main_new02 .tit_more a {border:1px solid #fff; background: url("./img/plus_on3.png") no-repeat center;}
.main_new02 .tit_more a:hover {border:1px solid #064777; background: url("./img/plus_on3.png") #064777 no-repeat center;}

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

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:60px; border-bottom:1px solid #ddd; } 
.navi_in	{max-width:1200px; 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:60px; }

.home_btn_all .home_btn a	{display:block; width:60px;height:60px; line-height:60px; text-align:center; background:#fe6008}

.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:60px; width:250px; position:relative; line-height:60px;  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:#333; font-size:16px; margin-left:20px; width:100%;}


.navi_main h1 { color:#333; font-size:16px; margin-left:20px;}

.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:20px; top:0px;}

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

.navi_sub {padding:0; height:60px; width:250px; line-height:60px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2						{font-family:'Noto Sans Korean',sans-serif;color:#333333; font-size:16px;  cursor:pointer; margin-left:20px;font-weight:normal;}
.navi_sub>a.down_btn4	{position:absolute; right:20px; 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 시작 *************************/
.orange2 {color:#fe6008;}

.cscenter {width:200px; height:auto; background:#fff; border: 1px solid #ddd; border-top-right-radius: 15px;border-top-left-radius: 15px; border-bottom-left-radius: 15px;position: fixed; right:20px; bottom: 80px; z-index:999;opacity:0;transition:0.5s;}
.cscenter.on {opacity:1;transition:0.5s;}
.cscenter .tit {width:120px; height: 36px; background: #fe6008; position:absolute; top: -19px; left:50%; transform: translateX(-50%);}
.cscenter .tit h2 {display:flex; align-items:center; justify-content: center;font-family:'Noto Sans Korean',sans-serif;font-size:18px;font-weight:bold; color:#fff; padding-top: 3px;}
.cscenter .txt h3 {display:flex; align-items:center; justify-content:center;}
h3 .orange2 {font-size:28px; font-weight:700; font-family:'Raleway',sans-serif; margin-left:4px;}
.cscenter .txt {text-align:center; padding-top:25px;}
.cscenter .txt li {display:flex;}
.cscenter .txt li:last-child {justify-content:center;font-weight: 500;color: #fe6008;margin-top:6px;}
.cscenter .txt li:last-child p {width:100%;position: relative;}
.cscenter .txt li:last-child p::before,.cscenter .txt li:last-child p::after {content:'';display:block;width:10%;height:1px;background:#ddd;position: absolute;left:-15px;top:50%;}
.cscenter .txt li:last-child p::after  {left:auto;right:-15px;}
.cscenter .txt ul {display:inline-block;font-size:14px;padding-top:8px;}
.cscenter .txt ul li h4 {font-weight:bold;margin-right:10px;}
.cscenter .txt ul li p span {color:#666; font-size:12px;}

.inquiry {background:#fe6008;text-align:center;height:36px;    border-bottom-left-radius: 15px;margin-top:10px;}
.inquiry a {display:flex;align-items:center;justify-content:center;height:100%;color:#fff;background:url('img/q_arr.png') no-repeat 80% center;transition:0.3s;}
.inquiry a:hover {background-position: 82% center; transition:0.3s;}
.footer_site_link						{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 0;text-align:center;}
.footer_site_link ul li			{display:inline; margin:0 8px; }

.footer_t	{background:#eee;color: #666;padding: 45px 0 65px;}
.footer_t .in {display:flex;position:relative;}
.footer_logo {margin-right:50px;}
.footer_t a {color:#666}
.footer_txt {padding-top:20px;}
.footer_txt ul:first-child {display:flex;margin-bottom:15px;}
.footer_txt ul:first-child li {margin-right:10px;}
.footer_txt ul:first-child li:first-child {font-weight:600;}
.footer_txt ul.txt {width:660px;}
.footer_txt ul.txt li {float:left; display:flex; align-items: center; line-height: 25px;}
.footer_txt ul.txt li:not(.none)::after {content:''; display:block; width: 1px; height: 12px; background:#ccc;margin: 0 10px;}

.footer_txt p.copy {color:#aaa;font-size:12px;margin-top:25px;}
.footer_txt p b						{font-weight:600;}
.footer_txt p span				{display:inline-block; margin:0 10px; font-size:10px;}

.footer_copyright			{background:#323232; color:#fff; text-align:center; padding:10px;}
.footer_copyright p			{color:#fff; font-size:12px;}
.footer_copyright p a		{font-size:11px; color:#fff;  margin-left:15px;}

.cscenter .footer_sns {padding-top:10PX;}
.cscenter .footer_sns ul {display:flex;justify-content:center;padding-top: 0;}
.cscenter .footer_sns ul li {display: inline-block; margin-top: 0 !important;}
.cscenter .footer_sns ul li:not(:last-child) {margin-right:12px;}

/*family_inc.php의 스타일*/
.total								{width:100%;  cursor:pointer;}
.select_d							{border:1px solid #ddd; width:100%; line-height:30px; height:30px; padding-left:8px; position:relative; font-size:12px;}
.select_d span				{display:inline-block; position:absolute; right:10px;}

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

/* 패밀리사이트 클릭시 위로 올라오는 CSS*/
.select_op						{border:1px solid #ddd;border-bottom:none; width:160px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;bottom: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:83px;
	overflow:hidden;
	width:55px;
	height:55px;
	border:none;
	text-indent:100%;
	background:url("./img/topbtn.png") no-repeat;
}

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

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