@charset "utf-8"; 

/* layout */
html { overflow-y: scroll; } 
#wrap { width:100%; min-width:1204px; height:100%; box-sizing:border-box; } 
#headerWrap { position:fixed; top:0; left:0; width:100%; z-index:1000; background:#fff; } 
#container { position:relative; min-height:calc(100% - 107px); padding:112px 0 80px 0; box-sizing:border-box; } 

.header { position:relative; width:1204px; margin:0 auto; padding:24px 0 45px; } 
.logo { width:100%; box-sizing:border-box; } 
.logo a { display:block; width:80px; height:41px; background:url(../images/logo.png) no-repeat; text-indent:-9999em; } 

.header .gnb { display:none; position:absolute; top:22px; right:0; } 
.header .gnb a { font-size:11px; color:#505050; } 
.lnb { position:absolute; top:45px; right:0; } 
.lnb li { float:left; margin-left:38px; } 
.lnb a { font-family: 'Open Sans'; font-size:15px; color:#575757; } 
.lnb li:nth-child(3) ~ li a { font-weight:300; color:#7c7c7c; } 
.lnb .current > a,.lnb a:hover { color:#f19100 !important; text-decoration:none; } 
.lnb .current > a:after { content:""; display:block; border-bottom:1px solid #f19100; } 
.lnb .depth02 { display:none; position:absolute; top:14px; right:27px; padding-top:18px; } 
.lnb .current .depth02 { display:block !important; } 
.lnb .depth02 li { position:relative; padding-left:10px; margin-left:10px; } 
.lnb .depth02 li:before { content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background:#7c7c7c; } 
.lnb .depth02 li:first-child:before { display:none; } 
.lnb .depth02 a { font-weight:normal; color:#7c7c7c; } 
.lnb .depth02 .active a { color:#f19100; } 

.lnb li.m8{background-color:#7c7c7c;padding:5px 10px;border-radius:8px;margin-top:-5px;}
.lnb li.m8 a{color:#fff !important;}
.lnb li.m8 a:hover{color:#f19100 !important;}


#wrap.main { position:relative; min-width:1024px; } 
.main .header { width:100%; min-width:1024px; max-width:1204px; padding:24px 0 45px; } 

.main #container { position:relative; max-width:1920px; height:100%; min-height:768px; padding-bottom:19px; margin:0 auto; } 
.main .section { overflow:hidden; min-width:1024px; max-width:1920px; height:100%; margin:0 auto; } 
.main .section:after { content:""; clear:both; display:table; } 
.main .row { margin-left:0; margin-bottom:5px; } 
.main .row:after { content:""; clear:both; display:table; } 
.main .row > div { position:relative; float:left; height:514px; padding-left:6px; } 
.main .row > div:first-child { padding-left:0; } 
.main .swiper-container { height:100%; } 

.main .section-type1 .top-area { height:67.35751295337%; padding-bottom:6px; margin-bottom:0; } 
.main .top-area .box1 { width:83.33333333333%; } 
.main .top-area .box2 { width:16.66666666667%; } 
.main .bottom-area .box1 { width:41.41666666667%; } 
.main .bottom-area .box2 { width:21.08333333333%; } 
.main .bottom-area .box3 { width:37.5%; } 

.main .row.bottom-area > div { height:254px; } 
.main .row a { display:block; position:relative; width:100%; height:100%; font-family: 'Open Sans','notokr-thin'; font-weight:300; font-size:30px; color:#fff; text-shadow: 1px 1px 4px #000; } 
.main .row a:hover:before { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.1); } 
.main .row a em { position:absolute; right:20px; bottom:12px; } 
.main .bottom-area a em { position:absolute; left:15px; bottom:17px; } 
.main .top-area .box1 a { background:url(../images/main/img_works1.jpg) no-repeat center; background-size:cover; } 
.main .top-area .box2 a { background:url(../images/main/img_blog1.jpg) no-repeat center; background-size:cover; } 
.main .bottom-area .box1 a { background:url(../images/main/img_document.jpg) no-repeat center; background-size:cover; } 
.main .bottom-area .box2 a { background:url(../images/main/img_about1.jpg) no-repeat center; background-size:cover; } 
.main .bottom-area .box3 a { background:url(../images/main/img_people1.jpg) no-repeat center; background-size:cover; } 

.main .type1 .top-area .box1 a em { right:20px; bottom:12px; text-transform:uppercase; } 
.main .type1 .top-area .box2 a em { left:10px; right:auto; } 
.main .type1 .bottom-area .box1 a em { position:absolute; top:10px; right:18px; left:auto; bottom:auto; text-transform:uppercase; } 
.main .type1 .bottom-area .box3 a em { position:absolute; top:10px; right:auto; left:18px; bottom:auto; text-transform:uppercase; } 

.main .type2 .left-area .box1 a em { left:auto; bottom: auto; right:20px; top:50%; margin-top:-22px; text-transform:uppercase; } 
.main .type2 .right-area .box1 a em { bottom:2px; } 
.main .type2 .right-area .box2 a em { bottom:auto; top:4px; text-transform:uppercase; } 
.main .type2 .right-area .box3 a em { bottom:9px; top:auto; font-size:20px; } 
.main .type2 .right-area .box4 a em { bottom:4px; top:auto; font-size:20px; } 

.main .type1 .top-area .box2 a em,.main .type1 .bottom-area .box2 a em { font-size:20px; } 

.main .type1 .section-type2, .main .type2 .section-type1 { display:none; } 
.main .type2 .section-type2 { display:block; height:100%; } 
.main .section-type2 .row { float:left; height:772px; margin-bottom:0; } 
.main .section-type2 .row > div { width:100%; height:100%; padding:0; } 
.main .section-type2 .row a em { position:absolute; left:18px; bottom:17px; text-align:left; } 
.main .section-type2 .left-area { width:697px; } 
.main .section-type2 .right-area { float:right; width:497px; } 
.main .section-type2 .left-area .box1 a { background:url(../images/main/img_works2.jpg) no-repeat center top; background-size:cover; } 
.main .section-type2 .right-area .box1 { height:385px; margin-bottom:2px; } 
.main .section-type2 .right-area .box2 { width:294px; height:385px; } 
.main .section-type2 .right-area .box3 { float:right; width:197px; height:127px; } 
.main .section-type2 .right-area .box4 { float:right; width:197px; height:256px; margin-top:2px; } 
.main .section-type2 .right-area .box1 a { background:url(../images/main/img_document2.jpg) no-repeat center top; background-size:cover; } 
.main .section-type2 .right-area .box2 a { background:url(../images/main/img_people2.jpg) no-repeat center top; background-size:cover; } 
.main .section-type2 .right-area .box3 a { background:url(../images/main/img_blog2.jpg) no-repeat center top; background-size:cover; } 
.main .section-type2 .right-area .box4 a { background:url(../images/main/img_about2.jpg) no-repeat center top; background-size:cover; } 

.main .section-type1 .top-area .box1 { width:83.6%; height:100%; padding-right:6px; } 
.main .section-type1 .top-area .box2 { width:16.4%; height:100%; padding-left:0; } 
.main .section-type1 .bottom-area { height:32.64248704663%; margin-bottom:0; } 
.main .section-type1 .bottom-area .box1 { width:41.41666666667%; height:100%; } 
.main .section-type1 .bottom-area .box2 { width:21%; height:100%; } 
.main .section-type1 .bottom-area .box3 { width:37.58333333333%; height:100%; } 

.main .section-type2 .left-area { width:58%; height:100%; } 
.main .section-type2 .right-area { width:42%; height:100%; padding-left:6px; } 
.main .section-type2 .right-area .box1 { width:100%; height:50.06468305304%; padding-bottom:2px; margin-bottom:0; } 
.main .section-type2 .right-area .box2 { width:60.5%; height:49.93531694696%; padding-right:6px; margin-bottom:0; } 
.main .section-type2 .right-area .box3 { width:39.5%; height:16.73157373027835%; padding-bottom:2px; } 
.main .section-type2 .right-area .box4 { width:39.5%; height:33.20374321668165%; margin-top:0; } 

.container-body { width:100%; min-width:1024px; max-width:1204px; margin:0 auto; } 
.container-body:after { content: ''; display: block; clear: both; } 
.grid { margin:0 auto; box-sizing:border-box; } 
.grid:after { content: ''; display: block; clear: both; } 
.grid-sizer { width:14.28571428571429%; } 
.item { width: 25%; padding:2px; box-sizing:border-box; transition: width 0.4s, height 0.4s; } 
.item { float: left; } 
.item img { display: block; max-width: 100%; } 

.msg-box { display:none; position:fixed; top:98px; left:0; bottom:0; right:0; background:rgba(0,0,0,.7); z-index:1000; } 
.msg-box .inner-box { display:table; width:100%; height:100%; text-align:center; } 
.msg-box .inner-box .msg { display:table-cell; vertical-align:middle; } 
.msg-box .inner-box .msg p { padding:0 1rem; margin-bottom:.8rem; font-family:'notokr-medium'; font-size:17px; color:#fff; letter-spacing: 0; } 
.msg-box .inner-box .msg a { display:inline-block; padding:.4rem .6rem; font-size:0.934rem; color:#fff; border:1px solid rgba(255,255,255,.7); } 

.container-header { position:relative; min-width:1024px; max-width:1204px; margin:0 auto; margin-bottom:36px; z-index:2; } 
.container-header .sort-area { padding-left:12px; padding-right:17px; } 
.container-header .sort-area .select-wrap { display:inline-block; position:relative; margin-right:55px; z-index: 000; } 
.container-header .facilities .selecter-item { float:left; width:50%; } 

.works .container-header .selecter-options { overflow:hidden; width:340px; max-height:420px; } 
.works .container-header .selecter-options ul { max-height:420px; } 
.works .container-header .facilities .selecter-item { /*width:50%; */ } 
.works .container-header .selecter-item { float:none; width:auto; } 
.works .container-header .region .selecter-options > .scrollbar-inner { float:left; width:50%; } 
.works .container-header .region .selecter-options:after { content:""; display:block; position:absolute; top:0; left:50%; bottom:0; border-left:1px dashed #ccc; } 
.works .container-header .year .selecter-options { width:140px; } 
.works .container-header .year .selecter-options ul { float:none; width:100%; } 

.works .region .selecter-selected:before { content:"지역 : "; } 
.works .year .selecter-selected:before { content:"년도 : "; } 

.works .srch-area { right:-1px } 
.srch-area { position:absolute; top:0; right:17px; text-align:right; } 
.srch-box { display:inline-block; position:relative; width:247px; height:32px; padding-right:40px; border:1px solid #d4d4d4; vertical-align:middle; } 
.srch-box select { font-size:16px; color:#2a2a2a; } 
.srch-box .selecter-options span:first-child { display:none; } 
.srch-box input[type="text"],.srch-box input[type="search"] { width:100%; height:100%; border:0; } 
.srch-box .btn-srch { position:absolute; top:0; right:0; width:40px; height:100%; background:url(../images/icon_srch.png) no-repeat center; text-indent:-9999em; } 
.btn-map { display:inline-block; width:55px; height:32px; background:url(../images/icon_map.png) no-repeat center; text-indent:-9999em; vertical-align:middle; } 
.btn-map:hover { background:url(../images/icon_map2.png) no-repeat center; } 
.btn-map.open { background:url(../images/icon_thum.png) no-repeat center; opacity:.5; } 
.btn-map.open:hover { opacity:1; } 
.btn-thumb { display:inline-block; width:20px; height:20px; margin-left:20px; background:url(../images/icon_thum.png) no-repeat center; text-indent:-9999em; vertical-align:middle; opacity: 0.15; filter: alpha(opacity=15); } 
.btn-thumb.on { opacity: 1; filter: alpha(opacity=100); } 
.btn-list { display:inline-block; width:20px; height:20px; margin-left:15px; background:url(../images/icon_list.png) no-repeat center; text-indent:-9999em; vertical-align:middle; opacity: 0.15; filter: alpha(opacity=15); } 
.btn-list.on { opacity: 1; filter: alpha(opacity=100); } 

.works .container-body { position:relative; width:100%; z-index:1; } 
.works .container-body .item { width:301px; } 
.works .map-wrap { display:none; position:static; top:0; left:0; bottom:0; right:0; background:#fff; z-index:100; text-align:center; } 
.works .grid { min-width:1204px; width:1204px !important; margin:0; } 
.works .grid.open { position:fixed !important; height:auto !important; opacity:0; z-index:-1; } 
.works .grid.open:before { content:""; position:fixed !important; top:0; bottom:0; left:0; right:0; z-index:100; } 
.works .grid.open + div { height:0; margin-top:0 !important; opacity:0; } 
.works .btn-more { margin-top:50px; text-align:center; } 
.works .btn-more button { padding:3px 0; font-family:'notokr-medium'; font-size:14px; color:#aeada9; background:none; border-bottom:1px solid #aeada9; } 
.works .btn-more button:hover { color:#8a8989; border-bottom:1px solid #8a8989; } 

.item { position:relative; } 
.item .info { opacity:0; position:absolute; top:2px; bottom:2px; left:2px; right:2px; padding:27px 22px; background:rgba(0,0,0,.5) url(../images/icon_dtl.png) no-repeat 90% 90%; } 
.item a { display:block; height:100%; } 
.item a:hover .info { opacity:1; } 
.item .info .tit { font-size:24px; color:#fff; line-height: 25px; } 
.item .info .tit strong { 
display:block; 
overflow: hidden; 
max-height:50px; line-height:25px; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical; 
word-wrap:break-word; 
font-family:'notokr-light'; font-weight:normal; 
 } 
.item .info .tit em { display:block; margin-top:4px; font-family:'Open Sans'; font-size:16px; color:#bcbcbc; line-height:20px; } 
.item .info .address { display:block; margin-top:4px; font-size:10px; color:#bbb; } 
.item .info .address:before { content:""; display:block; width:4px; height:1px; background:#bbb; } 

.tit-area { padding-right:160px; margin-bottom:35px; } 
.tit-area strong { display:block; font-size:32px; color:#010101; font-weight:normal; } 
.tit-area em { display:block; font-family:'Open Sans'; font-size:19px; color:#2a2a2a; font-weight:300; } 
.tit-area .btn-share { display:block; position:absolute; top:0; right:40px; width:20px; height:23px; background:url(../images/icon_share.png) no-repeat; text-indent:-9999em; } 
.tit-area .share-btns { display:block; position:absolute; top:10px; right:40px; } 
.tit-area .share-btns a { display:inline-block; width:26px; height:26px; margin-left:5px; text-indent:-9999em; opacity:.75; } 
.tit-area .share-btns a:hover { opacity:1; } 
.tit-area .btn-facebook { background:url(../images/icon_facebook.png) no-repeat; background-size:contain; } 
.tit-area .btn-kakaoStory { background:url(../images/icon_kakaoStory.png) no-repeat; background-size:contain; } 
.tit-area .btn-twitter { background:url(../images/icon_twitter.png) no-repeat; background-size:contain; } 
.fixed .tit-area .share-btns { top:50%; margin-top:-15px; } 

.gm-style .gm-style-iw div { background:#fff !important; } 
.gm-style .gm-style-iw div a { display:block; overflow: hidden; width:280px; height: 170px; margin:0 -5px; } 
.gm-style .gm-style-iw div a img { width:100%; max-width:none !important; max-height:none !important; } 

.works .item .info { background:rgba(0,0,0,.5) url(../images/icon_dtl2.png) no-repeat right bottom; } 
.detail-works #headerWrap { position:absolute; } 
.detail-works #container.fixed { padding-top:112px; } 
.detail-works #container.fixed .container-header { position:fixed; top:0; left:0; width:100%; max-width:100%; height:112px; background:#fff; z-index:100; 
box-shadow: 0px -7px 33px 6px rgba(0, 0, 0, 0.21); 
-moz-box-shadow: 0px -7px 33px 6px rgba(0, 0, 0, 0.21); 
-webkit-box-shadow: 0px -7px 33px 6px rgba(0, 0, 0, 0.21); 
 } 
.detail-works #container .container-header .tit-area { padding:0 160px 0 40px; } 
.detail-works #container.fixed .container-header .tit-area { position:relative; width:1204px; height:100%; padding-top:15px; margin:0 auto; } 
.detail-works .tit-area .btn-share { top:10px; } 
.detail-works .tit-area .share-btns { right:0; } 
.detail-works .visual-area .swiper-container { height:692px; background:#fafafa; } 
.detail-works .visual-area .swiper-container-autoheight, .detail-works .visual-area .swiper-container-autoheight .swiper-slide { display: flex; height:100%; align-items: center; justify-content:center; } 
.detail-works .swiper-slide img { max-height:100%; } 
.detail-works .btn-area { display:none; margin-top:42px; text-align:center; } 
.detail-works .btn-worksList { display:inline-block; padding:3px 0; font-family:'notokr-medium'; color:#aeada9; border-bottom:1px solid #aeada9; } 
.detail-works .btn-worksList:hover { color:#8a8989; border-bottom:1px solid #8a8989; } 

.visual-area .swiper-button-prev, .visual-area .swiper-button-next { width:43px; height:78px; -webkit-transition: All .3s ease; transition: All .3s ease; } 
.visual-area .swiper-button-next { right:35px; background:url(../images/icon_arrow_next_gray.png) no-repeat; } 
.visual-area .swiper-button-prev { left:35px; background:url(../images/icon_arrow_prev_gray.png) no-repeat; } 
.visual-area .landscape .swiper-button-next { right:35px; background:url(../images/icon_arrow_next.png) no-repeat; } 
.visual-area .landscape .swiper-button-prev { left:35px; background:url(../images/icon_arrow_prev.png) no-repeat; } 
.visual-area .swiper-container-horizontal > .swiper-pagination-bullets { bottom:20px; } 
.visual-area .swiper-pagination-bullet { width:10px; height:10px; border-radius:6px; border:1px solid #fff; background:none; opacity:1; 
-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.5); 
box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.5); 
 } 
.visual-area .swiper-pagination-bullet-active { background:#fff; } 

.visual-area { margin-bottom:40px; } 
.desc-area { width:100%; } 
.desc-area .desc { float:left; width:68%; padding:0 40px; font-family:'notokr-light'; font-size:15px; color:#787670; line-height:27px; } 
.desc-area .info { overflow:hidden; float:right; width:20%; margin-right:40px; font-size:14px; color:#bdbdbd; } 
.desc-area .info .cont { position:relative; padding-bottom:20px; font-family:'notokr-light'; color:#a1a1a1; } 
.desc-area .info .cont a { font-family:'notokr-light'; } 
.desc-area .info .cont strong { font-family:'notokr-light'; font-weight:normal; } 
.desc-area .info h3 { position:relative; margin-bottom:18px; font-size:16px; color:#2a2a2a; } 
.desc-area .info h3 strong { font-weight:600; } 
.desc-area .info .btn-fold { position:absolute; top:5px; right:0; padding:5px; } 
.desc-area .info .btn-fold em { display:block; width:9px; height:5px; background:url(../images/icon_arrow_down.png) no-repeat; text-indent:-9999em; -webkit-transform:rotate(-180deg); transform:rotate(-180deg); -webkit-transition:All .3s ease; transition:All .3s ease; } 
.desc-area .info .btn-fold.close em { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 

.info-people { margin-bottom:18px; border-bottom:1px solid #dfdfdf; } 
.info-people .cont strong { display:block; color:#8d8d8d; font-weight:normal; } 
.info-project dl { width:100%; } 
.info-project dt { clear:both; float:left; width:56px; margin-right:3px; min-height:20px; font-family:'notokr-light'; letter-spacing:-0.05em; } 
.info-project dd { min-height:21px; margin-left:56px; font-family:'notokr-light'; color:#8d8d8d; } 

.related-project { padding:0 40px; margin-top:40px; } 
.related-project h3 { margin-bottom:26px; font-size:16px; color:#333; font-weight:600; } 
.related-project h3:before { content:""; display:block; width:5px; height:2px; margin-bottom:10px; background:#333; } 
.related-project ul { margin:0 -6px; } 
.related-project ul:after { content:""; clear:both; display:table; } 
.related-project li { float:left; width:12.5%; padding:0 2px; } 
.related-project li a { display:block; position:relative; width:138px; height:138px; } 
/*.related-project li .thumb { display:block; width:100%; height:100%; text-indent:-9999em; } 
.related-project li a:before { content:""; display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); -webkit-transition: All .3s ease; transition: All .3s ease; } 
.related-project li a:hover:before { background:rgba(0,0,0,0); } */
.document .dmp-clip li a:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); -webkit-transition: All .3s ease; transition: All .3s ease; } 
.document .dmp-clip li a:hover:before { background:rgba(0,0,0,0); } 
.related-project li .thumb { display:block; width:100%; height:100%; background:none; background-repeat:no-repeat; background-size:cover; background-position:center; text-indent:-9999em; } 
.related-project li .thumb img { width:100%; } 


.people .selecter-selected { font-weight:bold; } 
.people .selecter-selected:before { font-weight:normal; } 
.people .group .selecter-selected:before { content:"조직별 : "; } 
.people .professional-field .selecter-selected:before { content:"전문분야 : "; font-weight:normal; } 

.people .container-body { width:100%; min-width:1204px; max-width:1204px; margin:0 auto; margin-bottom: 50px; } 
.people .grid { min-width:1204px; max-width:1204px; margin-bottom:8px; } 
.grid:after { content: ''; display: block; clear: both; } 
.people .grid .item { width:172px; height:172px; padding:4px; } 
.people .grid .item.item-width2 { width:344px; height:344px; } 

.people .grid .item.title h3 { display:block; width:100%; height:100%; padding:18px 20px; background:#f19500; font-size:20px; color:#fff; line-height:22px; } 
.people .grid .item.title h3 span { display:none; } 
.people .grid .item.title h3 span strong { display:block; } 
.people .grid .item.title h3 .tit { display:block; text-transform:uppercase; } 
.people .grid .item a { position:relative; } 
/*.people .grid .item .thumb img { border:1px solid #e5e5e5; } */
.people .item .info { opacity:0; top:auto; bottom:0; left:auto; right:0; width:100%; height:28px; padding:0 10px; background:rgba(0,0,0,.4); line-height:28px; text-align:right; } 
.people .item .info span { display:none; } 
.people .item .info .tit { display:block; font-size:13px; color:#fff; } 
.people .list-type.grid { position:relative; } 
.people .list-type.grid .item.title.reflected { display:block; } 
.people .list-type.grid .item.title { height:32px !important; } 
.people .list-type.grid .item.title h3 { display:table; padding:0; } 
.people .list-type.grid .item.title h3 span { display:table-cell; vertical-align:middle; font-size:14px; letter-spacing: 0.075em; } 
.people .list-type.grid .item.title h3 span strong { display:inline-block; font-family:'notokr-bold'; font-weight:normal; } 
.people .list-type .item.title .tit { width:27%; padding-left:20px; font-family:'notokr-regular'; font-size:15px; } 
.people .list-type .item.title .certificate { width:58%; } 
.people .list-type .item.title .position { width:15%; } 
.people .list-type .item.title .field { display:none !important; width:37%; } 

.people .list-type .item.bin { display:none; } 
.people .list-type .item { padding-left:88px; } 
.people .list-type .item.title:after,.people .list-type .item.last:after { display:none; } 
.people .list-type .item:after { content:""; position:absolute; bottom:0; left:88px; right:0; height:1px; background:#efefef; } 
.people .list-type .item a { position:static; } 
.people .list-type .item .thumb { display:block; overflow:hidden; position:absolute; top:50%; left:20px; width:41px; height:41px; margin-top:-20.5px; border-radius:30px; } 
.people .list-type .item .info { display:table; position:static; width:100%; height:55px; padding:5px 0 4px; background:none; opacity:1; text-align:left; } 
.people .list-type .item:last-child .info { border-bottom:0; } 
.people .list-type .item .info span { display:table-cell; font-size:16px; color:#2a2a2a; vertical-align:middle; } 
.people .list-type .item .info .tit { width:27%; padding-left:88px; font-family:'notokr-regular'; } 
.people .list-type .item .info .certificate { width:58%; } 
.people .list-type .item .info .position { width:15%; } 
.people .list-type .item .info .field { display:none; width:37%; } 
.people .list-type.grid .item,.people .list-type.grid .item.item-width2 { width:100% !important; height:55px !important; padding:0; margin-bottom:0; } 
.people .list-type.grid .item:last-of-type:after { display:none; } 
.people .list-type.grid .item.active:after { display:none; } 

.people .list-type .item:hover .info span,.people .list-type .item.active .info span { color:#ef8600; } 
.people .list-type .item:hover .thumb:before,.people .list-type .item.active .thumb:before { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius: 30px; border:3px solid #ef8600; } 

.top-visual .txt { position:absolute; top:178px; left:550px; width:560px; font-size:20px; color:#fff; font-style:italic; } 
.top-visual .txt:before { content:''; display:inline-block; position:absolute; top:-4px; left:-19px; width:19px; height:17px; background:url(../images/icon_qstart.png) no-repeat; } 
.top-visual .txt i { display:inline-block; width:19px; height:27px; background:url(../images/icon_qlast.png) no-repeat center bottom; vertical-align:-webkit-baseline-middle; } 

.left-wrap { float:left; width:35.2%; padding:8px 63px 0 30px; } 
.left-wrap .name-area { padding-bottom:15px; margin-bottom:18px; border-bottom:1px solid #e5e5e5; } 
.left-wrap .name-area dd { font-family:'Open Sans','notokr-demilight'; font-size:16px; color:#8d8d8d; } 
.left-wrap .name-area dd span { display:block; } 
.left-wrap .name { font-size:30px; color:#2a2a2a; } 
.left-wrap .name em { font-family:'notokr-demilight'; font-size:20px; color:rgba(42,42,42,.8); margin-left:8px; } 
.left-wrap .txt-mail { font-size:12px; } 
.left-wrap .txt-mail a { color:#8d8d8d; } 

.left-wrap dt:not(.name) { margin-bottom:12px; font-family:'notokr-medium'; font-size:16px; color:rgba(42,42,42,.8) } 
.left-wrap dd { margin-bottom:35px; font-family:'Open Sans','notokr-light'; font-size:14px; color:rgba(141,141,141,.8); line-height:22px; } 
.left-wrap .project dt { font-family:'Open Sans'; font-weight:600; color:rgba(42,42,42,.8) } 
.left-wrap .project ul { margin:0 -2.5px; } 
.left-wrap .project li { float:left; width:33.3%; height:66px; padding:0 2.5px; margin-bottom:5px; } 
.left-wrap .project li a { display:block; height:100%; } 
.left-wrap .project li a span { display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; text-indent:-9999em; } 

.content-wrap { margin-left:35.2%; } 
.content-wrap .txt-area { padding:8px 35px 0 0; margin-bottom:105px; font-family:'notokr-light'; font-size:15px; color:#787670; line-height:27px; } 

.detail-people .content-wrap .txt-area { margin-bottom:35px; } 
.detail-people .profile-area dl { margin-bottom:35px; } 
.detail-people .profile-area dt { margin-bottom:10px; font-family:'notokr-bold'; font-size:17px; color:#2a2a2a; } 
.detail-people .profile-area dt:before { content:""; display:block; width:5px; height:2px; margin-bottom:13px; background:#333; } 
.detail-people .profile-area dd { font-family:'notokr-light'; font-size:15px; color:#787670; line-height:27px; } 

.popup { position:absolute; background:#fff; z-index:2000; } 
.popup.people-layer { display:none; position:fixed; top:0; left:50%; width:433px; margin-left:-216.5px; padding:55px 40px 72px; border:1px solid #e78304; } 
.popup.people-layer .popup-header { line-height:1.3; } 
.popup.people-layer .popup-body { clear:both; border-top:1px solid #bdbdbd; } 
.popup.people-layer .position { display:block; margin-bottom:0; font-size:12px; color:#ef8600; } 
.popup.people-layer .name { display:block; font-size:30px; color:#2a2a2a; line-height:1.2; } 
.popup.people-layer .email { display:block; position:absolute; left:40px; bottom:25px; font-size:10px; color:#2a2a2a; } 
.popup.people-layer .email a { font-size:10px; color:#2a2a2a; } 
.popup.people-layer .thumb { display:block; float:left; width:164px; height:164px; margin-bottom:30px; margin-right:30px; } 
.popup.people-layer .thumb span { display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } 
.popup.people-layer p { margin-top:30px; font-size:13px; color:#787670; line-height:20px; } 
.popup.people-layer .btn-close { position:absolute; top:10px; right:10px; } 

.mainPopupWrap { display:none; position:absolute; top:112px; left:0; max-width:1920px; background:none; z-index:2000; text-align:center; -webkit-transition:All .3s ease; transition:All .3s ease; } 
.mainPopupWrap .mainPopup { display:inline-block; position:relative; margin:3px; vertical-align: top; -webkit-transition:All .3s ease; transition:All .3s ease; } 
/*
.mainPopupWrap.type1 .mainPopup { max-width:858px; } 
.mainPopupWrap.type2 .mainPopup { max-width:578px; } 
.mainPopupWrap.type2 .mainPopup + .mainPopup { margin-left:7px; } 
.mainPopupWrap.type1 .mainPopup + .mainPopup { display:none; } 
*/

/*.mainPopup .popup-body img { width:100%; max-height:480px; } */
.mainPopup .popup-footer { position:absolute; bottom:0; left:0; width:100%; height:35px; padding:0 0 0 10px; background:rgba(0,0,0,.5); line-height:35px; font-size:14px; color:#fff; text-align:left; } 
.mainPopup .popup-footer input { width:18px; height:18px; border:1px solid #c8c8c7; border-radius:0; vertical-align:middle; } 
.mainPopup .popup-footer .btn-closeTxt { float:right; width:88px; background:rgba(0,0,0,.5); font-size:14px; color:#fff; text-align:center; } 

.document .container-body { max-width:1920px; } 
.document .visual-area { margin-bottom:60px; } 
.document .visual-area .swiper-container { border:1px solid #e5e5e5; } 
.document .visual-area .swiper-slide { overflow:hidden; height:695px; } 
.document .visual-area .swiper-slide a { display:block; height:100%; cursor:default; } 
.document .visual-area .swiper-slide .img-area { display:block; height:100%; background-repeat:no-repeat; background-size:1920px auto; background-position:center; } 
.document .visual-area .swiper-slide .img-area img { display:none; } 
.document .visual-area .swiper-pagination { display:none; } 
.document .visual-area .info { position:absolute; bottom:22px; left:50%; margin-left:70px; font-size:17px; color:#000; font-weight:300; text-align:left; } 
.document .visual-area .info strong { display:block; font-family: 'Open Sans','notokr-light'; font-size:17px; color:#000; font-weight:300; } 
.document .visual-area .info em { opacity:0; } 
.document .visual-area .tag-area { max-width:1204px; margin:0 auto; margin-top:10px; text-align:left; } 
.document .visual-area .tag-area ul { display:inline-block; } 
.document .visual-area .tag-area ul:after { content:""; clear:both; display:table; } 
.document .visual-area .tag-area li { display:inline-block; margin-right:16px; } 
.document .visual-area .tag-area li:last-child { margin-right:0; } 
.document .visual-area .tag-area li a { font-family:'notokr-light'; font-size:13px; color:#9f9f9f; } 
.document .visual-area .tag-area li a em { color:#606060; margin-right:4px; } 
.document .visual-area .tag-area li.current a { font-family:'notokr-medium'; color:#2f3743; } 
.document .visual-area .tag-area li.current a:after { content:""; display:block; height:1px; background:#9f9f9f; } 
.document .visual-area .swiper-button-prev, .document .visual-area .swiper-button-next { display:none !important; } 

.document .dmp-clip { position:relative; height:164px; } 
.document .dmp-clip h3 { margin-bottom:13px; font-size:13px; color:#232323; font-weight:600; text-align:center; } 
.document .dmp-clip h3:before { content:"#"; } 
.document .dmp-clip h3 em { display:none; font-size:18px; } 
.document .dmp-clip .swiper-container { width:1204px; margin:0 auto; } 
.document .dmp-clip li { width:120px; height:120px; margin-left:2px; background:#d2d2d2; } 
.document .dmp-clip li.txt-only { padding: 20px; background: #d1d1d1; } 
.document .dmp-clip li:first-child { margin-left:0; } 
.document .dmp-clip li:last-child { opacity:0; margin-right:50px; } 
.document .dmp-clip li a { display:block; position:relative; height:100%; } 
.document .dmp-clip li a img { top:0; left:0; } 
.document .dmp-clip .swiper-container:after { content:""; display:block; position:absolute; top:0; right:-19px; width:90px; height:100%; background:url(../images/document/right_mask.png) no-repeat right center; z-index:10; } 
.document .dmp-clip .text-type a { display:table; width:100%; height:100%; color:#fff; background:#ef8f01; text-align:center; } 
.document .dmp-clip .text-type a span { display:table-cell; font-family:'notokr-light'; font-size:10px; vertical-align:middle; } 
.document .dmp-clip .text-type a strong { display:block; font-family: 'Open Sans'; font-size:36px; font-weight:normal; } 
.document .dmp-clip.hover .swiper-button-next,.document .dmp-clip.hover .swiper-button-prev { display:block; z-index:1000; } 
.document .dmp-clip .swiper-button-next { right:35px; width:43px; height:78px; margin-top:-39px; background:url(../images/icon_arrow_next.png) no-repeat; } 
.document .dmp-clip .swiper-button-prev { left:10px; width:43px; height:78px; margin-top:-39px; background:url(../images/icon_arrow_prev.png) no-repeat; } 

.detail-document { background:#fafafa; } 
.detail-document #headerWrap,.detail-document #container,.detail-document #footerWrap { background:#fafafa; } 
.clip-box { width:100%; max-width:600px; margin:0 auto; margin-bottom:90px; border:1px solid #e5e5e5; background:#fff; } 
.clip-box .tit-area { position:relative; margin-bottom:0; } 
.clip-box .tit-area h3 { padding:15px 0 15px 22px; font-family:'notokr-bold'; font-size:17px; color:#000; } 
.clip-box .tit-area .share-btns { top:50%; right:20px; margin-top:-15px; } 
.clip-box .visual-area { overflow:hidden; height:559px; margin-bottom:0; } 
.clip-box .visual-area .swiper-container { height:100%; } 
.clip-box .visual-area .swiper-slide span { display:block; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; } 
.clip-box p { padding:30px 22px; font-size:17px; color:#000; line-height:27px; } 
.clip-box.text-only .txt-area { display:table; width:100%; min-height:559px; } 
.clip-box.text-only p { display:table-cell; width:100%; padding:10px 22px 30px; font-size:17px; color:#000; line-height:27px; vertical-align:middle; } 
.clip-box.text-type { display:table; height:570px; margin-top:54px; color:#fff; background:#ef8f01 url(../images/document/clip_txtBg.png) no-repeat; background-size:cover; text-align:center; } 
.clip-box.text-type span { display:table-cell; font-family:'notokr-light'; font-size:24px; vertical-align:middle; } 
.clip-box.text-type strong { display:block; font-family: 'Open Sans'; font-size:100px; font-weight:normal; } 
.clip-box .swiper-button-prev, .clip-box .swiper-button-next { display:none !important; width:64px; height:64px; margin-top:-32px; } 
.clip-box .swiper-button-next { right:0; background:rgba(0,0,0,.6) url(../images/icon_arrow_next.png) no-repeat center; background-size:auto 50px; } 
.clip-box .swiper-button-prev { left:0; background:rgba(0,0,0,.6) url(../images/icon_arrow_prev.png) no-repeat center; background-size:auto 50px; } 

.page-btn { } 
.page-btn a { display:inline-block; position:absolute; top:420px; left:50%; width:29px; height:56px; text-indent:-9999em; } 
.page-btn a.btn-prev { margin-left:-389px; background:url(../images/icon_arrow_prev_gray.png) no-repeat; background-size:contain; } 
.page-btn a.btn-next { margin-left:358px; background:url(../images/icon_arrow_next_gray.png) no-repeat; background-size:contain; } 

.btn-close { display:inline-block; width:20px; height:20px; background:url(../images/icon_close.png) no-repeat; text-indent:-9999em; } 
.document_visualLayer { display:none; position:fixed; top:0; left:0; width:100%; max-width:100%; padding:78px 0 38px; margin-left:0 !important; background:#fff; z-index:10000; } 
.document_visualLayer:after { content:""; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; } 
.document_visualLayer .tit-area { position:relative; width:1204px; height:30px; padding:0; margin:7px auto 14px; font-size:18px; color:#000; text-align:center; z-index:10; } 
.document_visualLayer .tit-area h3 { display:block; width:70%; padding-left:20px; text-align:left; } 
.document_visualLayer .tit-area strong { display:inline-block; font-size:24px; } 
.document_visualLayer .btns { position:absolute; top:0; right:0; } 
.document_visualLayer .share-btns { top:-5px; right: 40px; } 
.document_visualLayer .info { display:none; } 
.document_visualLayer .swiper-container { width:1204px; margin:0 auto; border:1px solid #e5e5e5; } 
.document_visualLayer .swiper-slide a { display:block; height:100%; } 
.document_visualLayer .swiper-slide .img-area { display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; } 
.document_visualLayer .swiper-slide .img-area img { opacity:0; } 
.document_visualLayer .swiper-button-prev, .document_visualLayer .swiper-button-next { width:114px; height:114px; margin-top:-57px; } 
.document_visualLayer .swiper-button-next { right:0; background:url(../images/icon_arrow_next_gray.png) no-repeat center; } 
.document_visualLayer .swiper-button-prev { left:0; background:url(../images/icon_arrow_prev_gray.png) no-repeat center; } 
.document_visualLayer .swiper-container-horizontal > .swiper-pagination-bullets { bottom:20px; } 
.document_visualLayer .swiper-pagination { display:block; width:100%; margin-top:13px; text-align:center; } 
.document_visualLayer .swiper-pagination-bullet { width:10px; height:10px; margin:0 7px; border-radius:6px; background:#fff; border:1px solid #8e8e8e; opacity:1; } 
.document_visualLayer .swiper-pagination-bullet-active { background:#8e8e8e; } 

.about .section { max-width:1204px; margin:0 auto; margin-bottom:80px; } 
.about .section .cont { padding-right:20%; } 
.about .section h3 { position:relative; margin-bottom:13px; font-size:35px; color:#232323; } 
.about .section h3 strong { font-weight:normal; } 
.about .section h3 em { position:absolute; top:0; left:100%; width:20%; padding-left:15px; font-family:'notokr-demilight'; font-size:13px; color:#787670; border-left:1px solid #e5e5e5; } 
.about .section p { font-family:'notokr-light'; font-size:15px; color:#787670; line-height:27px; } 

.about .section.history-dmp ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } 
.about .section.history-dmp li { font-family:'notokr-light'; font-size:15px; color:#787670; line-height:35px; } 
.about .section.history-dmp li em { font-family: 'Open Sans'; margin-right:16px; color:#bdbdbd; } 
.about .section .summery { font-family:'notokr-light'; font-size:15px; color:#232323; letter-spacing:-0.05em; } 
.about .section h4 { margin-top:35px; font-family: 'Open Sans'; font-weight:600; font-size: 15px; color:#232323; } 
.about .section.service-dmp .field { margin-top:35px; } 
.about .section.service-dmp .field:after { content:""; clear:both; display:table; } 
.about .section.service-dmp .field li { float:left; width:20%; font-size:15px; color:#787670; } 

.contacts .section { max-width:1204px; margin:0 auto; margin-bottom:80px; } 
.contacts .map-area { width:100%; height:420px; margin-bottom:45px; } 
.contacts .map-area > div { width:100%; height:100%; } 
.contacts .cont { padding-left:45%; background:url(../images/contact/img_contact.jpg) no-repeat left top; } 
.contacts .cont dl { margin-bottom:35px; font-size:15px; line-height:27px; } 
.contacts .cont dt { margin-bottom:7px; font-family:'notokr-medium'; color:#2a2a2a; } 
.contacts .cont dd { font-family:'notokr-light'; color:#787670; } 
.contacts .cont dd em { font-family:'notokr-light'; font-size:15px; color:#aeaba0; } 

.btn-brochure { margin-right:10px; font-size:11px; color:#bdbdbd; text-decoration:underline; vertical-align:middle; } 

.swiper-button-prev, .swiper-button-next { display:none; } 
.swiper-container.hover .swiper-button-prev,.swiper-container.hover .swiper-button-next { display:block; } 

#footer { padding:35px 0; text-align:center; } 
#footer .footer-menu { display:inline-block; vertical-align:middle; } 
#footer .footer-menu ul { display:inline-block; } 
#footer .footer-menu li { position:relative; float:left; } 
#footer .footer-menu li:before { content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:8px; margin-top:-4px; background:#d9d9db; } 
#footer .footer-menu li:first-child:before { display:none; } 
#footer .footer-menu li a { padding:0 8px; font-family:'notokr-medium'; font-size:11px; color:#828282; } 
#footer .copyright { font-size:10px; color:#cfcfd1; } 

/* Selecter v3.2.4 */
.selecter { position:relative; display:block; z-index:1; } 
.selecter:focus { box-shadow:none; outline:none; } 
.selecter,
.selecter * { -webkit-user-select:none !important; -moz-user-select:none !important; -ms-user-select:none !important; user-select:none !important; } 
.selecter,.selecter *,.selecter *:before,
.selecter *:after { box-sizing:border-box; } 
.selecter-element { width:100%; height:100%; position:absolute; left:0; opacity:0; z-index:-1; } 
.selecter-element,
.selecter-element:focus { outline:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); -webkit-tap-highlight-color:transparent; } 
.no-opacity .selecter-element { left:-999999px; } 
.selecter-selected { position:relative; min-width:88px; height:32px; background:#fff; border-bottom:1px solid #f0f0f0; font-size:14px; color:#2a2a2a; cursor:pointer; display:block; margin:0; overflow:hidden; padding:7px 55px 6px 15px; text-overflow:clip; z-index:2; text-decoration:none; } 
.selecter-selected strong { font-weight:normal; text-transform: uppercase; } 
.selecter-selected:after { position:absolute; top:7px; right:0; height:16px; width:26px; content:''; display:block; background:url(../images/icon_select.png) no-repeat center; -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:All .3s ease; transition:All .3s ease; } 
.selecter-selected.open:after { -webkit-transform:rotate(180deg); transform:rotate(180deg); } 
.selecter-options { width:100%; position:absolute; top:100%; left:0; border:1px solid #dfdfdf; border-width:0 1px 1px; background-color:rgba(255,255,255,.95); display:none; margin:0; padding:0; z-index:50; border-radius:0 0 3px 3px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.15); } 
.selecter-options a { display:block; width:100%; height:100%; color:#8b8b8b; text-transform: uppercase; letter-spacing:-0.05em; } 
.selecter-options a:hover { color:#333; } 
.selecter-options::-webkit-scrollbar-track { border-radius:10px; background-color:#f2f2f3; } 
.selecter-options::-webkit-scrollbar { width:5px; background-color:#f2f2f3; } 
.selecter-options::-webkit-scrollbar-thumb { border-radius:10px; background-color:#c3c3c3; } 
.selecter-options.scroller { position:absolute; } 
.no-opacity .selecter-options { width:auto; } 
.selecter-group { border-bottom:1px solid #ccc; color:#999; display:block; font-size:11px; padding:10px 15px; text-transform:uppercase; } 
.selecter-item { width:100%; letter-spacing:-0.05em; background:none; color:#8b8b8b; cursor:pointer; display:block; font-size:12px; margin:0; padding:7px 0 7px 15px; text-decoration:none; } 
.selecter-item.placeholder { display:none; } 
.selecter-item.selected { } 
.selecter-item.selected a { color:#2a2a2a; font-weight:bold; } 
.selecter-item.disabled { color:#999; cursor:default; } 
.selecter-item:last-child { border-bottom:0; border-radius:0 0 2px 2px; } 
.no-touch .selecter-item:hover,
.no-touch .selecter-item.selected:hover { background-color:#ccc; } 
.selecter-item.disabled,
.no-touch .selecter-item.disabled:hover { color:#ccc; background-color:#fff; } 
.selecter.open { z-index:3; } 
.selecter.open .selecter-selected { z-index:51; border-radius:3px 3px 0 0; } 
.selecter.open .selecter-selected,
.selecter.focus .selecter-selected { background-color:#fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.1); } 
.selecter.cover .selecter-options { border-width:1px; top:0; border-radius:3px; } 
.selecter.cover .selecter-options .selecter-item.first { border-radius:3px 3px 0 0; } 
.selecter.cover.open .selecter-selected { z-index:49; border-radius:3px 3px 0 0; } 
.selecter.bottom .selecter-options { top:auto; bottom:100%; border-width:1px 1px 0; } 
.selecter.bottom .selecter-item:last-child { border:none; } 
.selecter.bottom.open .selecter-selected { border-radius:0 0 3px 3px; } 
.selecter.bottom.open .selecter-options { border-radius:3px 3px 0 0; } 
.selecter.bottom .cover .selecter-options { top:auto; bottom:0; } 
.selecter.bottom .cover.open .selecter-selected { border-radius:3px; } 
.selecter.bottom .cover.open .selecter-options { border-radius:3px; } 
.selecter.multiple .selecter-options { width:100%; position:static; border-width:1px; display:block; border-radius:3px; box-shadow:none; } 
.selecter.disabled .selecter-selected { background:#fff; border-color:#ccc; color:#ccc; cursor:default; } 
.selecter.disabled .selecter-options { background:#fff; border-color:#ccc; } 
.selecter.disabled .selecter-group,
.selecter.disabled .selecter-item { border-color:#ccc; color:#ccc; cursor:default; } 
.selecter.disabled .selecter-item.selected,
.no-touch .selecter.disabled .selecter-item.selected:hover { background:#fafafa; } 
.selecter.disabled .selecter-item,
.no-touch .selecter.disabled .selecter-item:hover { background-color:#fff; } 
.selecter-options.scroller { overflow:hidden; } 
.selecter-options.scroller .scroller-content { max-height:260px; padding:0; } 


.force-width {max-width:1224px !important;}
.news {
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: 1px solid #ddd;
}

.news .container-body {position: relative;}
.news .sns_wrap {position: absolute; top: 90px; right: 20px}
.news .sns_wrap ul {display: flex;}
.news .sns_wrap li a {
    display: block;
    line-height: 1;
    margin: 0 10px;
}
.news .sns_wrap li img {width:40px;}
.news .img_wrap {
    width: 350px;
    height: 270px;
    background-position: center;
    background-size: cover;
    display: inline-block;
}
.news .text_wrap {
    display: inline-block;
    vertical-align: top;
    max-width: 65%;
    margin-left: 40px;
}
.news .category {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 15px;
    color: #232323;
    margin-bottom: 20px;
    padding-left: 13px;
    display: block;
    text-transform: uppercase;
    line-height: 13px;
}
.news .title {
    font-size: 26px;
    color: #232323;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
    padding-left:10px;
}
.news .contents { font-family: 'notokr-light'; font-size: 17px; color: #787670; line-height: 27px; display:block; margin-bottom: 50px; padding-left:10px} 
.news .date { font-size: 16px; color:#787670; display:block; margin-bottom: 8px;padding-left:10px;} 
.news iframe {padding-left: 10px;}
.news .link {font-size:16px;display:block;margin-top: 50px;padding-left: 10px;}
.news .gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1100px;
}
.news .gallery-item {
    padding:10px;
}
.news .gallery img {
    width:100%;
}

.news .btn-area {text-align: center; font-size: 20px;width: 100%;}

.news hr {
    display: block;
    border: 0;
    border-top: 1px solid #DDD;
    margin: 30px 10px 50px;
}

.news .pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.news .pagination a {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    text-decoration: none;
}

.news .pagination a.active {
    background-color: #333;
    color: #fff;
}

@media screen and (max-width: 860px) { 
/*.works .container-body .item { width:240px; } */
 } 

@media screen and (max-width: 768px) { 
/*.works .container-body .item { width:220px; } */
 } 
@media screen and (max-width: 640px) { 
/*.works .container-body .item { width:200px; } */

.desc-area .desc { float:none; width:100%; padding: 0 15px; } 
.desc-area .info { float:none; width:100%; padding: 15px; } 
.related-project li a { height:100px; } 
 } 
@media screen and (max-width: 480px) { 
/*.works .container-body .item { width:150px; } */
 } 


@media (max-width: 320px) { 
.movie-wrap .movie { width:300px; height:169px; } 
 }