@charset "utf-8";
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/**** Infinite Scroll ****/

#infscr-loading {
  position: fixed;
  text-align: center;
  bottom: 30px;
  left: 42%;
  z-index: 100;
  background: white;
  background: hsla( 0, 0%, 100%, 0.9 );
  padding: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}


/* base */
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, span, a, table, thead, tfoot, tbody, th, td, form, legend, label, input, textarea, address, strong, em, pre, q, abbr, acronym, cite, blockquote, object, iframe {margin:0; padding:0;}
body {font-family:돋움, Dotum, Century Gothic, sans-serif; font-size:12px; color:#000; line-height:1.2em;}
input{height:20px;}
img, fieldset {border:0; margin:0; padding:0;}
hr {border:0; margin:0; padding:1;}
img {vertical-align:top;}
ul, ol {list-style-type:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
select, input, textarea {font-family:돋움, Dotum, Century Gothic, sans-serif; font-size:100%; vertical-align:middle;}
table {border-collapse:collapse;}
address {font-style:normal;}
hr {clear:both; display:none;}
legend, caption {width:0; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}

a {selector-dummy : expression(this.hideFocus=true);outline:none;}
a:link, 
a:visited {color:#888; text-decoration:none;}
a:hover, 
a:active,
a:focus {color:#888; text-decoration:none;}

.hidden {position:absolute; width:0; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}


/*body 공통*/
#index-body {background: #303030 repeat;}

/**** Start: index.php styles ****/
/* layout */
.wrap {/*width:100%;  max-width:1241px;*/  padding:0 20px;}  /* 그림자기준 width 1241*/
.wrap_inner {max-width:952px; margin:0 auto;}
#header {position:relative; height:182px; font-family:Century Gothic, sans-serif; margin:0 0px 0 0px;}
.header_top {height:120px; border-bottom:3px solid #faa312; padding:42px 0 0;}
.gnb {height:42px; border-bottom:1px solid #555;}
#container {position:relative; max-width:952px; min-width:250px; overflow:hidden; padding:0px 0 0px;}
#footer {position:relative; max-width:952px; height:99px; border-top:2px solid #535353; padding:17px 0 0; margin:0 16px 0 3px;}  /* height:116px; */

/* header */
.header_top .logo {float:left;width:100% ;text-align:center;padding:0px 0 20px;}
.header_top .uesr_menu {text-align:center; padding:50px 0 0;}
.header_top .uesr_menu li {text-align:center; font-size:14px; letter-spacing:-1px; display:inline; margin-left:10px;}
#menu1 {width:58px border-right:solid 1px #CCCCCC;padding-right:10px;}
#menu2 {width:64px; border-right:solid 1px #CCCCCC;padding-right:10px}
#menu3 {width:51px; border-right:solid 1px #CCCCCC;padding-right:10px}
#menu4 {width:35px;}
.header_top .uesr_menu li a {color:#888; cursor:pointer;}
.header_top .uesr_menu li a:hover,
.header_top .uesr_menu li a:active,
.header_top .uesr_menu li a:focus {color:#000; font-weight:bold; text-decoration:none;}

.gnb .gnb_menu {float:left; padding:15px 0 0;}
.gnb .gnb_menu li {float:left;  font-size:14px; letter-spacing:-1px;}
.gnb .gnb_menu .filter{padding: 2px 10px 2px 10px}
/*.gnb .gnb_menu .filter1{width: 30px; margin-right: 16px;}
.gnb .gnb_menu .filter2{width: 50px; margin-right: 17px;}
.gnb .gnb_menu .filter3{width: 75px; margin-right: 17px;}
.gnb .gnb_menu .filter4{width: 100px; margin-right: 15px;}
.gnb .gnb_menu .filter5{width: 58px; margin-right: 15px;}
.gnb .gnb_menu .filter6{width: 59px; margin-right: 14px;}
.gnb .gnb_menu .filter7{width: 57px;}*/
.gnb .gnb_menu li a {color:#888;}
.gnb .gnb_menu li a:hover,
.gnb .gnb_menu li a:active,
.gnb .gnb_menu li a:focus,
.gnb .gnb_menu li a.on {color:#000; font-weight:bold; text-decoration:none;}

.gnb .canonlogo {position:relative; height:25px;  float:right; margin-top:6px; margin-right:12px}

.gnb .facebook {position:relative; float:right; padding:10px 0 0;}

#options li a.selected {
  color:#000; 
  font-weight:bold; 
  text-decoration:none;
}
/*pageing*/
.quotes a {color:#000; font-weight:bold; text-decoration:none; border: solid 1px #CCCCCC}
/* container */
.element {
	margin-right:2px;
    position:relative; 
    float:left;
    width:236px; 
    height:187px; 
    font-family:Century Gothic, sans-serif; 
    overflow:hidden;
    cursor: pointer;
}
.element_prenext{
	margin-right:5px;
    position:relative; 
    float:left;
    
    height:197px; 
    font-family:Century Gothic, sans-serif; 
    overflow:hidden;
    cursor: pointer;
	
}
.nextbar
{
	min-width:236px;
	width:460px;
	border-right:solid 3px #D2D2D2; 
}
.nextbar1
{
	width:236px;
}
.gallery_box{text-align:center; width:100%;  }
.gallery_view{text-align:center; width:100%;  }
.galleryPan{ border-bottom:5px solid #e9e9e9; padding:50px 0 55px; margin:50px 0 60px; margin:0 auto;width:100%; }
.galleryPan img{ background:#e5e5e5; padding:5.3%; width:100%; height:auto; margin:0 0 57px; display:block;}
.gallerySingle{ border-bottom:0}
.gallerySingle img{ background:none; padding:0; margin:50px 0 60px;}

.element .thumb_image {position:absolute; top:3px; left:1px; width:236px; height:157px;}
.element .thumb_image .thumb_on {position:absolute;}
.element .thumb_image .thumb_off {position:absolute;}
.element .title {position:absolute; top:157px; text-align:center; font-size:12px; color:#c1c1c0;  line-height:24px; letter-spacing:-1px;width:236px; height:157px;}
.element .filter1{position:absolute;width: 236px; margin-right: 16px;}
.element .filter2{position:absolute;width: 236px; margin-right: 16px;top:20px;}
.element .filter3{position:absolute;width: 236px; margin-right: 16px;top:177px;}

.element_prenext .filter0{width: 100%; margin-right: 16px;}
.element_prenext .filter1{width: 236px; margin-right: 16px;}
.element_prenext .filter2{width: 236px; margin-right: 16px;top:20px;}
.element_prenext .filter3{width: 236px; margin-right: 16px;top:177px;}


.viewelement .thumb_image {position:absolute; top:3px; left:1px; width:236px; height:157px;}
.viewelement .thumb_image .thumb_on {position:absolute;}
.viewelement .thumb_image .thumb_off {position:absolute;}
.viewelement .title {position:absolute; top:157px; text-align:center; font-size:12px; color:#c1c1c0;  line-height:24px; letter-spacing:-1px;width:236px; height:157px;}
/*.element .over_box {display:none;}
.element:hover .title {color:#faa312;}
.element:hover .thumb_image .thumb_off {display:none;}
.element:hover .over_box {position:absolute; top:226px; left:4px; width:230px; height:73px; background:url("../img/bg_image_over.png") repeat-x left top; display:block;}
.element:hover .over_box .over_box_inner {height:33px; font-family:Century Gothic, sans-serif; color:#fff; letter-spacing:-1px; border-left:1px solid #fff; padding-left:8px; margin:18px 0 0 21px;}
.element:hover .over_box .over_box_inner .name {font-size:18px; font-weight:bold; margin-bottom:6px;}
.element:hover .over_box .over_box_inner .date {font-size:14px;}*/

/* footer */
#footer address {font-family:Century Gothic, sans-serif; font-size:11px; color:#6f6f6f; line-height:16px;}

/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* sub */
.sub{position:fixed; left:0; top:0; width:100%; z-index: 200; opacity:0; display: none;}
/*.sub .subbg {position: fixed; background: url("../img/subbg.png") repeat left top; opacity:0.8; padding: 100%;}*/
.sub .subbg {position: fixed; background: #1f1f1f repeat left top; padding: 100%; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90);}
.sub .subcontainer {position:relative;}

.sub .subcontainer .sub1 {position: relative; height:247px; margin:0; display: none;}
.sub .subcontainer .sub1 div{position: relative;}
.sub .subcontainer .sub1 .sub1_inner {position: relative; width: 670px; margin: auto;}
.sub .subcontainer .sub1 .sub1_inner .closebt {text-align: right; margin-right:5px; margin-bottom: 7px;}
.sub .subcontainer .sub1 .sub1_inner .sub1_title{text-align: left; margin-bottom: 53px;}
.sub .subcontainer .sub1 .sub1_inner .sub1_txt img{position: relative; top:2px; padding-bottom: 15px;}


.sub .subcontainer .sub2 {position: relative; height:435px; margin:0; display: none;}
.sub .subcontainer .sub2 .sub2_inner {position: relative; width: 673px; margin: auto;}
.sub .subcontainer .sub2 .sub2_inner .closebt {text-align: right; margin-right:5px; margin-bottom: 7px;}
.sub .subcontainer .sub2 .sub2_inner .sub2_title{text-align: left; margin-bottom: 51px;}
.sub .subcontainer .sub2 .sub2_inner .sub2_1_txt img{position: relative; padding-bottom: 9px;}
.sub .subcontainer .sub2 .sub2_inner .sub2_2_txt img{position: relative; padding-bottom: 8px;}
.sub .subcontainer .sub2 .sub2_inner .sub2_3_txt img{position: relative; padding-bottom: 8px;}
.sub .subcontainer .sub2 .sub2_inner .sub2_4_txt img{position: relative; padding-bottom: 6px;}
.sub .subcontainer .sub2 .sub2_inner .sub2_5_txt img{position: relative; padding-bottom: 9px;}
.sub .subcontainer .sub2 .sub2_inner .sub2_6_txt img{position: relative; padding-bottom: 6px;}
.sub .subcontainer .sub2 .sub2_inner .sub2_7_txt img{position: relative; padding-bottom: 9px;}
.sub .subcontainer .sub2 .sub2_inner .sub2_8_txt img{position: relative; padding-bottom: 6px;}
.sub .subcontainer .sub2 .sub2_inner .sub2_9_txt img{position: relative; padding-bottom: 8px;}
.sub .subcontainer .sub2 .sub2_inner .sub2_10_txt img{position: relative; padding-bottom: 6px;}

.sub .subcontainer .sub2 .sub2_inner .location_btn{padding-bottom:33px;}
.sub .subcontainer .sub2 div{position: relative;}

.sub .subcontainer .sub3 {position: relative; height:532px; margin:0; display: none;}
.sub .subcontainer .sub3 .sub3_inner {position: relative; width: 673px; margin: auto;}
.sub .subcontainer .sub3 .sub3_inner .closebt {text-align: right; margin-right:5px; margin-bottom: 7px;}
.sub .subcontainer .sub3 .sub3_inner .sub3_title{text-align: left; margin-bottom: 49px;}
.sub .subcontainer .sub3 .sub3_inner .category_title img{position: relative; top:2px;}
.sub .subcontainer .sub3 .text{
    position:relative;
    width:608px;
    height:17px;
    padding-left: 4px;
    margin-bottom: 13px;
    background: #2e2e2e;
    border: 0;
    color: #afafaf;
}
.sub .subcontainer .sub3 div{position: relative;}
.sub .subcontainer .sub3 .textarea .textbox{position:relative; width:668px; height:296px; resize: none; background: #2e2e2e; border: 0; color: #afafaf; margin-bottom: 14px}
.sub .subcontainer .sub3 .sub3_inner .sendbt{text-align: right;}
/* End: Recommended index.php styles */


/**** Start: gallery.php styles ****/
.gallery_wrap {position:absolute; width:100%; height:100%;}

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}

#supersized {display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; zoom: 1;}
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }   /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }           /*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#000; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden;}
#supersized li.prevslide img, #supersized li.activeslide img{display:inline;}

/* Thumbnail Tray
----------------------------*/
#thumb-tray {width:448px;}
.gallery_wrap .gallery_thumb {position: absolute; top:181px; left:-433px; background: #000000 repeat top left; width:508px; height:60px; display: block;}
.gallery_wrap .gallery_thumb .gallery_thumb_inner {position: absolute; overflow: hidden; width:444px; height:60px; left:32px;}
#thumb-back, #thumb-forward{ position:absolute; height:60px; width:35px; display: block; }
#thumb-back{ left:0; background: url('../img/thumb_lbtn.png') no-repeat center center;}
#thumb-forward{ right:0; background:url('../img/thumb_rbtn.png') no-repeat center center;}
#thumb-back:hover, #thumb-forward:hover{cursor:pointer;}

ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
ul#thumb-list li{ background:#111; list-style:none; display:inline; width:64px; height:60px; overflow:hidden; float:left; margin:0; }
ul#thumb-list li img {height:60px; width:60px; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
ul#thumb-list li:hover{ cursor:pointer; }                

#gallery-body {background: #000000;}
.gallery_wrap .gallery_btn {position:fixed; width:100%; height:100%; margin:0 auto; padding:0 auto; left:0px; cursor: pointer;}
#prevslide, #nextslide {position:absolute; height:100%; top:0px; opacity:0.6; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
#prevslide{ width:50%; background:url(../img/prevbt.png) 145px center no-repeat;}
#prevslide img {position: relative; margin-left:145px; top:47%;  float:left; display: none;}
#nextslide{ width:50%; left:50%; background:url(../img/nextbt.png) 89% center no-repeat;}
#nextslide img {position: relative; margin-right:73px; top:47%; float:right; display: none;}

.gallery_wrap .gallery_lnb {position:absolute;  width:85px; height:100%; -ms-interpolation-mode:bicubic;}
.gallery_wrap .gallery_lnb .logo_btn {width:75px; height:121px;}
.gallery_wrap .gallery_lnb .logo_btn img{width:74px; height:121px;}
.gallery_wrap .gallery_lnb .cont_btn {width:75px; height:60px;}
.gallery_wrap .gallery_lnb .thumb_btn {width:75px; height:60px;}

.gallery_wrap .gallery_title {position: absolute; top:45px; left:106px;}
.gallery_wrap .gallery_title p {margin-top:8px; font-family:돋움, Dotum, sans-serif; font-size:12px; color:#ffffff; opacity:0.39;}

.gallery_wrap .gallery_txt {position: absolute; background: #f39712 repeat top left; top:121px; left:75px; display: block; overflow: hidden;}
.gallery_wrap .gallery_txt .gallery_txt_inner {margin:23px 35px 23px 30px;}
.gallery_wrap .gallery_txt .gallery_txt_inner strong{font-family:돋움, Dotum, sans-serif; font-size:14px; font-weight:bold; color:#ffffff;}
.gallery_wrap .gallery_txt .gallery_txt_inner p{margin-top:15px; font-family:돋움, Dotum, sans-serif; font-size:11px; color:#ffffff;}

/* End: Recommended gallery.php styles */