/* BASIC css start */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates');
* { word-spacing:-0.09em; }
#contentWrapper { background-color:#fff; }
#content { padding-bottom:60px; }
#bbsData .bbs-link { position: relative; }
#bbsData .bbs-link-top { margin-top: 10px; margin-bottom: -40px; margin-right: 400px; text-align: left; margin-left: 18px; }
#bbsData .bbs-link-btm { margin-top: 10px; margin-bottom: -40px; text-align: right; border:1px solid #777; }
.sub_common_title {text-align:center; font-size:28px; color:#000; line-height:1; font-weight:400; font-family:'Montserrat', sans-serif; padding-top:100px;}
.sub_page_title {text-align:center; font-weight:400; font-size:40px; letter-spacing:-0.025em; line-height:1.4 ; padding-top:90px; padding-bottom:60px;}
.sub_page_txt {font-size:20px; color:#777; font-weight:300; text-align:center; letter-spacing:-0.025em; line-height:1.8 ; padding-bottom:40px;}
.sub_page {max-width:1720px; margin:50px auto;}
.sub_page_txt img {width:100%;}
.sub_page_txt img.half {width:50%; float:left; margin-bottom:100px;}
/* ��찓�� */
.tab_menu{
width:100%;
margin-top:150px;
margin-bottom:50px;
background:none;
background-color#fff;
}
.tab_menu ul{
width:100%;
margin-bottom:0px;
overflow:hidden;
}
.tab_menu ul li{
width:33%;
height:60px;
float:left;
}
.tab_menu ul li a{
display:block;
width:100%;
height:100%;
line-height:60px;
text-align:center;
font-family:'Noto Sans KR', sans-serif;
font-size:16px;
font-weight:400;
color:#b4b4b4;
background-color:#fff;
border:1px solid #e2e2e2;
border-left:none;
box-sizing:border-box;
transition:all 0.8s;
}
.tab_menu ul li:nth-child(1) a{
border-left:1px solid #e2e2e2;
}
.tab_menu ul li:hover a{
box-shadow: 600px 0 0 0 rgba(0,0,0,0.25) inset,
-600px 0 0 0 rgba(0,0,0,0.25) inset;
color:#fff;
}
.tab_menu ul li.active a{
box-shadow:600px 0 0 0 rgba(0,0,0,0.45) inset;
color:#fff;
}
.tab_menu h1{
font-family:'Noto Sans KR', sans-serf;
font-size:40px;
color:#222;
font-weight:600;
clear:both;
margin:30px 0;
}
.tab_menu h1 span{
font-size:16px;
font-weight:400;
color:#333;
}
.movieList { width:1720px; margin-left:-180px; padding:50px 0; overflow:hidden; transform: rotate(-180deg); }
.movieList ul { width:100%; overflow:hidden; transform: }
.movieList ul li { width:285px; float:right; margin-right:20px; margin-bottom:30px; overflow:hidden; }
.movieList ul li:nth-child(n) { margin-right:15px; transform: rotate(180deg); }
.movieList ul li button { display:block; width:100%; height:215px; text-align:center; font-size:50px; line-height:180px; color:rgba(234,11,11,0); transition: color .2s; }
.movieList ul li > button:hover { color:#ea0b0b!important; }
.movieList ul li:nth-child(n):hover { background-opacity:0.5; }
.movieList ul li:nth-child(1) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2020_01.png) no-repeat top center; }
.movieList ul li:nth-child(2) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2020_02.png) no-repeat top center; }
.movieList ul li:nth-child(3) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2020_03.png) no-repeat top center; }
.movieList ul li:nth-child(4) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2020_04.png) no-repeat top center; }
.movieList ul li:nth-child(5) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2020_05.png) no-repeat top center; }
.movieList ul li:nth-child(6) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_06.png) no-repeat top center; }
.movieList ul li:nth-child(7) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_07.png) no-repeat top center; }
.movieList ul li:nth-child(8) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_08.png) no-repeat top center; }
.movieList ul li:nth-child(9) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_09.png) no-repeat top center; }
.movieList ul li:nth-child(10) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_10.png) no-repeat top center; }
.movieList ul li:nth-child(11) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_11.png) no-repeat top center; }
.movieList ul li:nth-child(12) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_12.png) no-repeat top center; }
.movieList ul li:nth-child(13) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_13.png) no-repeat top center; }
.movieList ul li:nth-child(14) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_14.png) no-repeat top center; }
.movieList ul li:nth-child(15) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_15.png) no-repeat top center; }
.movieList ul li:nth-child(16) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_16.png) no-repeat top center; }
.movieList ul li:nth-child(17) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_17.png) no-repeat top center; }
.movieList ul li:nth-child(18) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_18.png) no-repeat top center; }
.movieList ul li:nth-child(19) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_19.png) no-repeat top center; }
.movieList ul li:nth-child(20) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_20.png) no-repeat top center; }
.movieList ul li:nth-child(21) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_21.png) no-repeat top center; }
.movieList ul li:nth-child(22) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_22.png) no-repeat top center; }
.movieList ul li:nth-child(23) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_23.png) no-repeat top center; }
.movieList ul li:nth-child(24) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_24.png) no-repeat top center; }
.movieList ul li:nth-child(25) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_25.png) no-repeat top center; }
.movieList ul li:nth-child(26) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_26.png) no-repeat top center; }
.movieList ul li:nth-child(27) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_27.png) no-repeat top center; }
.movieList ul li:nth-child(28) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_28.png) no-repeat top center; }
.movieList ul li:nth-child(29) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_29.png) no-repeat top center; }
.movieList ul li:nth-child(30) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_30.png) no-repeat top center; }
.movieList ul li:nth-child(31) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_31.png) no-repeat top center; }
.movieList ul li:nth-child(32) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_32.png) no-repeat top center; }
.movieList ul li:nth-child(33) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_33.png) no-repeat top center; }
.movieList ul li:nth-child(34) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_34.png) no-repeat top center; }
.movieList ul li:nth-child(35) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_35.png) no-repeat top center; }
.movieList ul li:nth-child(36) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_36.png) no-repeat top center; }
.movieList ul li:nth-child(37) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_37.png) no-repeat top center; }
.movieList ul li:nth-child(38) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_38.png) no-repeat top center; }
.movieList ul li:nth-child(39) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_39.png) no-repeat top center; }
.movieList ul li:nth-child(40) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_40.png) no-repeat top center; }
.movieList ul li:nth-child(41) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_41.png) no-repeat top center; }
.movieList ul li:nth-child(42) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_42.png) no-repeat top center; }
.movieList ul li:nth-child(43) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_43.png) no-repeat top center; }
.movieList ul li:nth-child(44) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_44.png) no-repeat top center; }
.movieList ul li:nth-child(45) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_45.png) no-repeat top center; }
.movieList ul li:nth-child(46) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_46.png) no-repeat top center; }
.movieList ul li:nth-child(47) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_47.png) no-repeat top center; }
.movieList ul li:nth-child(48) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_48.png) no-repeat top center; }
.movieList ul li:nth-child(49) button { background:url(http://inclear01.img13.kr/novels/inc/news/TV/2021_49.png) no-repeat top center; }
.movieList ul li button p { font-family:'Noto Sans KR', sans-serif;font-size:14px; line-height:20px; color:#222; font-weight:400; padding-top:10px; }
.yt-w{display:none}
.yt-pop{position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;width:640px;height:360px;background:#000;z-index:339}
.close{display:block;position:absolute;top:-40px;right:0;width:40px;height:40px}
.close .x_wrqp{
width:30px;
height:5px;
border-radius:20px;
background-color:#666;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%) rotate(-45deg);
}
.close .x_1{
transform:translate(-50%,-50%) rotate(45deg);
}
.yt-bg{position:fixed;top:0;left: 0;bottom: 0;right: 0; opacity:0.7;background:#000;z-index:333}
.paging{width:100%;height:auto !important;margin:50px auto 80px;text-align:center;}
.paging1{width:100%;margin:0 auto;}
.paging1 li{margin:0 5px;display:inline-block;}
.paging1 li a{display:block;width:20px;height:20px;text-align:center;line-height:20px;padding:0;}
.paging1 .now a{color:#ff4646;border-bottom:2px solid #ff4646;}
* { word-spacing:-0.09em; }
#contentWrapper { background-color:#fff; }
#content { padding-bottom:60px; }
#bbsData .bbs-link { position: relative; }
#bbsData .bbs-link-top { margin-top: 10px; margin-bottom: -40px; margin-right: 400px; text-align: left; margin-left: 18px; }
#bbsData .bbs-link-btm { margin-top: 10px; margin-bottom: -40px; text-align: right; border:1px solid #777; }
.bbs-hd01 { width:100%; padding:60px 0; }
.bbs-hd01 h3 { font-size:27px; font-weight:500; margin-bottom:5px; color:#222; text-align:center; }
.bbs-hd01 h3 span { color:#3ba0ec; }
.bbs-hd01 h4 { font-size:16px; font-weight:300; margin-bottom:30px; color:#3ba0ec; text-align:center; }
.bbs-hd01 .link01 { width:100%; text-align:center; font-size:0; }
.bbs-hd01 .link01 li { display:inline-block; }
.bbs-hd01 .link01 li a { display:block; width:198px; height:43px; font-size:14px; font-weight:400; color:#39406a; text-align:center; line-height:43px; border:1px solid #39406a; border-right:none; }
.bbs-hd01 .link01 li:last-child a { border-right:1px solid #39406a; }
.bbs-hd01 .link01 li a:hover{ background-color:rgba(57,64,106,0.5); color:#fff; }
.bbs-hd01 .link01 li a.lets { background-color:#39406a; color:#fff; }
#content .visionImg { width:100%; overflow:hidden; background-color:#fff; border:1px solid #e5e5e5; box-shadow:10px 15px 20px rgba(0,0,0,0.04); }
#content .visionImg img { width:100%; }
.bbs-hd01 .link01 li a.nomal { background-color:#f5f6f8; color:#39406a; }
#content .visionImg { width:100%; overflow:hidden; background-color:#fff; border:1px solid #e5e5e5; box-shadow:10px 15px 20px rgba(0,0,0,0.04); }
#content .visionImg img { width:100%; }
/* BASIC css end */