/* 챈��㉲モ�쑣�モ�왖� */
.show-default {
	display: block;
}
.hide-default {
	display: none;
}
/* header */
.header3 {
background-color: #fff;
	z-index: 999999 !important;
	height: auto !important;
	position: fixed !important;
	width: 100%;
	position: fixed;
	top: 0px;
	width: 100%;
	left: 0;
	padding-top: 0px;
	padding-bottom: 20px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	z-index: 999;
}
.topmenu {
	width: 100%;
	background: #000;
	padding: 20px 0;
}
.toparea {
	width: 95%;
	max-width: 1790px;
	margin: 0 auto;
	border: 0px solid red;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.top {
	position: relative;
	display: inline-block;
	margin-right: 2%;
	border: 0px solid red;
}
.time {
	font-size: 15px;
	color: #f5aa33;
	background: url('/images/com/icon01.png')no-repeat left;
	padding-left: 22px;
	background-size: 15px;
}
.time span {
	padding-left: 20px;
	color: #fff;
}
.holi {
	font-size: 15px;
	color: #f5aa33;
	background: url('/images/com/icon02.png')no-repeat left;
	padding-left: 22px;
	background-size: 16px;
}
.holi span {
	padding-left: 20px;
	color: #fff;
}
.tel {
	font-size: 15px;
	color: #f5aa33;
	background: url('/images/com/icon03.png')no-repeat left 1px;
	padding-left: 22px;
	background-size: 13px;
}
.tel span {
	padding-left: 20px;
	color: #fff;
}
.top1 {
	position: relative;
	display: inline-block;
	margin-right: 0%;
	border: 0px solid red;
	width: 235px;
}
.f_site {
	width: 200px;
}
.top2 {
	width: 15%;
	position: relative;
	display: inline-block;
	border: 0px solid red;
}
.top2 a {
	color: #fff !important;
	line-height: 30px;
	font-size: 15px;
	margin-right: 1%;
}
.top2_1 {
	background: url('/images/com/m_i_01.png')no-repeat left;
	padding-left: 25px;
	display: inline-block !important;
	padding-right: 5px;
}
.top2_2 {
	background: url('/images/com/m_i_02.png')no-repeat left;
	padding-left: 25px;
	display: inline-block !important;
	padding-right: 5px;
}
.top2_3 {
	background: url('/images/com/m_i_03.png')no-repeat left;
	padding-left: 25px;
	display: inline-block !important;
}
#mainNavi {
	list-style: none;
}
#mainNavi > li {
	float: left;
	width: 100% !important;
	text-align: left;
	border: 1px solid rgba(250,250,250,0.5);
	box-sizing: border-box;
	line-height: 30px;
	background: url(/images/com/list.png)no-repeat right;
}
#mainNavi > li a {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	padding-left: 10px;
	vertical-align: middle;
	overflow: hidden;
}
#mainNavi li a:hover {
	color: #fff;
}
#mainNavi li ul {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 30px;
	list-style-type: none;
	z-index: 777;
}
#mainNavi li:hover ul {
	opacity: 1;
}
#mainNavi li ul li {
	height: 0;
	line-height: 0;
}
#mainNavi li:hover ul li {
	background: rgba(0,0,0,0.6);
	height: 32px;
	line-height: 32px;
	font-size: 0.8em;
	width: 200px;
	box-sizing: border-box;
	color: #efefef;
	border-bottom: 1px solid rgba(250,250,250,0.1);
}
#mainNavi li ul li a {
	border-left: 0px solid rgba(250,250,250,0.0) !important;
	border-right: 0px solid rgba(250,250,250,0.0 )!important;
}
#mainNavi li ul li a:hover {
	color: #ffffff;
}
 @media all and (max-width:640px) {
.f_site {
	width: 200px;
	margin-lefT: 20%;
	margin-top: 15px;
}
#mainNavi li:hover ul li {
	background: rgba(0,0,0,1);
}
}
.header3 .header__inner {
	padding: 15px 0px 0px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	z-index: 10;
	position: relative;
}
.header3 .header__logo {
	width: 280px;
	height: 65px;
	background-image: url(/nimg/logo-02.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	text-indent: -9999em;
}

.header3 .header__menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.header3 .header__menu > li {
	position: relative;
}

.header3 .header__menu .menu__depth1 {
	display: block;
	line-height: 35px; 
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 0;
	padding-right: clamp(10px, 2.6vw, 90px);
	-webkit-transition: color ease .3s;
	transition: color ease .3s;
}

@media (min-width:1400px) {
.header3 .header__menu .menu__depth1  {min-width:190px; padding-right:0;}
}




.header3.scroll .header__menu .menu__depth1, .header3.active .header__menu .menu__depth1 {
	color: var(--black)
}
.header3 .header__menu .menu__depth2 {
	width: 100%;
	position: absolute;
	top: 40px;
	left: -10px;
	z-index: 2;
	display: none;
	opacity: 0;
}
.header3 .header__menu .menu__depth2 a {
	border: 0px solid red;
	letter-spacing: 0;
	font-size: 16px;
	line-height: 24px;
	font-weight: 250;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
}
.header3 .header__menu .menu__depth2 li {
	padding-top: 15px;
}
.header3 .header__menu .menu__depth2 li ul li {
	position: relative;
	padding-top: 5px;
	padding-left: 15px;
	color: #666;
	font-weight: 400;
}
.header3 .header__menu .menu__depth2 li ul li a {
	color: #666;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
}
.header3 .header__menu .menu__depth2 li ul li:before {
	content: '.';
	position: absolute;
	color: #666;
	top: 6px;
	left: 8px;
}
.header3 .header__menu .menu__depth2 a:hover {
	color: var(--main-red);
}
.header3 .header__link > a {
	font-size: 16px;
	display: inline-block;
	color: #fff;
	border-radius: 25px;
	padding: 8px 15px;
	line-height: 1em;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}
.header3 .header__link > a img {
	height: 23px;
}
.header3 .header__link > a:not(:last-child) {
	margin-right: 15px;
}
.header3 .header__sub-bg {
	background: #fff;
	border: 0px solid red;
	height: 500px;
	width: 100%;
	position: absolute;
	top: 70px !important;
	padding-top: 0px;
	z-index: 1;
	display: none;
	opacity: 0;
}
.header3.sub {
	background-color: #fff;
	border-bottom: 1px solid #ebebeb;
	padding-top: 28px;
}
.header3.sub .header__logo {
	background-image: url(/nimg/com/logo.png);
}
.header3.sub .header__menu .menu__depth1 {
	color: #000;
}
.header3.sub .header__link > a:first-child {
	background-color: #bbbbbf;
}
.header.sub .header__link > a:last-child {
	background-color: #bbbbbf;
}
.header3.active {
	background-color: #fff;
	border-bottom: 1px solid #ebebeb;
}

/* acc-menu */
.header3 .acc-menu {
	position: absolute;
	top: 40px;
	right: 260px;
	z-index: 99
}
.header3 .acc-menu li {
	display: inline-block;
	padding: 0px 15px;
	border-left: 1px solid rgba(0,0,0,0.1);
}
.header3 .acc-menu li a {
	color: #888;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
}
.header3 .acc-menu li:nth-child(1) {
	border-left: 0px !important;
}
.header3.scroll {
	box-shadow: 5px -2px 19px rgba(0,0,0,0.3);
	background-color: #fff;
}
.header3 .acc_ac_zone {
	gap: 0px 20px;
}

.header3 .acc_ac_zone svg {
	width: 36px;
	height: 36px;
}
.header3.active .acc_ac_zone a, .header3.scroll .acc_ac_zone a {
	color: var(--black)
}
.inweb_line  {padding-top:20px;}


.fp-viewing-cont2 .header3 .acc-menu li, .fp-viewing-cont3 .header3 .acc-menu li, .fp-viewing-cont4 .header3 .acc-menu li {
	border-left: 1px solid rgba(255,255,255,0.1);
}
.fp-viewing-cont3 .header3 .acc_ac_zone .icon a:nth-child(1), .fp-viewing-cont4 .header3 .acc_ac_zone .icon a:nth-child(1) {
	background: rgba(0,0,0,0.3);
	color: #fff
}
.fp-viewing-cont2 .header3 .acc_ac_zone .icon a:nth-child(2), .fp-viewing-cont3 .header3 .acc_ac_zone .icon a:nth-child(2), .fp-viewing-cont4 .header3 .acc_ac_zone .icon a:nth-child(2) {
	background: rgba(0,0,0,0.5);
	color: #fff
}
.fp-viewing-cont2 .header3, .fp-viewing-cont3 .header3, .fp-viewing-cont4 .header3 {
	background: #33394a url('/nimg/top5.png') no-repeat 98% 50px;
	box-shadow: -5px 15px 20px rgba(0,0,0,0.1);
}
.fp-viewing-cont2 .header3 .header__menu .menu__depth1, .fp-viewing-cont3 .header3 .header__menu .menu__depth1, .fp-viewing-cont4 .header3 .header__menu .menu__depth1 {
	color: #fff;
}
/* 
.fp-viewing-cont2 .header__logo,
.fp-viewing-cont3   .header__logo,
.fp-viewing-cont4s .header__logo {background-size:100px auto ;  margin-top:10px; } */


.header__mask {
	position: fixed;
	z-index: 998;
	width: 100%;
	height: 100vh;
	left: 0;
	background-color: rgba(0, 0, 0, 0.4);
	display: none;
	opacity: 0;
}
/* 챦짠혧창�샕ㅓ�뼘��온시�온� header */
.header3.scroll .header__btn .btn__wrap span, .header3.sub .header__btn .btn__wrap span, .header3.active .header__btn .btn__wrap span {
	background-color: #404040;
}
.header__btn {
	margin-left: auto;
}
.header__btn .btn__wrap {
	/* 	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; */
	display: none;
	width: 29px;
	height: 29px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	cursor: pointer;
}
.header__btn .btn__wrap span {
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 50%;
	display: block;
	margin-bottom: 9px;
}
.header__btn .btn__wrap span:nth-last-child(-n + 2) {
	margin-bottom: 0;
}
.header__btn .btn__wrap span:nth-child(odd) {
	margin-right: 9px;
}
.side__menu {
	width: 100%;
	position: fixed;
	right: 0;
	top: 0;
	height: 100vh;
	overflow-y: scroll;
	background-color: #fff;
	z-index: 1001;
	display: none;
	opacity: 0;
}
.side__menu .menu__top {
	padding: 22px 3.90625% 21px;
	height: 70px;
	border-bottom: 1px solid #eee;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.side__menu .menu__top .top__link > a {
	font-size: 14px;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	padding: 7px 20px;
	line-height: 1em;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}
.side__menu .menu__top .top__link > a:not(:last-child) {
	margin-right: 6px;
}
.side__menu .menu__top .top__link > a:first-child {
	background-color: #4876ef;
}
.side__menu .menu__top .top__link > a:last-child {
	background-color: #44546c
}
.side__menu .menu__top .top__close {
	width: 20px;
}
.side__menu .menu__top .top__close img {
	width: 100%;
}
.side__menu .menu__wrap {
	padding: 20px 3.90625%;
}
.side__menu .menu__wrap .menu__list .m_depth1 {
	font-size: 20px;
	font-weight: 600;
	color: #000;
	padding-bottom: 25px;
	padding-top: 25px;
	position: relative;
}
.side__menu .menu__wrap .menu__list .m_depth1::before {
	content: "";
	width: 20px;
	height: 20px;
	background-image: url(/nimg/com/side_arrow01.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	top: 24px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}
.side__menu .menu__wrap .menu__list .m_depth1.on::before {
	background-image: url(/nimg/com/side_arrow02.png);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.side__menu .menu__wrap .menu__list .m_depth1.no::before {
	displaY: none;
}
.side__menu .menu__wrap .menu__list .m_depth1 a {
	displaY: block;
}
.side__menu .menu__wrap .menu__list .m_depth2 {
	padding-top: 0;
	padding-bottom: 15px;
	display: none;
}
.side__menu .menu__wrap .menu__list .m_depth2 > a {
	display: block;
	color: #888;
	font-size: 17px;
	margin-bottom: 15px;
}
.side__menu .menu__wrap .menu__list .m_depth2 > a:last-child {
	margin-bottom: 0;
}
 @media all and (min-width:1024px) {
.header3 .acc_ac_zone .sns {
	display: none
}
}




/* @media all and (max-width:1199px) {

	.header3 .header__link,
	.header3 .header__menu { display: none; }

} */

/* 
@media all and (max-width: 640px) {
	.header3 .header__inner { width: 100%; padding: 0 3.90625%; }
	.header3 .header__logo { width:253px; height: 24px; }
	.header__btn .btn__wrap { width: 24px; height: 25px; }
	.header__btn .btn__wrap span {width: 7px;height: 7px; }
	.header3 { padding-top: 30px; padding-bottom: 12px; }
	.header3.sub,
	.header3.active,
	.header3.scroll {padding-top: 21px;height: 70px;box-sizing: border-box;}
	

  
} */

/* 챦짠혧창�샕ㅓ�뼘��온시�온� 책짧�봤�온시┑온≥�온� */
@media all and (max-width:568px) {
}
 @media all and (max-width:425px) {
}
 @media all and (max-width:375px) {
}
 @media all and (max-width:320px) {
}


/* 메뉴넓이 및 모바일메뉴에선 안보이게*/
@media all and (max-width:1023px) {
.header3 {
	display: none;
}
.header {
	background: #fff !important;
	top: 0;
	width: 100%;
	z-index: 80;
	position: fixed;
}
.header {
	height: 60px !important;
}
.header h1 {
	top: 20px !important;
	left: 20px !important;
}
.header .acc3 {
	display: none
}
}


/* PC챦쩔쩍챘흸�왗ヂ맞� ~ 챦쩔쩍챦쩔쩍챕�△�걘ヂ뗏씹� 짖 책짧�봤�온시┑온≥�온� */
@media all and (max-width:1199px) {
.show-1199 {
	display: block;
}
.hide-1199 {
	display: none;
}
}
/* 챦쩔쩍챦쩔쩍챕�△�걘ヂ뗏씹� 짖 책짧�봤�온시┑온≥�온� 챦쩔쩍챘흸�왗ヂ맞� */
@media all and (max-width:1023px) {
.show-1023 {
	display: block;
}
.hide-1023 {
	display: none;
}
}
/* 챦쩔쩍챦쩔쩍챕�△�걘ヂ뗏씹� 짖 챦쩔쩍챘흸�왗ヂ맞� ~ 챦짠혧창�샕ㅓ�뼘��온시�온� */
@media all and (max-width:767px) {
.show-767 {
	display: block;
}
.hide-767 {
	display: none;
}
}
/* 챦짠혧창�샕ㅓ�뼘��온시�온� 책짧�봤�온시┑온≥�온� 챔짧�챘짧�챙짯�� */
@media all and (max-width:568px) {
.show-568 {
	display: block;
}
.hide-568 {
	display: none;
}
}
/* 챦짠혧창�샕ㅓ�뼘��온시�온� 챦짠짚챙�쇺�벭テ뮻� */
@media all and (max-width:425px) {
.show-425 {
	display: block;
}
.hide-425 {
	display: none;
}
}
 @media all and (max-width:375px) {
.show-375 {
	display: block;
}
.hide-375 {
	display: none;
}
}
 @media all and (max-width:320px) {
.show-320 {
	display: block;
}
.hide-320 {
	display: none;
}
}
/* **************************************** *
 * 메뉴 넓이조절
 * **************************************** */
.header3 .header__inner {
	z-index: 3;
}
.header3 .header__menu {
	border: 0px solid red;
}
 @media all and (max-width:1280px) {
.time {
	font-size: 14px;
	background: url(/images/com/icon01.png)no-repeat left 2px;
	padding-left: 18px;
	background-size: 13px;
}
.holi {
	font-size: 14px;
	background: url(/images/com/icon02.png)no-repeat left 1px;
	padding-left: 19px;
	background-size: 14px;
}
.tel {
	font-size: 14px;
	background: url(/images/com/icon03.png)no-repeat left 2px;
	padding-left: 15px;
	background-size: 10px;
}
.time span, .holi span, .tel span {
	padding-left: 10px;
}
.f_site {
	width: 140px;
}
#relation-footer-site > span {
	padding-left: 10px !important;
}
.topmenu .toparea .top1 {
	width: 140px;
}
.topmenu .toparea .top {
	margin-right: 1.5%
}
.top-sns a {
	display: inline-block;
	width: 23px;
	margin-left: 5px;
}
.top-sns a img {
	display: block;
	max-width: 100%;
}
.top-sns .pr15 {
	display: none
}
.header3 .header__logo {
	width: 230px;
	height: 54px;
	background-size: 230px;
}
.header3 .acc_ac_zone {
	top: 90px;
}
.header3 .header__menu .menu__depth1 {
	font-size: 18px;
}
.header3 .header__menu {
	margin-left: 90px;
}
}


 @media all and (max-width:1023px) {
.header3 {
	display: none
}
}


	@media (min-width:1024px) and (max-width:1100px) {
  .header3 .header__logo { 
    width: 175px;
    height: 54px;
    background-size: 170px;
  }
}




	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
}
 @media all and (min-width:1024px) {
.page_all {
	display: none
}
}

/*모바일에서 수정*/


@media all and (max-width:1023px) {
.header {
	height: 70px !important;
	padding-top: 18px !important;
}
.header h1 {
	top: 15px !important;
}
.header h1 img {
	height: 35px !important;
}
.header .total_search svg, .header .menu svg {
	fill: #000;
	vertical-align: top;
}
.header .total_search svg {
	height: 26px;
	width: 26px;
}
.header .menu svg {
	height: 36px;
	width: 36px;
	margin-top: -6px;
}
.header .total_search {
	margin-right: 10px;
}
.header .menu {
	top: 0px !important
}
.sns a {
	margin-left: 10px;
}
.sns a svg {
	fill: #fff;
}
}
 @media all and (max-width:640px) {
.header .total_search svg {
	margin-top: -4px;
}
.header .menu svg {
	margin-top: -2px !important;
}
.allmenubg .acc_sec .acc2 a {
	margin: 0px 5px;
}
.allmenubg .acc_sec .acc2 svg {
	fill: #fff;
}
}