/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:none; }
.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; padding-bottom:100px}

.content_title			{margin:90px 0 50px; text-align:center;}
.content_title h1		{font-size:30px; color:#333; font-weight: 700;}

.content_desc				{min-height:400px}

@media(max-width:1240px){
.content_desc {max-width:100%;}
}

@media(max-width:1240px){
.sub_left	{display:none;}
.sub_title_navi			{display:none; }
.sub_right					{width:100%;  padding:0 0% 70px; float:none;}
.content_title{margin:70px 0 40px}
.content_title h1{font-size:28px;}
}
@media(max-width:900px){
.sub_right{padding:0 0% 40px}
.sub_tab	{display:block;}
.content_title{margin:30px 0 30px}
.content_title h1{font-size:20px;}
}

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

/************************* header_inc 시작*************************/
.header_t									{width:100%; background: #fff; -webkit-transition: all 300ms ease-out; z-index: 998;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.header_wrap{max-width:1400px; width: 100%; height: 90px; display: flex; justify-content:space-between; align-items:center; margin:0 auto; position:relative;}

/*header_banner*/
.hd_bn{display:flex; justify-content:center; align-items:center; background-color:#222; height:40px;color:#fff; font-size:14px}

/*header_top*/
.header_logo {width: 20%;}
.header_logo img{max-width:110px; width: 100%; margin: 0; display:block;}
.header_search {display: none;}

.header_member {display: flex; align-items:center; width: 35%; justify-content:flex-end;}
.header_member ul {display: flex;}
.header_member ul li {margin-right: 10px;}
.header_member ul li a {display: block; font-size: 14px; color: #333;}

.header_language {display:inline-block; position:relative; cursor:pointer; display:block; text-transform: uppercase;}
.header_language .select {width:90px; height: 30px; display: flex; align-items:center; justify-content:space-between; font-weight: 400; position:relative; font-size:14px; text-align:left; color:#333; border:1px solid #333; padding: 0 0 0 5px;}
.header_language .select span {display: block; margin-right: 3px; font-size: 18px; line-height: 1;}
.header_language ul {width:100%; display:none; position:absolute; z-index:99; background:#fff; font-size:14px; top:30px; right: 0; padding:15px 5px; line-height: 0; border:1px solid #ccc; }
.header_language ul li { border:none; }
.header_language ul li a {cursor:pointer; width:100%; height:100%; display:inline-block; color:#333; font-weight: 400; font-size:14px;}
.header_language ul li a:hover {text-decoration:underline;}

.header_gnb_bg {}

/* global navigation bar */
.gnb								{position:relative; }
/* gnb Common */
.menu								{position:relative; border:0px solid red;}
.menu:after					{content:"";display:block;clear:both; width:100%;}
.menu .major ul						{text-align: center;list-style:none;margin:0;padding:10px 0; display: flex; justify-content:space-between;}
.menu .major ul li						{position:relative; z-index:1; display: inline-block; }
.menu .major ul li a					{position:relative; padding:0; color:#272727; text-decoration:none !important;font-weight: 400; padding-bottom: 35px;}
.menu .major ul li a span		{display:inline-block; width:120px; font-size:18px !important; position: relative; color: #333;}
.menu .major ul li a span::before {content: ''; width: 0; height: 5px; background: rgba(0,0,0,0.1); display: block; position: absolute; bottom: -34px; left: 0; transition:all 0.3s;}


/* gnb Hover */
.menu .major li.active{z-index:2}
.menu .major li a:hover span::before,.menu .major li a:active span::before,.menu .major li a:focus span::before{width: 100%;}
.menu .major li.active a span::before{ width: 100%;}
/*대메뉴 포커스 효과 변경시 */
.menu .major li.pactive a span::before{ width: 100%;}
.menu .major li.pactive ul.sub{display:none;}
/*대메뉴 포커스 효과 변경시 */

/* gnb 2depth */
.menu .major ul.sub							{width: 100%; position:absolute; top:55px; display:none; background:#fff; margin:0;padding:0; padding:14px 0}
.menu .major li.active ul.sub		{display:block; }
.menu .major ul.sub li					{clear:both; margin:0; display:block; width:100%; transform: skew(0);}
.menu .major ul.sub li a				{color:#616161; font-size:14px; padding:5px 0; display:block; width:100%; height:100%; transition:all 0.3s ease }
.menu .major ul.sub li a:hover	{color:#000} 

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

/* all nav */
#all_nav {width: 100%; background: #fff; padding: 20px 0; display: none; position: fixed; top: 130px; left: 0; z-index: 3; border-bottom: 1px solid #eee;}
#all_nav .inner {padding: 0 400px;}
#all_nav .nav_ul {margin: 0 auto; display: flex; justify-content:space-between;}
#all_nav .nav_ul > li {flex:1; text-align: center;}
#all_nav .nav_ul .sub {line-height: 2;}
#all_nav .nav_ul .sub a {font-size: 16px; color: #666; position: relative;}
#all_nav .nav_ul .sub a::before {content: ''; width: 0; height: 5px; display: block; background: rgba(0,0,0,0.1); position: absolute; bottom: 0px; left: 0; transition:all 0.3s; z-index: -1;}
#all_nav .nav_ul .sub a:hover::before {width: 100%;}

.menu .major ul li.m4, #all_nav .nav_ul > li:nth-child(4) {display: block;}

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

.mo_nav:hover .navbar-toggle .icon-bar								{transform:translateX(5px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar		{transform:translateX(10px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar		{transform:translateX(3px);}
.mo_nav > a {display:inline-block;}

#member_point {position:absolute;z-index:99;top:30px;left:9px;height:15px;line-height:18px;width:100%; color:#222; text-align:center;padding:6px 0 0;background:url("./img/join.png") no-repeat 50% 0;animation:ani 1.5s infinite;-webkit-animation-timing-function:ease-in-out; display:none}
#member_point .mb_pt {display:block;margin:0;background:#0dc59c;  text-align:center;font-size:12px;color:#fff;padding: 1px 5px;}
@keyframes ani {
  0%   {top:20px;}
	50%  {top:17px;}
  100% {top:20px;}
}

.cart_mo_no{display:none; position:relative;margin-right: 7px;}
.cart_mo_no span{position:absolute; border-radius:100px; width: 18px; height: 18px;background-color: #333;right: -7px; bottom: -1px; color: #fff; font-size: 11px;text-align: center;line-height: 18px;}
.cart_mo_no img{max-width:22px;}

.f-nav{ position: fixed;top: 0; left: 0;width: 100%; background-color: #fff;  border-bottom: 1px solid #e7e7e7;}
.f-nav .hd_bn{display:none}
.f-nav .hd_bottom .header_wrap{height:55px}
.f-nav .all_c_box{top:56px}
.f-nav .menu .major ul.sub{top:54px}
.f-nav #all_nav {top: 91px;}

@media(max-width:1500px){
.header_wrap {padding: 0 4%;}
.header_member {width: 30%;}
#all_nav .inner {padding: 0 32% 0 23%;}
}

@media(max-width:1240px){
.menu .major ul li a span{font-size:15px !important; width:115px}
#all_nav .inner {padding: 0 35% 0 26%;} 
#all_nav .nav_ul .sub a {font-size: 14px;}
.menu .major ul.sub{top:50px}
}

@media(max-width:1080px){
.header_wrap {height: 60px;}
.mo_nav		{display:block;}
.header_gnb_bg {display: none;}
.header_member {display: none;}

}

@media(max-width:900px){
.header_logo {width: auto;}
.header_logo img {width: 80%;}
}



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

/************************* main_inc 시작*************************/
.m_font{font-family: 'NanumSquare'; }
.main_visual										{position:relative; margin:0 auto;}
.main_visual .main_v {height: 780px;}
.main_img_pc {}
.main_t_t{font-size:38px; color: #333; font-weight: 700;}
.main_t_t span{display: block;}
.main_banner {margin: 150px 0;}
.main_banner .flx {display: flex; align-items:center; justify-content:center; flex-flow:row wrap;}
.main_banner .flx > a {display: block;}
.main_banner .flx > a.left {margin-right: 150px;}
.main_banner .flx > a.left .txt {padding-left: 38px;}
.main_banner .flx > a .txt {padding: 80px 0 50px;}
.main_banner .flx > a .txt p {font-size: 18px; color: #666; line-height: 1.6; margin: 30px 0;}
.main_banner .flx > a .txt > span {transition: all 0.3s; padding: 0;}
.main_banner .flx > a:hover .txt > span {padding-left: 20px;}
.main_banner .flx .img {display: flex; position: relative; z-index: 5;}
.main_banner .flx .img img {max-width:450px; width: 100%; display: block; margin: 0 auto;}
.main_banner .flx .img h4 {writing-mode: tb-rl; font-size: 16px; color: #888; font-weight: 700; opacity: 0.5;}
.main_banner .flx .img h4.mr {margin-right: 15px;}
.main_banner .flx .img h4.ml {margin-left: 15px;}
.main_banner .flx > a.left .img::before {content: ''; width: 145px; height: 405px; background: url('./img/m_bn01_obj.png') no-repeat center / cover; display: block; position: absolute; bottom: 3px; left: -80px; z-index: -1;}
.main_banner .flx > a.right .img::before {content: ''; width: 151px; height: 367px; background: url('./img/m_bn02_obj.png') no-repeat center / cover; display: block; position: absolute; bottom: 5px; right: -60px; z-index: -1;}

.main_1 {padding-top: 150px; margin-bottom: 150px; }
.main_1 .main_t_t {text-align: center; margin-bottom: 40px;}

.bd_stroy {padding: 150px 0; background: url('./img/m_story_bg.jpg') no-repeat center / cover; overflow: hidden;}
.bd_stroy .flx {display: flex; flex-flow:row wrap; align-items:center;}
.bd_stroy .flx > div {width: 50%;}
.bd_stroy .flx > .txt {padding-left: 100px;}
.bd_stroy .flx > .txt h3 {font-size: 24px; color: #333; line-height: 1.4; margin-top: 40px;}
.bd_stroy .flx > .txt p {font-size: 18px; color: #666; line-height: 1.6; margin: 30px 0;}
.bd_stroy .flx > .txt a {width: 200px; display: block; padding: 13px 0; text-align: center; border: 1px solid #333; font-size: 18px; color: #333; transition: all 0.3s;}
.bd_stroy .flx > .txt a:hover {background: #333; color: #fff;}
.bd_stroy .youtube iframe {max-width:700px; width: 100%; height: 394px;}



@media(max-width:1500px){
.main_visual .main_v {height: 55vw;}

.swiper-button-next2 {right: 0 !important; top: -15%;}
.swiper-button-prev2 {left: 0 !important; top: -15%;}
.main_banner {margin: 100px 0;}
.main_banner .flx {justify-content:space-between;}
.main_banner .flx > a {width: 47%;}
.main_banner .flx > a.left {margin-right: 0;}
.main_banner .flx > a.right .img::before {width: 91px; height: 225px; right: -20px;}
.main_banner .flx > a.left .img::before {width: 85px; height: 250px; left: -30px;}
}

@media(max-width:1240px){
.swiper-button-next2 {right: 0 !important; top: -15%;}
.swiper-button-prev2 {left: 0 !important; top: -15%;}
.main_banner .flx > a .txt p br {display: none;}
.main_banner .flx > a:hover .txt > span {padding-left: 0;}
.bd_stroy .flx > .txt {padding-left: 50px;}
}

@media(max-width:900px){
.main_t_t {font-size: 28px;}
.main_visual .main_v {height: 140vw;}
.main_banner .flx > a .txt p {font-size: 16px;}
}

@media(max-width:600px){
.main_banner {margin: 10% 0;}
.main_banner .flx > a {width: 100%;}
.main_banner .flx > a.left .txt {padding: 0 0 7% 0;}
.main_banner .flx .img {justify-content: center;}
.main_banner .flx > a.left .img::before {display: none;}
.main_banner .flx > a.right {display: flex; flex-flow:column;}
.main_banner .flx .right .img {order:2;}
.main_banner .flx .img h4.mr, .main_banner .flx .img h4.ml {display: none;}
.main_banner .flx > a.right .img::before {display: none;}
.main_banner .flx > a .txt {padding: 7% 0;}
.main_banner .flx > a .txt p {font-size: min(3.5vw, 14px); margin: 20px 0;}

.main_1 {padding-top: 10%; margin-bottom: 10%; background: url('./img/m_pd_bg.jpg') no-repeat center top / 300%;}

.bd_stroy {padding: 10% 0;}
.bd_stroy .flx > div {width: 100%;}
.bd_stroy .flx > .txt {padding-left: 0; margin-top: 5%;}
.bd_stroy .flx > .txt h3 {font-size: min(4.5vw, 18px); margin-top: 15px;}
.bd_stroy .flx > .txt p {font-size: min(3.5vw, 14px); margin: 15px 0;}
.bd_stroy .flx > .txt p br {display: none;}
.bd_stroy .flx > .txt a {width: 150px; padding: 10px 0; font-size: min(4vw, 16px); background: #333; color: #fff;}
.bd_stroy .youtube iframe {height: 50vw;}
}

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

.sub_cont .img_bn img {max-width:1920px; width: 100%; display: block; margin: 0 auto;}	
.sub_cont .img_bn--mo {display: none;}
.sub_cont .title_area {margin: 100px auto; text-align: center;}
/* 폰트사이즈 임시 */
/* 24 > 18, 54 > 38 */
.sub_cont .smt {font-size: 24px; color: #666; margin-bottom: 20px;}
.sub_cont .sub_tit {font-size: 54px; color: #333; font-weight: 700;}
.sub_cont .sub_tit::after {content: ''; width: 1px; height: 50px; background: rgba(51,51,51,0.5); display: block; margin: 30px auto;}
.sub_cont .title_area p {font-size: 24px; color: #666; line-height: 1.6; margin-top: 30px;}
.obj_area {display: flex; justify-content:space-between; align-items:flex-end;}
.obj_area .bg {width: 70%; height: 600px; /*background: url('./img/s11_bg.jpg') no-repeat left center / 72%; background-attachment: fixed;*/}
.obj_area .circle {width: 30%; text-align: center;}
.obj_area .circle img {max-width:301px; width: 100%; display: block; margin: 0 auto; animation: obj 20s linear infinite; animation-fill-mode: forwards;}
@keyframes obj {
0% {transform:rotate(0deg);}
50% {transform:rotate(180deg);}
100% {transform:rotate(360deg);}
}

@media (max-width:900px){
	.sub_cont .img_bn--pc {display: none;}
	.sub_cont .img_bn--mo {display: block;}
}

.sub_cont .identity {padding: 200px 0 100px; text-align: center;}
.sub_cont .identity .sub_tit::after {display: none;} 
.sub_cont .identity .txt {margin-top: 50px;}
.sub_cont .identity .txt h3 {font-size: 30px; color: #333; margin-bottom: 20px;}
.sub_cont .identity .txt p {font-size: 18px; color: #666; line-height: 1.6;}
.sub_cont .identity .txt .sub_tit {margin-bottom: 30px;}
.sub_cont .identity .sml {margin-top: 30px;}
.sub_cont .identity .sml h4 {font-size: 18px; margin-bottom: 10px;}
.sub_cont .identity .sml p {font-size: 16px;}

.sub_cont .location {padding:100px 0 50px;}
.sub_cont .location .sub_tit {text-align: center;}
.sub_cont .location iframe {width:100%; height:600px;}
.sub_cont .location_list {display: flex; justify-content: center; margin-top: 20px;}
.sub_cont .location_item {display: flex;}
.sub_cont .location_item:not(:last-child) {padding-right: 20px;}
.sub_cont .location_item span {font-size: 16px; font-weight: 700; padding-right: 10px;}
.sub_cont .location_item p {font-size: 16px;}

.sub_cont .logo_1 {display: flex; justify-content:center; margin-top: 30px;}
.sub_cont .logo_1 li {max-width:250px; width: 100%; padding: 30px 0; text-align: center; background: rgba(255,255,255,0.6); border: 1px solid #ccc;}
.sub_cont .logo_1 li:nth-child(2) {margin: 0 15px;}
.sub_cont .logo_1 li figure img {max-width:130px; width: 100%; display: block; margin: 0 auto;}
.sub_cont .logo_1 li h3 {font-size: 16px; color: #333; margin-top: 15px;}
.sub_cont .txt {text-align: center;}
.sub_cont .txt .sub_tit::after {display: none;}
.sub_cont .dip {margin: 100px auto;}
.sub_cont .dip figure {margin: 30px auto;}
.sub_cont .dip figure img {max-width:130px; width: 100%; display: block; margin: 0 auto;}
.sub_cont .dip p {font-size: 18px; color: #666; line-height: 1.6;}

@media (max-width:900px){
	.sub_cont .location_list {flex-direction: column;}
	.sub_cont .location_item:not(:last-child) {padding-bottom: 10px; padding-right: 0;}
}

.idt_1 {background: url('./img/s11_bg2.jpg') no-repeat center / cover;}
.idt_2 {background: url('./img/s12_bg2.jpg') no-repeat center / cover;}
.idt_3 {background: url('./img/s13_bg2.jpg') no-repeat center / cover;}
.s11 .identity figure img {display: block; margin: 60px auto 0; width:100%; max-width:450px;}
.campaign {padding: 100px 0; color: #fff; background: url('./img/s12_bg3.jpg') no-repeat top center / cover;}
.campaign .sub_tit {color: #fff; margin-bottom: 30px;}
.campaign .sub_tit + p {font-size: 18px; line-height: 1.6;}
.campaign .logo_1 li {border: none; background: rgba(255,255,255,0.8); color: #666;}
.campaign .logo_1 li h3 {font-size: 18px; color: #333; font-weight: 700;}
.campaign .logo_1 li p {font-size: 16px; line-height: 1.6; margin-top: 10px;}

.s51 .shop {max-width:1000px; width: 100%; margin: 0 auto 240px;}	
.s51 .shop_3 {margin-bottom: 0px;}
.s51 .txt {margin-top: 40px;}
.s51 .txt h3 {font-size: 24px; font-weight: 500; color: #333;}
.s51 .txt p {font-size: 16px; margin: 15px auto 20px; color: #666;}
.s51 .txt a {width: 160px; padding: 10px 0; display: block; text-align: center; display: block; margin: 0 auto; font-size: 16px; color: #333; border: 1px solid #333; transition:all 0.3s;}
.s51 .txt a:hover {background: #222; border: 1px solid #222; color: #fff;}
.s51 .noti {font-size: 24px; color: #333; text-align: center; line-height: 1.6; margin-bottom: 50px;}
.s51 .noti span {font-weight: 700;}

.s53 .img .box {display: inline-block; padding: 40px; background: #222; color: #fff; position: relative; margin-top: -100px;}
.s53 .img .box h3 {font-size: 18px; font-weight: 700; letter-spacing: 5px;}
.s53 .img .box h2 {font-size: 24px; margin-top: 20px; line-height: 1.6;}
.s53 figure img {max-width:1400px; width: 100%; display: block; margin: 0 auto;}
.s53 .txt {font-size: 18px; color: #333; line-height: 1.6; margin-top: 70px;}
.s53 .txt p {margin-top: 20px;}
.s53 .txt a {display: inline-block; padding: 10px 25px; border: 1px solid #222; color: #333; margin-top: 50px; transition:all 0.3s; font-size: 16px;}
.s53 .txt a:hover {background: #222; color: #fff;}


@media(max-width:1500px){
.sub_cont .title_area {padding: 0 4%;}
}

@media(max-width:1080px){
.s53 .img .box {margin-top: 0; display: block; padding: 30px;}
.s53 .img .box h3 {font-size: 16px;}
.s53 .img .box h2 {font-size: 20px;}
}

@media(max-width:600px){
.sub_cont .sub_tit {font-size: 20px;}
.sub_cont .smt {font-size: min(4vw, 16px);}
.sub_cont .title_area {margin: 10% auto;}
.sub_cont .title_area p {font-size: min(4vw, 16px); margin-top: 15px;}
.sub_cont .title_area p br {display: none;}
.sub_cont .sub_tit::after {height: 30px; margin: 15px auto;}
.obj_area {align-items:center;}
.obj_area .bg {background-attachment: inherit !important; background-size: cover !important; height: 350px; width: 60%;}
.obj_area .circle {width: 40%; position: absolute; right: 5%;}
.sub_cont .identity {padding: 15% 0 10%;}
.s11 .identity figure img {margin: 30px auto;}
.sub_cont .identity .txt {margin-top: 20px;}
.sub_cont .identity .txt h3 {font-size: min(5.5vw, 18px); margin-bottom: 10px;}
.sub_cont .identity .txt p {font-size: min(4.5vw, 14px);}
.sub_cont .identity .txt p br {display: none;}
.sub_cont .logo_1 li figure img {width: 50%;}
.sub_cont .logo_1 li h3 {font-size: min(3.5vw, 14px); padding: 0 4%;}
.sub_cont .dip {margin: 10% auto;}
.sub_cont .dip figure {margin: 15px auto;}
.sub_cont .dip figure img {width: 50%;}
.sub_cont .dip p {font-size: min(3.5vw, 14px);}
.sub_cont .dip p br {display: none;}
.campaign {padding: 10% 0; background: url('./img/s12_bg3.jpg') no-repeat bottom center / cover;}
.campaign .sub_tit + p {font-size: min(3.5vw, 14px);}
.campaign .sub_tit + p br {display: none;}
.sub_cont .logo_1 li {padding: 20px 0;}
.campaign .logo_1 li p {font-size: min(3.5vw, 14px); padding: 0 4%; margin-top: 0;}
.campaign .logo_1 li:first-child p {margin-top: 17px;}

.s51 .shop {margin: 0 auto 20%;}
.s51 .noti {font-size: min(4.5vw, 16px); margin-bottom: 30px;}
.s51 .noti br {display: none;}
.s51 .txt {margin-top: 20px;}
.s51 .txt h3 {font-size: min(4.5vw, 16px);}
.s51 .txt p {font-size: min(3.5vw, 14px); margin: 10px auto 15px;}
.s51 .txt a {font-size: min(3.5vw, 14px); width: 140px; background: #222; color: #fff;}

.s53 .img .box {display: none;}
.s53 .txt {margin-top: 30px; font-size: min(3.5vw, 14px);}
.s53 .txt p br {display: none;}
.s53 .txt a {font-size: min(3.5vw, 14px); margin-top: 30px; background: #222; color: #fff;}
}






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

@media (max-width:767px){
	.home_btn_all {display:none;}
	.navi_left {width:100%;}
	.down_btn,.down_btn2{width:50%}
	.extend,.extend > ul,.extend2,.extend2 > ul, .navi_title01 {width:100%;}
}

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


/************************* footer_inc 시작 *************************/
.quick {position: fixed; z-index: 99; right: 4%; bottom: 8%;}
.quick li {margin-bottom: 10px;}
.quick li a {display: flex; flex-flow:column wrap; justify-content:center; width: 35px; height: 35px; background: #222; border-radius:50%; color: #fff; font-size: 19px; text-align: center; line-height: 37px; align-items:center;}

footer {padding: 60px 0; background: #000; color: rgba(255,255,255,0.7); font-family: 'NanumSquare', '맑은고딕', '돋움', sans-serif;}
footer p {font-size: 16px; font-weight: 300; line-height: 1.8;}
footer p span {display: inline-block; width: 1px; height: 10px; background: rgba(255,255,255,0.5); margin: 0 10px;}
footer .flx .left img {width:100%; max-width:160px;}
footer .flx {display: flex; justify-content:space-between;}
footer .flx .left ul {display: flex; margin-top: 30px;}
footer .flx .left ul a {font-size: 17px; font-weight: 300; display: block; margin-right: 30px; position: relative; color: rgba(255,255,255,0.7) !important;}
footer .flx .left ul li a::after {content: ''; width: 1px; height: 10px; display: block; background: rgba(255,255,255,0.5); position: absolute; right: -15px; top: 7px;}
footer .flx .left ul li:last-child a::after {display: none;}
footer .flx .right {text-align: right; display: flex; flex-flow:column wrap; align-items:flex-end;}
footer .flx .right .footer_lang h2 {width: 160px; height: 40px; border: 1px solid rgba(255,255,255,0.7); display: flex; justify-content:space-between; padding: 0 10px; align-items:center; font-size: 16px; font-weight: 400; cursor: pointer;}
footer .flx .right .footer_lang ul {width: 100%; background: #fff; color: #111; padding: 10px 0 10px 10px; text-align: left; font-size: 15px; display: none;}
footer .flx .right h3 {color: #fff; font-size: 16px; display: flex; align-items:center; margin-top: 15px;}
footer .flx .right h3 span {display: block; font-size: 28px; margin-left: 20px;}
footer .flx .right .cs_cot span {display: inline; background: none; margin: 0;}
footer .flx2 {margin-top: 50px;}
footer .flx2 .right ul {display: flex; margin-bottom: 10px;}
footer .flx2 .right ul a {font-size: 16px; font-weight: 300; color: rgba(255,255,255,0.7) !important; display: block;}
footer .flx2 .right ul li:first-child a {margin-right: 20px; font-weight: 700;}

@media (max-width:900px){
.quick {bottom: 2%;}
.quick li {margin-bottom: 5px;}
.quick li a {width: 30px; height: 30px; font-size: 16px; }

footer {padding: 30px 0;}
footer p {font-size: min(3.2vw, 14px);}
footer p span {margin: 0 5px;}
footer .flx .left ul {margin-top: 20px;}
footer .flx .left ul a {font-size: 14px;}
footer .flx .right .footer_lang h2 {width: 140px; height: 35px; font-size: 14px;}
footer .flx .right .footer_lang ul {font-size: 14px;}
footer .flx .right h3 {font-size: 14px;}
footer .flx .right h3 span {font-size: 20px; margin-left: 10px;}
footer .flx2 {display: block; margin-top: 20px;}
footer .flx2 .right {align-items:flex-start; margin-top: 15px;}
footer .flx2 .right ul a {font-size: 14px;}
}

/* 패밀리사이트 클릭시 위로 올라오는 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;}
.total	                {float:right; width:160px;}
@media (max-width:767px){
	.total	                {float:right; width:120px;}
	.footer_t	              {padding:0 10px;}
	.footer_logo						{float:left; width:30%;margin:0 auto;}
	.footer_logo img        {max-width:80%;height:auto;margin:0 auto;}
	.footer_logo::after			{clear:both;content:'';display:block;}
	.footer_txt							{float:right; width:70%;margin:0 auto;display:block;}
	.footer_familysite			{float:none;position:absolute;bottom:10px;left:13px;width:120px;}
	.select_op	            {width:120px;}
}



/************************* footer_inc 끝 *************************/



/************************* left_lnb_inc 시작 *************************/
.left_lnb		{  }
/************************* left_lnb_inc 끝 *************************/



/************************* ui.totop 시작 *************************/
#toTop {
	display:block;
	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 끝 *************************/