@media only screen and (min-width: 960px){
div.p_display_all{display:block;}
div.p_display_700{display:none;}

}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup { width: 714px!important; }
.fixed .header { width: 774px!important;  }
.portfolio-grid { width: 719px; }
.portfolio-grid ul li{margin: 0 0 12px 12px;}
.portfolio-grid ul li.col2 { width: 354px; }
.portfolio-grid ul li.col3 { width: 224px;}
.portfolio-grid ul li.col4 { width: 174px; }
.portfolio-grid ul.shaped.hexagon li { margin: 0 0 15px 3px; }
.portfolio-grid ul.shaped.triangle li { margin: 0 0 15px 30px; }
.portfolio-grid ul.shaped.circle li { margin: 0 0 15px 3px; }
.grid.row3 li {width: 237px;}
.grid.row4 li {width: 177px;}
.grid.row5 li {width: 142px;}
.grid.row6 li {width: 118px;}
.google-map.fullwidth {	width: 774px; height: 500px; }
div.p_display_all{display:none;}
div.p_display_700{display:block;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup, #primary-menu select { width: 420px!important; }
#header-wrapper.fixed { display:none !important; }
#primary-menu select { display:block; }
#primary-menu ul { display:none; }
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%;margin-right: 0; margin-bottom: 25px; }
.portfolio-grid { width: 100%; margin: 0; }
.portfolio-grid ul li.col2, .portfolio-grid ul li.col3, .portfolio-grid ul li.col4 {  width: 100%;  margin: 0 0 20px 0; }
.portfolio-grid ul.shaped.hexagon li { margin: 0 92px 20px 92px; }
.portfolio-grid ul.shaped.triangle li { margin: 0 52px 20px 52px; }
.portfolio-grid ul.shaped.circle li { margin: 0 92px 20px 92px; }
.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li {width: 209px;}
.google-map.fullwidth {	width: 480px; height: 200px!important; }
.contact-button { margin-top: 0; }
#footer-bottom, #footer-bottom .text-align-right { text-align: center; }
#footer-bottom .one-half { margin-bottom: 2px; }
div.p_display_all{display:block;}
div.p_display_700{display:none;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup, #primary-menu select { width: 300px!important; }
#header-wrapper.fixed { display:none !important; }
#primary-menu select { display:block; }
#primary-menu ul { display:none; }
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%;margin-right: 0; margin-bottom: 25px; }
.grid li { border-right: none; }
.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li { width: 300px; }
.portfolio-grid { width: 100%; margin: 0; }
.portfolio-grid ul li.col2, .portfolio-grid ul li.col3, .portfolio-grid ul li.col4 {  width: 100%;  margin: 0 0 6px 0; }
.portfolio-grid ul.shaped.hexagon li { margin: 0 32px 20px 32px; }
.portfolio-grid ul.shaped.triangle li { margin: 0 0px 20px 0; }
.triangle .item-container, .triangle .item-mask { width: 300px; height: 263px; }
.triangle .item-mask, .triangle .item-info-overlay { background: url(../images/mask-triangle-portrait.png) no-repeat 0 0 transparent; }
.triangle .item-container img {	height: 263px; }
.triangle .item-info-overlay div {	padding: 20%; }
.portfolio-grid ul.shaped.circle li { margin: 0 32px 20px 32px; }
.google-map.fullwidth {	width: 320px; margin-left:-10px; height: 200px!important; }
.contact-button { margin-top: 0; }
#footer-bottom, #footer-bottom .text-align-right { text-align: center; }
#footer-bottom .one-half { margin-bottom: 2px; }
#footer-content {padding:0px; margin:0px; margin:0 auto;}
.content-wrapper {padding:0px 10px;}
#footer-bottom, #footer-top {  padding: 35px 5px;}
div.p_display_all{display:block;}
div.p_display_700{display:none;}
}

