/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; display:none; }
.sub_tab						{display:block; width:100%; margin:0 auto; border-bottom:1px solid #ddd;}

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

@media(max-width:1100px){
.sub_left	{display:none;}
.sub_title_navi			{display:none; }
.sub_tab	{display:block;}
.sub_right					{width:100%;  float:none;}
}
@media(max-width:768px){
.sub_title_navi			{display:none;}
.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:650px; }
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
/**/
.header_t			{width:100%; margin:0 auto; position:fixed; left:0; top:0px; z-index:99; background:#fff; display:flex; justify-content:space-around; 
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}

.inner{width:100%; margin:0 auto; max-width:1600px;}

.header_t > .inner{height:110px; display:flex; justify-content:space-between; align-items:center; position:relative; }


.header_logo					{}
.header_gnb_bg				{width:890px; display:flex; justify-content:flex-end; align-items:center; margin-left: auto;}
.header_btn						{}

.header_gnb_bg .haed_blog a{display:inline-block; font-size:16px; background:#fff; color:#131675; border:1px solid #131675; padding:3px 20px 5px; text-transform: uppercase; font-weight:bold; }
.header_gnb_bg .haed_blog a:hover{ background:#131675; color:#fff; }
.header_gnb_bg .haed_blog small{font-size:15px; font-weight:500; }

/* 로고 */
.header_logo img			{background-size:cover; vertical-align:middle; height:auto; }

/* 로그인버튼 */
.header_btn dl dd			{font-size:0.75rem; padding-top:5px;}

/* 다국어 선택 */
.header-language {position: relative; margin-left: 20px; text-align:center;}
.header-language__button{display: flex; align-items:center; height: 110px; font-weight: 600; transition:.5s ease all;}
.header-language__button,
.header-language__button:link,
.header-language__button:visited {color: var(--main-black);}
.header-language__button img {max-width: 24px;}
.header-language__navi{display: none; position:absolute; top: 100%; left: 50%; transform:translateX(-50%); padding: 5px 0; background:#fff;}
.header-language__link {padding: 5px 20px; display:block;}
.header-language__link.header-language__link--active {font-weight: 600; color: #132060;}
@media (max-width:1180px) {
	.header-language {margin: 0 5px 0 auto;}
	.header-language__button {height: 100px;}
	.header-language__button img {max-width: 24px;}
}
@media (max-width:768px) {
	.header-language__link {font-size: 14px;}
}
.heightBlank					{height:110px;}

.f-nav{width:100%; margin:0 auto;  z-index:99; background:#fff; box-shadow:1px 1px 10px rgba(0,0,0,0.1);}
/*.f-nav .header_btn			{transform:translateY(-99px); overflow:hidden; width:0; font-size:0;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}*/

/* 햄벅 */
.mo_nav				{display:none; }
.mo_nav *{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {position: relative; padding:10px 10px; background-color:transparent; background-image:none; border-radius:3px; border:0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#131675; display:block; width:28px; height:4px; border-radius:5px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:6px; height:4px; width:24px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:6px; width:32px; height:4px; }

.mo_nav:hover .navbar-toggle .icon-bar								{transform:translateX(5px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar		{transform:translateX(16px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar		{transform:translateX(3px);}

@media(max-width:1600px){

.header_t{padding:0 3%;}
}

@media(max-width:1250px){
.header_gnb_bg{width:740px;}
}

@media(max-width:1180px){
.header_t						{padding:0 3%; height:100px;}
.header_t > .inner{height:100px;}
.mo_nav							{display:block; width:15%; max-width:50px;}
.header_logo				{width:40%; }
.header_gnb_bg			{display:none;}
.header_btn					{display:none;}

.heightBlank					{height:60px;}
}
@media (max-width:768px) {
	.header_t						{height:85px;}
	.header_t > .inner{height:85px;}
	.header-language__button {height: 85px;}
}
@media(max-width:500px){
.header_logo img{max-width:250px;}
}

@media(max-width:400px){
.header_logo img{max-width:220px;}
}


/**/

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

/************************* main_inc 시작*************************/
.main_visual										{position:relative; margin:0 auto;}
.main_center										{margin:0 auto; }
.shop_main_wrap									{}


.main_0{width:100%; margin:0 auto; position:relative; min-height:230px;}
.main_0box{position:absolute; width:100%; margin:0 auto;  z-index:11; bottom:85px;}
.m0_inner{max-width:1400px; margin:0 auto; display:flex; justify-content:flex-start; }
.m0_inner .m0_gallery{width:67%;}
.m0_inner .m0_notice {width:33%; max-height:320px; position:relative; display:block;  background:#fff; box-shadow:5px 0 20px rgba(0,0,0,0.1);}

.m0_inner .m0_notice .m2_le_title{top:47%; left:-90px;}


.main_1{width:100%; margin:0 auto; position:relative; display:block; background:url("./img/m1_bg.jpg") no-repeat fixed bottom; height:400px; }
.main_1 .m1_txt{padding-top:180px; }
.main_1 .m1_txt h3{text-align:center; font-size:50px; color:#fff;  font-family: 'Roboto', sans-serif; font-weight:700; text-transform: uppercase; }


.main_2{width:100%; margin:0 auto; position:relative; display:block; background:#f7f9ff; padding:100px 0;}

.m2_inner{width:100%; max-width:1400px; margin:0 auto; position:relative; display:block; }
.m2_inner:after{display:block; clear:both; content:"";}
.m2_left{float:left; width:50%; display:flex; justify-content:flex-start; align-items:center; padding-top:10%;}

.m2_le_title{position:absolute; left:-100px;}
.m2_le_title ul{ display:inline-block; transform:rotate(90deg);display:flex; justify-content:flex-start; align-items:center; }
.m2_le_title ul li{font-size:17px; font-weight:700; color:#92cbde; margin-right:10px; letter-spacing:2px; text-transform: uppercase;}
.m2_le_title ul li:nth-child(2){width:64px; height:1px; background:#92cbde;}

.m2_left h3{font-size:30px; color:#132060; font-family: 'Roboto', sans-serif; font-weight:500; text-align:center; }
.m2_left h3:after{content:""; display:block; clear:both; width:100px; height:1px; background:#4fa6c2; margin:10px auto 30px;}
.m2_left a{color:#fff; display:block; font-size:14px; background:#132060; padding:10px 15px;}
.m2_left span.icon{display:block; text-align:center; margin-bottom:10px;}
.m2_left span.icon img{max-width:45%; background-size:cover; }

.m2_left .m2_le_1{padding:0 25%;}


.m2_right{float:right;width:50%;overflow:hidden; }


@media(max-width:1400px){
.main_0{min-height:unset; margin:60px auto; }
.main_0box{position:relative; bottom:0;}



}

@media(max-width:980px){
.main_0 {padding:0 3%; }
.m0_inner{display:block; }
.m0_inner .m0_gallery{width:100%;}
.m0_inner .m0_notice{width:100%; margin-top:30px; }

.m2_left .m2_le_1{padding:0 15% 0 25%;}

}

@media(max-width:860px){
.m2_inner{padding:0 3%;}
.m2_left, .m2_right{float:none; width:100%; }
.m2_left{padding:5% 0 15%; justify-content:center;  }
.m2_left .m2_le_1{padding:0 20% 0 0 ;}
}

@media(max-width:680px){
.main_1 .m1_txt h3{font-size:7vw;}
.m2_left{padding:0 0 15%;}
.m2_left h3{font-size:1.5rem;}
.m2_left a{font-size:0.75rem; }
.m2_le_title{ top:-60px; left:15px;}
.m2_le_title ul{transform:rotate(0deg);}

.m0_inner .m0_notice{margin-top:56px;}
.m0_inner .m0_notice .m2_le_title{ top:-37px; left:15px;}


}


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

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:50px; border-bottom:1px solid #ddd; }
.navi_in	{margin:0 auto; padding:0;max-width:1280px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; width:10%; max-width:50px;  border-right:1px solid #efefef;}
.home_btn_all a					{display:block; height:49px; line-height:50px; text-align:center;}
.home_btn_all a:hover		{background:#f8f8f8; }
.home_btn_all a img			{max-width:100%; height:auto; vertical-align:middle;}

.navi_left					{float:left; width:90%; max-width:550px;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{width:50%; max-width:250px; padding:0 0 0 0; height:50px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; 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_btn1	{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 {width:50%; max-width:250px; padding:0; height:50px; 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; }

.extend1							{position:relative; top:-1px; width:100%; }
.extend1 > ul				{position:absolute;left:-1px; min-height:1px;width:100%;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend1 > 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; }


@media(max-width:500px){
.navi_main h1{font-size:0.75rem;}
.extend2 > ul{width:100%; }
.navi_title01 h1{font-size:0.75rem;}
.extend2{position:absolute; top:49px;}
.navi_main, .navi_sub{width:47%;}
}

@media(max-width:280px){
.navi_title01 h1{font-size:0.65rem;}
.navi_main, .navi_sub{width:47%;}
}

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


/****************


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

.footer_partner{width:100%;  margin:0 auto; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:20px 0; overflow: hidden;}
.fotoer_partner > .inner{width:100%; max-width:1400px; margin:0 auto;}

.footer_t{width:100%; margin:0 auto; position:relative; padding:50px 0; background:#fff;}
.footer_t > .inner{width:100%; max-width:1400px; margin:0 auto;}

.footer_logo img				{width:100%; height:auto; max-width:320px;}

.footer_txt p{font-size:14px; color:#5f5f5f; line-height:150%; font-family: 'Noto Sans KR';}
.footer_txt p span				{display:inline-block; margin:0 10px; font-size:10px;}

.footer_txt_mo{display:none;}
.footer_txt_mo p{font-size:0.75rem; color:#5f5f5f; line-height:150%; font-family: 'Noto Sans KR';}
.footer_txt_mo p span				{display:inline-block; margin:0 5px; font-size:0.65rem;}

.footer_site_link{padding-top:5px;}
.footer_site_link ul{display:flex; justify-content:flex-start; align-items:center; }
.footer_site_link ul li:nth-child(1){margin-right:10px;}
.footer_site_link ul li a{font-size:14px; color:#5f5f5f; font-family: 'Noto Sans KR';}


@media(max-width:1400px){

.footer_t{padding:50px 3%; }
}


@media(max-width:768px){


.footer_logo						{width:100%; margin-bottom:2%;}
.footer_txt							{display:none;}
.footer_txt_mo{width:100%;  display:block; }
.footer_familysite			{float:left; width:100%; max-width:160px; margin:0 auto;}
}



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

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