/* BASIC css start */
.lang {position:absolute; top:125px; left:897px; z-index:10000000; /*display:none;*/}
.lang li.active {display:block; cursor:pointer;}
.lang li {display:none; text-align:left;}

.search_layer a {
    vertical-align: middle;
    display: inline-block;
}

BODY{background-image:url(/design/heejae75/images/2016/bg_top.png); background-repeat:repeat-x;}

#hdWrap {width:1529px;height:260px;margin: 0 auto;}
#header {top: 0px;width: 100%;margin: 0 auto;z-index:1001}
#header .logo, 
#header .sch,
#header .lnb,
#header .gnb {float:left; position: absolute; }
#header .logo { top: 120px; left: 660px; }
#header .m_logo{ top: 76px; left: 0; zoom: 1; overflow: hidden; width: 100%; height: 155px;}
#header .lnb { top: 11x; right: 0; zoom: 1; overflow: hidden; width: 460px; height: 40px; padding-left: 4px; }
#header .lnb li { float: right; height: 25px; }
#header .lnb li a { display: inline-block;line-height: 20px; color: #fff; font-size: 14px; font-weight: bold; }
#header .search_btn {background:url('/design/heejae75/images/2016/btn_search_openclose.png') no-repeat;width:27px;height:26px;display:block;float:right;}
#header .sch { top: 11px; right: 0px; width: 222px; height: 26px; font-size: 0; line-height: 0; }
#header .sch .search_form{ top: 11px; right: 0px; width: 222px; height: 26px; font-size: 0; line-height: 0; }
#header .sch .keyword {width: 162px;height: 24px;padding: 0px 0 0 2px;border: 0;border-top: 1px solid #9a9a9a;border-left: 1px solid #9a9a9a;border-bottom: 1px solid #9a9a9a;background-color:#ffffff; }.sch .keyword {width: 162px;height: 20px;padding: 0px 0 0 2px;border: 0;border: 1px solid #808080;background-color:#ffffff; }
#header .btn-sch{vertical-align:bottom}
#header .menu-wap{position: absolute; top: 250px; left: 0; zoom: 1; overflow: hidden; width: 1529px; height: 46px; }
#header .gnb { zoom: 1; overflow: hidden;margin-top:11px; }
#header .gnb > li { float: left;}
#header .gnb > li.last { background: none; }
#header .gnb > li a { display: inline-block; padding: 0 7px; color: #6a5449; font-size: 10px; }
#header .gnb .help_scroll_box {overflow:hidden;height:15px;}
#header .layer_help {position:absolute;width:1020px;z-index:1000;display:none;top:135px;}
#header .layer_help img {margin:0 auto;width:794px;}
#header .instagram{CURSOR: pointer;position: absolute; float:right;top:11px;right:0px;width:117px;zoom: 1; overflow: hidden;}
#header #instagram_over{position: absolute; float:right;top:67px;right:0px;width:144px;zoom: 1; overflow: hidden;}
#header .instagram_over {
    overflow:hidden;
    position:relative;
    /* the container's height will determine the height of its slider  */
    height:106px; 
}


#header .slider {
	overflow-y: hidden;
	/* complete liquid height based on the parent's height!! */
    height:100%;
    padding:0px;
    /* only transition on transform properties which are hardware accelerated = way better performances */
	-webkit-transition:-webkit-transform .3s ease;
       -moz-transition:   -moz-transform .3s ease;
        -ms-transition:    -ms-transform .3s ease;
            transition:        transform .3s ease;
}

#header .slider.opened { 
    /* visible */
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
        -ms-transform: translate(0, 0%);
            transform: translate(0, 0%);
}
#header .slider.closed { 
    /* completely offscreen */
    -webkit-transform: translate(0, -100%);
       -moz-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
            transform: translate(0, -100%);
}
#menu-wap{ position: absolute;width:1529px;background-image:url(/design/heejae75/images/2016/bg_menu.png);background-repeat:repeat-x;height:46px;margin:0 auto;top:250px;}
#menu {display:inline-block;width:1529px;margin:0 auto;/* ¸Þ´ºÀÇ ³Êºñ */}
#menu #bgsub{position:absolute;background-image:url(/design/heejae75/images/2016/bg_submenu1.png); background-repeat:repeat-x; width:1529px; height:54px;left:0;margin-top:31px}
#menu ul{margin-left:165px;z-index:200;margin-top:15px}
#menu li {display:inline-block;/* 1Â÷¸Þ´º °³¼ö¿¡ µû¶ó %Á¶Àý */height:45px;/* 1Â÷ ¸Þ´º¹Ù ³ôÀÌ */float:left;text-align:center;margin-right:28px; }
#menu li ul {display:none;position:absolute;width:1100px;margin-top:15px; /* 2Â÷¸Þ´ºÀÇ À§Ä¡ - 1Â÷¸Þ´º ¸ÇÀ§¿¡¼­ ºÎÅÍÀÇ °Å¸® */;z-index:50}
#menu li ul{left:100px}
#menu li ul li {display:inline-block;width:auto;height:23px;/* 2Â÷¸Þ´ºÀÇ ³ôÀÌ */padding:0;text-align:center; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:12px;}
#menu img {border:0px none;}
#menu .side {padding:0;}
#menu li.submenu {padding:8px 2px 0 0px;margin-right:0px !important;text-decoration: none;font-family: 'Montserrat', sans-serif; color:#c3a895;z-index:1}
#menu li.submenubar {padding:8px 2px 0 0px;margin-right:0px !important;text-decoration: none;font-family: 'Montserrat', sans-serif; color:#787878;z-index:1}
#menu ul li ul li a:link  {color:#787878;font-size: 11px;letter-spacing: 1px;}
#menu ul li ul li a:hover ,#menu ul li ul li li a:link ,#menu ul li ul li li a:active {color:#c3a895;font-size: 11px;letter-spacing: 1px;}
/* -------------------------------------------
°¢ ¼­ºê¸Þ´ºÀÇ À§Ä¡
±âÁØ : 1Â÷ ¸Þ´ºÀÇ ¸Ç ¾Õ¿¡¼­ ºÎÅÍÀÇ °Å¸®·Î °è»ê
------------------------------------------- */
#menu .submenu1 {margin-left:0px;}
#menu .submenu2 {margin-left:300px;}
#menu .submenu3 {margin-left:300px;}
#menu .submenu4 {margin-left:300px}
#menu .submenu5 {margin-left:400px}
#menu .submenu6 {margin-left:500px}
#menu .submenu7 {margin-left:300px}
#menu .submenu8 {margin-left:300px}
#menu .submenu9 {margin-left:1000px}

