/* Written By MJS */
html,body,p,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-size:12px;color:#282828;font-family:'Nanum Gothic','³ª´®°íµñ',ng,sans-serif}
img,fieldset{border:0;margin:0;padding:0;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{border:0;cursor:pointer;color:#333;}
a:link{border:0;color:#333;text-decoration:none}
a:visited,a:hover,a:active{border:0;color:#333;text-decoration:none}
table{border-spacing:0;padding:0;border:0;border-collapse:collapse}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}


/* ³ª´®°íµñ ÆùÆ® Àû¿ë */
@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;
  min-width:100%;
}





/*============================ »ó´Ü ============================*/
/* ·Î°í */
.logo {position:relative;float:left;width:100%;padding:10px 0 0 0;height:20px;text-align:center;font-size:20px;font-weight:600;background:#fff;}



/* ÆäÀÌ¡ */
.menu_w{position:relative;float:left;width:100%;height:26px;padding:20px 0 10px 0;background:#fff;}
.menu{text-align:center;}
.menu ul{display:inline-block;zoom:1;*display:inline;margin:0 10px}
.menu ul li{float:left;margin:0 10px;}
.menu ul li a{float:left;text-align:center;height:20px;line-height:20px;font-size:12px;letter-spacing:-1px;}


.tel {position:relative;float:left;width:100%;padding:0 0 10px 0;height:20px;text-align:center;font-size:12px;font-weight:600;background:#fff;}


/* ¿ìÃø ½½¶óÀÌµå ¸Þ´º */
/*#hamburger-wrapper{position:absolute;right:40px;top:40px;}
#hamburger{position:absolute;right:0;top:0;width:22px;height:22px;cursor:pointer;}
#close-sidenav{position:absolute;right:40px;top:36px;width:100%;font-size:24px;text-align:right;color:#fff;cursor:pointer;}
#sidenav{position:fixed;height:100%;width:50%;top:0;right:-50%;background:url(../img/bg_black.png) repeat;transition:0.4s;z-index:1000000000;}
#sidenav ul{float:left;width:100%;margin-top:34%;}
#sidenav ul li{float:left;width:100%;margin:8px 0;}
#sidenav ul li a{float:left;width:100%;line-height:40px;font-size:24px;text-align:center;color:#fff;}

.side_call{position:relative;float:left;width:100%;text-align:center;margin:8px 0;}
.side_call p{display:inline-block;height:40px;text-align:center;}
.side_call p span{float:left;width:58px;height:40px;background:url(../img/icon_call_white.png) no-repeat bottom;background-size:40px;}
.side_call p b{float:left;line-height:40px;font-size:24px;font-weight:400;color:#fff;text-align:center;margin-top:-2px;}*/




/*============================ ¸ÞÀÎ ============================*/
#main_contents{position:relative;float:left;width:100%;}






/*============================ ÇÏ´Ü ============================*/
#footer{position:relative;float:left;width:94%;margin:30px 0;}
#footer p{float:left;width:100%;text-align:right;font-size:14px;color:#000;margin-top:15px;}
.f_sns{float:left;width:100%;}
.f_sns ul{float:right;}
.f_sns ul li{float:left;margin-left:18px;}
.f_sns ul li a{float:left;width:20px;}
.f_sns ul li a img{float:left;width:100%;}

.f_sns2{float:left;width:100%;}
.f_sns2 ul{float:right;}
.f_sns2 ul li{float:left;margin-left:10px;}
.f_sns2 ul li a{float:left;width:26px;}
.f_sns2 ul li a img{float:left;width:100%;}





/*============================ ¼­ºê ============================*/
/* ¼­ºêŸÀÌƲ */
.stitle{position:relative;float:left;width:100%;font-size:20px;text-align:center;margin-bottom:50px;margin-top:140px;}


/* ¼­ºê ÄÁÅÙÃ÷ µé¾î°¥ °ø°£*/
#sub_contents{position:relative;float:left;width:100%;}


/* »çÁø¸®½ºÆ® */
.p_list{position:relative;float:left;width:100%;text-align:center;background:#fff;margin-top:-30px;}
.p_list ul{display:inline;list-style:none;background:#fff;}
.p_list ul li{display:inline;background:#fff;}
.p_list ul li a{display:inline-block;width:500px;height:750px;margin:30px 17px;}
.p_list ul li a:hover{filter:alpha(opacity=60);opacity: 0.4;-moz-opacity:0.4;}



/* »çÁø¸®½ºÆ® 1ÁÙ 2Àå */
.photo_w{position:relative;float:left;width:100%;}
#p_list2{text-align:center;}
#p_list2 ul{display:inline-block;zoom:1;*display:inline;}
#p_list2 ul li{position:relative;display:inline-block;width:500px;height:750px;margin:15px;overflow:hidden;}
/* background:url(../img/bg_black.png) repeat; */
#p_list2 ul li a{display:inline-block;width:500px;height:750px;}
#p_list2 ul li img{float:left;width:100%;}
#p_list2 ul li a:hover img{
	filter:alpha(opacity=60);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.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
#p_list2 ul li a span.over_img{display:none;}
#p_list2 ul li a:hover span.over_img{display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;}
/* background:url(../img/bg_black.png) repeat; */
#p_list2 ul li 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;}

#p_list3{text-align:center;}
#p_list3 li {width:100%;text-align:center;}


/*============================ µðÅ×ÀÏ ============================*/
/* »çÁø¸®½ºÆ® 1ÁÙ 1Àå */
.d_list{position:relative;width:100%;text-align:center;overflow:hidden;}
.d_list p{display:inline-block;margin:0 5px;}


/* Á¿ì Áß°£¿¡ À§Ä¡ÇÑ È­»ìÇ¥ */
.arrow{position:fixed;width:1000px;margin-left:-500px;left:50%;top:50%;z-index:1;}
.dtl_arrow_left{position:absolute;left:20px;width:49px;height:97px;}
.dtl_arrow_right{position:absolute;right:20px;width:49px;height:97px;}


/* ÀÌÀü,¸ñ·Ï,´ÙÀ½ ¹öÆ° */
.detail_btn{position:relative;width:100%;height:40px;margin-top:60px;text-align:center;}
.detail_btn ul li a{display:inline-block;margin:0 10px;}


/* ÆäÀÌ¡ */
.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;}







/* À§·Î°¡±â */
.go-top{position:fixed;display:block;bottom:-61px;right:20px;width:27px;height:25px;padding:17px 18px;background-color:#898989;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
text-decoration:none;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;}

.go-top.show{bottom:20px;color:#FFFFFF;}

.go-top a{color:#FFFFFF;}

/* ȨÀ¸·Î */
.go-top2{position:fixed;display:block;bottom:-61px;left:20px;width:27px;height:25px;padding:17px 18px;background-color:#898989;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
text-decoration:none;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;}

.go-top2.show{bottom:20px;color:#FFFFFF;}

.go-top2 a{color:#FFFFFF;}

/* ÀÌÀü */
.go-top3{position:fixed;display:block;bottom:-61px;right:90px;width:27px;height:25px;padding:17px 18px;background-color:#898989;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
text-decoration:none;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;}

.go-top3.show{bottom:20px;color:#FFFFFF;}

.go-top3 a{color:#FFFFFF;}

/* ÀÌÈÄ */
.go-top4{position:fixed;display:block;bottom:-61px;left:90px;width:27px;height:25px;padding:17px 18px;background-color:#898989;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
text-decoration:none;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;}

.go-top4.show{bottom:20px;color:#FFFFFF;}

.go-top4 a{color:#FFFFFF;}




/* ¸ÞÀÎÈ­¸é ±×µå¸®µå ¼³Á¤ */

#photosa {
  /* Prevent vertical gaps */
  -webkit-column-count: 4;
  -webkit-column-gap:   1px;
  -moz-column-count:    4;
  -moz-column-gap:      1px;
  column-count:         4;
  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;
}

@media screen and (min-width: 1201px) and (max-widht:1920px) {
  #photosa {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}

@media screen and  (max-width: 1200px) {
  #photosa {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media screen and  (max-width: 1000px) {
  #photosa {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media screen and  (max-width: 800px) {
  #photosa {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media screen and  (max-width: 400px) {
  #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;}