/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:none; }
.sub_tab						{display:block; border-bottom:1px solid #e1e1e1}

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


.content_title			{color:#fff}
.content_title h1		{font-size:40px;margin-bottom: 20px;font-weight: 600; letter-spacing:1px}
.content_title p		{font-size:16px; letter-spacing:1px}
.content_title p img{max-width:7px; margin:0 8px}

.content_desc				{min-height:500px;}


/*서브 공통 스타일*/
.sub_title_t{font-size:26px; font-weight:700; text-align:center; letter-spacing:1.5px}
.sub_title_b{font-size:16px; color:#6c6c6c; text-align:center; margin:25px auto 80px; line-height:26px; word-break:keep-all; width:70%;}
.flx{display:flex; flex-flow:wrap }



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

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


/* 로고 */
.header_logo{padding-top: 6px;}
.header_logo img			{width:210px;}
.header_shop img{width:26px;}
.header_b{display:flex; align-items:center;}
.header_shop{margin-left:30px;margin-top: -4px;}
.header_shop a{display:flex; align-items:center; font-size:17px;font-weight:600}
.header_shop a img{margin-right:7px}
.header_search img{width:20px}
.heightBlank					{height:90px; display:none;}

.hd_right .search_b{margin-right:0px; cursor:pointer}
.hd_right .search_b img{display:block; width:20px}

.header_t .header_search{ border-top:1px solid #e1e1e1; width:100%; background-color:#fff; position:absolute; top:80px; left:0;z-index:9; display:none;box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);padding: 50px 0;}
.header_t .search_wrap{max-width:600px; margin:0 auto; display:flex; justify-content: center; align-items: center; flex-flow:wrap;}
#hd_sch{width:100%; position:relative; border-radius:0}
.header_t .tag_l{display:flex; width:100%; margin-top:20px}
.header_t .tag_l li{font-size:15px; margin-right:20px; transition:all 0.3s ease; cursor:pointer}
.header_t .tag_l li:hover{color:#0073cb}
.header_t .home_search{width:100%}
.header_t #hd_sch input{width:100%;padding: 15px 15% 15px 20px;font-size: 16px; border-bottom:3px solid #212121}
#sch_submit{position:absolute; right:20px; top:12px; background-color: transparent;}
#sch_submit img{width:20px}

/* 햄벅 */
.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; background-color:transparent; background-image:none; border-radius:0px; border:0; padding:0}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#212121; display:block; width:27px; height:3px; border-radius:0px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:5px; height:3px; width:27px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:5px; width:27px; height:3px; }

.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:1540px){
#m_menu{display:none}
}


@media(max-width:1380px){
.header_t .inner{padding:0px 4%}
.header_logo img{width:180px;}
.header_shop img{width:23px}
.header_shop a{font-size:15px}
.header_search img{width:18px}
}

@media(max-width:900px){
.header_t .inner{height:60px}
.mo_nav							{display:block; margin-left:8%}
.header_gnb_bg, .header_shop, .header_btn			{display:none;}
.header_logo img{width:140px;}
.header_shop img{width:23px}
.header_shop a{font-size:14px}
.header_search img{width:18px}
.header_logo{width:36%}
.header_search {width: 14%;padding-top: 4px;}
.header_b {width:64%;justify-content: flex-end;}
}



/**/
.f-nav{border-bottom:1px solid #e1e1e1}
/*.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;}*/
/************************* header_inc 끝*************************/

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


/************************* 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; 
*/
/* footer{text-align:left; padding:60px 0; border-top:1px solid #e1e1e1}
footer .inner h2{font-size:20px; font-weight:700; margin-bottom:20px; letter-spacing:1.5px;}
footer .inner h2 span{color:#7999c1}
footer .inner p{font-size:14px; color:#929191; line-height:24px;}
footer .inner p span{width:10px; display:inline-block;}
.footer_site_link ul{display:flex; margin:20px 0 5px}
.footer_site_link ul li a{font-size:14px; color:#929191; margin-right:10px;}
footer .inner .ft_info{width:60%}
footer .inner .ft_family{width:20%}
footer .inner .ft_sns{width:20%}
footer .inner .ft_sns ul{display:flex;}
footer .inner .ft_sns ul li:first-child{margin-left:0}
footer .inner .ft_sns ul li{margin-left:13px} */




.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

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


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


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


.inner {max-width: 1280px; width: 100%; margin: 0 auto; padding:90px 0}
.main_tit { text-align: center; font-size: 34px; padding-bottom:20px; font-weight:600; letter-spacing:1px;}
.main_txt_sub {text-align:center; font-size:16px; padding-bottom:60px; color:#353535;letter-spacing:1px;}

.sec2 .pd_wrap {position:relative }
.sec3 iframe{position:absolute; top:0; left:0; width:100%; height:100%}
.sec5 img{max-width:100%; display:block; height:auto}
.sec5{margin-top:100px; }
.sec5 .notice{background-color:#f6f6f6;}
.sec5 .notice ul li{width:33.33%; text-align:left;background-color:#f6f6f6; }
.sec5 .notice ul li a{justify-content:space-between; align-items:center; flex-flow:wrap;}
.sec5 .notice ul li .n_img{width:34%;}
.sec5 .notice ul li .n_txt{width:58%;padding-right:6%;}
.sec5 .notice ul li .n_txt span{font-size:14px;color:#002b62; font-weight:700; letter-spacing:1px}
.sec5 .notice ul li .n_txt h3{font-size:17px; margin:15px 0 10px;font-weight: 600;}
.sec5 .notice ul li .n_txt p{font-size:15px; color:#6c6c6c; line-height:23px; word-break:keep-all;}

@media(max-width:1220px){
.sec5 .notice ul{justify-content:space-around; }
.sec5 .notice ul li{width:30%; text-align:center; }
.sec5 .notice ul li .n_img{width: 60%; border-radius: 100px;overflow: hidden; margin:0 auto}
.sec5 .notice ul li .n_txt{width:100%;padding-right:0%;}
.sec5 .notice ul li .n_txt span{margin-top:20px; display:block;}
}

@media(max-width:1380px){
.inner{padding:70px 4%}
.sub_title_b{font-size:15px; width:100%;margin: 18px auto 60px; line-height: 25px;}
}
@media(max-width:1000px){
.main_tit{font-size:28px; padding-bottom: 13px;}
.main_txt_sub{font-size:15px;padding-bottom: 50px}
.inner{padding:100px 4%}
.sec3{margin-bottom:100px}
.sec5 .notice{padding:0}
}
@media(max-width:800px){
.content_desc{padding:0}
.sub_title_t{font-size:20px}
.sub_title_b{font-size:14px; width:90%;margin: 15px auto 40px; line-height: 23px;}
.sub_title_b br{display:none}

.main_tit{font-size:22px; padding-bottom: 10px;}
.main_txt_sub{font-size:14px;padding-bottom:40px;padding: 0 10%;word-break: keep-all;}
.inner{padding:50px 4%}
.sec3{margin-bottom:70px}
.sec5{margin-top:70px}
.sec5 .notice ul{flex-flow:wrap}
.sec5 .notice ul li{width:100%; margin-bottom:40px; border-bottom:2px solid #fff; padding-bottom:40px }
.sec5 .notice ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none}
.sec5 .notice ul li .n_img{width:35%}
.sec5 .notice ul li .n_txt span{margin-top:15px; font-size:13px}
.sec5 .notice ul li .n_txt h3{font-size:15px;margin: 10px 0 6px}
.sec5 .notice ul li .n_txt p{font-size:14px; line-height:20px;padding: 0 6%;}

.header_t .header_search{top:60px; padding:30px 0}
.header_t .search_wrap{max-width:74%; font-size:14px}
.header_t #hd_sch input{padding:10px 15px; }
#sch_submit{top:6px; right:15px}

.main_img_mo{margin-top:60px}

.content_desc{min-height:380px}
}