/* BASIC css start */
#kakaopf-header-chat-button {position: fixed;right:10px;bottom: 5px;z-index: 99;}
html, body {max-width:1024px; width:100%; height: auto; overflow-x:hidden;}
em {font-style: normal;}
.dn {display:none !important;}
.db {display:block !important;}
.dtable {display:table !important;}
.leftMenu {position:fixed; height:100%; width:250px; top:0; left:0; bottom:0; background-color:#333333; color:#fff; display:none; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1000;}
.leftMenu .leftMenuTop {text-align:center; font-size:12px; background-color:#f7f7f7; padding:20px 0;}
.leftMenu .leftMenuTop input {display:block; border:1px solid #d8d8d8; border-radius:10px; margin:0 auto; width:240px; padding:5px 0;}
.leftMenu .leftMenuTop .fa-search {position:absolute; top:28px; right:27px;}
.leftMenu .leftMenuTop a {color:#333333;}
.leftMenuTop01 {margin:20px 0;}
.leftMenuTop01 a {border:1px solid #d8d8d8; border-radius:5px; padding:4px 34px; background-color:#fcfcfc;}
.leftMenuTop01 a:last-child {background-color:#333333; color:#fff; margin-left:5px; border:1px solid #333333; }
.leftMenuTop02 a {margin:0 5px;}
.leftMenu li {border-bottom:1px solid #111111; padding:0.6em 1.2em; font-size:12px; box-shadow:1px 1px 1px #444444;}
.leftMenu li a {color:#fff;}
.leftMenu li i {margin-right:5px;}
.leftMenu .categorySub {background-color:#444444; overflow:hidden; display:none;}
.leftMenu .categorySub li {padding:0.6em 2em; border:0px none ;box-shadow:none; box-shadow : none;}
.leftMenu .categorySub.categorySubShow {display:block; height:100%;}
.leftMenu .angle-up {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.categoryGo {float:right; padding: 1px 8px; border-radius: 4px; background-color: #000;}
.res {width:100%; height:100%; background-color:#000; position:absolute; left:0; top:0; bottom:0; opacity:0; z-index:100; display:none;}
.navigation {width:100%; height:40px; color:#fff; font-size:16px; position:fixed; top:0; left:0; right:0; z-index:1000; background-image:url("/design/d4-0039/i/bg/bg_maintop01.jpg");}
.navigation .topNavLeft {float:left;}
.navigation .topNavLeft li {float:left; padding:8px;}
.navigation .topNavRight {float:right;}
.navigation .topNavRight li {float:left; padding:8px;}
.navigation a {color:#fff;}
.headerCover {background-image:url("/design/d4-0039/i/bg/bg_maintop01.jpg"); background-size:cover; height:352px; position:fixed; left:0; right:0; top:0; background-position:top; z-index:-1;}
h1 a {color:#fff; font-size:37px; font-weight:normal;}
.navCategory {text-align:center; width:100%;}
.navCategory li {float:left; width:25%; font-size:10px; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-right:0px none; font-weight:bold; padding:8px 0;}
.header{position:fixed;top:0;left:0;right:0;z-index:900;width:100%;background:#fff}
.header_home{position:fixed;top:0;left:0;right:0;z-index:900;width:100%}
.header_clear{position:fixed;top:0;left:0;right:0;z-index:900;width:100%; font-size: 26px;}
.header.on,.header_home.on,.header_clear.on{top:125px}
.header.no_fixed,.header_home.no_fixed,.header_clear.no_fixed{position:relative}
.quick_menu{display:none;position:relative;z-index:3000;height:125px;background:#444650;text-align:center}
.quick_menu.on{display:block;position:fixed;top:0;left:0;right:0}
.quick_menu .logo{position:absolute;z-index:20;left:50%;top:18px;margin-left:-36px}
.quick_menu .logo a{float:left;overflow:hidden}
.quick_menu .logo .sim{vertical-align:top}
.quick_menu .logo .naver{height:7px;padding:4px 0 5px}
.quick_menu .logo .blog{height:16px;padding:0 0 0 4px}
.quick_menu .logo .naver .sim{width:40px;height:7px;background-position:0 -70px}
.quick_menu .logo .blog .sim{width:29px;height:16px;background-position:0 -80px}
.quick_menu ul{position:relative;z-index:10;padding:48px 16px 0;font-size:.714em}
.quick_menu ul:after{display:block;clear:both;overflow:hidden;width:0;height:0;content:''}
.quick_menu li{float:left;width:25%}
.quick_menu li a{display:block;width:70px;margin:0 auto;color:#fff;font-family:AppleSDGothicNeo-SemiBold;font-weight:bold}
.quick_menu li img{position:relative;z-index:10;border-radius:21px}
.quick_menu li .ico{display:block;overflow:hidden;position:relative;width:42px;height:42px;margin:0 auto 1px}
.quick_menu li .ico:before{display:block;overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0;z-index:20;border:1px solid #fff;border-radius:21px;filter:alpha(opacity=45);opacity:.45;content:''}
.quick_menu li .sim{position:absolute;left:50%;top:50%;z-index:0;width:21px;height:19px;margin:-10px 0 0 -10px;vertical-align:middle}
.quick_menu li .btn_bloghome{position:relative}
.quick_menu li .btn_bloghome .sim{background-position:0 -20px}
.quick_menu li .btn_bloghome .ico_new{left:initial;right:9px;top:5px;z-index:30;width:19px;height:19px;background-position:-210px -130px}
.quick_menu li .btn_buddyset .sim{background-position:-25px -20px}
.quick_menu li .btn_write .sim{background-position:-50px -20px}
.quick_menu li .btn_myblog .sim{background-position:-75px -20px}
.quick_menu li .txt{filter:alpha(opacity=45);opacity:.45}
.quick_menu li .name{display:none}
.quick_menu li .num{display:none}
.quick_menu .btn_close{display:block;overflow:hidden;position:absolute;left:11px;top:5px;z-index:10;width:16px;height:16px;padding:10px}
.quick_menu .btn_close .sim{width:16px;height:16px;background-position:-30px -80px;vertical-align:top}
.quick_menu .bg_thumb{display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;background-position:center;background-size:cover;-webkit-background-size:cover;filter:alpha(opacity=10);opacity:.1}
.header_home .header_t1{background:#00c643}
.header_t1{position:relative;height:46px;padding:0 20px;z-index:10;border-bottom:1px solid #c6c6c6;}
.header_t1 .btn_q {position:absolute; left:5px; top:1px; padding:6px; color:#fff;}
.header_t1 .btn_cart {position:absolute; left:40px; top:1px; padding:6px; color:#fff;}
.header_t1 .btn_truck {position:absolute; right:40px; top:1px; padding:6px; color:#fff;}
.header_t1 .btn_user {position:absolute; right:5px; top:1px; padding:6px; color:#fff;}
.header_t1 .tit_h2{overflow:hidden;height:47px;text-align:center;color:#fff;font-family:AppleSDGothicNeo-SemiBold;font-size:1.214em;line-height:49px}
.header_t1 .tit_h2 a.header_tit{display:inline-block;position:relative;height:47px;margin:0 30px}
.header_t1 .tit_h2 a.header_tit .ell{height:47px}
.header_t1 .tit_h2 a.header_tit .sim{position:absolute;left:50%;bottom:7px;width:9px;height:4px;margin-left:-5px}
.header .tit_h2 a.header_tit .sim{background-position:-40px 0}
.header .tit_h2 a.header_tit{color:#fff}
.header_home .tit_h2 a.header_tit .sim{background-position:-40px -5px}
.header_home .tit_h2 a.header_tit{color:#fff}
.header_t1 .header_btn{position:absolute;right:20px;top:4px}
.header_t1 .header_btn a{float:left; padding:10px; color: #fff}
.header_t1 .header_btn .btn_news{position:relative;height:17px;margin-top:1px}
.header_t1 .header_btn .btn_news .sim{width:17px;height:17px;background-position:-40px -50px}
.header_t1 .header_btn .btn_news.on .sim{background-position:-40px -110px}
.header_clear .header_t1 .header_btn .btn_news:active{filter:alpha(opacity=70);opacity:.7}
.header_clear .header_t1 .header_btn .btn_news.on .sim{background-position:-40px -50px}
.header_t1 .ico_new{position:absolute;right:1px;top:4px;width:17px;height:17px;background-position:-160px -130px!important}
.header_t2{position:relative;height:46px;border-bottom:1px solid #cfcfcf;background:#f7f7f7}
.header_t2 .tit_h2{text-align:center;color:#000;font-family:AppleSDGothicNeo-SemiBold;font-size:1.286em;line-height:47px}
.header_t2 .tit_h2 .num{padding-left:3px;font-family:Helvetica;font-size:1.056em;font-weight:normal}
.header_t2 .tit_h2 .ico_sympathy{width:18px;height:15px;background-position:-115px 0;vertical-align:-1px}
.header_t2 .tit_h2 .ico_reply{width:17px;height:16px;background-position:-95px 0;vertical-align:-2px}
.header_t2 .header_btn{position:absolute;right:0;top:4px}
.header .btn_back{position:absolute;left:6px;top:4px;padding:10px 13px 9px 14px}
.header .btn_back .sim{display:block;width:11px;height:19px;background-position:-10px -50px}
.header .btn_cancel{position:absolute;left:8px;top:4px;padding:12px}
.header .btn_cancel .sim{display:block;width:14px;height:14px;background-position:-155px -20px}
.header .btn_ok{position:absolute;right:10px;top:4px;padding:12px 10px}
.header .btn_ok .sim{display:block;width:18px;height:14px;background-position:-170px -20px}
.header .btn_save{display:inline-block;overflow:hidden;position:absolute;right:54px;top:10px;height:24px;padding:0 7px;border:1px solid #d1d1d1;border-radius:3px;line-height:25px;color:#000;font-size:.929em}
.header .btn_t1{display:inline-block;overflow:hidden;height:22px;margin:7px 20px 0 0;padding:0 6px 0 7px;border:1px solid #cecece;border-radius:3px;font-size:.929em;line-height:24px}
.header_clear .cover{overflow:hidden;width:100%;height:47px;margin-top:-47px}
.header_clear .cover div{position:relative;left:0;z-index:0;width:100%;height:352px;background-position:top;background-size:cover;-webkit-background-size:cover}
.header_clear .header_t1,.header_home .header_t1{height:47px;border:0}
.header_clear .header_t1 .btn_q .sim,.header_home .header_t1 .btn_q .sim{background-position:-20px 0}
#cover{position:fixed;left:0;right:0;top:0;z-index:-1;height:352px;background-color:#000;background-position:top;background-size:cover;-webkit-background-size:cover}
.a #cover{z-index:0}
#cover.on{top:125px}
._profile_replace {background-image:url("/design/nabie/m/bg_main.jpg");}
.cover_cont{position:absolute;left:0;bottom:0;z-index:10;width:100%;}
.cover_cont:after{display:block;overflow:hidden;position:absolute;left:0;bottom:0;width:100%;height:56px;background:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(rgba(0,0,0,.3)));content:''}
.cover_cont .tit_area{position:absolute;left:43% ;bottom:134px; word-break:break-all; margin-left: -122px;}
.cover_cont .tit_h2 a{color:#fff}
.cover_cont .tit_h2 .nick{display:block;font-family:AppleSDGothicNeo-SemiBold;font-size:1.857em}
.cover_cont .tit_h2 .tit{display:block;padding-top:6px;font-family:AppleSDGothicNeo-Regular;font-size:1.143em;font-weight:normal}
.cover_cont .dsc{margin-top:-1px;font-family:Helvetica;font-size:.929em;color:#c8c8c8}
.cover_cont .dsc .dot{padding:0 4px;font-weight:bold}
.cover_cont .btn_area{padding:0 0 30px 20px}
.cover_cont .btn_area a.btn_t1{display:inline-block;overflow:hidden;position:relative;z-index:10;min-width:39px;height:39px;margin-right:6px;border:1px solid rgba(255,255,255,.6);background:rgba(0,0,0,.08);border-radius:20px;font-family:AppleSDGothicNeo-Regular;line-height:40px;text-align:center;color:#fff;font-size:1.143em;text-shadow:rgba(0,0,0,.2) 0 2px 3px}
.cover_cont .btn_area a.btn_t1:active{background:rgba(255,255,255,.3)}
.cover_cont .btn_area a.btn_t1 .photo{width:18px;height:15px;margin-top:12px;background-position:-165px -110px;vertical-align:top}
.cover_cont .btn_area a.btn_t1 .buddy,.cover_cont .btn_area a.btn_t1 .guestbook{padding:0 12px}
.cover_cont .btn_area a.btn_t1 .add .sim{width:10px;height:10px;margin:-1px -2px 1px 1px;background-position:-155px -90px}
.cover_cont .btn_area a.btn_t1 .level1 .sim{width:13px;height:15px;margin:2px -2px -2px 1px;background-position:-170px -90px}
.cover_cont .btn_area a.btn_t1 .level2 .sim{width:13px;height:15px;margin:2px -2px -2px 1px;background-position:-185px -90px}
.cover_cont .btn_area a.btn_t1 .guestbook .sim{width:15px;height:14px;margin:1px -2px -1px 1px;background-position:-305px -45px}
.container {margin-top: 200px; position:relative; z-index:10; background-color:#FFF;}
@media screen and (min-width:320px) and (max-width:359px) {
	.header_t1 em {display:none;}
        .header_t1 .facebook {position:absolute; right:103px; top:41px; padding:6px; color:#fff;}
        .header_t1 .instagram {position:absolute; right:66px; top:41px; padding:6px; color:#fff;}
        .header_t1 .cacao {position:absolute; right:33px; top:41px; padding:6px; color:#fff;}
        .header_t1 .blog {position:absolute; right:5px; top:41px; padding:6px; color:#fff;}
}
@media screen and (min-width:360px) and (max-width:420px) {
	.header_t1 em {display:none;}
        .cover_cont .tit_area{position:absolute;left:90% ;bottom:15pxx; word-break:break-all; margin-left: -122px;}
         .header_t1 .facebook {position:absolute; right:103px; top:41px; padding:6px; color:#fff;}
        .header_t1 .instagram {position:absolute; right:66px; top:41px; padding:6px; color:#fff;}
        .header_t1 .cacao {position:absolute; right:33px; top:41px; padding:6px; color:#fff;}
        .header_t1 .blog {position:absolute; right:5px; top:41px; padding:6px; color:#fff;}

}
@media screen and (min-width:420px) and (max-width:639px) {
	.header_t1 em {display:none;}
.cover_cont .tit_area{position:absolute;left:90% ;bottom:15px; word-break:break-all; margin-left: -122px;}
         .header_t1 .facebook {position:absolute; right:103px; top:41px; padding:6px; color:#fff;}
        .header_t1 .instagram {position:absolute; right:66px; top:41px; padding:6px; color:#fff;}
        .header_t1 .cacao {position:absolute; right:33px; top:41px; padding:6px; color:#fff;}
        .header_t1 .blog {position:absolute; right:5px; top:41px; padding:6px; color:#fff;}
}
@media screen and (min-width:640px) and (max-width:959px) {
	.header_t1 em {font-size:14px; position: relative; top: -5px;}
	.header_t1 .btn_cart {left:108px;}
	.header_t1 .btn_truck {right:84px;}
        .header_t1 .facebook {position:absolute; right:103px; top:41px; padding:6px; color:#fff;}
        .header_t1 .instagram {position:absolute; right:66px; top:41px; padding:6px; color:#fff;}
        .header_t1 .cacao {position:absolute; right:33px; top:41px; padding:6px; color:#fff;}
        .header_t1 .blog {position:absolute; right:5px; top:41px; padding:6px; color:#fff;}
	.navCategory li {width: 12.5%; padding: 8px 0;}
        .cover_cont .tit_area{position:absolute;left:21% ;bottom:134px; word-break:break-all; margin-left: -122px;

}
@media screen and (min-width:960px) {
	.header_t1 em {font-size:14px; position: relative; top: -5px;}
	.header_t1 .btn_truck {right:84px;}
	.header_t1 .btn_cart {left:108px;}
        .header_t1 .facebook {position:absolute; right:103px; top:41px; padding:6px; color:#fff;}
        .header_t1 .instagram {position:absolute; right:66px; top:41px; padding:6px; color:#fff;}
        .header_t1 .cacao {position:absolute; right:33px; top:41px; padding:6px; color:#fff;}
        .header_t1 .blog {position:absolute; right:5px; top:41px; padding:6px; color:#fff;}
	.navCategory li {width: 12.5%; padding: 8px 0;}
         .cover_cont .tit_area{left:14%;}
        
}

.sns {position: absolute; width:100%; font-size:26px;}


/* BASIC css end */