@charset "utf-8"; /* 상단 비주얼 */ #visual{clear:both;position:relative;width:100%;margin:0 auto;background:url('/images/main/visual_back.jpg') left top no-repeat;background-color:#b3d7f4;overflow:hidden;} #visual .visual_box{float:left;padding:40px 0 45px 0;max-width:830px;} .silde_item_belt div.item {height:357px;} section.first{float:left;width:100%;max-width:830px !important;padding:40px 0 45px 0;} section.first article {text-align: center;} section.first article:nth-child(1) {width:100%; overflow:hidden;} section.first article:nth-child(2) {width:14.8%;} section.first article:nth-child(3) {width:19%;} .silde_item_belt div.item {background-repeat:no-repeat; background-position:right; background-size:cover; } .silde_item_belt div.item.e25 {background-image:url(/images/main/mainSlide25.jpg);} .silde_item_belt div.item.e24 {background-image:url(/images/main/mainSlide24.jpg);} .silde_item_belt div.item.e23 {background-image:url(/images/main/mainSlide23.jpg);} .silde_item_belt div.item.e22 {background-image:url(/images/main/mainSlide22.jpg);} .silde_item_belt div.item.e21 {background-image:url(/images/main/mainSlide21.jpg);} .silde_item_belt div.item.e19 {background-image:url(/images/main/mainSlide19.jpg);} .silde_item_belt div.item.e20 {background-image:url(/images/main/mainSlide20.jpg);} .silde_item_belt div.item.e17 {background-image:url(/images/main/mainSlide17.png);} .silde_item_belt div.item.e18 {background-image:url(/images/main/mainSlide18.png);} .silde_item_belt div.item.e14 {background-image:url(/images/main/mainSlide14.jpg);} .silde_item_belt div.item.e16 {background-image:url(/images/main/mainSlide16.jpg);} .silde_item_belt div.item.e15 {background-image:url(/images/main/mainSlide15.jpg);} /* .silde_item_belt div.item.e1_1 {background-image:url(/images/main/mainSlide1_1.jpg);} .silde_item_belt div.item.e1 {background-image:url(/images/main/mainSlide1.jpg);} .silde_item_belt div.item.e2 {background-image:url(/images/main/mainSlide2.jpg);} .silde_item_belt div.item.e3 {background-image:url(/images/main/mainSlide3.jpg);} .silde_item_belt div.item.e4 {background-image:url(/images/main/mainSlide4.jpg);} .silde_item_belt div.item.e5 {background-image:url(/images/main/mainSlide5.jpg);} .silde_item_belt div.item.e6 {background-image:url(/images/main/mainSlide6.jpg);} .silde_item_belt div.item.e7 {background-image:url(/images/main/mainSlide7.jpg);} .silde_item_belt div.item.e8 {background-image:url(/images/main/mainSlide8.jpg);} .silde_item_belt div.item.e9 {background-image:url(/images/main/mainSlide9.jpg);} .silde_item_belt div.item.e10 {background-image:url(/images/main/mainSlide10.jpg);} .silde_item_belt div.item.e11 {background-image:url(/images/main/mainSlide11.jpg);} .silde_item_belt div.item.e12 {background-image:url(/images/main/mainSlide12.jpg);} .silde_item_belt div.item.e13 {background-image:url(/images/main/mainSlide13.jpg);} */ .silde_item_belt > .btn_arrow {position:absolute; bottom:10%; left:0; transform:translateY(-50%); width:100%;} .silde_item_belt > .btn_arrow > div {transition:background 0.4s ease, transform 0.6s ease; position:absolute; z-index:50; cursor:pointer;} .silde_item_belt > .btn_arrow > div:hover {} .silde_item_belt > .btn_arrow .prev {left:0;} .silde_item_belt > .btn_arrow .next {left:39px;} #visual .right_bann{float:right;padding-top:40px} #visual .right_bann .bannBox{background-color:#fff;margin-bottom:11px;font-size:0;} #visual .right_bann .bannBox a{display:block;text-align:left;padding:24px 34px;} #visual .right_bann .bannBox .img{display:inline-block;vertical-align:top;padding-right:20px} #visual .right_bann .bannBox .txt{display:inline-block;} #visual .right_bann .bannBox .txt .title{font-size:20px;color:#2c2c2c;padding-bottom:8px;} #visual .right_bann .bannBox .txt .in{font-size:13px;color:#888988;width:195px;} #visual .right_bann .bannBox .txt .in p{color:#cc3455;} @media all and (max-width:1024px) { /* main */ section.first img{width:100%;} section.first{width:100%;max-width:100% !important;} section.first article:nth-child(n) {width:100%;} .silde_item_belt div.item {height:357px;} section.first article, .linkBox_work ul li {float:none;} #visual .right_bann{float:none;width:100%;padding-bottom:40px;} } /* 아이콘 */ #iconBanner{clear:both;position:relative;width:100%;margin:0 auto;text-align:center;background-color:#585f65;padding:13px 0;vertical-align:top;} #iconBanner ul{vertical-align:top;} #iconBanner li{display:inline-block;text-align:center;width:16.50%;vertical-align:top;} #iconBanner li a{color:#fff; font-size:18px;vertical-align:top;} #iconBanner li p{padding-top:8px;vertical-align:top;} @media all and (max-width:1024px) { #iconBanner li{width:14.50%;} } @media all and (max-width:400px) { #iconBanner li{width:25.50%;} #iconBanner li a{font-size:14px;} } /* gallery */ #gallery .inner_wrap {position:relative;width:100%;max-width:1200px;margin:45px auto;padding-bottom:20px;} #gallery h3.tit {font-size:24px;font-weight: 600;padding-bottom:20px;} #gallery h3 .more_btn{position:absolute;right:0;top:0px;} #gallery ul {font-size:0;} #gallery ul li {display: inline-block;padding:0 24px 0 0;} #gallery ul li img {width:282px;height:180px;} #gallery ul li:nth-child(4) {padding:0;} #gallery ul li p.latest_tit {font-size:17px;color:#333;padding: 20px 0 10px 0;text-overflow:ellipsis; white-space: nowrap;overflow: hidden;width:100%;max-width:280px;} @media (max-width:1200px) { #gallery .inner_wrap {width:100%;max-width:100% !important;} #gallery ul {width:100%;text-align:center;overflow:hidden;} #gallery ul li {text-align:left;} } @media all and (max-width:1024px) { #gallery h3.tit {padding-left:10px;} #gallery h3 .more_btn{right:10px;} #gallery ul {overflow:hidden;} #gallery ul li p.latest_tit {font-size:15px;} #gallery ul{ width: calc(100% - 0px); -oz-width: calc(100% - 0px); -webkit-width: calc(100% - 0px);} } @media all and (max-width:500px) { #gallery ul li{text-align:center; width: calc(100% - 0px); -oz-width: calc(100% - 0px); -webkit-width: calc(100% - 0px);} #gallery ul li p{text-align:center;margin:0 auto;} } /* 문화원소식 */ .notiboard{clear:both;position:relative;width:100%;margin:0 auto;text-align:center;} .notiboard .notice, .free, .activity{display:inline-block;position:relative;width:380px;vertical-align:top;} .notiboard .notice h4, .free h4, .activity h4{color:#070707;font-size:24px;text-align:left;letter-spacing: -2px;} .notiboard .more{position:absolute;top:0px;right:0;} .notiboard ul{border:1px solid #e5e5e5;padding:28px 25px;margin-top:14px;} .notiboard ul li{border-bottom:1px solid #e5e5e5;text-align:left;line-height:42px;text-overflow:ellipsis; white-space: nowrap;overflow: hidden;} .notiboard ul li:nth-child(4) {border:0 solid;} .notiboard ul li a{font-size:16px;color:#222;} /* 자유게시판 */ .notiboard .free{position:relative;margin-left:25px;} /* 묻고답하기 */ .notiboard .activity{position:relative;margin-left:25px;} @media all and (max-width:1024px) { .notiboard .notice, .free, .activity{width:30%;} } @media all and (max-width:600px) { .notiboard .notice h4, .free h4, .activity h4{padding-left:10px;} .notiboard .more, .free .more, .activity .more{right:10px;} .notiboard .notice, .free, .activity{width:100%;} .notiboard .free, .notiboard .activity{margin-left:0px;margin-top:20px;} }