.town_news {position:fixed;top:132px;z-index:1000;}
.town_news p.btn_tn{position:absolute;top:136px;left:-30px;cursor:pointer;}
.town_news div.news_base {position:relative;}
.town_news div.news_base > div {position:absolute;top:0;left:-2020px;;opacity:0.6;width:1020px;height:600px;background:#ededed;}
.town_news div.news_base > div > div.base {position:absolute;background:#fff;width:800px;height:494px;top:53px;left:110px;}
.town_news div.news_base .tn_slide_wrap {position:relative;margin-top:65px;border-left:1px solid #e5e5e5;}
.town_news div.news_base #tn_slide li {float:left;}
.town_news div.news_base .tn_slide_wrap a.tn_prev, #header .town_news div.news_base .tn_slide_wrap a.tn_next{position:absolute;top:130px;}
.town_news div.news_base .tn_slide_wrap a.tn_prev {left:10px;}
.town_news div.news_base .tn_slide_wrap a.tn_next {right:-5px;}
.town_news div.news_base span {position:absolute;top:65px;left:869px;cursor:pointer;}
.town_news div.goto_top {position:absolute;top:426px;left:-30px;cursor:pointer;}

#view_all_wap {position: absolute;z-index: 1000;width: 646px;height: 752px;top: 296px;left: 970px;background-color:#000 !important;}
#view_all_wap H4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	letter-spacing: 70%;
	color:#FFFFFF;
	margin-bottom:8px;
	line-height:110%;
}
#view_all_wap ul{z-index: 1; list-style: none; position: absolute;width: 133px;padding-top:6px}
#view_all_wap li{
	font-family: 'Montserrat', sans-serif, '±¼¸²';
	font-size: 11px;
	list-style: none;
	line-height: 1.3em;
	width: 133px;
	color:#c3a895;
        margin-bottom:1px;	
}
#view_all_wap .hidlayer {    display: inline-block;
    height: 14px;}
#view_all_wap {padding:0px 50px 50px 50px}
#view_all_wap H5{border:0; padding-bottom:76px;padding-top:50px}
#view_all_wap .m_size{display:inline-block;float:left;width:133px;height:175px;margin-right:38px}
#r_zero{margin-right:0px !important; margin-left:-15px !important}
#view_all_wap .c_both{clear:both;}
#view_all_wap .view_all_contents_01{position: relative;height: 385px;border-bottom: 1px solid #e4e4e4;}
#view_all_wap .view_all_contents_02{position:relative;margin-top:40px}
#view_all_wap .view_all_01{;width:133px;height:175pxp;}
#view_all_wap #wa_link a:link, #view_all_wap #wa_link a:visited,#view_all_wap #wa_link a:visited,#view_all_wap #wa_link a:active{text-decoration: none;color:#ffffff}
#view_all_wap #wa_link a:hover {text-decoration:underline;color:#ffffff}
#view_all_wap li a:link, #view_all_wap li a:visited,#view_all_wap li a:visited,#view_all_wap li a:active{text-decoration: none;color:#c3a895}
#view_all_wap li a:hover {text-decoration:underline;color:#c3a895}
#view_all_wap .w_clese{ position: relative;float:right;right:-40px;}

#moreMenu {   
    width:141px;height:240px;
    background-image:url('/design/heejae75/images/2016/bg_wing_menu.png'); background-repeat:no-repeat; 
    height:0;
    overflow:hidden;
    position:absolute;
}

.f-nav {z-index:9999; position:fixed !important; top:0 !important; width:100%;}

#arrowUp {
  z-index:10000;
  position: fixed;
  height: auto;
  width: auto;
  right: 35px;
  bottom: 0px;
}
/* BASIC css end */