/*BLOG*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
#inner-content { width: 490px; }
#sidebar { width: 190px; }
.blog1 .post-content, .blog5 .post-content, .blog6 .post-content, .blog5 .post-title, .blog5 .post-meta, .blog6 .post-title, .blog6 .post-meta { width: 390px; }
.one.blog1 .post-content {width: 610px;}
.one.blog3 .post-content {width: 432px;}
.one.blog6 .post-content {width: 610px;}
.blog3 .post-media { width: 150px; }
.blog3 .post-content { width: 210px; }
.comment .comment-wrap, .comment .comment-meta { width: 85.4%; }
.comment .children .comment-wrap, .comment .children .comment-meta { width: 83%; }
.comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 79.8%; }
.comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 75%; }
.comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 100%; }
.comment .children .children .children  .children .children .comment-wrap, .comment .children .children .children .children .children .comment-meta { width: 100%; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
#inner-content, #sidebar { width: 420px; }
#inner-content { border-bottom: 1px solid #eee; margin: 0 0 40px 0; padding: 0 0 40px 0; }
.blog1 .post-content, .blog5 .post-content, .blog6 .post-content, .blog5 .post-title, .blog5 .post-meta, .blog6 .post-title, .blog6 .post-meta { width: 320px; } 
.blog6 .post-content, .blog6 .post-title, .blog6 .post-meta { width: 320px; }
.one.blog1 .post-content {width: 320px;}
.one.blog3 .post-content {width: 420px;}
.one.blog5 .post-title, .one.blog5 .post-meta, .one.blog5 .post-content {width: 320px;}
.one.blog6 .post-title, .one.blog6 .post-meta,  .one.blog6 .post-content {width: 320px;}
.comment .comment-wrap, .comment .comment-meta { width: 100%; }
.comment .children .comment-wrap, .comment .children .comment-meta { width: 100%; }
.comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 100%; }
.comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 100%; }
.comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 100%; }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
#inner-content, #sidebar { width: 300px; }
#inner-content { border-bottom: 1px solid #eee; margin: 0 0 40px 0; padding: 0 0 40px 0; }
.blog1 .post-content, .blog5 .post-content, .blog6 .post-content, .blog5 .post-title, .blog5 .post-meta, .blog6 .post-title, .blog6 .post-meta { width: 300px; } 
.blog6 .post-content, .blog6 .post-title, .blog6 .post-meta { width: 300px; }
.one.blog1 .post-content {width: 300px;}
.one.blog3 .post-content {width: 300px;}
.one.blog5 .post-title, .one.blog5 .post-meta, .one.blog5 .post-content {width: 300px;}
.one.blog6 .post-title, .one.blog6 .post-meta, .one.blog6 .post-content {width: 300px;}
.comment .comment-wrap, .comment .comment-meta { width: 100%; }
.comment .children .comment-wrap, .comment .children .comment-meta { width: 100%; }
.comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 100%; }
.comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 100%; }
.comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 100%; }
.blog5 .post-info { width: 100%; margin: -57px 0 0 0; }
.post-info { width: 100%; margin: 0 0 20px 0; }
.post-info div { width: auto; float: left; }
.post-info div.date { padding: 8px; }
.post-info div.date span { display: inline; margin: 0 2px; }
.post-info div.date span.day, .post-info div.date span.month, .post-info div.comments a span { font-size: 11px; line-height: 11px; }
.post-info div.comments { height: auto; }
.post-info div.comments a { font-size: 11px; padding: 8px; }
.post-info div.comments a span { display: inline; margin: 0 2px; }
}

/*FLEXSLIDER*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
.slideshow-container, #index-slider, #portfolio-slider, #blog-slider { width: 714px; height: auto; }
#inner-content .slideshow-container, #inner-content #index-slider, #portfolio-slider, #inner-content #blog-slider { width: 490px; height: auto; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.slideshow-container, #index-slider { width: 420px; height: auto; }
.slideshow-container .section-title { float: left; width: 380px; }
.slideshow-container .section-title h1 { font: bold 28px/38px Helvetica,Arial,sans-serif; }
.flex-caption, .pagination { display:none; }

/* prettyPhoto styling for small screens */
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 10px!important; }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.slideshow-container, #index-slider { width: 300px; height: auto; }
.slideshow-container .section-title { float: left; width: 260px; }
.slideshow-container .section-title h1 { font: bold 20px/25px Helvetica,Arial,sans-serif; }
.flex-caption, .pagination { display:none; }

