@charset "utf-8";
@import url(//fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800;900&display=swap);

@import url(//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css); /* Regular(400), Bold(700), Extra Bold(800), Light(300) */
/* @import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); */

html,body {font-family: 'NanumSquareRound' /* 'Jua' */, "Apple SD Gothic Neo", "Malgun Gothic";font-weight:400;  }
body {overflow-y:visible;overflow-x:hidden;}
#doc {position:relative;min-width:320px; overflow:hidden; box-sizing:border-box;min-height:560px;}
#doc.main{position:absolute; left:0; top:100%; width:100%;background:#fff;  z-index:5000}	
#doc.fixed{top:0; position:absolute;height:100%;overflow-y:auto;overflow-x:hidden}	
	@media only screen and (max-width:999px) {
		/* #doc.main{max-height:100%;overflow-y:auto ;} */
	}

.ab {cursor:pointer}
/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto;max-width:1244px;padding:0 20px;box-sizing:border-box;}
.div-cont:after {clear:both;content:"";display:block;}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		.div-cont{padding:0 12px}
	}
	@media only screen and (max-width:480px) {
		
	}


.body-slider-ovclick{position:fixed;z-index:2000;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:3600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.layer-slider-ovclick{position:fixed;z-index:2000;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.content-slider-ovclick{position:fixed;z-index:2011;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
	@media only screen and (min-width:1000px) {
		.content-slider-ovclick{display:none !important}
	}

/*=======================================================
    z-index default
=========================================================*/
#header-wrap{position:fixed;z-index:2050;}
#container-wrap{position:relative;z-index:2009; }
#footer-wrap{position:relative;z-index:1007; }


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap{position:fixed; left:0; top:0; width:100%; /* min-width:360px; */min-width:320px;}
#header-wrap:after{width:100%;height:100%;  position:absolute; display:block; content:""; left:0;z-index:-1; top:0; background:#fff;box-sizing:border-box;}

#header-wrap #logo{width:166px;height:34px; position:absolute; left:20px; top:19px;z-index:55;}
#header-wrap #logo a{display:block;height:34px;color:#47C83E; font-weight:700; font-size:28px; line-height:34px; font-family:"Montserrat";}
#header-wrap .inner{ max-width:1244px;padding:0 20px;box-sizing:border-box; margin:0 auto;height:72px; position:relative;}

.main #header-wrap{/* transition:top .8s ease-in-out;top:-72px; */  position:relative; left:auto; top:auto;}
/* .main #header-wrap.fix{transition-delay:0.1s; top:0;} */
#doc.fixed.main #header-wrap{position:fixed; left:0; top:0;}

.sub #header-wrap #logo{display:block;}
.sub .bt-myInfo{display:block;}
.sub .top-search{display:block;}
/* nnnnn */
.sub2 #header-wrap #logo{display:block;}
.sub2 .bt-myInfo{display:none;}
.sub2 .top-search{display:none;}

.sub #header-wrap{top:0;}

.bt-myInfo{position:absolute; right:20px; top:18px; width:36px;height:36px; border-radius:100%; overflow:hidden; z-index:91}
.bt-myInfo img{width:100%;height:36px;object-fit:cover;}

.top-search{width:360px; position:absolute; right:92px; top:18px; box-sizing:border-box;}
.top-search .chk-input{width:100%}
.top-search .chk-input input{height:36px; border-radius:36px; background:#f5f5f5; padding:0 50px 0 18px; font-size:14px; letter-spacing:-0.03em;border:none !important }
.top-search .chk-input input::placeholder{opacity:0.3 !important; color:#4e4e4e !important; font-weight:400; }

.top-search .chk-input input:disabled{height:36px; border-radius:36px; background:#f5f5f5; padding:0 50px 0 18px; font-size:14px; letter-spacing:-0.03em;border:none !important }
.top-search .chk-input input:disabled::placeholder{opacity:0.3 !important; color:#4e4e4e !important; font-weight:400; }

.top-search .chk-input .enter{width:20px;height:20px; position:absolute; right:12px; top:50%;margin-top:-10px;background:url(../_Img/Layout/bt-search.png) no-repeat center center; border:none;background-size:100% auto;}

/* s: 2020-11-25 */
.bt-like{display:block;padding-right:18px; line-height:16px;/*  position:absolute; right:148px; top:28px; */  font-size:16px;color:#4e4e4e; font-weight:700;background:url(../_Img/Layout/bt-daorrow.png) no-repeat right center; background-size:12px auto;}	
.bt-like.no-arrow{background:none;}
.bt-like span{display:block;}
.bt-search{width:20px;height:20px;position:absolute; right:20px; top:26px; font-size:14px; color:#4e4e4e; font-weight:400;background:url(../_Img/Layout/bt-search.png) no-repeat right center; background-size:20px auto;}	
.bt-cart{width:20px;height:20px;position:absolute; right:20px; top:26px; font-size:14px; color:#4e4e4e; font-weight:400;background:url(../_Img/Layout/bt-cart.png) no-repeat right center; background-size:20px auto;}	
.bt-cart i{font-size:10px; color:#fff;font-weight:700; width:16px;height:16px; text-align:center; line-height:16px; position:absolute; right:-6px; top:-6px;background:#ff3d3d; border-radius:100%;}

/* s : 2021-01-08 */
.bt-add{position:absolute; right:20px; width:20px; height:20px; top:50%;margin-top:-10px; color:#6f6f6f; background:url(../_Img/Sub/ico-add.png) no-repeat left center;background-size:20px auto;}
.sub.interest .bt-search{right:60px;}/* 95px */
.sub.interest .bt-cart{right:60px;}
.sub.interest .ride{right:149px}
/* e : 2021-01-08 */
	@media only screen and (min-width:1000px) {
		/* #header-wrap{ width:100% !important} */
		#header-wrap{-webkit-transition: top 0.2s ease-in-out;-moz-transition: top 0.2s ease-in-out;-o-transition: top 0.2s ease-in-out;transition: top 0.2s ease-in-out;}
		.ride{position:absolute;top:28px;right:119px;}
	}
	@media only screen and (max-width:999px) {
		#header-wrap{top:-54px;-webkit-transition: top 0.2s ease-in-out;-moz-transition: top 0.2s ease-in-out;-o-transition: top 0.2s ease-in-out;transition: top 0.2s ease-in-out;}
		#header-wrap .inner{ height:54px; padding:0 16px;}

		#header-wrap #logo{width:61px;height:24px; left:16px; top:16px;}
		#header-wrap #logo a{height:24px;font-size:20px; line-height:24px;}

		.top-search{padding-left:93px; width:100%; padding-right:68px; right:0; top:-5px;}

		.bt-myInfo{top:10px; right:16px;}

		.sub.mypage #header{height:0}
		.sub.mypage #header-wrap #logo{display:none;}
		.sub.mypage .top-search{display:none;}
		.sub.mypage .bt-myInfo{display:none;}
		.sub.mypage #header-wrap .inner{height:0;}

		/* .sub.interest #header{height:0} 
		.sub.interest #header-wrap #logo{display:none;}*/
		.sub.interest .top-search{display:none;}
		.sub.interest .bt-myInfo{display:none;}
		/* .sub.interest #header-wrap .inner{height:0;} */

		.sub.folder .ride{display:none;}
		.sub.folder #header{height:0}
		.sub.folder #header-wrap #logo{display:none;}
		.sub.folder .top-search{display:none;}
		.sub.folder .bt-myInfo{display:none;}
		.sub.folder #header-wrap .inner{height:0;}
	

		 /* 2020-12-01 */
		.bt-like{ position:relative; right: auto; top:auto;}
		.bt-search{top:16px; right:16px;}
		.bt-search.m-hide{display:none !important;}
		.bt-cart{top:16px; right:16px;}
		.ride{position:absolute;top:20px;left:50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
		
		/* s : 2021-01-08 */
		.sub.interest .ride{display:none;}
		.sub.interest .bt-search{display:block; right:50px;}/* 80px */
		.sub.interest .bt-cart{display:block; right:50px;}
		.sub.interest .bt-add{display:block; top:16px; right:16px;margin-top:0;}
		
		.sub.folder .bt-search{display:none !important;}
		.sub.folder .mhide{display:none !important}
		.sub.folder .mshow{display:block !important}
		/* e : 2021-01-08 */
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}
/* e: 2020-11-25 */



/*=======================================================
    #topmenu  2020-11-25 
=========================================================*/
	@media only screen and (min-width:1000px) {
		#topmenu{position:absolute; left:185px; top:19px;}
		#topmenu ul:after{display:block;content:"";clear:both;}
		#topmenu li{float:left;position:relative;}
		#topmenu li:nth-child(n+2){margin-left:48px;}
		#topmenu li a{display:block; line-height:36px; font-weight:800; color:#4e4e4e; font-size:16px;}
		#topmenu li a span{display:inline-block;vertical-align:top; position:relative;}
		#topmenu li a:hover, #topmenu li.active a{color:#000}
		#topmenu li a.alrim span:after{width:4px;height:4px; background:#ff3d3d; border-radius:100%;position:absolute; right:-4px; top:6px; display:block; content:""}
		
		#doc #header-wrap.mhide{opacity:1;top:-72px; }
		#doc #header-wrap.mshow{opacity:1;top:0; }

		#doc.fixed #header-wrap.mhide{opacity:1;top:-72px; }
		#doc.fixed #header-wrap.mshow{opacity:1;top:0; }
		
		/* 2020-12-01 */
		.ride .hash{opacity:0;border:1px solid #47C83E; min-width:238px; top:32px;text-align:center;background:#47C83E; padding:8px 12px; border-radius:20px; position:Absolute; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
		.ride .hash p{font-size:12px;color:white;line-height:13px;}
		.ride .hash:after{width:20px;height:10px; background:url(../_Img/Layout/hash-arrow.png) no-repeat center bottom; background-size:100% auto;display:block;content:"" ;left:50%;margin-left:-12px; top:-10px; position:absolute;}
	}
	@media only screen and (max-width:999px) {
		#topmenu{position:fixed; left:0; bottom:-50px; width:100%;box-sizing:border-box; z-index:9123; opacity:0;-webkit-transition:  opacity 0.3s ease-in-out, bottom 0.3s ease-in-out;-moz-transition:  opacity 0.3s ease-in-out, bottom 0.3s ease-in-out;-o-transition:  opacity 0.3s ease-in-out, bottom 0.3s ease-in-out;transition: opacity 0.3s ease-in-out, bottom 0.3s ease-in-out;}
		#topmenu ul{height:48px; background:#fff;/* height:48px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3)  ; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3)  ; -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3)  ; */ }
		#topmenu li{float:left;width:20%;}
		#topmenu li:nth-child(n+2){margin-left:0;}
		#topmenu li a{display:block;position:relative; line-height:1.2em;text-align:center; font-weight:800; color:#4e4e4e; font-size:10px; padding-top:29px;}
		#topmenu li a:hover, #topmenu li.active a{color:#000}/* 초록색 #84b627  */
		#topmenu li a:before{position:absolute;width:16px;height:16px; top:10px; left:50%;margin-left:-8px; display:block; content:"";background-size:16px auto !important;}
		#topmenu li a span{display:inline-block;vertical-align:top; position:relative;}
		#topmenu li a.alrim span:after{width:4px;height:4px; background:#ff3d3d; border-radius:100%;position:absolute; right:5px; top:-20px; display:block; content:""}

		#topmenu li:nth-child(1) a:before{background:url(../_Img/Layout/mn-menu01_1.png) no-repeat center center;}
		#topmenu li:nth-child(2) a:before{background:url(../_Img/Layout/mn-menu02_1.png) no-repeat center center;}
		#topmenu li:nth-child(3) a:before{background:url(../_Img/Layout/mn-menu05_1.png) no-repeat center center;}
		#topmenu li:nth-child(4) a:before{background:url(../_Img/Layout/mn-menu03_1.png) no-repeat center center;}
		#topmenu li:nth-child(5) a:before{background:url(../_Img/Layout/mn-menu04_1.png) no-repeat center center;}

		#topmenu li:nth-child(1).active a:before, #topmenu li:nth-child(1) a:hover:before{background:url(../_Img/Layout/mn-menu01.png) no-repeat center center;}
		#topmenu li:nth-child(2).active a:before, #topmenu li:nth-child(2) a:hover:before{background:url(../_Img/Layout/mn-menu02.png) no-repeat center center;}
		#topmenu li:nth-child(3).active a:before, #topmenu li:nth-child(3) a:hover:before{background:url(../_Img/Layout/mn-menu05.png) no-repeat center center;}
		#topmenu li:nth-child(4).active a:before, #topmenu li:nth-child(4) a:hover:before{background:url(../_Img/Layout/mn-menu03.png) no-repeat center center;}
		#topmenu li:nth-child(5).active a:before, #topmenu li:nth-child(5) a:hover:before{background:url(../_Img/Layout/mn-menu04.png) no-repeat center center;}
	
		
		#doc #header-wrap.mhide{opacity:1;top:-54px; }
		#doc #header-wrap.mshow{opacity:1;top:0; }

		#doc.fixed #header-wrap.mhide{opacity:1;top:-54px; }
		#doc.fixed #header-wrap.mshow{opacity:1;top:0; }

		#header-wrap.mhide #topmenu{opacity:1;bottom:0;
/* 		padding-bottom: calc(constant(safe-area-inset-bottom));
    	padding-bottom: calc(env(safe-area-inset-bottom)); */
    	}
		#header-wrap.mshow #topmenu{opacity:1;bottom:0;     
/* 		padding-bottom: calc(constant(safe-area-inset-bottom));
    	padding-bottom: calc(env(safe-area-inset-bottom)); */
    	}
/* #ffd3d3 */
		#header .hash{opacity:0;border:1px solid #47C83E; min-width:238px; top:32px;text-align:center;background:#47C83E; padding:8px 1px; border-radius:20px; position:Absolute; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
		#header .hash p{font-size:12px;color:white;line-height:13px;}
		#header .hash:after{width:20px;height:10px; background:url(../_Img/Layout/hash-arrow.png) no-repeat center bottom; background-size:100% auto;display:block;content:"" ;left:50%;margin-left:-12px; top:-10px; position:absolute;}
	}
	@media only screen and (max-width:680px) {
		
	}



/* ======================================================
   #container 
=========================================================*/
#container-wrap:after{display:block; content:"";clear:both;}
#doc.fixed #container-wrap.mcontainer{margin-top:72px;}
#container-wrap.scontainer{margin-top:72px;}
#container-wrap.scontainer #contents{position:relative;padding:52px 20px 52px 20px; }

#container-wrap #content-wrap {padding:52px 20px;}
#container-wrap #content-wrap:after{display:block; content:"";clear:both;}
#container-wrap #content-wrap #snbNav{box-sizing:border-box; width:20.8%; border:1px solid #e2e2e2;border-radius:4px; float:left;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1)  ; }
#container-wrap #content-wrap #contents{width:75.1%; float:right; padding:0  }
	@media only screen and (max-width:999px) {
		#doc.fixed  #container-wrap.mcontainer{margin-top:54px;}/* 54px; */
		#container-wrap.scontainer{margin-top:54px;}
		#container-wrap.scontainer #contents{padding:34px 20px 72px 20px; position:relative;}

		.sub.mypage #container-wrap.scontainer{margin-top:0}
		.sub.interest #container-wrap.scontainer{margin-top:54px}
		 #container-wrap #content-wrap{padding:56px 20px 60px 20px}
		/* #container-wrap #content-wrap{padding:26px 16px 40px 16px; top:+20px} */
		#container-wrap #content-wrap #snbNav{float:none; width:auto; border:none;  box-shadow:none; -webkit-box-shadow:none ; -moz-box-shadow:none ; position:relative;}
		#container-wrap #content-wrap #snbNav.m-hide{display:none;}
		#container-wrap #content-wrap #contents{float:none;width:auto; margin-top:16px;position:relative; z-index:555; }
	
	}
	@media only screen and (max-width:680px) {
		#container-wrap.scontainer #contents{padding:16px 16px 52px 16px; }
		#container-wrap #content-wrap{}

		/* #container-wrap #content-wrap{padding:56px 16px 40px 16px} */
		#container-wrap #content-wrap{padding:26px 16px 40px 16px; top:+20px}
	}
	@media only screen and (max-width:480px) {
		
	}

/* ======================================================
   #snbNav & cont-top  2021-01-08
=========================================================*/
#snbNav{padding:40px 30px}
#snbNav ul{min-height:200px;}
#snbNav li{}
#snbNav li:nth-child(n+2){margin-top:36px;}
#snbNav li a{font-size:16px; font-weight:700; color:#6f6f6f;line-height:24px; display:block;}
#snbNav li a span{display:inline-block;vertical-align:top;padding-left:36px;}
#snbNav li.active a, #snbNav li a:hover{color:#000;}

#snbNav .mypage li a{}
#snbNav .mypage li:nth-child(1) a span{background:url(../_Img/Sub/lm-ico02.png) no-repeat left center; background-size:24px auto;}
#snbNav .mypage li:nth-child(2) a span{background:url(../_Img/Sub/lm-ico01.png) no-repeat left center; background-size:24px auto;}
#snbNav .mypage li:nth-child(1).active a span{background-image:url(../_Img/Sub/lm-ico02o.png)}
#snbNav .mypage li:nth-child(2).active a span{background-image:url(../_Img/Sub/lm-ico01o.png)}

.cont-top{text-align:center; position:relative; margin-bottom:24px;}
.cont-top h2{font-size:20px; font-weight:900; color:#4e4e4e; line-height:72px;}
.cont-top h2.l{text-align:left !important;}
.cont-top .set-btn{position:absolute; right:0; line-height:30px; height:30px; top:50%;margin-top:-15px; padding-left:20px; font-size:14px; color:#6f6f6f; background:url(../_Img/Sub/ico-setting.png) no-repeat left center;background-size:14px auto;}
.cont-top .set-btn:hover{color:#000}	
.cont-top .prev-btn{position:absolute;width:30px; height:30px; top:50%; left:0; margin-top:-15px;  background:url(../_Img/Sub/cont-prev.png) no-repeat left center;background-size:24px auto;}
.cont-top .prev-btn2{position:absolute;width:30px; height:30px; top:50%; left:0; margin-top:-15px;  background:url(../_Img/Sub/cont-prev2.png) no-repeat left center;background-size:24px auto;}
	
.cont-top .search-btn{position:absolute; right:32px; width:16px; height:16px; top:50%;margin-top:-8px; background:url(../_Img/Sub/ico-search.png) no-repeat left center;background-size:16px auto;}
.cont-top .add-btn{position:absolute; right:0; width:16px; height:16px; top:50%;margin-top:-8px; color:#6f6f6f; background:url(../_Img/Sub/ico-add.png) no-repeat left center;background-size:16px auto;}

.cont-top .share-btn{position:absolute; right:32px; width:16px; height:16px; top:50%;margin-top:-8px; background:url(../_Img/Sub/ico-share.png) no-repeat left center;background-size:16px auto;}
.cont-top .write-btn{position:absolute; right:0; width:16px; height:16px; top:50%;margin-top:-8px; color:#6f6f6f; background:url(../_Img/Sub/ico-pen.png) no-repeat left center;background-size:16px auto;}
.cont-top .cancel-btn{position:absolute; right:0;  height:16px; top:50%;margin-top:-8px; line-height:16px;font-size:16px; font-weight:800; color:#84b627; }

	@media only screen and (max-width:1200px) {
		#snbNav{padding:30px 20px}
		#snbNav ul{min-height:160px;}
		#snbNav li a{font-size:15px;}
		#snbNav li:nth-child(n+2){margin-top:24px;}
		
		.cont-top{margin-bottom:12px;}
		.cont-top h2{line-height:56px;font-size:18px;}
	}
	@media only screen and (max-width:999px) {
		#snbNav{padding:0px; margin-top:16px;}
		#snbNav ul{min-height:auto;}
		#snbNav ul:after{display:block;content:""; clear:both}
		#snbNav li{float:left; width:50%}
		#snbNav li:nth-child(n+2){margin-top:0}
		#snbNav li a{border-bottom:1px solid #e1e1e1;text-align:center; padding-bottom:6px; position:relative;}
		#snbNav li.active a:after{width:100%;height:2px;background:#000; position:absolute; left:0; bottom:-1px; display:block; content:""}

		.cont-top{margin:0; position:fixed; left:0; top:0; width:100%;min-width:320px;background:#fff; z-index:7921;}
		.cont-top h2.l{text-align:center !important;}
		.cont-top .prev-btn{left:16px; background-size:16px auto;}
		.cont-top .set-btn{right:16px;}
		
		.cont-top .search-btn{right:48px;}
		.cont-top .add-btn{right:16px;}
		.cont-top .cancel-btn{font-size:14px; right:16px;}
		
		.cont-top .share-btn{right:48px;}
		.cont-top .write-btn{right:16px;}

		/* .sub.folder .cont-top .cancel-btn{display:none;} */

	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}





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