/* Written By MJS */

*{-webkit-text-size-adjust:none}
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,input,textarea,button,select{margin:0;padding:0;font-family:'Nanum Gothic','나눔고딕',ng,sans-serif;font-weight:normal}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{border:0;padding:0;margin:0;text-decoration:none;color:#333}
ol,ul,dl{list-style:none}
img{float:left;border:0;padding:0;margin:0;}
legend,caption{display:none}
table{border-collapse:collapse;border-spacing:0}
input{vertical-align:middle;padding:0;border:0;margin:0;}
select{padding:0;border:0;margin:0;}

body{min-width:320px;max-width:1000px;height:100%;margin:0 auto;}



/* 나눔고딕 폰트 적용 */
@font-face{ /* 나눔고딕 Regular */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face{ /* 나눔고딕 Bold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face{ /* 나눔고딕 ExtraBold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

html, body{
  font-family: 'Nanum Gothic', sans-serif;
}





/*================================== 상단 ==================================*/
#header{position:fixed;left:0;top:0;width:100%;background:#fff;padding:10px 0;z-index:100000000000000;}
/*.label{position:relative;width:100%;display:block;margin:0 auto;font-size:12px;text-align:center;}*/
.label{width:100%;display:block;margin:0 auto;font-size:12px;text-align:center;}
.menu_w{position:relative;float:left;width:100%;padding:16px 0 0 0;background:#fff;z-index:100000000;}


/* 상단 SNS */
.top_sns_w{position:relative;float:left;width:100%;margin-top:10px;margin-bottom:10px;}
.top_sns{text-align:center;}
.top_sns ul{display:inline-block;zoom:1;*display:inline;}
.top_sns ul li{float:left;margin:0 4px;}
.top_sns ul li a{float:left;width:40px;height:40px;}
.top_sns ul li a img{float:left;width:100%;}


.top_sns2{text-align:center;}
.top_sns2 ul{display:inline-block;zoom:1;*display:inline;}
.top_sns2 ul li{float:left;margin:0 4px;}
.top_sns2 ul li a{float:left;width:42px;height:42px;}
.top_sns2 ul li a img{float:left;width:100%;}


/* 메뉴 */
ul.menu{float:left;width:100%;}
ul.menu li{float:left;width:100%;margin:5px 0;}
ul.menu li a{float:left;width:100%;font-size:16px;text-align:center;}


/* 로고 */
.logo{float:left;width:100%;}
.logo a{float:left;width:100%;line-height:100%;font-size:30px;;letter-spacing:1px;text-align:center;}




/*================================== 메인 ==================================*/
#main_contents{position:relative;float:left;width:100%;margin-bottom:30px;}

.postsa li { margin-bottom:1px; }

/* 이미지 리스트 */
#list01{position:relative;float:left;width:100%;margin:0px;}
#list01 p{position:relative;float:left;width:100%;margin:0px;}
#list01 img{margin:0px 0px 1px 0px;}
#list01 p a{position:relative;float:left;display:block;width:100%;margin:0px;}

#list02{position:relative;float:left;width:100%;margin-left:-1px;}
#list02 p{position:relative;float:left;width:49.7%;margin:0 0 0 1px;}
#list02 img{margin:0px 0px 1px 0;}
#list02 p a{position:relative;float:left;display:block;width:100%;margin:0px;}


/* 페이징 */
.paging_w{position:relative;float:left;width:100%;height:26px;margin:40px 0;}
.paging{text-align:center;}
.paging ul{display:inline-block;zoom:1;*display:inline;margin:0 10px}
.paging ul li{float:left;margin:0 5px;}
.paging ul li a{float:left;text-align:center;height:26px;line-height:26px;font-size:16px;background:#eee;color:#898989;padding:0 10px;}
.paging ul li a.on{background:#000;color:#fff;font-weight:600;}








/*================================== 하단 ==================================*/
#footer{position:relative;float:left;width:100%;text-align:center;font-size:14px;text-align:center;margin:10px 0 30px 0;color:#000;}
#footer a{position:relative;float:left;width:100%;text-align:center;font-size:14px;text-align:center;margin:10px 0 30px 0;}

.side_call{float:left;width:100%;text-align:center;}
.side_call p{display:inline-block;height:15px;text-align:center;margin-left:-13px;}
.side_call p span{float:left;width:24px;height:15px;background:url(../img/icon2_call.png) no-repeat bottom;background-size:15px;}
.side_call p b{float:left;line-height:14px;font-size:14px;font-weight:400;color:#000;text-align:center;margin-top:0x;}
.side_call p a{float:left;line-height:14px;font-size:14px;font-weight:400;color:#000;text-align:center;margin-top:0x;}

.side_call2{float:left;width:100%;text-align:center;}
.side_call2 p{display:inline-block;height:15px;text-align:center;}
.side_call2 p span{float:left;width:24px;height:15px;background:url(../img/icon2_call.png) no-repeat bottom;background-size:15px;}
.side_call2 p b{float:left;line-height:14px;font-size:14px;font-weight:400;color:#000;text-align:center;margin-top:0x;}
.side_call2 p a{float:left;line-height:14px;font-size:14px;font-weight:400;color:#000;text-align:center;margin-top:0x;}


/* 버튼 style */
#button{position:relative;float:left;width:100%;padding-bottom:5%;text-align:center;color:#898989;}
.btn{margin:0 1%;padding:2% 4%;font-size:76%;color:#898989;border:1px solid #e0e0e0;background:#fff;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
behavior:url(ie-css3.htc);}


/* 홈,목록,위로 */
.go-top{position:fixed;display:block;bottom:-10%;left:0;width:100%;background:#aaa;z-index:9999999999;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;;}

.go-top.show{bottom:0%;}

.go-top_w{position:relative;float:left;width:100%;padding:7% 0;background:#aaa;}

.go-top a{position:relative;display:block;width:6%;margin-top:3.5%;}
.go-top a.gt_home{position:absolute;left:34%;top:0;}
.go-top a.gt_list{position:absolute;left:47%;top:0;}
.go-top a.gt_top{position:absolute;right:34%;top:0;}
.go-top img{border:1px solid #e0e0e0;padding:12%}

/* 위로가기 */
.go-top2{position:fixed;display:block;bottom:-10%;right:30%;width:6%;padding:3%;background-color:#aaa;z-index:9999999999;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;;}

.go-top2.show{bottom:1%;color:#FFFFFF;}


/* 홈 */
.go-top3{position:fixed;display:block;bottom:-10%;left:30%;width:6%;padding:3%;background-color:#aaa;z-index:9999999999;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;;}

.go-top3.show{bottom:1%;color:#FFFFFF;}







/*================================== 서브 ==================================*/
/* 서브타이틀 */
.stitle{position:relative;float:left;width:100%;line-height:50px;font-size:30px;text-align:center;background:#888;color:#fff;}


/* 서브 컨텐츠 들어갈 공간*/
#sub_contents{position:relative;float:left;width:100%;margin-bottom:30px;}





/* 디테일 좌우 화살표 */
#arrow{position:fixed;top:46%;left:0;width:100%;}
.arrow_w{position:relative;float:left;width:100%;}
.arrow_w a{position:absolute;}
.arrow_w a img{width:100%;}


/* 디테일 하단 방향키 */
#dtl_bar{position:relative;float:left;width:30%;padding:0 35%;background:#ccc;}
#dtl_bar a{float:left;width:50%;}


/* 디테일 상단 전화걸기 */
.dtl_call{position:fixed;top:0%;right:0%;width:7.8%;padding:2%;background-color:#aaa;}



/* 메인화면 그드리드 설정 */

#photosa {
  /* Prevent vertical gaps */
  -webkit-column-count: 1;
  -webkit-column-gap:   1px;
  -moz-column-count:    1;
  -moz-column-gap:      1px;
  column-count:         1;
  column-gap:           1px;  
}

#photosa  a{
position:relative;float:left;width: 100%;margin:0;padding:0;display: inline;
}

#photosa img {
  /* Just in case there are inline attributes */
  width: 100%;
  height: auto;
  margin-bottom:1px;
}
  #photosa {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }


#photosa a:hover img{
filter:alpha(opacity=90);opacity: 0.4;-moz-opacity:0.4;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);

    -webkit-transition:1s;
    -moz-transition:1s;
    -ms-transition:1s;
    -o-transition:1s;
    transition:1s;

    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
#photosa a span.over_black2{display:none;}
#photosa a:hover span.over_black2{display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(../img/bg_black.png) repeat;}
#photosa a span p{position:absolute;top:48%;left:0; width:100%; font-size:30px;line-height:100%;color:#fff;text-align:Center;width:100%;height:70px;}