/* prettyPhoto styling for small screens */
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 10px!important; }
}
/*윈코워드프레스*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
ul.word_point{overflow:hidden; margin:0; padding:0;}
ul.word_point li{list-style:none; float:left; width:170px; text-align:center; margin-right:70px;}
ul.word_point li.word_icon1{margin-left:30px;}
ul.word_point li.word_icon3{margin-right:0px;}
ul.word_point li.word_icon4{margin-left:160px; margin-top:20px;}
ul.word_point li.word_icon5{margin-right:0px; margin-top:20px;}
ul.word_point li div{width:170px; height:170px; }
ul.word_point li.word_icon1 div{background:url('../images/icons/wordpress_icon_off.gif') 0 0 no-repeat;}
ul.word_point li.word_icon2 div{background:url('../images/icons/wordpress_icon_off.gif') -170px 0 no-repeat;}
ul.word_point li.word_icon3 div{background:url('../images/icons/wordpress_icon_off.gif') -340px 0 no-repeat;}
ul.word_point li.word_icon4 div{background:url('../images/icons/wordpress_icon_off.gif') -510px 0 no-repeat;}
ul.word_point li.word_icon5 div{background:url('../images/icons/wordpress_icon_off.gif') -680px 0 no-repeat;}
ul.word_point li.word_icon1:hover div{background:url('../images/icons/wordpress_icon.gif') 0 0 no-repeat;}
ul.word_point li.word_icon2:hover div{background:url('../images/icons/wordpress_icon.gif') -170px 0 no-repeat;}
ul.word_point li.word_icon3:hover div{background:url('../images/icons/wordpress_icon.gif') -340px 0 no-repeat;}
ul.word_point li.word_icon4:hover div{background:url('../images/icons/wordpress_icon.gif') -510px 0 no-repeat;}
ul.word_point li.word_icon5:hover div{background:url('../images/icons/wordpress_icon.gif') -680px 0 no-repeat;}

ul.word_point li p{font-size:11px;}
ul.word_point li h4{font-size:13px; color:#799981; font-weight:700; margin:5px 0 0 0;}
div.winko_word_bg{width:297px; height:133px; background:url('../images/wwp_sub_bg3.jpg') 0 0 no-repeat; padding:13px 0px; float:left; margin-left:40px;}
.wp-image-2240{float:right; margin:30px 50px 0 0;}
div.winko_word_bg div.word_text_wrap{float:left; padding:6px 0 0 20px; width:100%; height:86px;}
div.winko_word_bg h4.winko_word{font-size:13px; color:#96887b; margin:0; padding:0; font-weight:700; clear:none;}
div.wordpress_wrap dl{margin:22px 0;}
div.wordpress_wrap dl dt{font-size:16px; margin-bottom:15px;}
div.wordpress_wrap dl dd{font-size:13px; float:left; width:47%; border-bottom:1px dashed #799981; margin-right:6%; margin-bottom:14px; padding-bottom:2px;}
div.wordpress_wrap dl dd.dd_even{margin-right:0;}
div.wordpress_wrap dl dd span{background:#799981; color:#fff; font-weight:700; padding: 0 10px 0 3px; font-size:15px;}
div.display_320{display:block;} .display_all{display:none;}
div.display_all_table{display:block;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
ul.word_point{overflow:hidden; margin:0; padding:0;}
ul.word_point li{list-style:none; float:left; width:170px; text-align:center; }
ul.word_point li.word_icon1{margin-left:30px; margin-right:30px;}
ul.word_point li.word_icon2{margin:0;}
ul.word_point li.word_icon3{margin:20px 134px;}
ul.word_point li.word_icon4{margin-left:30px; margin-right:30px; margin-top:0;}
ul.word_point li.word_icon5{margin:0;}
ul.word_point li div{width:170px; height:170px; }
ul.word_point li.word_icon1 div{background:url('../images/icons/wordpress_icon_off.gif') 0 0 no-repeat;}
ul.word_point li.word_icon2 div{background:url('../images/icons/wordpress_icon_off.gif') -170px 0 no-repeat;}
ul.word_point li.word_icon3 div{background:url('../images/icons/wordpress_icon_off.gif') -340px 0 no-repeat;}
ul.word_point li.word_icon4 div{background:url('../images/icons/wordpress_icon_off.gif') -510px 0 no-repeat;}
ul.word_point li.word_icon5 div{background:url('../images/icons/wordpress_icon_off.gif') -680px 0 no-repeat;}
ul.word_point li.word_icon1:hover div{background:url('../images/icons/wordpress_icon.gif') 0 0 no-repeat;}
ul.word_point li.word_icon2:hover div{background:url('../images/icons/wordpress_icon.gif') -170px 0 no-repeat;}
ul.word_point li.word_icon3:hover div{background:url('../images/icons/wordpress_icon.gif') -340px 0 no-repeat;}
ul.word_point li.word_icon4:hover div{background:url('../images/icons/wordpress_icon.gif') -510px 0 no-repeat;}
ul.word_point li.word_icon5:hover div{background:url('../images/icons/wordpress_icon.gif') -680px 0 no-repeat;}

ul.word_point li p{font-size:11px;}
ul.word_point li h4{font-size:13px; color:#799981; font-weight:700; margin:5px 0 0 0;}
div.winko_word_bg{width:417px; height:123px; background:url('../images/wwp_sub_bg2.jpg') 0 0 no-repeat; padding:20px; float:left; margin:10px auto;float:none; }
div.winko_word_bg div.word_text_wrap{padding:6px 0 0 70px; background:url('../images/colon_bg.gif') no-repeat; width:100%; height:86px;}
.strong_display{display:block; }
.wp-image-2240{display:none;}
div.winko_word_bg h4.winko_word{font-size:13px; color:#96887b; margin:0; padding:0; font-weight:700; clear:none;}
div.wordpress_wrap dl{margin:22px 0;}
div.wordpress_wrap dl dt{font-size:16px; margin-bottom:15px;}
div.wordpress_wrap dl dd{font-size:13px; float:none !important; width:100%; border-bottom:1px dashed #799981;  margin-bottom:14px; padding-bottom:2px;}
div.wordpress_wrap dl dd.dd_even{margin-right:0;}
div.wordpress_wrap dl dd span{background:#799981; color:#fff; font-weight:700; padding: 0 10px 0 3px; font-size:15px;}
}

@media screen and (max-width:480px){
ul.word_point{overflow:hidden; margin:0; padding:0;}
ul.word_point li{list-style:none; float:none; width:170px; text-align:center; margin: 15px auto !important;}
ul.word_point li div{width:170px; height:170px; }
ul.word_point li.word_icon1 div{background:url('../images/icons/wordpress_icon_off.gif') 0 0 no-repeat;}
ul.word_point li.word_icon2 div{background:url('../images/icons/wordpress_icon_off.gif') -170px 0 no-repeat;}
ul.word_point li.word_icon3 div{background:url('../images/icons/wordpress_icon_off.gif') -340px 0 no-repeat;}
ul.word_point li.word_icon4 div{background:url('../images/icons/wordpress_icon_off.gif') -510px 0 no-repeat;}
ul.word_point li.word_icon5 div{background:url('../images/icons/wordpress_icon_off.gif') -680px 0 no-repeat;}
ul.word_point li.word_icon1:hover div{background:url('../images/icons/wordpress_icon.gif') 0 0 no-repeat;}
ul.word_point li.word_icon2:hover div{background:url('../images/icons/wordpress_icon.gif') -170px 0 no-repeat;}
ul.word_point li.word_icon3:hover div{background:url('../images/icons/wordpress_icon.gif') -340px 0 no-repeat;}
ul.word_point li.word_icon4:hover div{background:url('../images/icons/wordpress_icon.gif') -510px 0 no-repeat;}
ul.word_point li.word_icon5:hover div{background:url('../images/icons/wordpress_icon.gif') -680px 0 no-repeat;}
ul.word_point li p{font-size:11px;}
ul.word_point li h4{font-size:13px; color:#799981; font-weight:700; margin:5px 0 0 0;}
div.winko_word_bg{width:258px; height:123px; background:url('../images/wwp_sub_bg3.jpg') 0 0 no-repeat; padding:20px; float:left; margin:10px auto;float:none; margin-left:0; }
div.winko_word_bg div.word_text_wrap{padding:0; background:url('../images/colon_bg1.gif') no-repeat; width:254px; height:86px;}
.strong_display{display:block; }
.wp-image-2240{display:none;}
div.winko_word_bg h4.winko_word{font-size:13px; color:#96887b; margin:0; padding:0; font-weight:700; clear:none;}
div.wordpress_wrap dl{margin:22px 0;}
div.wordpress_wrap dl dt{font-size:16px; margin-bottom:15px;}
div.wordpress_wrap dl dd{font-size:13px; float:none !important; width:100%; border-bottom:1px dashed #799981;  margin-bottom:14px; padding-bottom:2px;}
div.wordpress_wrap dl dd.dd_even{margin-right:0;}
div.wordpress_wrap dl dd span{background:#799981; color:#fff; font-weight:700; padding: 0 10px 0 3px; font-size:15px;}
div.display_320{display:block;} .display_all{display:none;}
}

/*inquery*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
div.display_700{display:block;}
div.display_700 table.inquery_table td{padding-right:25px;}
div.display_700 table.inquery_table{width:100%;}
div.display_700 table.inquery_table td.td_http input{width:60%;}
div.display_700 table.inquery_table td.td_http2 input{width:60%;}
div.display_all_table{display:none;}

}