/* CSS Document */
body, td
{
 margin-left: 0px;	margin-top: 0px;margin-right: 0px; margin-bottom: 0px;
 color:#646464;
 font-family:"돋움",dotum,sans-serif; 
 font-size:   12px;
 line-height: 18px;
 
  scrollbar-face-color: #ffffff;
  scrollbar-shadow-color: #a0a0a0;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #e3e3e3;
  scrollbar-darkshadow-color: #f4f4f4;
  scrollbar-track-color: #f3f3f3;
  scrollbar-arrow-color: #808080
}

IMG{border:none}

/* 링크효과 */
A:link { color :#595959;	TEXT-DECORATION: none;	font-family: "돋움";	font-size: 12px; line-height:15px; }
A:visited {	color :#595959;	TEXT-DECORATION: none;	font-family: "돋움";	font-size: 12px; line-height:15px;}
A:hover {	color :#595959;	TEXT-DECORATION:none;	font-family: "돋움";	font-size: 12px; line-height:15px;}

A.notice:link { color :#545454;	TEXT-DECORATION: none;	font-family: "돋움",dotum;	font-size: 11px; line-height:15px;}
A.notice:visited {	color :#545454;	TEXT-DECORATION: none;	font-family: "돋움",dotum;	font-size: 11px; line-height:15px;}
A.notice:hover {	color :#838383;	TEXT-DECORATION:none;	font-family: "돋움",dotum;	font-size: 11px; line-height:15px;}

/* 퀵메뉴 */
.quick_table{width:80px;}
.quick_table td.quick_bg{padding:12px 0 5px 0; background:url(/images/main/quick_bg.png) repeat-y;}
.quick_table td.quick_bg_sub{padding:12px 0 5px 0; background:url(/images/sub/quick_bg.gif) repeat-y;}
.quickbox_table{width:59px;}
.quickbox_table td.q_top{background:url(/images/sub/quickbox_top.gif) no-repeat; height:7px;}
.quickbox_table td.q_bg{background:url(/images/sub/quickbox_bg.gif) repeat-y;}
.quickbox_table td.q_bot{background:url(/images/sub/quickbox_bot.gif) no-repeat; height:5px;}

/* input _ textarea*/
.input {
       font-family: verdana, "돋움"; 
	   font-size: 9pt; 
	   line-height: 18px; 
	   color: #686868; 
	   background-color:#ffffff;
	   height: 19px; 
	   border: #C9C9C9; 
	   border-style: solid; 
	   border-top-width: 1px; 
	   border-right-width: 1px; 
	   border-bottom-width: 1px; 
	   border-left-width: 1px
	   }
	   
.input01 {
       font-family: verdana, "돋움"; 
	   font-size: 11px; 
	   line-height: 18px; 
	   color: #9A9A9A; 
	   background-color:#ffffff;
	   height: 17px; 
	   border: #cccccc; 
	   border-style: solid; 
	   border-top-width: 1px; 
	   border-right-width: 1px; 
	   border-bottom-width: 1px; 
	   border-left-width: 1px
	   }	   



.textarea {
       font-family: "굴림"; 
	   font-size: 9pt; 
	   line-height: 18px; 
	   color: #404040; 
	   border: #DDDDDD; 
	   border-style: solid; 
	   border-top-width: 1px; 
	   border-right-width: 1px; 
	   border-bottom-width: 1px; 
	   border-left-width: 1px;
	   scrollbar-face-color:#FFFFFF;
	   scrollbar-shadow-color:#B3B3B3;
	   scrollbar-highlight-color:#B3B3B3;
	   scrollbar-3dlight-color:#ffffff; 
	   scrollbar-darkshadow-color:#ffffff;
	   scrollbar-track-color:#ffffff; 
	   scrollbar-arrow-color:#B3B3B3;
	}


/* 서브 */
.loc{font:12px; color:#616161; letter-spacing:-0.5; padding:0 0 10px 8px;}
.loc span{color:#2187d2; }
.lmbg{background:url(/img/master/lm_bg.gif) repeat-y left top; }

/* 메인포지셔닝 */
#wrapper {position:relative; width:1024px;margin:0,auto;}
#top{position:absolute; width:1024px;   z-index:1;}


/* 레프트 메뉴 배경처리 */
.lmbg01{background:url(/images/lm/lm_bg2.jpg) repeat-y left top;}
.lmbg02{background:url(/images/lm/lm_bg1.jpg) no-repeat left top;}
.lmbg03{background:url(/images/lm/lm_bg3.jpg) no-repeat left bottom;}

/* 서브폰트 */
span { color :#252d75; font-family: "돋움",dotum;	font-size: 12px; font-weight:bold;}



/* 서브배경 */
#conbg { background:url(/images/com/con_bg03.jpg) repeat-x left bottom; height:100%;}

/* 패밀리사이트 */
.fam_box{background:#666; padding: 5px 86px 5px 10px; border-left:solid 1px #333; border-right:solid 1px #333; border-top:solid 1px #333;}

a.fam_a:link { color :#b4b4b4;	TEXT-DECORATION: none;	font-family: "돋움",dotum;	font-size: 12px; line-height:17px;}
a.fam_a:visited {	color :#b4b4b4;	TEXT-DECORATION: none;	font-family: "돋움",dotum;	font-size: 12px; line-height:17px;}
a.fam_a:hover {	color :#fff;	TEXT-DECORATION:none;	font-family: "돋움",dotum;	font-size: 12px; line-height:17px;}

.naver_map_bi_div_1{ width:749px;}

/* menu */
dl,dd,dt,ul,li{ list-style:none; padding:0; margin:0;}

/* 서브 유틸 */
span{color:#77716e;font-size: 12px;font-family: "돋움",dotum;}
.sq_ico{margin-right:5px;}
.font {color :#939393; font-family: "돋움",dotum;	font-size: 12px;}

.header{width:1024px; margin:0; padding:0; font-size:0; display:flex; flex-direction:column; }

/* gnb */
.top-menu{display:flex; justify-content:flex-end; margin-top:9px;}
.top-menu li{}
.top-menu li a{display:block; height:100%;}
.top-menu .home{}
.top-menu .sitemap{}
.top-menu .contact{}

.gnb-wrap{display:flex; justify-content:space-between; align-items:center; margin-top:15px;}
.gnb-wrap .logo a{display:block; height:100%;}
.gnb{position:relative; display:flex;}
.gnb > li{}
.gnb > li > a{display:block; width:152px; height:34px; background-repeat:no-repeat; transition:all .4s;}
.gnb .menu01 > a{background-image:url('/images/main/menu01.gif');}
.gnb .menu01 > a:hover{background-image:url('/images/main/menu01_on.gif');}
.gnb .menu01 > a + .depth2{left:0;}
.gnb .menu02 > a{background-image:url('/images/main/menu02.gif');}
.gnb .menu02 > a:hover{background-image:url('/images/main/menu02_on.gif');}
.gnb .menu02 > a + .depth2{left:152px;}
.gnb .menu03 > a{background-image:url('/images/main/menu03.gif');}
.gnb .menu03 > a:hover{background-image:url('/images/main/menu03_on.gif');}
.gnb .menu03 > a + .depth2{left:auto; right:0;}
.gnb .menu04 > a{width:153px; background-image:url('/images/main/menu04.gif');}
.gnb .menu04 > a:hover{background-image:url('/images/main/menu04_on.gif');}
.gnb .menu04 > a + .depth2{left:auto; right:0;}
.depth2{position:absolute; bottom:-42px; display:flex; align-items:center; width:auto; height:25px; visibility:hidden; opacity:0;  transition:all .3s;}
.depth2.active{visibility:visible; opacity:1; }
.depth2 li{}
.depth2 li:first-child a{padding-right:10px;}
.depth2 li:not(:first-child) a{padding:0 10px;}
.depth2 li a{display:flex; align-items:center; height:100%; font-size:12px; font-weight:600; color:#fff; font-family: 'Noto Sans KR'; transition:all .4s;}
.depth2 li a:hover{color:#ffef64}
.visual{position:relative; width:100%; width:1280px; height:407px; margin:0 auto; background:url('/images/main/visual_bg.gif') no-repeat center bottom; background-size:cover;}
.visual::before{content:''; position:absolute; left:50%; transform:translateX(-50%); z-index:-1; display:block; width:100vw; height:100%; background:url('/images/main/visual_bg2.gif') repeat-x left bottom; }
.vis-bg{display:block; padding-top:15px;}
.visual-slider{position:absolute; top:0; left:50%; transform:translateX(-50%); display:flex; align-items:center; width:950px; height:100%; margin:0 auto; }
.visual-slider .slick-arrow{position:absolute; top:50%; transform:translateY(-50%);}
.visual-slider .slick-arrow.slick-prev{left:0; }
.visual-slider .slick-arrow.slick-next{right:0;}
.visual-slider .slider{width:428px; height:100%; margin:0 70px;}
.visual-slider .slider .slick-list{overflow:visible; position:absolute; top:155px; left:115px;}
.visual-slider .slider .slick-track{display:flex;}
.visual-slider .slider .slick-slide{}
.visual-slider .slider button{position:absolute; top:50%;  display:block; width:47px; height:87px; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; border:0; cursor:pointer;}
.visual-slider .slider .slick-prev{left:-50px; background-image:url('/images/main/arr_left.gif');}
.visual-slider .slider .slick-next{right:-50px; background-image:url('/images/main/arr_right.gif');}
.visual-slider .slider .img{position:absolute;}
.visual-slider .slick-slide:nth-child(3) .img{left:20px; top:40px;}
.visual-slider .slick-slide:nth-child(4) .img{left:60px;}
.visual-slider .slider .text{position:absolute; left:-15px;}
.visual-slider > a{display:block; width:94px; transition:all .4s; }
.visual-slider > a:hover,
.visual-slider > a.active{margin-bottom:20px;}
.visual-slider > a:not(:nth-child(2)):not(:last-child){margin-right:5px;}
.visual-slider > a:nth-of-type(1){height:110px; background:url('/images/main/main_item01.gif') no-repeat;}
.visual-slider > a:nth-of-type(1):hover,
.visual-slider > a:nth-of-type(1).active{background:url('/images/main/main_item01_on.gif') no-repeat;}
.visual-slider > a:nth-of-type(2){height:111px; background:url('/images/main/main_item02.gif') no-repeat;}
.visual-slider > a:nth-of-type(2):hover,
.visual-slider > a:nth-of-type(2).active{background:url('/images/main/main_item02_on.gif') no-repeat;}
.visual-slider > a:nth-of-type(3){height:127px; background:url('/images/main/main_item03.gif') no-repeat;}
.visual-slider > a:nth-of-type(3):hover,
.visual-slider > a:nth-of-type(3).active{background:url('/images/main/main_item03_on.gif') no-repeat;}
.visual-slider > a:nth-of-type(4){height:115px; background:url('/images/main/main_item04.gif') no-repeat;}
.visual-slider > a:nth-of-type(4):hover,
.visual-slider > a:nth-of-type(4).active{background:url('/images/main/main_item04_on.gif') no-repeat;}

.vis-text{position:absolute; left:0; top:45px;}