/*2021플래시대체작업*/
ul,li{list-style:none}
.gnb{background:#f4f4f4; border-radius:50px; width:200px; height:25px}
.gnb ul{overflow:hidden; margin:0; padding:0;}
.gnb ul li{float:left; margin-left:13px; list-style:none; line-height:25px;}
.gnb ul li a{color:#555; font-size:11px;  font-family:"Noto Sans KR", "NanumGothic", "Malgun Gothic", sans-serif;}

.navi_wrap{position:relative; width:650px; height:40px; margin:0 auto 20px; overflow:visible; background:#cc0000; }
.navi_wrap ul{margin:0; padding:0;}
.navi_wrap ul li{display:inline-block; margin-left:45px; overflow:hidden;}
.navi_wrap ul li a{display:block; line-height:40px; font-size:16px; color:#fff;  font-weight:500;font-family:"Noto Sans KR", "NanumGothic", "Malgun Gothic", sans-serif;}
.navi_wrap ul li:hover a{color:#fdcf39;}
.navi_wrap ul li:hover ul{display:block;}
.navi_wrap ul li ul{display:none; position:absolute; top:40px; padding:0px 10px;border:1px solid #ccc; background:#fff; z-index:99;}
.navi_wrap ul li ul li{width:auto !important; margin-left:12px;}
.navi_wrap ul li ul li:first-child{margin-left:0;}
.navi_wrap ul li:nth-child(3) ul{width:500px;}
.navi_wrap ul li:nth-child(5) ul{width:140px;}
.navi_wrap ul li ul li a{padding:0; font-size:14px; color:#333 !important;}
.navi_wrap ul li ul li a:hover{color:#777 !important;}

/****** visual ******/
.wrap_main {position:relative; height:350px; width:100%; color:#fff; overflow:hidden;z-index:0;}
.wrap_main .spot {width:100%; height:350px;}
.wrap_main .spot_images{overflow:hidden ;height:350px;}
.wrap_main .spot_images .spot_image1, .wrap_main .spot_images .spot_image2, .wrap_main .spot_images .spot_image3, .wrap_main .spot_images .spot_image4 {position:absolute;top:0;left:0;z-index:0;width:100%;height:350px;text-align:center;}
.wrap_main .spot_images .spot_image2, .wrap_main .spot_images .spot_image3, .wrap_main .spot_images .spot_image4 {opacity:0;filter:alpha(opacity=0)}
.wrap_main .spot_images .image {height:350px;}
.wrap_main .spot_images .image div {position:relative; width:900;*width:1100px;height:350px;margin:0 auto;text-align:left}
   
/* 이미지 가로 사이즈를 넘겼을 때 보이는 배경*/
.wrap_main .spot_image1, .wrap_main .spot_image2, .wrap_main .spot_image3, .wrap_main .spot_image4 {background:#fff;}

/*visual 경로*/
.wrap_main .spot_image1 .image {background:url('/images/new/mv01.jpg') center top no-repeat;}
.wrap_main .spot_image2 .image {background:url('/images/new/mv02.jpg') center top no-repeat;}
.wrap_main .spot_image3 .image {background:url('/images/new/mv03.jpg') center top no-repeat;}
.wrap_main .spot_image4 .image {background:url('/images/new/mv04.jpg') center top no-repeat;}
.wrap_main .spot_image1 .image div{_background:url('/images/new/mv01.jpg') center top no-repeat;}
.wrap_main .spot_image2 .image div{_background:url('/images/new/mv02.jpg') center top no-repeat;}
.wrap_main .spot_image3 .image div{_background:url('/images/new/mv03.jpg') center top no-repeat;}
.wrap_main .spot_image4 .image div{_background:url('/images/new/mv04.jpg') center top no-repeat;}

/*visual 버튼*/
.wrap_main .mainshow {z-index:10 !important; }
.wrap_main .spot_static {position:absolute; top:250px;; left:48%;  margin-left:0; z-index:780;}
.wrap_main .spot_static a {float:left; width:12px; height:12px; border-radius:100px; margin-left:5px; background:#434343;}
.wrap_main .spot_static a:hover{background:#cc0000;}
.wrap_main .spot_static a.on{background:#cc0000;}


#slide{height:140px;position:relative;overflow:hidden;}
#slide ul{width:400%;height:100%;transition:1s; margin:0; padding:0;}
#slide ul:after{content:"";display:block;clear:both;}
#slide li{float:left;width:25%;height:100%;}
#slide li:nth-child(1){background:url('/images/new/main_bn01.png')center no-repeat;}
#slide li:nth-child(2){background:url('/images/new/main_bn02.png')center no-repeat;}
#slide li:nth-child(3){background:url('/images/new/main_bn03.png')center no-repeat;}
#slide li:nth-child(4){background:url('/images/new/main_bn04.png')center no-repeat;}
#slide input{display:none;}
#slide label{display:inline-block;vertical-align:middle;width:20px;height:20px;background:#979796;transition:0.3s;border-radius:50%;cursor:pointer; color:#fff;  font-size:11px; font-family:"Noto Sans KR", "NanumGothic", "Malgun Gothic", sans-serif;}
#slide .pos{text-align:center;position:absolute;bottom:-10px;right:70px;/*width:100%;*/text-align:center;}
#pos1:checked~ul{margin-left:0%;}
#pos2:checked~ul{margin-left:-100%;}
#pos3:checked~ul{margin-left:-200%;}
#pos4:checked~ul{margin-left:-300%;}
#pos1:checked~.pos>label:nth-child(1){background:#cd0100;}
#pos2:checked~.pos>label:nth-child(2){background:#cd0100;}
#pos3:checked~.pos>label:nth-child(3){background:#cd0100;}
#pos4:checked~.pos>label:nth-child(4){background:#cd0100;}

.sub01_bg{background:url('/images/new/sub01_bg.png')top center no-repeat; height:200px; }
.sub02_bg{background:url('/images/new/sub02_bg.png')top center no-repeat; height:200px; }
.sub03_bg{background:url('/images/new/sub03_bg.png')top center no-repeat; height:200px; }
.sub04_bg{background:url('/images/new/sub04_bg.png')top center no-repeat; height:200px; }
.sub05_bg{background:url('/images/new/sub05_bg.png')top center no-repeat; height:200px; }

.left_menu ul{padding-left:20px;}
.left_menu ul li.on a{font-weight:600; color:#cc0000;}
.left_menu ul li a{font-size:15px; font-family:"Noto Sans KR", "NanumGothic", "Malgun Gothic", sans-serif; letter-spacing:-0.5px;}
.left_menu ul li:hover a{color:#cc0000;}

/*CSS Document*/
body {margin-left:0; margin-top:0; margin-right:0; margin-bottom:0; background-color:#ffffff;}

/*CSS Document*/
body,table,tr,td,txtarea { 
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#999999;
scrollbar-shadow-color:#999999;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#999999;
scrollbar-darkshadow-color:#ffffff;
}

/*본문용*/
td,body {font-family:"돋움"; font-size:12px; color:#666666; line-height:160%; letter-spacing:0px;}

/*링크스타일*/
A:link {font-family:"돋움"; font-size:12px; color:#666666; line-height:160%; letter-spacing:0px; text-decoration:none;}
A:visited {font-family:"돋움"; font-size:12px; color:#666666; line-height:160%; letter-spacing:0px; text-decoration:none;}
A:active {font-family:"돋움"; font-size:12px; color:#666666; line-height:160%; letter-spacing:0px; text-decoration:none;}
A:hover {font-family:"돋움"; font-size:12px; color:#666666; line-height:160%; letter-spacing:0px; text-decoration:none;}
A {selector-dummy :expression(this.hideFocus=true);}

/*텍스트*/
.m_not_no {font-family:"돋움"; font-size:11px; color:#999999; line-height:140%; letter-spacing:0px; text-decoration:none;}
.m_not:link {font-family:"돋움"; font-size:11px; color:#666666; line-height:140%; letter-spacing:-1px; text-decoration:none;}
.m_not:visited {font-family:"돋움"; font-size:11px; color:#666666; line-height:140%; letter-spacing:-1px; text-decoration:none;}
.m_not:active {font-family:"돋움"; font-size:11px; color:#666666; line-height:140%; letter-spacing:-1px; text-decoration:none;}
.m_not:hover {font-family:"돋움"; font-size:11px; color:#ff0000; line-height:140%; letter-spacing:-1px; text-decoration:none;}

.t_666666_11 {font-family:"돋움"; font-size:11px; color:#666666; line-height:140%; letter-spacing:-1px;}

.t_gallery {font-family:"돋움"; font-size:11px; color:#666666; line-height:140%; letter-spacing:0px; text-decoration:none;}
.t_gallery:link {font-family:"돋움"; font-size:11px; color:#666666; line-height:140%; letter-spacing:0px; text-decoration:none;}
.t_gallery:visited {font-family:"돋움"; font-size:11px; color:#666666; line-height:140%; letter-spacing:0px; text-decoration:none;}
.t_gallery:active {font-family:"돋움"; font-size:11px; color:#666666; line-height:140%; letter-spacing:0px; text-decoration:none;}
.t_gallery:hover {font-family:"돋움"; font-size:11px; color:#666666; line-height:140%; letter-spacing:0px; text-decoration:underline;}

.location {font-family:"돋움"; font-size:11px; color:#808080; line-height:140%; letter-spacing:0px; text-align:right;}

.t_prod {font-family:"돋움"; font-size:11px; color:#666666; line-height:140%; letter-spacing:0px; text-align:center; font-weight:bold;}
.t_tit {font-family:"돋움"; font-size:11px; color:#666666; line-height:140%; letter-spacing:-1px; font-weight:bold;}
.t_txt {font-family:"돋움"; font-size:11px; color:#666666; line-height:140%; letter-spacing:-1px;}

/*table*/
table {border-spacing:0px; border-padding:0px; border-collapse:collapse;}

/*pad*/
.pad_menu {padding-left:5px; padding-right:5px;}
.pad_icon {padding-top:5px;}
.tit_line {height:1px; background-color:#e5e5e5;}

/*border*/
.box_1 {
border:#e5e5e5 1px solid; 
text-align:center;
}

/*html*/
.table1 {margin:0 0 0 0;}
.table1 table {width:100%;}
.table1 td {
padding:2px 2px 2px 2px; background-color:#ffffff; text-align:center; border:solid 1px #6699CC;
font-family:"돋움"; font-size:11px; color:#666666; line-height:140%; letter-spacing:0px;
}
.table1 td.tit {
padding:2px 2px 2px 2px; background-color:#E1EDFA; text-align:center; 
font-family:"돋움"; font-size:11px; color:#6699CC; line-height:140%; letter-spacing:0px; font-weight:bold;
}
.table1 td.tit2 {
padding:2px 2px 2px 2px; background-color:#EDF4FA; text-align:center; 
font-family:"돋움"; font-size:11px; color:#6699CC; line-height:140%; letter-spacing:0px; font-weight:bold;
}