@charset "utf-8";

/* #ui_head */
#ui_head{position:absolute;width:100%;height:100px;z-index:100;border-bottom:1px solid rgba(255, 255, 255, .4);}
#ui_head h3{position:absolute;/*left:100px;*/left:50%;margin-left:-605px;top:27px;width:160px;height:100px;line-height:100px;z-index:10}
#ui_head h3 a {display:block;width:160px;height:47px;text-indent:-9999px;background:url(../img/logo_h1_240108.png) no-repeat; background-size:100% auto;}

#ui_head h3.slim{position:fixed;top:-100px;width: 200px; height:100px;z-index:12}

/* GNB MENU */
#ui_gnb{position:relative;width:100%;height:100%}
#ui_gnb .fixed_menu{position:relative;width:100%;height:100%;z-index:9}
#ui_gnb .fixed_menu:after{clear:both;display:block;width:0;height:0;overflow:hidden;content:" ";opacity:0}
/* #ui_gnb .fixed_menu ul{position:absolute;left:49%;top:65px;float:left;width:778px;margin-left:-180px} */
#ui_gnb .fixed_menu ul{position:absolute;/*left:400px;*/left:50%;/*margin-left:-300px;*/margin-left:-356px;top:41px;float:left;width:auto;min-width:680px;}
#ui_gnb .fixed_menu ul li{float:left;position:relative;height:64px;/*padding:0 32px;*/padding:0 28px}
#ui_gnb .fixed_menu ul li a{position:relative;display:block;height:26px;color:#fff;}
#ui_gnb .fixed_menu ul li a:hover,
#ui_gnb .fixed_menu ul li a.on{color:#67a383}
#ui_gnb .fixed_menu ul li a em{position:absolute;left:0;top:16px;display:block;width:100%;height:1px;background-color:#67a383;text-indent:-99999em;overflow:hidden;opacity:0;filter:alpha(opacity=0);
	-webkit-transition:all 0.1s cubic-bezier(0.75,0.1,0.25,1);
			transition:all 0.1s cubic-bezier(0.75,0.1,0.25,1);
}
#ui_gnb .fixed_menu ul li a:hover em,
#ui_gnb .fixed_menu ul li a.on em{top:26px;opacity:1;filter:alpha(opacity=100)}
#ui_gnb .fixed_menu span.ui_etc {position:absolute;/*left:400px;*/left:50%;margin-left:392px;top:23px;display:inline-block;/*line-height:11px;padding:10px 20px;border:1px solid rgba(255,255,255,.4);border-radius:5px;font-size:11px;letter-spacing:0.01em;color:#fff;*/}
span.ui_etc .contact_number{
	display:block;
	font-weight: 200;
	text-decoration: none;
	font-size: 19px;
	line-height: 28px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 11px 15px;

	/*margin-top: 18px;*/
	text-align: center;
	font-weight: 300;
	letter-spacing: -0.05em;
	transition: all 0.3s ease-out;
}
span.ui_etc .contact_number i.icon{

	background: url('../images/main/header_icon1.png') no-repeat center center;
}
span.ui_etc .contact_number i.icon.ty02{
	background: url('../images/main/header_icon2.png') no-repeat center center;
}


#ui_gnb .slide_menu{position:absolute;left:0;bottom:-152px;width:100%;height:222px;background-color:#fff;border-bottom:1px solid #ddd;z-index:8;opacity:0;filter:alpha(opacity=0);
-webkit-transition:opacity 0.4s cubic-bezier(0.5,0.1,0.15,1);transition:opacity 0.4s cubic-bezier(0.5,0.1,0.15,1);
}
#ui_gnb .slide_menu.open{opacity:1;filter:alpha(opacity=100)}
#ui_gnb .slide_menu > ul{width:1098px;height:100%;margin:0 auto;border-right:1px solid #ddd;overflow:auto}
#ui_gnb .slide_menu>ul>li{float:left;width:183px;padding-left:20px;height:100%;border-left:1px solid #ddd;box-sizing:border-box}
#ui_gnb .slide_menu>ul li>a,
#ui_gnb .slide_menu>ul li li a{display:block;width:100%;height:100%}
#ui_gnb .slide_menu>ul li>a{height:16px;margin:20px 0 4px 0;color:#064323}
#ui_gnb .slide_menu>ul li li{width:100%;height:14px;padding-top:15px}
#ui_gnb .slide_menu>ul li li a{height:auto;margin:0;color:#545454;font-size:14px}
#ui_gnb .slide_menu>ul li li a.on,
#ui_gnb .slide_menu>ul li li a:hover{color:#67a383}

#ui_gnb.slim{position:fixed;top:-100px;width:100%;height:100px;z-index:11}
#ui_gnb.slim .fixed_menu{background:rgba(0,0,0,.9);border-bottom:none;box-shadow: 0 0 5px 1px #353535;}

#footer {width:100%;background:#000;padding:45px 0 95px;}
#footer .foot_w {overflow:hidden;width:1200px;margin: 0 auto;color:#787878;}
#footer .foot_w > div {float:left;}
#footer .foot_w .family_site {float:right;}
#footer .foot_w .family_site span {display:block;width:242px;height:36px;line-height:36px;text-indent:18px;border:1px solid #464646;color:#464646;background:url(../img/foot_arrow.png) no-repeat left -25px;}
#footer .foot_w .address {margin-left:20px;line-height:30px;font-size:14px;}
#footer .foot_w .address span {margin-right:15px;}

/* 레이어팝업 */
.ly_popup{position:absolute;width:750px;border-radius:4px;overflow:hidden;background-color:#fff;z-index:1000;box-shadow:1px 1px 2px rgba(0,0,0,0.1)}
.ly_popup .ly_top{padding:20px 70px 20px 24px;}
.ly_popup .work_color {background:#064323;}
.ly_popup .ly_top strong{display:block;width:100%;color:#fff;font-size:24px;line-height:1.2em;font-weight:normal}
.ly_popup .ly_body{color:#000}
.ly_popup .ly_body img{display:block;width:100%;height:auto;margin:0 auto}
.ly_popup .ly_foot{padding:18px 20px;background-color:#f2f2f2}
.ly_popup .ly_foot *{vertical-align:top}
.ly_popup .ly_foot:after{clear:both;display:block;width:0;height:0;overflow:hidden;content:" ";opacity:0}
.ly_popup .ly_foot label{float:right;height:16px}
.ly_popup .ly_foot .ui-checkbox .ui-btn{padding-left:20px;background-image:url('../img/input_checkbox-wh1.gif');background-repeat:no-repeat;}
.ly_popup .ly_foot label em{color:#808080;font-size:14px;line-height:1.4em}
.ly_popup .close{position:absolute;right:22px;top:22px;display:block;width:26px;height:26px;background:url('../img/main_view-close.png') center center no-repeat;text-indent:-99999em;overflow:hidden}
.ui-checkbox input{position:absolute;left:0;top:0;width:16px;height:16px;opacity:0;filter:alpha(opacity=0)}
.ly_popup .ui-checkbox .ui-btn {padding-right:0;}
.ly_popup .ui-checkbox .ui-checkbox-on{background-position:0 -50px}
.ly_popup .ui-checkbox .ui-checkbox-off{background-position:0 0}