/* 메인슬라이더 */
#visual{width:100%; min-width:1100px; height:475px; margin:0 auto; position:relative; overflow:hidden;}
a{cursor:pointer}

#visual .sliderbx{ z-index:10;width:100% !important; height:475px; position:relative;}

/*#visual #slogan{ text-align:center; color:#fff; width:1000px;position:absolute; top:150px; left:50%; margin-left:-500px; z-index:998; text-shadow:1px 1px 1px #111;}
#visual #slogan .img01{ font-size:22px; font-weight:500; letter-spacing:0px; visibility:hidden;}
#visual #slogan .img02{ font-size:52px; letter-spacing:-1px; visibility:hidden;}
#visual #slogan .img02 strong{ display:inline-block; margin-left:10px;}
#visual #slogan .mt{  font-size:25px; color:rgba(250,250,250,0.8); visibility:hidden;}*/

#visual .sliderbx li{ width:100% !important; height:475px; background-repeat:no-repeat; background-position: center top;}
#visual .sliderbx li.mv01{background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx li.mv02{background-image:url(../img/main/mvisual02.jpg)}
#visual .sliderbx li.mv03{background-image:url(../img/main/mvisual03.jpg)}
#visual .sliderbx li a{ display:block; width:100%; height:475px;}

#visual div.bx-pager{ position:absolute; bottom:30px; left:50%; margin-left:-100px; z-index:101; width:200px; text-align:center;}
#visual div.bx-pager div{ display:inline-block; margin:0 4px;}
#visual div.bx-pager div a{ display:block; width:12px; height:12px; text-indent:-9999px; border-radius:50%; background:rgba(250,250,250,1); border:2px solid #fff;}
#visual div.bx-pager div a.active{  background:rgba(250,250,250,0);}
#visual div.bx-controls-direction a{ 
display:block; width:20px; height:20px; border-bottom:3px solid #FFF; border-left:3px solid #FFF; border-radius:0 0 0 5px; text-indent:-9999px; position:absolute; top:50%; margin-top:-25px !important; z-index:9999;} /*좌우버튼동시선택*/
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:30px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:30px;}	
#visual div.bx-controls-auto{position:absolute; width:40px; top:30px; z-index:2; left:50%; margin-left:470px; }
#visual div.bx-controls-auto a{	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;	} /*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{background:url(../img/common/btn_play.png) no-repeat 50% 50% #4C5365;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;}

