/* BASIC css start */
#event_top_bn { position: relative; margin: 0 auto;  }
.bgcolor_theo {width: 100%;height: 70px;left: 0;background-color: #FFAA91;margin-top: -73px;z-index: 0;}

.activated {border-bottom:1px solid black;}
#hdWrap { width:100%; height:78.5px; position:fixed; top:0; left:0; z-index:99; background-color: rgba( 255, 255, 255, 1 ); box-shadow: 10px -19px 9px 12px #000808;}
#header {padding:20px 0; position: relative; letter-spacing:1px; font-size:10px; text-transform:uppercase; text-align:center; margin:0 auto; width:1400px; }
/*#header:hover { background-color:rgba(255,255,255,1); transition-duration:.4s; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; -o-transition-duration:.4s; } */
#header .bi { float:left; vertical-align:top; margin:-10px 0 0 40px; }
#header .bi a { font-size:17px; font-weight:bold; color:#000; padding:5px 15px 5px 18px; letter-spacing:3px; display:inline-block; font-family: 'Poppins', sans-serif; transition-duration:.4s; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; -o-transition-duration:.4s;}
/*#header .bi a:hover { background:#000; color:#fff; } */

#header .mlnk { float:right; margin:7px 30px 0 0; line-height:18px; }
#header .mlnk li { display:inline-block; margin:0 0 0 10px; position: relative; vertical-align:middle; }
#header .mlnk li a { color: #444; font-size:14px; vertical-align:middle; }
#header .mlnk li img { max-height:18px; vertical-align:middle; margin:0 3px 0 0; }
#header .mlnk li strong { vertical-align:middle; font-size:12px; }

#header .search { float:right; width: 160px; height: 25px; border-bottom: 1px solid #ddd; }
#header .search span { position: absolute; top: 5px; left: 0; color: #444; }
#header .search .MS_search_word,
#header .search .btn-sch { float: left; width: auto; }
#header .search .MS_search_word { width:130px; height: 25px; line-height: 25px; border: 0 none; background: 0 none; }
#header .search .btn-sch {  }

#header .bookmark { position: absolute; top: 0px; left: 0; width: 41px; height: 80px; background: url('/images/d3/psdesign/makeshop/makeshop/common/bul_bookmark.gif') no-repeat 0 0; text-indent: -9999px; }
#header .evt { position: absolute; right: 0; bottom: 0; }
#header .evt img { display:block; }

#header .sns { position: absolute; top: 150px; left: 0; zoom: 1; overflow: hidden; }
#header .sns li { float: left; margin-right: 5px; }






#nav {  color:#000; z-index:999; display:inline-block; vertical-align:top; font-size:10px; margin:0 auto; }
.menu a { float:left; color:#303030; text-decoration:none; width:210px; height:35px; line-height:35px; font-size:17px; }
.menu span { float:left; color:#eee; text-decoration:none; width:120px; height:35px; line-height:35px;  }
.menu a:hover { color:#666; }
.menu { list-style:none; text-align:center; }
.menu li { position:relative; display:inline-block; width:200px; z-index:1000; }
.menu ul { display:none; position:absolute; top:36px; left:0; background:#fff; display:none; list-style:none; font-size:0; }
.menu ul li { float:none; width:210px; }
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a { float:none; display:block; background:none; height:28px; line-height:28px; font-size:13px; text-align:center; }
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover { background:#eee; color:#000; }
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span { float:none; display:block; background:none; height:28px; line-height:28px; }
.menu ul ul { left:110px; top:0; }
.menu li.submenu { font-weight:bold; }
.menu li.noborder { border-top:none; }
li.menuhover a, li.menuhover li.menuhover a { }
li.menuhover span, li.menuhover li.menuhover span { }
#info { width:180px; background:#eee; }
#info li { width:160px; border-top:none; padding:8px 10px; color:#666; text-shadow:1px 1px #fff; text-align:left; }

#side_menu.active{opacity:1;visibility:visible;
	-webkit-transform: translateX(0);
   	-o-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}
#side_menu .side_top{position:relative;padding:0 10px;height:65px}
#side_menu h1 {padding: 30px;}
#side_menu .side_top a,
#side_menu .side_top .img{display:block}
#side_menu .side_top .btn_close{display:block;position:absolute;right:0;top:0;width:65px;height:130px;text-indent:-9999px;background:url("/design/lactomason/img/side_close.png") no-repeat center center;z-index:20}
#side_menu .side_lang{ height:150px}
#side_menu .side_lang .title{height:35px;font-size:20px;color:#fff;font-weight:700}
#side_menu .side_lang .lang_list{height:60px}
#side_menu .side_lang .lang_list li{float:left;padding:0 40px;background:url("../img/icon/lang_line.png") no-repeat left center}
#side_menu .side_lang .lang_list li:first-child{padding-left:0;background:none}
#side_menu .side_lang .lang_list a{display:block;height:30px;line-height:30px;font-size:17px;color:#bdbdbd;font-weight:700}
#side_menu .side_lang .lang_list .active{color:#3e3e3e}
#side_menu .gnb_wrap{padding:0 40px;margin-bottom:100px}


#mob {position:relative;height:85px;background:wheat;}
#mob .btn_menu{display:block;position:absolute;left:0;top:0;width:75px;height:75px;text-indent:-9999px;background:url("/design/lactomason/img/header_menu.png") no-repeat center center;z-index:20;}
#mob .logo{}
#mob .logo {font-size: 13px; max-width:300px; text-align:left; margin: 0 auto;font-weight:400; color:#fff;}
#mob .logo b {padding-top: 28px;}
#mob .logo .img{vertical-align:top; padding-top: 7px; float: right; padding-right: 70px;}
header#mob {
    display: none;
}

#side_mask{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;opacity:0;visibility:hidden;}
#side_mask.active{opacity:1;visibility:visible;}
#side_menu{position:fixed;left:0;top:0;bottom:0;max-width:360px;width:80%;background:#2c2c2c;z-index:1010;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;
	-webkit-transform: translateX(-100%);
   	-o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
	transition: 0.2s all;
	z-index: 9999;
}
#side_menu.active{opacity:1;visibility:visible;
	-webkit-transform: translateX(0);
   	-o-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}
#side_menu .side_top{position:relative;padding:0 10px;height:65px}
#side_menu h1 {padding: 30px;}
#side_menu .side_top a,
#side_menu .side_top .img{display:block}
#side_menu .side_top .btn_close{display:block;position:absolute;right:0;top:0;width:65px;height:130px;text-indent:-9999px;background:url("../images/side_close.png") no-repeat center center;z-index:20}
#side_menu .side_lang{ height:150px}
#side_menu .side_lang .title{height:35px;font-size:20px;color:#fff;font-weight:700}
#side_menu .side_lang .lang_list{height:60px}
#side_menu .side_lang .lang_list li{float:left;padding:0 40px;background:url("../img/icon/lang_line.png") no-repeat left center}
#side_menu .side_lang .lang_list li:first-child{padding-left:0;background:none}
#side_menu .side_lang .lang_list a{display:block;height:30px;line-height:30px;font-size:17px;color:#bdbdbd;font-weight:700}
#side_menu .side_lang .lang_list .active{color:#3e3e3e}
#side_menu .gnb_wrap{padding:0 40px;margin-bottom:100px}


/* 사이드 메뉴 */
html.side_menu,
body.side_menu{overflow:hidden}
#side_mask{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;opacity:0;visibility:hidden}
#side_mask.active{opacity:1;visibility:visible}
#side_menu{position:fixed;left:0;top:0;bottom:0;max-width:360px;width:80%;background:#2c2c2c;z-index:1010;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;
	-webkit-transform: translateX(-100%);
   	-o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
	transition: 0.2s all;
	z-index: 9999;
}
#side_menu.active{opacity:1;visibility:visible;
	-webkit-transform: translateX(0);
   	-o-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}
#side_menu .side_top{position:relative;padding:0 10px;height:65px}
#side_menu h1 {padding: 30px;}
#side_menu .side_top a,
#side_menu .side_top .img{display:block}
#side_menu .side_top .btn_close{display:block;position:absolute;right:0;top:0;width:65px;height:130px;text-indent:-9999px;background:url("../images/side_close.png") no-repeat center center;z-index:20}
#side_menu .side_lang{ height:150px}
#side_menu .side_lang .title{height:35px;font-size:20px;color:#fff;font-weight:700}
#side_menu .side_lang .lang_list{height:60px}
#side_menu .side_lang .lang_list li{float:left;padding:0 40px;background:url("../img/icon/lang_line.png") no-repeat left center}
#side_menu .side_lang .lang_list li:first-child{padding-left:0;background:none}
#side_menu .side_lang .lang_list a{display:block;height:30px;line-height:30px;font-size:17px;color:#bdbdbd;font-weight:700}
#side_menu .side_lang .lang_list .active{color:#3e3e3e}
#side_menu .gnb_wrap{padding:0 40px;margin-bottom:100px}

@media (max-width: 600px) {
.com {
    display: none !important;}
header#mob {
    display: block !important;
}
}

/* BASIC css end */