/* BASIC css start */
/* BASIC css start */
#preview_wrap { display:none; }

#top_high_bg{ width: 100%; height:65px;  background:url(http://kk0517700.speedgabia.com/anysize_new/images/top_high_bg.gif) repeat-x; }
.top_high_high{
	 top:0px;  z-index:151; text-align:center;
}
#top_high{
	width:100%;height:19px; 
	
}


/* ÅõÇ¥Çϱâ */
.research .txt-1 { margin-top: 10px; font-weight: bold; text-align: center; }
.research .list { margin-top: 10px; }
.research .list li { margin-top: 5px; }
.research .list li.li-center { text-align: center; }

#wrap{position:relative;}

/* koweb */
h1, h2, h3, h4, h5, h6{font-size:20px; color: #1f1f1f; font-family: 'Cardo',serif; font-weight: 900;}
h7{display:table; margin:auto; font-size:20px; color: #1f1f1f; font-family: 'NanumGothic',serif; font-weight: 900;}
.ko_logo_wrap{position:absolute; top:0; z-index:9; width:100%; text-align:center;}
.ko_logo_wrap a{display:block;}
.ko_logo_wrap img{width:288px; height:auto;}
.ko_logo_wrap.sub{top:40px;}
#aside_menu.ko_gnb_wrap{display:block; position:relative; width:100%; height:initial; margin:0 auto; padding:0; border:0; background: rgba(255, 255, 255, 0.8); -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
#aside_menu.ko_gnb_wrap .ko_gnb{width:1300px; padding:0 0 0 0; margin:0 auto;}
#aside_menu.ko_gnb_wrap .ko_gnb::after{content:""; overflow:hidden; clear:both; display:block;}
#aside_menu.ko_gnb_wrap.sticky{position:fixed; top:0; width:100%; z-index:10; transition:0.3s ease;}
#aside_menu.ko_gnb_wrap.sticky .ko_gnb{padding-top:40px; transition:0.3s ease;}
#aside_menu.ko_gnb_wrap .cate_list{width:75%; float:left; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
#aside_menu.ko_gnb_wrap .cate_list li{display:inline-block;}
#aside_menu.ko_gnb_wrap .cate_list li a{display:inline-block; padding:0 14px; text-transform:uppercase; transition:0.3s ease;}
#aside_menu.ko_gnb_wrap .cate_list li a:hover{opacity:.6;}
#aside_menu.ko_gnb_wrap .cate_list li:first-child a{padding-left:0;}
#aside_menu.ko_gnb_wrap .cate_list li:last-child a{padding-right:0;}
#aside_menu.ko_gnb_wrap .ko_global{width:25%; float:right; text-align:right; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
#aside_menu.ko_gnb_wrap .ko_global li{display:inline-block;}
#aside_menu.ko_gnb_wrap .ko_global li a{display:inline-block; padding:0 8px; text-align:center; text-transform:uppercase; transition:0.3s ease;}
#aside_menu.ko_gnb_wrap .ko_global li.srearch_bar a{padding-right:0; cursor:pointer;}
#aside_menu.ko_gnb_wrap .ko_global li > a:hover{opacity:.6;}
#aside_menu.ko_gnb_wrap .ko_global li a span{display:block; text-transform:uppercase;}
#aside_menu.ko_gnb_wrap .ko_global li > ul{display:block; width:100%; background: rgba(255, 255, 255, 0.8); z-index:1;}
#aside_menu.ko_gnb_wrap .ko_global li > ul li{display:block;}
#aside_menu.ko_gnb_wrap .ko_global li > ul li a{display:block; padding:8px 0; text-align:center; }
#aside_menu.ko_gnb_wrap .ko_global li > ul li a span{display:block; text-transform:uppercase;}
#aside_menu.ko_gnb_wrap .ko_global li.commu{position:relative; width:110px; padding:0; background:url(/design/nanasalon/images/icon_cate_drop.png) no-repeat right 5px;}
#aside_menu.ko_gnb_wrap .ko_global li.commu > a{display:block; padding:0; text-align:center; padding-bottom:20px;}
#aside_menu.ko_gnb_wrap .ko_global li.commu > a > span{display:block; padding:0; text-align:center; text-transform:uppercase;}
#aside_menu.ko_gnb_wrap .ko_global li.commu ul{position:absolute; display:none; padding:0 0 10px 0;}
#aside_menu.ko_gnb_wrap .ko_global li.commu:hover > ul{display:block;}
#aside_menu.ko_gnb_wrap .ko_global li.commu:hover > ul li{display:block;}
#aside_menu.ko_gnb_wrap .ko_global li.commu:hover > ul li a{display:block; transition:0.3s ease;}
#aside_menu.ko_gnb_wrap .ko_global li.commu:hover > ul li:hover a{opacity:.6;}
#aside_menu.ko_gnb_wrap .ko_global li.commu a .ko{display:none;}
#aside_menu.ko_gnb_wrap .ko_global li.commu a:hover .en{display:none;}
#aside_menu.ko_gnb_wrap .ko_global li.commu a:hover .ko{display:block;}
#aside_menu.ko_gnb_wrap .ko_global li.srearch_bar{position:relative;}
#aside_menu.ko_gnb_wrap .ko_global li.srearch_bar .hd-search-wrap{display:none; position:absolute; z-index:9999; right:0; bottom:-87px; padding:20px; background: rgba(255, 255, 255, 0.8); border:1px solid #eaeaea;}
#aside_menu.ko_gnb_wrap .ko_global li.srearch_bar .hd-search-wrap.active{display:block;}
#aside_menu.ko_gnb_wrap .ko_global li.srearch_bar .hd-search{width:176px;height:25px; border:1px solid #dddddd;border-radius:15px; background: rgba(255, 255, 255, 0.8);}
#aside_menu.ko_gnb_wrap .ko_global li.srearch_bar .hd-search input {width:135px;height:25px; box-sizing:border-box;border:none;margin-left:10px; background:transparent;}
#aside_menu.ko_gnb_wrap .ko_global li.srearch_bar .hd-search fieldset{position:relative;}
#aside_menu.ko_gnb_wrap .ko_global li.srearch_bar .hd-search a { position:absolute;right:7px;top:2px;}


#aside_menu_inc.ko_gnb_wrap.sub{display:block; top:170px;}
#aside_menu_inc.ko_gnb_wrap{display:block; position:absolute; top:56vw; z-index:10; width:100%; height:initial; margin:0 auto; padding:0; border:0; background: rgba(246, 244, 238, 0.8); -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
#aside_menu_inc.ko_gnb_wrap .ko_gnb{width:1300px; padding:0 0 0 0; margin:0 auto;}
#aside_menu_inc.ko_gnb_wrap .ko_gnb::after{content:""; overflow:hidden; clear:both; display:block;}
#aside_menu_inc.ko_gnb_wrap.sticky{position:fixed; top:0; width:100%;}
#aside_menu_inc.ko_gnb_wrap.sticky .ko_gnb{padding-top:20px; transition:0.3s ease; font-weight:700; }
#aside_menu_inc.ko_gnb_wrap .cate_list{width:75%; float:left; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
#aside_menu_inc.ko_gnb_wrap .cate_list li{display:inline-block;}
#aside_menu_inc.ko_gnb_wrap .cate_list li a{display:inline-block; padding:0 14px; text-transform:uppercase; transition:0.3s ease; font-weight:700;font-family:cardo;}
#aside_menu_inc.ko_gnb_wrap .cate_list li a:hover{opacity:.6;}
#aside_menu_inc.ko_gnb_wrap .cate_list li:first-child a{padding-left:0;}
#aside_menu_inc.ko_gnb_wrap .cate_list li:last-child a{padding-right:0;}
#aside_menu_inc.ko_gnb_wrap .ko_global{width:25%; float:right; text-align:right; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
#aside_menu_inc.ko_gnb_wrap .ko_global li{display:inline-block; vertical-align:top; text-align: center; }
.speechbubble{display: inline-block; width: 54px; height: 23px; line-height: 25px; background: url(/design/nanasalon/img/join_bg3.gif) no-repeat 0 0; color: #fff; font-size: 7px; font-family: tahoma; font-weight: bold; text-align: center; margin-top: 3px;}
#aside_menu_inc.ko_gnb_wrap .ko_global li a{display:inline-block; padding:0 8px; text-align:center; text-transform:uppercase; transition:0.3s ease; font-weight:bold;font-family:cardo;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.srearch_bar a{padding-right:0; cursor:pointer;}
#aside_menu_inc.ko_gnb_wrap .ko_global li > a:hover{opacity:.6;}
#aside_menu_inc.ko_gnb_wrap .ko_global li a span{display:block; text-transform:uppercase;}
#aside_menu_inc.ko_gnb_wrap .ko_global li > ul{display:block; width:100%; background: rgba(255, 255, 255, 0.8);}
#aside_menu_inc.ko_gnb_wrap .ko_global li > ul li{display:block;}
#aside_menu_inc.ko_gnb_wrap .ko_global li > ul li a{display:block; padding:4px 0; text-align:center; }
#aside_menu_inc.ko_gnb_wrap .ko_global li > ul li a span{display:block; text-transform:uppercase;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.commu{position:relative; width:110px; padding:0; background:url(/design/nanasalon/images/icon_cate_drop.png) no-repeat right 8px;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.commu > a{display:block; padding:0; text-align:center; padding-bottom:20px;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.commu > a > span{display:block; padding:1px 0 0 0; line-height:1.36; text-align:center; text-transform:uppercase; cursor:pointer;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.commu ul{position:absolute; display:none; padding-bottom:10px;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.commu:hover > ul{display:block;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.commu:hover > ul li{display:block;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.commu:hover > ul li a{display:block; transition:0.3s ease;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.commu:hover > ul li:hover a{opacity:.6;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.commu a .ko{display:none;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.commu a:hover .en{display:none;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.commu a:hover .ko{display:block;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.srearch_bar{position:relative;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.srearch_bar .hd-search-wrap{display:none; position:absolute; z-index:9999; right:0; bottom:-90px; padding:20px; background: rgba(255, 255, 255, 0.8); border:1px solid #eaeaea;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.srearch_bar .hd-search-wrap.active{display:block;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.srearch_bar .hd-search{width:176px;height:25px; border:1px solid #dddddd;border-radius:15px; background: rgba(255, 255, 255, 0.8);}
#aside_menu_inc.ko_gnb_wrap .ko_global li.srearch_bar .hd-search input {width:160px;height:25px; box-sizing:border-box;border:none;margin-left:10px; background:transparent;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.srearch_bar .hd-search fieldset{position:relative;}
#aside_menu_inc.ko_gnb_wrap .ko_global li.srearch_bar .hd-search a { position:absolute;right:7px;top:2px;}

#contentWrapper.sub{padding-top:30px;}
.ko_icon_color{display:flex; margin-top:12px;}
.ko_icon_color span{display:inline-block; width:14px; height:4px; margin-right:3px; border:1px solid #ccc;}
#aside_menu_inc.main{position:fixed; opacity:0; top:-60px; transition:all 0.3s ease-out 0s;}
#aside_menu_inc.main .ko_gnb{padding-top:20px; transition:0.3s ease;}
#aside_menu_inc.main.on{opacity:1; top:0;}





/* BASIC css end */