473 lines
26 KiB
CSS
473 lines
26 KiB
CSS
/* PC */
|
|
|
|
section.main {
|
|
position:relative;
|
|
width:100%;
|
|
}
|
|
|
|
.visual {position:relative; width:100%; height:auto;}
|
|
|
|
/*메인슬라이드 s*/
|
|
#slides {position:relative;}
|
|
#slides, #slides .slidesjs-control, #slides .slidesjs-container, #slides .slidesjs-slide {width:100%;height:auto;z-index:0;}
|
|
#slides .slidesjs-navigation {
|
|
margin-top:0px;
|
|
}
|
|
|
|
#slides a.slidesjs-next,
|
|
#slides a.slidesjs-previous{
|
|
display:block;
|
|
width:7%;
|
|
height:18%;
|
|
text-indent: -9999px;
|
|
z-index:100;
|
|
}
|
|
|
|
#slides a.slidesjs-next {
|
|
background-image: url('/img/index/btns-next.png');
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
position:absolute;
|
|
top:40%;
|
|
right:3%;
|
|
}
|
|
|
|
#slides a:hover.slidesjs-next {
|
|
|
|
}
|
|
|
|
#slides a.slidesjs-previous {
|
|
background-image: url('/img/index/btns-prev.png');
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
position:absolute;
|
|
top:40%;
|
|
left:3%;
|
|
}
|
|
|
|
#slides a:hover.slidesjs-previous {
|
|
}
|
|
|
|
#slides a.slidesjs-play {
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
width:12px;
|
|
height:12px;
|
|
padding:0;
|
|
background-image: none;
|
|
background-repeat:no-repeat;
|
|
background-position: 0 -12px;
|
|
z-index:100;
|
|
text-indent:-9999px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#slides a:hover.slidesjs-play {
|
|
background-position: 0 -12px;
|
|
}
|
|
|
|
#slides a.slidesjs-stop {
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
width:10px;
|
|
height:10px;
|
|
padding:0;
|
|
background-image: none;
|
|
background-repeat:no-repeat;
|
|
background-position: 0 -40px;
|
|
z-index:100;
|
|
text-indent:-9999px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#slides a:hover.slidesjs-stop {
|
|
background-position: 0 -20px;
|
|
}
|
|
|
|
#slides .slidesjs-pagination {
|
|
position:absolute;
|
|
top:340px;
|
|
left:375px;
|
|
margin: 0;
|
|
float: right;
|
|
list-style: none;
|
|
border:0px solid red;
|
|
z-index:10000;
|
|
}
|
|
|
|
#slides .slidesjs-pagination li {
|
|
float: left;
|
|
margin: 0 1px;
|
|
}
|
|
|
|
#slides .slidesjs-pagination li a {
|
|
display: block;
|
|
width: 22px;
|
|
height: 0px;
|
|
padding-top: 22px;
|
|
margin:0 1px;
|
|
/* background-image: url('/img/index/pagination.png'); */
|
|
background-position: 0 22px;
|
|
float: left;
|
|
overflow: hidden;
|
|
z-index:100;
|
|
}
|
|
|
|
#slides .slidesjs-pagination li a.active,
|
|
#slides .slidesjs-pagination li a:hover.active {
|
|
background-position: 0 0
|
|
}
|
|
|
|
#slides .slidesjs-pagination li a:hover {
|
|
background-position: 0 0
|
|
}
|
|
|
|
#slides .navbar {
|
|
overflow: hidden
|
|
}
|
|
/*메인슬라이드 e*/
|
|
|
|
.main_live {position:relative; width:1152px; height:700px; margin:0px auto; padding:80px 0; border:0px solid red}
|
|
.live_title_wrap {width:1152px; height:70px; margin-bottom:20px; background:url('/img/index/livepola_bg.jpg') no-repeat bottom}
|
|
.live_title_wrap .live_tt {float:left; width:434px; margin-bottom:0px; }
|
|
.live_title_wrap .live_txt {float:right; font-weight:600; padding:30px 100px 0 0; font-size:15px; color:#575757; letter-spacing:-1px}
|
|
.live_first_thumnail {position:relative; width:462px; height:460px; float:left;}
|
|
.live_first_thumnail .img {width:462px; height:460px; }
|
|
.live_thumnail_big_bg {position:absolute; top:0; left:0; width:462px; height:460px; background:url('/img/index/live_thumnail_big_bg.png') no-repeat; cursor:pointer}
|
|
.live_thumnail_big_bg .subject {padding:360px 0 10px 30px ; font-weight:bold; font-size:23px; color:#fff}
|
|
.live_thumnail_big_bg .date {padding-left:30px;font-size:15px; color:#fff}
|
|
|
|
.live_thumnail {float:right; width:680px}
|
|
.live_thumnail li a {display:none;}
|
|
.live_thumnail li {float:left; width:220px; height:225px; margin:0 10px 10px 0}
|
|
.live_thumnail li:nth-child(3) {margin:0 0px 10px 0;}
|
|
.live_thumnail li:nth-child(4) {margin:0 10px 0px 0;}
|
|
.live_thumnail li:nth-child(5) {margin:0 10px 0px 0;}
|
|
.live_thumnail li:nth-child(6) {margin:0 0px 0px 0;}
|
|
.live_thumnail li:hover a {
|
|
display:block;
|
|
width:220px; height:225px;
|
|
background:url('/img/index/livepola_more.png') no-repeat center rgba(0,0,0,0.42);
|
|
opacity:1;
|
|
}
|
|
|
|
.main_tile {position:relative; width:100%; height:auto; margin:0px auto; padding:3% 0; border:0px solid red; overflow:hidden}
|
|
.main_tile ul li {
|
|
float:left;
|
|
width: 100%;
|
|
width:20%;
|
|
height: 0;
|
|
overflow: hidden;
|
|
padding-bottom: 20%;
|
|
text-align:center;
|
|
}
|
|
.main_tile ul li.main_tile01 {background:#688097; text-align:center; line-height:1em}
|
|
.main_tile ul li.main_tile01 {background:url('/img/index/main_tile01.png') no-repeat #688097 center; background-size:50%;}
|
|
.main_tile ul li.main_tile02 {background:url('/img/index/main_tile02.jpg') no-repeat; background-size:cover;}
|
|
.main_tile ul li.main_tile03 {background:#1773cf}
|
|
.main_tile03, .main_tile05, .main_tile07, .main_tile09 {cursor:pointer}
|
|
.main_tile ul li .img {text-align:center; line-height:1em; padding-top:18%; padding-bottom:3%}
|
|
.main_tile ul li .img img {width:35%;}
|
|
.main_tile ul li .title_w {line-height:60px; height:80px; font-size:25px; color:#fff; font-weight:500; letter-spacing:-2px; background:url('/img/index/main_tile_bar_w.png') no-repeat 50% 80%}
|
|
.main_tile ul li .text_eng_w {font-size:15px; color:rgba(250,250,250,0.5); font-weight:700; }
|
|
.main_tile ul li .title_b {line-height:60px; height:80px; font-size:25px; color:#4c4747; font-weight:500; letter-spacing:-2px; background:url('/img/index/main_tile_bar_b.png') no-repeat 50% 80%}
|
|
.main_tile ul li .text_eng_b {font-size:15px; color:rgba(76,71,71,0.25); font-weight:700; }
|
|
.main_tile ul li.main_tile04 {background:url('/img/index/main_tile04.jpg') no-repeat; background-size:cover;}
|
|
.main_tile ul li.main_tile05 {background:#405a73}
|
|
.main_tile ul li.main_tile06 {background:url('/img/index/main_tile06.jpg') no-repeat; background-size:cover;}
|
|
.main_tile ul li.main_tile07 {background:#f7f7f7}
|
|
.main_tile ul li.main_tile08 {background:url('/img/index/main_tile08.jpg') no-repeat; background-size:cover;}
|
|
.main_tile ul li.main_tile09 {background:#f7f7f7}
|
|
.main_tile ul li.main_tile10 {background:url('/img/index/main_tile10.jpg') no-repeat; background-size:cover; font-size:23px; }
|
|
@media (max-width: 1280px){
|
|
.main_tile ul li.main_tile10 {background:url('/img/index/main_tile10.jpg') no-repeat; background-size:cover; font-size:18px; }
|
|
}
|
|
.main_tile ul li.main_tile10 .title {padding-top:30%; padding-bottom:5%; font-size:1em; color:#404040; letter-spacing:-1px; font-weight:bold}
|
|
.main_tile ul li.main_tile10 .title span {color:#c23231}
|
|
.main_tile ul li.main_tile10 img {width:60%}
|
|
|
|
.main_bottom_box {position:relative; width:100%; height:auto; margin:0px auto; padding:7% 0; border:0px solid red; overflow:hidden}
|
|
/*공지사항*/
|
|
.main_notice_wrap {float:left; width:50%;}
|
|
.main_notice_tt {position:relative; float:left; width:300px; margin-left:50px; overflow:hidden}
|
|
.main_notice_tt .title {float:right; font-size:35px; font-weight:400; color:#000; letter-spacing:-2px; text-align:right}
|
|
.main_notice_tt .main_notice_btn {float:right; width:170px; margin-top:40px; font-size:20px; letter-spacing:-1px; background:url('/img/index/main_notce_arrow.png') no-repeat 145px 8px; border-bottom:1px solid #666; padding:0 30px 10px 0; }
|
|
.main_notice_list {float:right; width:520px; margin-right:50px; padding:0px 30px;}
|
|
.main_notice_list ul li {position:relative; border-bottom:1px solid #cccccc; padding:15px; font-size:16px;}
|
|
.main_notice_list ul li:first-child {border-top:1px solid #cccccc;}
|
|
.main_notice_list ul li .lt_list {display:inline-block; width:80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
.main_notice_list ul li .new_icon {display:inline-block; padding:3px 4px; background:#333; font-weight:bold; border-radius:3px; font-size:13px; color:#fff; }
|
|
.main_notice_list ul li .lt_date {position:absolute; text-align:right; top:15px; right:15px; font-size:14px; color:#666; }
|
|
|
|
/*팝업리스트*/
|
|
.main_pop_wrap {position:relative; float:right; width:50%; border:0px solid red}
|
|
.main_pop_wrap .main_pop_tt {float:left; width:40px; margin-left:40px; }
|
|
.main_pop_wrap .popup_list {float:left; z-index:100; position:relative; }
|
|
.main_pop_wrap .popup_list li {float:left; }
|
|
.main_pop_wrap .popup_list li img {width:100%; /*width:inherit;*/ height:450px; border:4px solid #fff; box-shadow:3px 3px 7px rgba(0,0,0,0.1)}
|
|
.main_pop_wrap .popup_list li a {display:block;}
|
|
.main_pop_wrap .bx-wrapper {position:absolute; top:0px; right:50px; border:0px solid red}
|
|
.main_pop_wrap .bx-controls {position:absolute; top:100px; left:-130px;}
|
|
.main_pop_wrap .bx-controls a {text-indent: -9999px; display:block}
|
|
.main_pop_wrap .bx-prev, .main_pop_wrap .bx-next {position:absolute; width:41px; height:41px}
|
|
.main_pop_wrap .bx-prev {top:0px; left:00px; background:url('/img/index/larr.png') no-repeat}
|
|
.main_pop_wrap .bx-next {top:0px; left:50px; background:url('/img/index/rarr.png') no-repeat}
|
|
|
|
/*하단배너*/
|
|
#link_wrap {position:relative; width:100%; height:90px; border-top:1px solid #e5e5e5; overflow:hidden}
|
|
#link_wrap .link_wrap_1300 {position:relative; width:1280px; margin:0 auto;}
|
|
@media (max-width: 1300px) {
|
|
#link_wrap .link_wrap_1300 {position:relative; width:100%; margin:0 auto;}
|
|
}
|
|
#link_wrap .link_tt {width:11%; margin-left:5px; line-height:90px;}
|
|
#link_wrap .link_tt img {width:100%;}
|
|
#link_wrap .link_banner {float:left; z-index:100; position:relative; height:90px; line-height:80px; }
|
|
#link_wrap .link_banner li {float:left}
|
|
#link_wrap .link_banner li img {width:160px; height:40px}
|
|
#link_wrap .link_banner li a {display:block;}
|
|
#link_wrap .bx-wrapper {position:absolute; top:20px; left:12%; border:0px solid red}
|
|
#link_wrap .bx-viewport {max-width:100%; margin-left:12%; border:0px solid red}
|
|
#link_wrap .bx-controls {position:absolute; top:0; left:0px; width:100px; height:41px; }
|
|
#link_wrap .bx-controls a {text-indent: -9999px; display:block}
|
|
#link_wrap .bx-prev, #link_wrap .bx-next {position:absolute; width:41px; height:41px}
|
|
#link_wrap .bx-prev {top:5px; left:0px; background:url('/img/index/larr.png') no-repeat}
|
|
#link_wrap .bx-next {top:5px; left:47px; background:url('/img/index/rarr.png') no-repeat}
|
|
|
|
|
|
/* 하단 공지,팝업 1850px */
|
|
@media (max-width: 1850px){
|
|
.main_bottom_box {position:relative; width:100%; height:auto; margin:0px auto; padding:7% 0; border:0px solid red; overflow:hidden}
|
|
/*공지사항*/
|
|
.main_notice_wrap {float:left; width:50%;}
|
|
.main_notice_tt {position:relative; float:left; width:100%; margin-left:45px; margin-bottom:20px; overflow:hidden}
|
|
.main_notice_tt .title {float:left; width:50%; font-size:27px; font-weight:300px; color:#000; letter-spacing:-2px; text-align:left}
|
|
.main_notice_tt .main_notice_btn {float:right; margin:50px 80px 0 0; font-size:20px; letter-spacing:-1px; background:url('/img/index/main_notce_arrow.png') no-repeat 145px 8px; border-bottom:1px solid #666; padding:0 0px 10px 0; }
|
|
.main_notice_list {float:left; width:100%; margin-right:0px; padding:0px 30px;}
|
|
.main_notice_list ul li {position:relative; border-bottom:1px solid #cccccc; padding:15px; font-size:16px;}
|
|
.main_notice_list ul li:first-child {border-top:1px solid #cccccc;}
|
|
.main_notice_list ul li .new_icon {display:inline-block; padding:3px; background:#333; font-weight:bold; border-radius:3px; font-size:13px; color:#fff; }
|
|
.main_notice_list ul li .lt_date {position:absolute; text-align:right; top:15px; right:15px; font-size:14px; color:#666; }
|
|
|
|
/*팝업리스트*/
|
|
.main_pop_wrap {position:relative; float:right; width:50%; padding:0 5%; border:0 solid red; }
|
|
.main_pop_wrap .main_pop_tt {float:left; width:100%; margin-left:0px; margin-top:15px }
|
|
.main_pop_wrap .popup_list {float:left; z-index:100; position:relative; }
|
|
.main_pop_wrap .popup_list li img {width:100%; /*width:inherit;*/ height:420px; }
|
|
.main_pop_wrap .popup_list li a {display:block;}
|
|
.main_pop_wrap .bx-wrapper {position:absolute; top:125px; left:10%; border:0px solid red}
|
|
.main_pop_wrap .bx-controls {position:absolute; top:-70px; left:145PX;}
|
|
.main_pop_wrap .bx-controls a {text-indent: -9999px; display:block}
|
|
.main_pop_wrap .bx-prev, .main_pop_wrap .bx-next {position:absolute; width:41px; height:41px}
|
|
.main_pop_wrap .bx-prev {top:0px; left:0px; background:url('/img/index/larr.png') no-repeat}
|
|
.main_pop_wrap .bx-next {top:0px; left:50px; background:url('/img/index/rarr.png') no-repeat}
|
|
}
|
|
|
|
|
|
/* 1280px */
|
|
@media (max-width: 1280px) {
|
|
/*하단배너*/
|
|
|
|
}
|
|
|
|
/* 1150px */
|
|
@media (max-width: 1150px) {
|
|
.main_live {position:relative; width:100%; height:auto; margin:0px auto; padding:10% 0; border:0px solid red; }
|
|
.live_title_wrap {width:100%; margin-bottom:20px; background:url('/img/index/livepola_bg.jpg') no-repeat right bottom}
|
|
.live_title_wrap .live_tt {float:left; width:43%; margin-bottom:0px; }
|
|
.live_title_wrap .live_txt {float:right; font-weight:600; padding:30px 100px 0 0; font-size:15px; color:#575757; letter-spacing:-1px}
|
|
.live_first_thumnail {position:relative; width:41%; height:0px; padding-bottom:41%; margin-left:10px; float:left;}
|
|
.live_first_thumnail .img {width:100%; height:0; padding-bottom:99% }
|
|
.live_thumnail_big_bg {position:absolute; bottom:3px; left:0; width:100%; height:auto; background:url('/img/index/live_thumnail_big_bg.png') no-repeat bottom; cursor:pointer}
|
|
.live_thumnail_big_bg .subject {padding:75% 0 0 5% ; font-weight:bold; font-size:23px; color:#fff}
|
|
|
|
.live_thumnail_big_bg .date {padding-left:5%;font-size:15px; color:#fff}
|
|
.live_thumnail {float:right; width:57%; border:0px solid red}
|
|
.live_thumnail li a {display:none;}
|
|
.live_thumnail li {float:left; border:0px solid red; width:31%; height:0px; padding-bottom:35%; margin:0 1.5% 1.5% 0}
|
|
.live_thumnail li:nth-child(3) {margin:0 0px 1.5% 0;}
|
|
.live_thumnail li:nth-child(4) {margin:0 1.5% 0px 0;}
|
|
.live_thumnail li:nth-child(5) {margin:0 1.5% 0px 0;}
|
|
.live_thumnail li:nth-child(6) {margin:0 0px 0px 0;}
|
|
.live_thumnail li:hover a {display:block; width:100%; height:0px; padding-bottom:113%; background-size:cover; background:url('/img/index/livepola_more.png') no-repeat center rgba(0,0,0,0.42) ;opacity:1;}
|
|
|
|
.main_tile {position:relative; width:100%; height:auto; margin:0px auto; padding:7% 0; border:0px solid red; overflow:hidden}
|
|
.main_tile ul li {
|
|
float:left;
|
|
width: 100%;
|
|
width:20%;
|
|
height: 0;
|
|
overflow: hidden;
|
|
padding-bottom: 20%;
|
|
text-align:center;
|
|
}
|
|
.main_tile ul li.main_tile01 {background:#688097; text-align:center; line-height:1em}
|
|
.main_tile ul li.main_tile01 {background:url('/img/index/main_tile01.png') no-repeat #688097 center; background-size:50%;}
|
|
.main_tile ul li.main_tile02 {background:url('/img/index/main_tile02.jpg') no-repeat; background-size:cover;}
|
|
.main_tile ul li.main_tile03 {background:#1773cf}
|
|
.main_tile03, .main_tile05, .main_tile07, .main_tile09 {cursor:pointer}
|
|
.main_tile ul li .img {text-align:center; line-height:1em; padding-top:18%;}
|
|
.main_tile ul li .img img {width:35%;}
|
|
.main_tile ul li .title_w {line-height:40px; height:55px; font-size:20px; color:#fff; font-weight:500; letter-spacing:-2px; background:url('/img/index/main_tile_bar_w.png') no-repeat 50% 80%}
|
|
.main_tile ul li .text_eng_w {font-size:14px; color:rgba(250,250,250,0.5); font-weight:700; }
|
|
.main_tile ul li .title_b {line-height:40px; height:55px; font-size:20px; color:#4c4747; font-weight:500; letter-spacing:-2px; background:url('/img/index/main_tile_bar_b.png') no-repeat 50% 80%}
|
|
.main_tile ul li .text_eng_b {font-size:14px; color:rgba(76,71,71,0.25); font-weight:700; }
|
|
.main_tile ul li.main_tile04 {background:url('/img/index/main_tile04.jpg') no-repeat; background-size:cover;}
|
|
.main_tile ul li.main_tile05 {background:#405a73}
|
|
.main_tile ul li.main_tile06 {background:url('/img/index/main_tile06.jpg') no-repeat; background-size:cover;}
|
|
.main_tile ul li.main_tile07 {background:#f7f7f7}
|
|
.main_tile ul li.main_tile08 {background:url('/img/index/main_tile08.jpg') no-repeat; background-size:cover;}
|
|
.main_tile ul li.main_tile09 {background:#f7f7f7}
|
|
.main_tile ul li.main_tile10 {background:url('/img/index/main_tile10.jpg') no-repeat; background-size:cover; font-size:18px; }
|
|
.main_tile ul li.main_tile10 .title {padding-top:30%; padding-bottom:5%; font-size:1em; color:#404040; letter-spacing:-1px; font-weight:bold; word-break:keep-all}
|
|
.main_tile ul li.main_tile10 .title span {color:#c23231}
|
|
.main_tile ul li.main_tile10 img {width:60%}
|
|
}
|
|
|
|
/* 960px */
|
|
@media (max-width: 960px) {
|
|
|
|
.main_tile {position:relative; width:100%; height:100%; margin:0px auto; padding:10% 0; border:0px solid red; overflow:hidden}
|
|
.main_tile ul li {
|
|
float:left;
|
|
width: 100%;
|
|
width:33.3%;
|
|
height: 0;
|
|
overflow: hidden;
|
|
padding-bottom: 33.3%;
|
|
text-align:center;
|
|
}
|
|
.main_tile ul li.main_tile01 {display:none;}
|
|
.main_tile ul li.main_tile01 {background:url('/img/index/main_tile01.png') no-repeat #688097 center; background-size:50%;}
|
|
.main_tile ul li.main_tile02 {background:url('/img/index/main_tile02.jpg') no-repeat; background-size:cover;}
|
|
.main_tile ul li.main_tile03 {background:#1773cf}
|
|
.main_tile03, .main_tile05, .main_tile07, .main_tile09 {cursor:pointer}
|
|
.main_tile ul li .img {text-align:center; line-height:1em; padding-top:18%;}
|
|
.main_tile ul li .img img {width:36%;}
|
|
.main_tile ul li .title_w {line-height:30px; height:50px; font-size:20px; color:#fff; font-weight:500; letter-spacing:-2px; background:url('/img/index/main_tile_bar_w.png') no-repeat 50% 80%; background-size:10%; }
|
|
.main_tile ul li .text_eng_w {font-size:12px; color:rgba(250,250,250,0.5); font-weight:700; }
|
|
.main_tile ul li .title_b {line-height:30px; height:50px; font-size:20px; color:#4c4747; font-weight:500; letter-spacing:-2px; background:url('/img/index/main_tile_bar_b.png') no-repeat 50% 80%; background-size:10%;}
|
|
.main_tile ul li .text_eng_b {font-size:12px; color:rgba(76,71,71,0.25); font-weight:700; }
|
|
.main_tile ul li.main_tile04 {background:url('/img/index/main_tile04.jpg') no-repeat; background-size:cover;}
|
|
.main_tile ul li.main_tile05 {background:#405a73}
|
|
.main_tile ul li.main_tile06 {background:url('/img/index/main_tile06.jpg') no-repeat; background-size:cover;}
|
|
.main_tile ul li.main_tile07 {background:#f7f7f7}
|
|
.main_tile ul li.main_tile08 {background:url('/img/index/main_tile08.jpg') no-repeat; background-size:cover;}
|
|
.main_tile ul li.main_tile09 {background:#f7f7f7}
|
|
.main_tile ul li.main_tile10 {background:url('/img/index/main_tile10.jpg') no-repeat; background-size:cover; font-size:18px; }
|
|
.main_tile ul li.main_tile10 .title {padding-top:20%; padding-bottom:5%; font-size:1em; color:#404040; letter-spacing:-1px; font-weight:bold; word-break:keep-all}
|
|
.main_tile ul li.main_tile10 .title span {color:#c23231}
|
|
.main_tile ul li.main_tile10 img {width:70%}
|
|
|
|
.main_bottom_box {position:relative; width:100%; height:auto; margin:0px auto; padding:2% 0 7% 0; border:0px solid red; overflow:visible}
|
|
/*공지사항*/
|
|
.main_notice_wrap {float:none; width:100%;}
|
|
.main_notice_tt {position:relative; float:none; width:100%; padding-left:40px; margin-left:0px; margin-bottom:20px; overflow:hidden}
|
|
.main_notice_tt .title {float:left; width:55%; font-size:27px; font-weight:300px; color:#000; letter-spacing:-2px; text-align:left}
|
|
.main_notice_tt .main_notice_btn {float:right; margin:50px 40px 0 0; font-size:20px; letter-spacing:-1px; background:url('/img/index/main_notce_arrow.png') no-repeat 145px 8px; border-bottom:1px solid #666; padding:0 0px 10px 0; }
|
|
.main_notice_list {float:none; width:100%; margin-right:0px; padding:0px 30px;}
|
|
.main_notice_list ul li {position:relative; border-bottom:1px solid #cccccc; padding:15px; font-size:16px;}
|
|
.main_notice_list ul li:first-child {border-top:1px solid #cccccc;}
|
|
.main_notice_list ul li .new_icon {display:inline-block; padding:3px; background:#333; font-weight:bold; border-radius:3px; font-size:13px; color:#fff; }
|
|
.main_notice_list ul li .lt_date {position:absolute; text-align:right; top:15px; right:15px; font-size:14px; color:#666; }
|
|
|
|
/*팝업리스트*/
|
|
.main_pop_wrap {position:relative; float:none; width:100%; padding:5%; border:0 solid red; }
|
|
.main_pop_wrap .main_pop_tt {float:none; width:100%; margin-left:0px; margin-top:30px }
|
|
.main_pop_wrap .popup_list {float:none; z-index:100; position:relative; }
|
|
.main_pop_wrap .popup_list li img {width:100%; /*width:inherit;*/ height:420px; }
|
|
.main_pop_wrap .popup_list li a {display:block;}
|
|
.main_pop_wrap .bx-wrapper {position:relative; top:20px; left:0%; border:0px solid red}
|
|
.main_pop_wrap .bx-controls {position:absolute; top:-70px; left:145px;}
|
|
.main_pop_wrap .bx-controls a {text-indent: -9999px; display:block}
|
|
.main_pop_wrap .bx-prev, .main_pop_wrap .bx-next {position:absolute; width:41px; height:41px}
|
|
.main_pop_wrap .bx-prev {top:0px; left:0px; background:url('/img/index/larr.png') no-repeat}
|
|
.main_pop_wrap .bx-next {top:0px; left:50px; background:url('/img/index/rarr.png') no-repeat}
|
|
|
|
/*하단배너*/
|
|
#link_wrap {position:relative; width:100%; height:90px; border-top:1px solid #e5e5e5; overflow:hidden}
|
|
#link_wrap .link_tt {display:none;}
|
|
#link_wrap .link_banner {float:left; z-index:100; position:relative; height:90px; line-height:80px; }
|
|
#link_wrap .link_banner li {float:left}
|
|
#link_wrap .link_banner li img {width:160px; height:40px}
|
|
#link_wrap .link_banner li a {display:block;}
|
|
#link_wrap .bx-wrapper {position:absolute; top:20px; left:1%; border:0px solid red}
|
|
#link_wrap .bx-viewport {max-width:100%; margin-left:100px; border:0px solid red}
|
|
#link_wrap .bx-controls {position:absolute; top:0; left:0px; width:100px; height:41px; }
|
|
#link_wrap .bx-controls a {text-indent: -9999px; display:block}
|
|
#link_wrap .bx-prev, #link_wrap .bx-next {position:absolute; width:41px; height:41px}
|
|
#link_wrap .bx-prev {top:5px; left:0px; background:url('/img/index/larr.png') no-repeat}
|
|
#link_wrap .bx-next {top:5px; left:47px; background:url('/img/index/rarr.png') no-repeat}
|
|
|
|
}
|
|
|
|
|
|
/* 770px */
|
|
@media (max-width: 770px) {
|
|
.main_live {position:relative; width:100%; height:auto; margin:0px auto; padding:15% 10px ; border:0px solid red; }
|
|
.live_title_wrap {width:100%; height:85px; margin-bottom:20px; background:url('/img/index/livepola_bg.jpg') no-repeat right bottom}
|
|
.live_title_wrap .live_tt {float:left; width:100%; margin-bottom:0px; }
|
|
.live_title_wrap .live_tt img {width:70%}
|
|
.live_title_wrap .live_txt {float:left; font-weight:600; padding:0px 0px 20px 10px; font-size:15px; color:#575757; letter-spacing:-1px}
|
|
.live_first_thumnail {position:relative; width:100%; margin-left:0px; margin-bottom:2%; height:0; padding-bottom:70%; float:left;}
|
|
.live_first_thumnail .img {width:100%; height:0; padding-bottom:70% }
|
|
|
|
.live_thumnail_big_bg {position:absolute; bottom:0px; left:0; width:100%; height:auto; background:url('/img/index/live_thumnail_big_bg.png') repeat-x bottom; cursor:pointer}
|
|
.live_thumnail_big_bg .subject {position:absolute; bottom:17%; padding:0% 0 0 5% ; font-weight:bold; font-size:23px; color:#fff}
|
|
.live_thumnail_big_bg .date {position:absolute; bottom:10%; padding-left:5%; padding-bottom:0%; font-size:15px; color:#fff}
|
|
.live_thumnail {float:right; width:100%; border:0px solid red}
|
|
.live_thumnail li a {display:none;}
|
|
.live_thumnail li {float:left; border:0px solid red; width:32%; height:0px; padding-bottom:32%; margin:0 2% 2% 0}
|
|
.live_thumnail li:nth-child(3) {margin:0 0px 2% 0;}
|
|
.live_thumnail li:nth-child(4) {margin:0 2% 0px 0;}
|
|
.live_thumnail li:nth-child(5) {margin:0 2% 0px 0;}
|
|
.live_thumnail li:nth-child(6) {margin:0 0px 0px 0;}
|
|
.live_thumnail li:hover a {display:block; width:100%; height:0px; padding-bottom:99%; background-size:cover; background:url('/img/index/livepola_more.png') no-repeat center rgba(0,0,0,0.42) ;opacity:1;}
|
|
|
|
}
|
|
|
|
|
|
/* 660px */
|
|
@media (max-width: 660px) {
|
|
.main_pop_wrap .popup_list li img {width:100%; /*width:inherit;*/ height:370px; }
|
|
|
|
/*하단배너*/
|
|
#link_wrap .link_banner {float:left; z-index:100; position:relative; height:90px; line-height:80px; }
|
|
#link_wrap .link_banner li {float:left; width:33%}
|
|
#link_wrap .link_banner li img {width:100%; height:40px}
|
|
#link_wrap .link_banner li a {display:block;}
|
|
#link_wrap .bx-wrapper {position:absolute; top:20px; left:1%; border:0px solid red}
|
|
#link_wrap .bx-viewport {max-width:100%; margin-left:0; border:0px solid red}
|
|
#link_wrap .bx-controls {display:none;}
|
|
}
|
|
|
|
|
|
/* 480px */
|
|
@media (max-width: 480px) {
|
|
.live_thumnail_big_bg .subject {font-size:19px; color:#fff}
|
|
|
|
.main_tile ul li .img {text-align:center; line-height:1em; padding-top:14%; padding-bottom:1%}
|
|
.main_tile ul li .title_w {font-weight:bold; line-height:30px; height:30px; font-size:15px; background:none}
|
|
.main_tile ul li .text_eng_w {font-size:10px; line-height:10px}
|
|
.main_tile ul li .title_b {font-weight:bold; line-height:30px; height:30px; font-size:15px; background:none}
|
|
.main_tile ul li .text_eng_b {font-size:10px; line-height:10px}
|
|
.main_tile ul li.main_tile10 {font-size:14px; }
|
|
.main_tile ul li.main_tile10 .title {padding-top:16%; padding-bottom:5%; font-size:1em;}
|
|
|
|
.main_pop_wrap .popup_list li img {width:100%; /*width:inherit;*/ height:220px; }
|
|
|
|
/*공지사항*/
|
|
.main_notice_wrap {float:none; width:100%; height:auto;}
|
|
.main_notice_tt {position:relative; float:none; width:100%; padding-left:20px; margin-left:0px; margin-bottom:0px; margin-top:0px; overflow:hidden}
|
|
.main_notice_tt .title {float:left; width:100%; font-size:23px; font-weight:300px; color:#000; letter-spacing:-2px; text-align:left}
|
|
.main_notice_tt .main_notice_btn {float:right; margin:20px 20px 20px 0; font-size:17px; letter-spacing:-1px; background:url('/img/index/main_notce_arrow.png') no-repeat 145px 8px; border-bottom:1px solid #666; padding:0 0px 10px 0; }
|
|
.main_notice_list {float:none; width:100%; margin-right:0px; margin-bottom:0px; padding:0px 10px;}
|
|
.main_notice_list ul li {position:relative; border-bottom:1px dotted #666; height:50px; padding:5px; font-size:14px;}
|
|
.main_notice_list ul li:first-child {border-top:1px dotted #666;}
|
|
.main_notice_list ul li .lt_list {display:inline-block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
.main_notice_list ul li .new_icon {display:inline-block; padding:2px; background:#333; font-weight:bold; border-radius:3px; font-size:10px; color:#fff; }
|
|
.main_notice_list ul li .lt_date {position:absolute; text-align:left; top:24px; left:5px; font-size:13px; color:#666; }
|
|
|
|
}
|