@charset "utf-8";
@import url(//fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 

html,body {font-family:"Roboto","Noto Sans KR","Apple SD Gothic Neo", "Malgun Gothic", Sans-serif; scroll-behavior: smooth;}
body {overflow-y:visible;overflow-x:auto;}
body.bgf6{background:#f6f6f6;}
#doc {position:relative;min-width:360px; overflow:hidden;z-index:8999;opacity:0;-webkit-transition: opacity 0.45s ease-in-out;-moz-transition: opacity 0.45s ease-in-out;-o-transition: opacity 0.45s ease-in-out;transition: opacity 0.45s ease-in-out;}
#doc.show{opacity:1;}



/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;box-sizing:border-box;}
.div-cont:after {clear:both;content:"";display:block;}
	
.body-slide-wr {position:relative;width:100%;transition:margin 0.3s ease;}
.body-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:2000;width:100%;height:100%;left:100%;top:0;background:rgba(0,0,0,0.55);cursor:pointer; opacity:0; -webkit-transition: opacity 0.4s linear;-moz-transition: opacity 0.4s linear;-o-transition: opacity 0.4s linear;transition: opacity 0.4s linear;}
.header-slider-ovclick.active{left:0 ; opacity:1}


/*=======================================================
    z-index default
=========================================================*/
#header-wrap{position:fixed;z-index:2005;}
#container-wrap{position:relative;z-index:1056;}
#footer-wrap{position:relative;z-index:1075;}


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap{left:0; width:100%; top:0; min-width:360px; -webkit-transition: top 0.5s ease-in-out;-moz-transition: top 0.5s ease-in-out;-o-transition: top 0.5s ease-in-out;transition: top 0.5s ease-in-out;}
#header-wrap:after{position:absolute; left:0; top:0; width:100%;height:100%;  background:#fff; box-sizing:border-box;  z-index:-1;display:block; content:"";}
#header-wrap.fix:after{ border-bottom:1px solid #d3d3d3;}
#header-wrap.bd-line:after{border-bottom:1px solid #d3d3d3;}
#header{height:12vw;}	

.main #header-wrap{top:0;}
/* .main #header-wrap.hide{top:-12vw} 
.main .show  #header-wrap{transition-delay: 0.5s;top:0;}*/
#header h2{font-size:3.6vw; font-weight:500; color:#212121; width:100%;  text-align:center; position:Absolute; left:0; top:0; line-height:12vw; z-index:1;}
#header h2 span{font-weight:700;}
#header #logo{position:absolute ;left:12vw; top:3.4vw; width:11.2vw; height:5vw;}
#header #logo a{display:block;height:5.2vw;background:url(../img/logo.svg) no-repeat left center;background-size:100% auto;}
#header .bt-prev{z-index:21;width:8vw;height:8vw;background:url(../img/layout/bt-prev.svg) no-repeat center center; position:absolute; left:3.6vw;; top:2.2vw; background-size:100% auto;}
#header .bt-mnall{z-index:21;width:8vw;height:8vw;background:url(../img/layout/bt-mnall.svg) no-repeat center center; position:absolute; left:3.6vw;; top:2.2vw; background-size:100% auto;}
#header .egg{z-index:21;width:8vw;height:8vw;position:absolute; right: 36vw; top:2.2vw; background-size:100% auto;}
#header .bt-alram{z-index:21;width:8vw;height:8vw;background:url(../img/layout/bt-alram.svg) no-repeat center center; position:absolute; right:10.4vw;; top:2vw; background-size:100% auto;}
#header .bt-alram.active .dots{width:1.6vw;height:1.6vw; background:#BD0738; position:absolute;right:2vw;top:2vw; display:block; content:"";border-radius:100%;}
#header .bt-member{z-index:21;width:8vw;height:8vw;background:url(../img/layout/bt-member.svg) no-repeat center center; position:absolute; right:2.4vw;; top:2vw; background-size:100% auto;}
#header .bt-option{z-index:21;width:8vw;height:8vw;background:url(../img/layout/bt-option.svg) no-repeat center center; position:absolute; right:2.4vw;; top:2vw; background-size:100% auto;}
#header .bt-option.l{left:2.4vw;}
#header .bt-close{z-index:21;width:8vw;height:8vw;background:url(../img/layout/bt-close.svg) no-repeat center center; position:absolute; right:3.6vw;; top:2.2vw; background-size:100% auto;}
#header .bt-point{z-index:21;position:absolute;top:2.2vw; right:20vw;font-size:3.6vw;line-height:8vw; padding-left:10vw; font-family:"Roboto";font-weight:700;color:#212121;background:url(../img/layout/bt-point3.svg) no-repeat left center; background-size:9vw auto;}
	
