@charset "utf-8";


/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}


/*portfolio-list*/
.port_tab { font-size: 0; text-align: center; margin-top: 10px;}  
.port_tab li { position: relative; display: inline-block; font-size: 14px; line-height: 1;  margin: 35px;}
.port_tab li a { color: #ccc; }
.port_tab li a#all_current{ color: #000; }
.port_tab li a#current{ color: #7d7d7d; }
/*.port_tab li + li { }*/
.port_tab li em { position: absolute; top: -10px; right: -15px; font-size: 10px; font-style: normal;}
.port_list { margin-top:40px; }
.port_list > li { position: relative; float: left; width: calc(100% / 3);  padding: 5px;}
.port_list > li .port_inner { position: relative; /*height: 165px;*/}
.port_list > li .port_thumb { position: relative; display:block; padding-top:65.86%;}
.port_list > li .port_thumb img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; max-width: 100%;}
.port_list > li .port_list_tit { position: absolute; top: 0; left: 0; width:100%; height: 100%; padding: 25px 20px 0; color: #7d7d7d; font-size:14px; background: rgba(255,255,255,.8); opacity: 0; transition: .5s all ease-in-out;}
.port_list > li .port_list_tit ul li { display: table; width: 100%; font-size: 14px; }
.port_list > li .port_list_tit ul li + li { margin-top: 10px;}
.port_list > li .port_list_tit ul li > span { display: table-cell; width: 28.5%; color: #000; font-weight: 700;}
.port_list > li .port_list_tit ul li > p { display: table-cell; width: 71.5%; color: #7d7d7d;}
.port_list > li .port_inner > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.port_list > li:hover .port_list_tit { opacity: 1;}


/*portfolio-view*/


.dpp_bd_view_wrap { position: relative; margin: 80px auto 0; max-width: 1040px; width: 100%;}
.port_slide { }
#dpp_thumb li a { position: relative; display:block;width: 100%; height: 685px;}
#dpp_thumb li a img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.port_slide_nav { margin: 75px 0;}
.bx-controls-direction a { position: absolute; top: 320px; left: 50%; font-size: 0; line-height: 0; width: 18px; height: 35px; }
.bx-controls-direction a i,
.bx-controls-direction a span {display:none}
.bx-controls-direction a.bx-prev { margin-left: -570px; background:url(/img/portfolio_prev.png) no-repeat; background-size:cover; z-index: 1;}
.bx-controls-direction a.bx-next { margin-left: 550px; background:url(/img/portfolio_next.png) no-repeat; background-size:cover;}
.dpp_list { max-width:1040px;width: 100%; margin:75px auto 0;  font-size:0;}
.dpp_list span{ max-width:1040px;width: 100%; margin:75px auto 0;  font-size:0;}
.dpp_list a { display:inline-block; width:25%; padding: 0.5%;}
/*.dpp_list a + a { margin-left:1%;}*/

#bo_sch{ display: none;}


@media screen and (max-width: 1200px){ 
    /*portfolio-list*/
    /*.port_list li { width: 20.833vw; height: 13.75vw; margin: 5.83vw 6.25vw;}*/

}

@media screen and (max-width: 1024px){    
    /*portfolio-list*/
   /* .port_list li { width: 44.141vw; height: 29.102vw; margin: 4.395vw 0;}
    .port_list li:nth-child(2n){ margin: 4.395vw 0 4.395vw 3.906vw;}*/
    /*.port_list li .port_thumb img { width: 100%; height: 100%;}*/
	/*.port_list { margin: 3.906vw -3.662vw; }*/
	.port_list { margin-top: 3.906vw; }
	.port_list > li { width: 50%; /*padding: 6.836vw 3.662vw;*/}
	.port_list > li .port_thumb { /* width: 100%; height: 18.113vw;*/}
    
    .port_list > li .port_inner {/* height: 25.390vw;*/}
    .port_list > li .port_list_tit {padding: 5.441vw 6.953vw 0;}
    .port_list > li .port_list_tit ul li { font-size: 1.823vw;}
    
    
    /*portfolio-view*/
    .inner.port { padding: 0 7.906vw;}
    .port_slide { }
    #dpp_thumb li a{ height: 54.7019vw;}
    .bx-controls-direction a{ top: 24.25vw; }
    .bx-controls-direction a.bx-prev { margin-left: -45.666vw; }
    .bx-controls-direction a.bx-next { margin-left: 43.75vw; }
    
    .dpp_list { margin: 7.32vw 0;}
   
}

@media screen and (max-width: 768px){
 /*.port_tab li + li { margin-left: 0}*/
 .port_tab li { margin: 6.16145vw;}
    /*portfolio-list
    .port_tab { margin-top: 35px;}
    .port_tab li + li { margin-left: 7.16145vw;}
	.port_list li .port_thumb img{position:static; width:100%; transform:translate(0)}
	.port_list li .port_thumb{ height:auto;}*/
    
    .port_list > li { float: none; width: 100%;}
    .port_list > li .port_inner {/* height: 62.5vw;*/}
    .port_list > li .port_list_tit { }
    .port_list > li .port_list_tit ul li { font-size: 1.823vw; font-size: 3.033vw;}
    
    /*portfolio-view*/
    .dpp_bd_view_wrap { margin: 12vw auto 0; padding: 0 7.906vw;}
    #dpp_thumb li a { position: relative; width: 100%; height: 54.7019vw;}
    .bx-controls-direction a { top: 24.25vw; width: 9px; height: 17.5px; }
    .bx-controls-direction a.bx-prev { margin-left: -45.666vw; }
    .bx-controls-direction a.bx-next { margin-left: 43.75vw; }
    
    .dpp_list { margin: 7.32vw 0;}
    
}