/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:none; }
.sub_tab						{ max-width:1200px; margin:0 auto; border-bottom:1px solid #e1e1e1; position: relative;}

/* 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			{text-align:center; padding-top:140px;}
.content_title h1		{font-size:36px; font-weight:700; color:#fff; margin-bottom:30px;}
.content_title span		{font-size:15px; color:#fff; }

.content_desc				{min-height:500px; padding:60px 0 100px}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
.header_home_btn					{ background-color:#0e3267; height:40px;} /*상단 홈/로그인/사이트맵 영역*/
.hd_wrap{width:1200px; margin:0 auto;display:flex; justify-content:space-between; align-items:center;}
.home_btn{ background-color:#fff;}
.home_btn a{font-weight:bold;padding:11px 30px;display:block; width:100%; height:100%; color:#6e6e6e; }
.home_btn_word{display:flex; align-items:center;}
.home_btn_word a{color:#fff; font-size:13px;}
.home_btn_word span{width:3px; height:3px; background-color:#fff; border-radius:3px; margin:0 10px;}

.header_lang{position:relative; }
.header_lang h2{font-size:13px; color: #fff;cursor:pointer; transition:all 0.3s ease;}
.header_lang h2 img{vertical-align: middle; margin-left:10px; transition:all 0.3s ease;}
.header_lang h2 img.active{transform:rotate(180deg);}
.header_lang ul{ position: absolute;  top:28px; left: -11px; display:none; z-index:9}
.header_lang ul li a{font-size:13px; color: #828282; display:block; width:100%; height:100%; border-top:1px solid #e1e1e1; padding: 10px 16px;background-color: #fff;  border: 1px solid #e1e1e1;}
.header_lang ul li:first-child a{border-top:none; background-color: #266646; color:#fff;  border: 1px solid #266646;}
.header_lang ul li:last-child a{border-top:none}

.header_search{position:relative; width:220px;}
#stx{width:220px; height:40px; border:1px solid #e1e1e1; border-radius:100px; background-color:#f3f3f3; padding:0 15px; font-size:15px;transition:all 0.3s ease;}
.header_search span.ico{ position: absolute; right: 18px; top: 10px; transition:all 0.3s ease;}


.header_t									{width:1200px; height:98px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
.header_logo img{max-width:182px; display:block;}

/* global navigation bar */
.gnb								{position:relative; z-index:999;}
/* gnb Common */
.menu								{position:relative; border:0px solid red;}
.menu:after					{content:"";display:block;clear:both; width:100%;}
.menu .major ul						{float:left;list-style:none;margin:0;padding:0}
.menu .major ul:after			{content:"";display:block;clear:both; width:100%;}
.menu .major ul li						{position:relative; z-index:1; float:left}
.menu .major ul li a					{position:relative; padding:0; color:#131212; }
.menu .major ul li a span			{display:inline-block; padding:36px 32px 40px; font-size:17px !important; font-weight:500;border-bottom:4px solid transparent; transition:all 0.3s ease;}

/* gnb Hover */
.menu .major li.active{z-index:2}
.menu .major li a:hover span,.menu .major li a:active span,.menu .major li a:focus span{border-bottom:4px solid #0e3267; color:#0e3267}
.menu .major li.active a span{border-bottom:4px solid #0e3267; color:#0e3267}
/*대메뉴 포커스 효과 변경시 */
.menu .major li.pactive a span{border-bottom:4px solid #0e3267; color:#0e3267}
.menu .major li.pactive ul.sub{display:none;}
/*대메뉴 포커스 효과 변경시 */

/* gnb 2depth */
.menu .major ul.sub							{position:absolute; top:98px; display:none; border:1px solid #dfdfdf; background:#fff; margin:0;padding:0;}
.menu .major li.active ul.sub		{display:block;}
.menu .major ul.sub li					{clear:both; margin:0; text-align:left; width:100%}
.menu .major ul.sub li a				{color:#555; font-size:15px; font-weight: 500; color:#000; opacity:0.8; display:block; width:100%; height:100%; padding:12px 15px; border-bottom: 1px solid #e1e1e1; word-break: keep-all;}
.menu .major ul.sub li:last-child a{border:none}
.menu .major ul.sub li a:hover	{color:#0e3267}

/* gnb 2depth  */
li.m1 ul.sub{left:0px; width:100%;}
li.m2 ul.sub{left:0px; width:100%;}
li.m3 ul.sub{left:0px; width:100%;}
li.m4 ul.sub{left:0px; width:100%;}


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

/************************* main_inc 시작*************************/
.main_visual .swiper-button-next_1 {width: 37px; height: 69px; background: url('./img/next.png') no-repeat center !important; background-size: cover;}
.main_visual .swiper-button-prev_1 {width: 37px; height: 69px; background: url('./img/prev.png') no-repeat center !important; background-size: cover;}
.main_visual .swiper-button-next_2 {width: 60px; height: 60px; background: url('./img/next_02.png') no-repeat center !important; background-size: cover;}
.main_visual .swiper-button-prev_2 {width: 60px; height: 60px; background: url('./img/prev_02.png') no-repeat center !important; background-size: cover;}
.main_1{background-color:#fff; padding:110px 0; text-align:center;margin:0 3% 0;}
.main_wrap{width:1200px; margin:0 auto;color:#fff;}
.main_1 h2{color:#111111; font-size:46px;font-family: 'Open Sans', sans-serif; font-weight:700; margin-bottom:30px;}
.main_1 ul{width:100%;display:flex; justify-content:space-between;margin-top:70px;}
.main_1 ul li{width:24%; position:relative; transition:all 0.5s ease;background-color:#fff;border:solid 1px #e2e2e2}
.main_1 ul li .pr_img {text-align:center;}
.main_1 ul li .pr_img img:last-child {display: none;}
.product .tit {font-size:46px;font-family: 'Open Sans', sans-serif;font-weight:700; text-align:center;margin-bottom: 80px;}
.main_1 ul li a{display:block;box-sizing: border-box;padding:50px 0 45px;text-align:center;}
.pr_text h3{font-size:21px; color:#111; font-weight:600;position: relative;margin:20px 0 0;z-index: 9;}
.pr_text p{font-size:16px; color:#646464; opacity:0.7; margin:12px 0 0;position: relative;z-index: 9;}
.main_1 ul li:hover{box-shadow:0 0 30px 0 rgba(0,0,0,0.15); background-color:#0e3267;color:#fff;}
.main_1 ul li:hover h3 {color: #fff;}
.main_1 ul li:hover p {color: #fff;}
.main_1 ul li:hover .pr_img img:last-child {display: block; margin: 0 auto; text-align: center;}
.main_1 ul li:hover .pr_img img:first-child {display: none;}


.main_2{display:flex; justify-content:space-between; padding:50px 0; width:1200px; margin:0 auto}
.main_2 > div{width:49%; padding:30px;}
.main_2_notice{border:1px solid #d9d9d9}
.main_2_contact{background:url('./img/con_bg.jpg') no-repeat center center; background-size: cover;}
.main_2_contact h2{color:#fff; font-size:20px; font-weight:700;}
.main_2_contact p{color:#fff; font-size:15px; line-height:24px; margin:14px 0 30px; font-weight:300}
.main_2_contact a{padding:10px 20px; color:#fff; font-size:15px; border:1px solid rgba(250,250,250,0.5); transition:all 0.3s ease;}
.main_2_contact a:hover{background-color:#266646; border:1px solid #266646; }
.main_2_contact a img{margin-left:26px;}
.main_3{width: 100%;height: auto;background-image: url(../img/img_03.jpg);
background-size: cover;background-repeat: no-repeat;background-position: center;}
.main_3 .inner {width:1200px; margin:0 auto;padding:105px 0;}
.main_3 .inner h2 {font-size:38px;font-weight: bold;color:#fff;}
.main_3 .inner h2 span {font-weight:400;font-family: 'Open Sans', sans-serif;}
.main_3 .inner p {color:#fff;font-size:18px;line-height: 1.7;;margin-top:20px;}
.main_3 .more_btn {margin-top:45px;}
.main_3 .more_btn a{padding:10px 30px; font-size:15px; color:#fff; border-radius:100px;border:solid 1px #fff;}
.main_3 .more_btn a:hover {transition: all 0.3s;background: #0e3267; color:#fff;border:solid 1px #0e3267;}
.main_3 .more_btn a img{margin-left:24px;color:#fff;}

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


/************************* footer_inc 시작 *************************/


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