#header .rlz{padding:2.2vw 3.6vw}	
#header .rlz .bt-mnall{display:inline-block;vertical-align:top; position:relative; left:auto; top:auto;}
#header .rlz .bt-point{display:inline-block;vertical-align:top; position:relative; left:auto; right:auto; top:auto; margin-left:1.4vw;}
#header .rlz #logo{display:inline-block;vertical-align:top; position:relative; left:auto; top:auto; height:8vw; margin-left:2vw;}
#header .rlz #logo a{height:8vw;}
	@media only screen and (max-width:500px){
		/* .main #header-wrap{top:-60px;}
		.main #header-wrap.hide{top:-60px} */

		 #header{height:60px;}	
		 #header h2{font-size:18px; line-height:60px;}
		 #header #logo{left:60px;top:17px; width:56px; height:25px;}
		 #header #logo a{ height:26px;}

		 #header .bt-mnall{left:18px; top:11px; width:40px;height:40px;}
		 #header .bt-prev{left:18px; top:11px; width:40px;height:40px;}
		 #header .bt-alram{right:57px; top:10px; width:40px;height:40px;}
		 #header .bt-alram.active .dots{width:8px;height:8px;right:10px;top:10px; }
		 #header .bt-member{right:17px; top:10px; width:40px;height:40px;}
		 #header .bt-option{right:17px; top:10px; width:40px;height:40px;}
		 #header .bt-option.l{left:12px;}
		 /*#header .bt-point{top:11px; right:100px;font-size:18px;line-height:40px; padding-left:30px; background-size:25px auto;}*/
		 #header .bt-point{top:11px;right: 100px;font-size:18px;line-height:40px;padding-left: 55px;background-size: 50px auto;}
		 #header .bt-close{right:18px; top:11px; width:40px;height:40px;}

		 #header .rlz{padding:11px 18px}	
		 #header .rlz .bt-point{margin-left:7px;}
		 #header .rlz #logo{height:40px;margin-left:10px;}
		 #header .rlz #logo a{height:40px;}
	}	