#mcontent{ width:1100px; margin:0 auto; padding:80px 0;}
#mcontent .mcont_title{ font-size:2.5em; font-weight:500; color:#222; text-align:center; margin-bottom:50px;}
#mcontent .mcont_title p{ font-size:15px; color:#0760a1; letter-spacing:0; margin-top:10px;}
#mcontent .mcont_title2{ font-size:2.5em; font-weight:500; color:#222; margin-bottom:20px; letter-spacing:-2px;}
#mcontent .mcont_title2 p{ font-size:16px; color:#999; letter-spacing:0; margin-left:10px; display:inline-block;}
.mc_tab{ width:900px; margin:0 auto 30px auto;}
.mc_tab ul{ border:1px solid #ddd; border-right:0;}
.mc_tab ul:after{ display:block; content:""; clear:both;}
.mc_tab li{ float:left; width:20%; text-align:center;}
.mc_tab li a{ display:block; font-size:1.3em; color:#666; line-height:50px; border-right:1px solid #ddd;}
.mc_tab li a.on{ background:#f5f5f5; color:#0760a1;}
#mysong{ margin-bottom:80px;}
.mysong_list{}
.mysong_list .panel{ margin-bottom:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;}

.mc_tab2{ width:900px; margin:0 auto 30px auto;}
.mc_tab2 ul{ border:1px solid #ddd; border-right:0;}
.mc_tab2 ul:after{ display:block; content:""; clear:both;}
.mc_tab2 li{ float:left; width:20%; text-align:center;}
.mc_tab2 li a{ display:block; font-size:1.3em; color:#666; line-height:50px; border-right:1px solid #ddd;}
.mc_tab2 li a.on{ background:#f5f5f5; color:#0760a1;}
#funding{ margin-bottom:80px;}
.funding_list{}
.funding_list .panel{ margin-bottom:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;}
.btn_fmore{ display:block; border:1px solid #ccc; line-height:40px; border-radius:5px; text-align:center; font-size:1.2em; color:#666; margin-top:40px; transition:all 0.3s;}
.btn_fmore:hover{ background:#f5f5f5; color:#222; transition:all 0.3s;}
.today_list{}

#fund_open{ height:275px; background-image:url(../img/main/funding_bg.jpg); background-position:center top; background-repeat:no-repeat; border-radius:7px; 
box-shadow:0px 0px 10px rgba(0,0,0,0.3); margin-top:80px; text-align:center; }
#fund_open h1{ font-size:3.2em; font-weight:900; color:#fff; letter-spacing:-2px; padding-top:50px;}
#fund_open p{ font-size:1.3em; color:rgba(250,250,250,0.7); margin:20px 0 30px 0;}
#fund_open .btn_fopen{ display:inline-block; line-height:50px; font-size:1.5em; font-weight:500; color:#fff; padding:0 180px;box-shadow:0px 5px 5px rgba(0,0,0,0.4);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#32a4a7+0,07589e+100 */
background: #32a4a7; /* Old browsers */
background: -moz-linear-gradient(left,  #32a4a7 0%, #07589e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #32a4a7 0%,#07589e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #32a4a7 0%,#07589e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32a4a7', endColorstr='#07589e',GradientType=1 ); /* IE6-9 */
}



@media (max-width:1100px) {
#visual{width:100%; min-width:100%; height:350px;}

/*#visual #slogan{ width:320px; top:70px; margin-left:-160px; word-break: keep-all; word-wrap:break-word; text-shadow:0;}
#visual #slogan .img01{ font-size:13px; line-height:1.2em;}
#visual #slogan .img02{ font-size:24px; line-height:1.2em; margin:5px 0;}
#visual #slogan .mt{  font-size:14px; line-height:1.2em;}
*/
#visual .sliderbx li{ width:100% !important; height:350px; background-position:center top; background-size:cover;}
#visual div.bx-pager{ bottom:10px; }
#visual div.bx-pager div{ margin:0 2px;}
#visual div.bx-pager div a{ width:11px; height:11px; border-width:3px;}
#visual div.bx-controls-direction{ display:none;}

#mcontent{ width:100%; padding:40px 10px;}
#mcontent .mcont_title{ font-size:1.8em; margin-bottom:30px;}
#mcontent .mcont_title p{ font-size:12px; margin-top:7px;}
#mcontent .mcont_title2{ font-size:1.8em;}
#mcontent .mcont_title2 p{ font-size:12px;}
.mc_tab{ width:100%; margin:0 auto 20px auto;}
.mc_tab ul{ border-bottom:0;}
.mc_tab li{ width:33%;}
.mc_tab li:nth-child(3){ width:34%;}
.mc_tab li a{ font-size:1.1em; line-height:30px; border-bottom:1px solid #ddd;}
#mysong{ margin-bottom:40px;}
.mysong_list{}

.mc_tab2{ width:100%; margin:0 auto 20px auto;}
.mc_tab2 ul{ border-bottom:0;}
.mc_tab2 li{ width:33%;}
.mc_tab2 li:nth-child(3){ width:34%;}
.mc_tab2 li a{ font-size:1.1em; line-height:30px; border-bottom:1px solid #ddd;}
#funding{ margin-bottom:40px;}
.btn_fmore{ line-height:30px; font-size:1em; margin-top:20px;}

#fund_open{ height:200px; background-position:-10px top; background-size:cover; margin-top:40px; box-shadow:0px 0px 5px rgba(0,0,0,0.3);}
#fund_open h1{ font-size:2em; padding-top:40px;}
#fund_open p{ font-size:1.1em; margin:10px 0 20px 0;}
#fund_open .btn_fopen{ line-height:40px; font-size:1.2em; padding:0 50px;}

}



@media (max-width:850px) {
#visual{ height:300px;}
#visual .sliderbx li{ height:300px;}

}

@media (max-width:500px) {
#visual{ height:130px;}
#visual .sliderbx li{ height:130px;}

}