/* 2021-12-07 시작 */
.layer-menu{position:fixed; left:0; top:0; width:100%; z-index:912; background:#fff; overflow-y:auto;overflow-x:hidden; height:100%; max-height:100%;display:none;/* -webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.4s ease-in-out;transform:scale(0.95, 0.95); -webkit-transform:scale(0.95, 0.95); -moz-transform:scale(0.95, 0.95); -ms-transform:scale(0.95, 0.95); */}
.layer-menu:after{width:100%;height:100%; position:absolute; left:0; top:0; display:block; content:"";background:#BD0738; z-index:3;-webkit-transition: left 0.4s ease-in-out;-moz-transition: left 0.4s linear;-o-transition: left 0.4s ease-in-out;transition: left 0.4s ease-in-out;}
.layer-menu.mn-open{/* transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); */}
.layer-menu .is-con{z-index:2;overflow:hidden; }
.layer-menu .bt-mnclose{opacity:0;width:8vw;height:8vw; position:absolute; top:4.2vw; right:5vw;background:url(../img/layout/bt-mnclose.svg) no-repeat center center; background-size:100% auto;-webkit-transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;}
.layer-menu .info{padding:18vw 12vw 0 12vw; text-align:center;}
.layer-menu .info .vc{position:relative;height:12vw;display:flex;align-items: center; justify-content: center;}

.layer-menu .info .before .login-btn{font-size:3.2vw;font-weight:400; color:#212121; line-height:5.2vw;opacity:0; -webkit-transform: translateY(30%); -moz-transform: translateY(30%);-ms-transform: translateY(30%); -o-transform:  translateY(30%);transform: translateY(30%);-webkit-transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;}
.layer-menu .info .after p{font-size:3.2vw;font-weight:400; color:#212121; line-height:5.2vw; opacity:0; -webkit-transform: translateY(30%); -moz-transform: translateY(30%);-ms-transform: translateY(30%); -o-transform:  translateY(30%);transform: translateY(30%);-webkit-transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;}
.layer-menu .info .after p span{display:block;}
.layer-menu .info .after{display:none}

.layer-menu .info .mypage-btn, .layer-menu .info .join-btn, .layer-menu .info .logout-btn{line-height:22px;display:block; margin-top:3.8vw;  opacity:0;-webkit-transform: translateY(30%); -moz-transform: translateY(30%);-ms-transform: translateY(30%); -o-transform:  translateY(30%);transform: translateY(30%);-webkit-transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;}
.layer-menu .info .mypage-btn span, .layer-menu .info .join-btn span, .layer-menu .info .logout-btn span{display:inline-block;vertical-align:top; color:#9F9F9F; font-size:2.4vw;line-height:4.4vw; padding-right:1.6vw; background:url(../img/layout/lm-more.svg) no-repeat right 54%; background-size:0.8vw auto;}

.layer-menu .info .mypage-btn, .layer-menu .info .logout-btn{ display:inline-block;vertical-align:top;}	
.layer-menu .info .logout-btn{margin-left:2vw;}

.layer-menu .menu{margin-top:13vw;}	
.layer-menu .menu li{text-align:center;}
.layer-menu .menu li:nth-child(n+2){margin-top:2vw;}
/* .layer-menu .menu li a{font-size:6.4vw; color:#212121;line-height:9.2vw;  display:block; opacity:0; -webkit-transform: translateY(30%); -moz-transform: translateY(30%);-ms-transform: translateY(30%); -o-transform:  translateY(30%);transform: translateY(30%);-webkit-transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;} */
.layer-menu .menu li a{font-size:6.4vw; color:#212121;line-height:9.2vw;  display:block;}
.layer-menu .menu li span{display:inline-block;vertical-align:top;position:relative;}
.layer-menu .menu li span:after{position:absolute; width:100%; height:1px; left:50%; bottom:0.6vw; display:block;content:"";-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.layer-menu .menu li.active a,.layer-menu .menu li a:hover{color:#BD0738; font-weight:700;}
.layer-menu .menu li.active span:after, .layer-menu .menu li a:hover span:after{width:100%;background:#BD0738;}

.layer-menu .other{margin-top:13vw;min-height:48vw;}
.layer-menu .other.ab ul{position:absolute; left:0; bottom:0; width:100%; min-width:320px;}
.layer-menu .other ul{background:#f3f3f3; padding:9vw 0}
.layer-menu .other li{text-align:center}
.layer-menu .other li:nth-child(n+2){margin-top:2vw;}
.layer-menu .other li a{color:#212121; line-height:4.4vw;font-size:2.8vw; display:block;opacity:0; -webkit-transform: translateY(30%); -moz-transform: translateY(30%);-ms-transform: translateY(30%); -o-transform:  translateY(30%);transform: translateY(30%);-webkit-transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;transition: opacity 0.3s ease-in-out,  transform 0.3s ease-in-out;}
	@media only screen and (max-width:500px){
		 .layer-menu .bt-mnclose{width:40px;height:40px; top:21px; right:25px;}
		 .layer-menu .is-con{}
		 .layer-menu .info{padding:90px 60px 0 60px; text-align:center;}
		 .layer-menu .info .vc{height:60px;}
		 .layer-menu .info .after p{font-size:16px; line-height:26px;}
		 .layer-menu .info .before .login-btn{font-size:16px; line-height:26px;}
		 .layer-menu .info .mypage-btn, .layer-menu .info .join-btn, .layer-menu .info .logout-btn{margin-top:19px;}
		 .layer-menu .info .mypage-btn span, .layer-menu .info .join-btn span, .layer-menu .info .logout-btn span{background-size:4px auto; padding-right:8px; font-size:12px;line-height:22px;}
		 .layer-menu .info .logout-btn{margin-left:10px;}

		 .layer-menu .menu{margin-top:65px;}	
		 .layer-menu .menu li:nth-child(n+2){margin-top:10px;}
		 .layer-menu .menu li a{font-size:32px; line-height:46px;}
		 .layer-menu .menu li span:after{bottom:3px}
		 
		 .layer-menu .other{margin-top:65px;min-height:240px;}
		 .layer-menu .other ul{padding:45px 0;}
		 .layer-menu .other li:nth-child(n+2){margin-top:10px;}
		 .layer-menu .other li a{font-size:14px; line-height:22px;}
	}	

.layer-menu.mn-open:after{left:100%;}
.layer-menu.mn-open .bt-mnclose{transition-delay: 0.4s;opacity:1;}
/* .layer-menu.mn-open .info .before .login-btn{transition-delay: 0.6s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);} */
.layer-menu.mn-open .info .before .login-btn{opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0)}
.layer-menu.mn-open .info .after p{transition-delay: 0.6s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
/* .layer-menu.mn-open .info .mypage-btn, .layer-menu.mn-open .info .join-btn, .layer-menu.mn-open .info .logout-btn{transition-delay: 0.7s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);} */
.layer-menu.mn-open .info .mypage-btn, .layer-menu.mn-open .info .join-btn, .layer-menu.mn-open .info .logout-btn{opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
.layer-menu.mn-open .menu li a{opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
.layer-menu.mn-open .menu li:nth-child(1) a{transition-delay: 0.8s;}
.layer-menu.mn-open .menu li:nth-child(2) a{transition-delay: 0.9s;}
.layer-menu.mn-open .menu li:nth-child(3) a{transition-delay: 1.0s;}
.layer-menu.mn-open .menu li:nth-child(4) a{transition-delay: 1.1s;}
.layer-menu.mn-open .menu li:nth-child(5) a{transition-delay: 1.2s;}
.layer-menu.mn-open .other li a{opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}

/* .layer-menu.mn-open .other li:nth-child(1) a{transition-delay: 1.3s;}
.layer-menu.mn-open .other li:nth-child(2) a{transition-delay: 1.4s;}
.layer-menu.mn-open .other li:nth-child(3) a{transition-delay: 1.5s;}
.layer-menu.mn-open .other li:nth-child(4) a{transition-delay: 1.6s;}
.layer-menu.mn-open .other li:nth-child(5) a{transition-delay: 1.7s;} */

/* 2021-11-22 끝 */

/* ======================================================
   #container-wrap 
=========================================================*/
#container-wrap{}
#container-wrap:after{display:block;content:"";clear:both}
#container-wrap #contents{min-height:480px; padding:0 3.2vw 16vw 3.2vw}

.sub #container-wrap{margin-top:12vw;}
.sub #container-wrap #contents{padding:6vw 3.2vw 6vw 3.2vw}
.sub #container-wrap #contents.no-pad{padding:0 3.2vw;}
.sub #container-wrap #contents.pad20{padding:4vw 3.2vw 4vw 3.2vw}
.sub #container-wrap #contents.no-padt{padding-top:0 !important;}
.sub #container-wrap #contents.no-padf{padding-bottom:0 !important;}
	@media only screen and (max-width:500px){
		.sub #container-wrap{margin-top:60px;}
		#container-wrap #contents{ padding:0 16px 80px 16px}
		.sub #container-wrap #contents{ padding:30px 16px 30px 16px}
		.sub #container-wrap #contents.no-pad{padding:0 16px;}
		.sub #container-wrap #contents.pad20{padding:20px 16px 20px 16px}
	}		



/* =====================================
   #footer-wrap
===================================== */
#footer-wrap {display:block; }
#footer{position:relative;}

#fnb{position:relative;}
#fnb .fix{position:fixed; left:0; bottom:0 ; width:100%; min-width:360px;background:#f6f6f6;box-sizing:border-box;}

.has-fnb #fnb .fix{bottom:-13vw}
.has-fnb.show #fnb .fix{bottom:0;}
.inShow #fnb .fix{bottom:0 !important;}

#fnb .fmenu{padding:1.6vw 3vw }
#fnb .fmenu:after{display:block; content:"";clear:both}
#fnb .fmenu li{float:left; width:25%;text-align:center;}
#fnb .fmenu li a{display:inline-block;vertical-align:top; text-align:center;width:8vw;background-size: 9vw auto; background-repeat: no-repeat; background-position:  center top;}
#fnb .fmenu li a span{font-size:2vw; line-height:1.2em; padding-top:7.4vw; color:#525252; display:block; font-weight: 600;}
#fnb .fmenu li.active a span{color:#BD0738;}

#fnb .fmenu li:nth-child(1) a{background-image:url(../img/layout/fm-ico01_modi.png);}
#fnb .fmenu li:nth-child(2) a{background-image:url(../img/layout/fm-ico02_modi.png);}
#fnb .fmenu li:nth-child(3) a{background-image:url(../img/layout/fm-ico03_modi.png);}
#fnb .fmenu li:nth-child(4) a{background-image:url(../img/layout/fm-ico04_modi.png);}

#fnb .fmenu li.active:nth-child(1) a{background-image:url(../img/layout/fm-ico01o_modi.png);}
#fnb .fmenu li.active:nth-child(2) a{background-image:url(../img/layout/fm-ico02o_modi.png);}
#fnb .fmenu li.active:nth-child(3) a{background-image:url(../img/layout/fm-ico03o_modi.png);}
#fnb .fmenu li.active:nth-child(4) a{background-image:url(../img/layout/fm-ico04o_modi.png);}
	@media only screen and (max-width:500px){
		.has-fnb #fnb .fix{bottom:-65px}

		#fnb .fmenu{padding:8px 15px;}
		#fnb .fmenu li a{width: 40px; background-size: 36px auto;}
        #fnb .fmenu li a span{font-size:10px; padding-top: 36px;}
        /* #fnb .fmenu li:nth-child(1) a{background:url(../img/layout/fm-ico01_modi.png) no-repeat center top/30px auto;}
        #fnb .fmenu li:nth-child(2) a{background:url(../img/layout/fm-ico02_modi.png) no-repeat center top/24px auto;}
        #fnb .fmenu li:nth-child(3) a{background:url(../img/layout/fm-ico03_modi.png) no-repeat center top/25px auto;}
        #fnb .fmenu li:nth-child(4) a{background:url(../img/layout/fm-ico04_modi.png) no-repeat center top/30px auto;}
        #fnb .fmenu li.active:nth-child(1) a{background:url(../img/layout/fm-ico01o_modi.png) no-repeat center top/30px auto;}
        #fnb .fmenu li.active:nth-child(2) a{background:url(../img/layout/fm-ico02o_modi.png) no-repeat center top/24px auto;}
        #fnb .fmenu li.active:nth-child(3) a{background:url(../img/layout/fm-ico03o_modi.png) no-repeat center top/25px auto;}
        #fnb .fmenu li.active:nth-child(4) a{background:url(../img/layout/fm-ico04o_modi.png) no-repeat center top/30px auto;} */
	}	

/* 2021-11-23 시작 */
.f-info{background:#525252; padding:5vw 3.2vw}
.f-info .in-comm{font-size:3.2vw; line-height:8.8vw; color:#fff; font-weight:700; }
.f-info .in-txt{font-size:2.4vw; line-height:4vw; color:#fff; font-weight:400; }
.f-info .in-txt span{ margin-left:2.8vw;display:inline;position:relative;line-height:4vw; }
.f-info .in-txt span:before{ width:1px;height:2vw; position:absolute ;left:-1.6vw; top:0.4vw; border-left:0.2vw solid #fff; display:block; content:""}
	@media only screen and (max-width:500px){
		.f-info{padding:25px 16px;}
		.f-info .in-comm{font-size:16px; line-height:44px; }
		.f-info .in-txt{font-size:12px; line-height:20px;}
		.f-info .in-txt span{ margin-left:14px;line-height:20px; }
		.f-info .in-txt span:before{ width:1px;height:10px;left:-8px;top:2px;border-left-width:1px;}
	}	
/* 2021-11-23 끝 */



/* =====================================
   #footer modi - 230725
===================================== */
.f-info .in-comm {line-height: 220%;}
.f-info .in-add {margin-bottom: 6vw; font-size: 2.4vw; line-height: 140%; color:#fff;}
.f-info .in-list li {font-size:2.8vw; font-weight:700; color:#fff;}
.f-info .in-list li:not(:last-child) {margin-bottom: 2vw;}
.f-info .in-list li span {font-weight: 400;}
.f-info .in-list li a {color: #fff;}
.f-info .in-copy {margin-top: -3vw; text-align: right;  font-weight:700; color:#fff;}
.f-info .in-copy h6 {margin-bottom: 1vw; line-height: 160%; font-size: 3.4vw;}
.f-info .in-copy h6 span {font-size: 4vw;}
.f-info .in-copy p {font-size: 2.4vw;}
@media only screen and (max-width:500px){
    .f-info .in-comm  {font-size: 14px;}
	.f-info .in-add {margin-bottom: 20px; font-size:12px;}
    .f-info .in-list li {font-size: 12px;}
    .f-info .in-list li:not(:last-child) {margin-bottom: 4px;}
    .f-info .in-copy {margin-top: -10px;}
    .f-info .in-copy h6 {margin-bottom: 8px; line-height: 18px; font-size: 14px;}
    .f-info .in-copy h6 span {font-size: 16px;}
    .f-info .in-copy p {font-size: 12px;}
}