@charset "utf-8";

/**********21-10-22 유튜브 더보기 버튼 추가************/
.botcall-wr .youtb .youtb-more{display:block; color:#fff; font-size:18px; margin-top:20px;}
.botcall-wr .youtb .youtb-more:hover i{margin-left:20px; }
.botcall-wr .youtb .youtb-more i{margin-left:10px; transition:all .3s ease;}
@media all and (max-width:890px) {
	.botcall-wr .box-dept{margin-top:30px;}
	.botcall-wr .youtb{float:none !important;}
}
/**********21-10-22 유튜브 더보기 버튼 추가 끝************/
/* main-visual-slider */
.main-visual-slider { position: relative; }
.main-visual-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.main-visual-viewport .not-mo { width: 100%; height: auto; }
.main-slider-navigation { position: absolute; bottom: 250px; width: 1400px; z-index: 1; max-width:95%; left:50%; transform: translateX(-50%); }
.main-visual-control { background-color: rgba( 0, 0, 0, 0.5); border-radius: 25px; display: inline-block; padding: 6px 15px 10px 30px; }
.main-visual-control > a { padding-left: 10px; }
.visual-control-container { display: inline-block; }
.main-visual-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
.main-visual-control-paging li a { background: url(/resources/images/fund/main/main_visual_pager.png) no-repeat center; width: 37px; height:7px; display: block; cursor: pointer; text-indent: -9999px; }
.main-visual-control-paging li a:hover,
.main-visual-control-paging li a.main-visual-active { background-image: url(/resources/images/fund/main/main_visual_pager_hover.png); }
.main-visual-control-paging li a.main-visual-active { cursor: default;}

/* main-center */
.main-center { background: #fff; padding: 60px 0 0px; }
.main-center .main-center-title { margin-bottom: 15px; color: #2f2f2f; font-size: 1.825em; font-weight: 500; text-align: center; }
.main-center .main-center-sub { color: #1b3f73; font-size: 1.2em; text-align: center; margin-bottom:50px}
/*.main-center-list { margin-top: 50px; } 
.main-center-list > li { float: left; width: 18.7%; height: 248px; margin-right: 1.6%; padding-top: 40px;  background-color: #ffffff; border: 1px solid #d7d7d7; border-radius: 15px; }
.main-center-list > li.main-tel-box { background: #ffffff url(/resources/images/fund/main/main_tel_box_bg.png) no-repeat right top; width: 39.1%; margin-right: 0; padding: 35px 20px 25px; }
.main-center-list > li > a,
.main-center-list > li > a > span { display: block; text-align : center; }
.main-center-list > li > a { height: 100%; }
.main-center-list > li > a > span:last-child { padding: 30px 10px 0px; color: #151515; font-size: 0.9375em; font-weight: 500; }*/

/* 2021-03-15 수정 */
.main-center-list { margin-top: 30px; } 
.main-center-list > li { position:relative; float: left; width: 32.2%; height: 130px; margin-right: 1.6%; /* padding-top: 40px; */  background-color: #ffffff; border: 1px solid #d7d7d7; border-radius: 15px; }
.main-center-list > li:last-child { margin-right: 0;}
.main-center-list > li > a {display: block; padding: 30px 20px 55px 160px;}
.main-center-list > li > a,
.main-center-list > li > a > span { display: block; text-align : left; }
.main-center-list > li > a { height: 100%; }
.main-center-list > li > a > span:last-child { padding: 30px 10px 0px; color: #151515; font-size: 0.9375em; font-weight: 500; }
.main-center-list .main-center-icon { position:absolute; left:35px; top:12px;}
.main-center .main-tel-box { position:relative; float:left; border: 1px solid #d7d7d7; border-radius: 15px; background: #ffffff url(/resources/images/fund/main/main_tel_box_bg.png) no-repeat right top; width: 39.1%; margin-right: 0; padding: 35px 20px 25px; }


/* main-bottom */
.main-bottom { background-color: #ffffff; padding: 58px 0 0px; }
.main-bottom .main-notice { float: left; width: 38%; position: relative;  }
.main-bottom .main-quick {float: right; width: 60%; border: 1px solid #d7d7d7; border-radius: 10px; padding: 40px 42px 30px; }


.main-quick > p { color: #1d1d1d; font-size: 1.562em; font-weight: 500; }
.main-quick .main-quick-list {}
.main-quick .main-quick-list li { float: left; width :50%; padding-top: 25px; }
.main-quick-list li a,
.main-quick-list span { display: block; }
.main-quick-list li a:hover{ color:#039}

.main-quick-list .quick-list-icon { float: left; width: 85px; height: 85px; line-height: 85px; background-repeat: no-repeat; background-position: left center; text-align: center; }
.main-quick-list li:first-child .quick-list-icon { background-image: url(/resources/images/fund/main/quick_icon_bg01.png); }
.main-quick-list li:nth-child(2) .quick-list-icon { background-image: url(/resources/images/fund/main/quick_icon_bg02.png); }
.main-quick-list li:nth-child(3) .quick-list-icon { background-image: url(/resources/images/fund/main/quick_icon_bg03.png); }
.main-quick-list li:last-child .quick-list-icon { background-image: url(/resources/images/fund/main/quick_icon_bg04.png); }
.main-quick-list .quick-list-text { float: left; margin-left: 30px; padding-top: 20px; color: #1d1d1d; font-size: 1.25em; font-weight: 500; }
.main-quick-list .quick-list-text span { padding-top: 12px; color: #606060; font-size: 0.7em; font-weight: 300; }


@media all and (max-width: 1200px) { 
	
	#body .fix-layout { padding: 0 20px !important; }
	
	.main-center { padding:0px 0 0}
	
	/* main-visual-slider */
	.main-visual-slider { margin-top:0px}
	.main-slider-navigation { bottom: 15px; }
	.main-visual-slider .slides a {position: relative;height: 350px;}
	.main-visual-slider .slides img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-width: 100%;}
	
	.main-tel-info .main-tel{text-shadow:#fff 2px 2px}
	
	.main-quick > p{ text-align:center; margin-bottom:20px}
	
	
	/* main-bottom */
	.main-bottom .main-notice,
	.main-bottom .main-quick { float: none; width: auto; margin-left: 0; }
	.main-quick-list .quick-list-icon{ float:none; margin:0 auto}
	.main-quick .main-quick-list li{ width:25%; text-align:center}
 	.main-quick-list .quick-list-text{ margin-left:0px; float:none; font-size:1.1em}
	 .main-quick-list span.quick-more{ display:none}
	 

}


@media all and (max-width: 1000px) { 
/* main-center */
.main-center-list .main-center-icon img{ width:100px; height:auto}
/*.main-center-list > li{ width:19.3%; margin-right:1%}*/
.main-center-list > li{ margin-right:1%}
.main-center-list > li > a > span:last-child { padding:20px 10px 0px}
.main-center .main-tel-box .main-bank{ padding-top:5px}
.main-bank > ul{ line-height:1.2; font-size:0.9em}



 }

@media all and (max-width: 890px) { 
    .main-center-list > li > a { padding:0px 15px; text-align:center;}
	.main-center-list .main-center-icon { position:relative; left:auto; top:auto; margin:0 0 10px}
	.main-center-list > li > a, .main-center-list > li > a > span { text-align:center}
	
	.main-center-list { margin-top: 15px; }
	.main-center-list > li { height: 105px; padding-top: 10px; margin-right:1.5%; width: 32.33%;}
	.main-center-list > li:nth-child(3) { margin-right: 0; }
	.main-center .main-tel-box { margin-top: 5px; width: 100%; height :auto;background-size:200px }
	
	.main-center-list .main-center-icon img { width: 53px; height: auto; }
	.main-center-list > li > a > span:last-child { padding-top: 5px; font-size: 0.875em; word-break: keep-all; }
	
	.main-center .donors-wall { width: 100%; float:left; margin-top:10px;}
}
 
@media all and (max-width: 767px) { 
	
	#body .fix-layout { padding: 0 10px !important; }

	/* main-visual-slider */
	.main-slider-navigation { bottom: 15px; }
	.main-visual-slider .slides a {height: 240px;}
	.main-visual-slider .slides img {width: auto;height: 100%;object-fit: cover;}
 	
 
	/* main-center */
	.main-center { padding: 20px 0; }
	.main-center .main-center-title { font-size: 1.142em;   margin-bottom: 10px;}
	.main-center .main-center-sub { font-size: 0.955em; margin-bottom:20px }
	

	
	.main-center .main-tel-box .main-bank{ padding-top:15px}
	.main-bank > ul{ font-size:1em; line-height:1.6}
	.main-tel-info .main-tel-title{margin-bottom:15px}
	
	/* main-bottom */
	.main-bottom{ padding:0px 0px}
	.main-notice > p, .main-quick > p{ font-size:1.4em}
	.main-bottom .main-quick { padding:20ox 15px 15px 15px; }
	.main-quick .main-quick-list li {   width: 50%; padding-bottom: 20px; padding-top:0px }
	.main-quick-list .quick-list-text{padding-top: 10px;}
	.main-bottom .main-notice{ margin-bottom:30px}
	.main-fund-board li:first-child{margin-bottom:10px}
	
	#popup_1{top:454px !important; left:0 !important;}
}

@media all and (max-width: 640px) { 
    .main-center .donors-wall .mini-img-box { width:100%;}
	.main-center .donors-wall .mini-txt-box { width:100%; }
}

/* 포토갤러리 */
.gallery {  margin-top:-200px; width:100%}
.gallery .gallery-in {height:100%;position:relative;box-sizing:border-box;}
.gallery .gallery-in:before { content:"";display:block;position:absolute; width:421px;height:259px;background:url(/resources/images/musicproduction/main/all_bg01.png) no-repeat;background-size:contain;left:150px;top:0;margin:0 0 -39px; z-index:2}
.gallery .gallery-in:after {content:"";display:block;position:absolute;width:30000px;height:100%;background: #E5D4C8;top:0}
.gallery .gallery-in .con-warp { padding:50px 0px 74px 80px;}
.gallery .gallery-in .con-warp .titlebox { position:relative; padding:17px 50px 80px 10px;  z-index:10}
.gallery .gallery-in .con-warp .titlebox h2{line-height:45px;color: #2B2222;font-size:40px;font-weight:400;letter-spacing:-0.1em;}
.gallery .gallery-in .con-warp .listbox{position:relative;  z-index:10}
.gallery .gallery-in .con-warp .listbox ul li{float:left; width:32%; margin-right:30px;}
.gallery .gallery-in .con-warp .listbox ul li:nth-child(3n){margin-right:0;}
.gallery .gallery-in .con-warp .listbox ul li a{display:block;color: #2B2222;}
.gallery .gallery-in .con-warp .listbox ul li a .photobox{display:block; position:relative; overflow:hidden; margin-bottom:24px;}
.gallery .gallery-in .con-warp .listbox ul li a .photobox:before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:''; z-index:2; transition:background-color 200ms ease-in-out;}
.gallery .gallery-in .con-warp .listbox ul li a:hover .photobox:before{background-color:rgba(29, 29, 29, 0.7);}
.gallery .gallery-in .con-warp .listbox ul li a .photobox:after{display:block; position:absolute; top:calc(50% - 39px); left:calc(50% - 39px); width:78px; height:78px; background-repeat:no-repeat; background-position:center center; background-image:url(); content:''; z-index:3; transform:scale(0); transition:transform 200ms ease-in-out;}
.gallery .gallery-in .con-warp .listbox ul li a:hover .photobox:after{transform:scale(1);}
.gallery .gallery-in .con-warp .listbox ul li a .photobox .inner_photo{display:block; height:280px; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 700ms ease-in-out;}
.gallery .gallery-in .con-warp .listbox ul li a:hover .photobox .inner_photo{transform:scale(1.14);}
.gallery .gallery-in .con-warp .listbox ul li a .photobox .photo{display:block; position:absolute; top:0; left:0; width:0; height:0; line-height:0;}
.gallery .gallery-in .con-warp .listbox ul li a .photobox .photo img{width:0; height:0;}
.gallery .gallery-in .con-warp .listbox ul li a .textbox{display:block; margin-bottom:10px;}
.gallery .gallery-in .con-warp .listbox ul li a .textbox .title{display:block; line-height:27px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:20px; letter-spacing:-0.03em;}
.gallery .gallery-in .con-warp .listbox ul li a:hover .textbox .title { text-decoration:underline}

.gallery .gallery-in .con-warp .listbox .more{display:block; position:absolute; top:-103px; right:15px; width:34px; height:34px; color:transparent; font-size:0;  z-index:10}
.gallery .gallery-in .con-warp .listbox .more:before{display:block; position:absolute; top:calc(50% - 12px); left:calc(50% - 12px); width:30px; height:30px; background:url(/resources/images/musicproduction/main/noti_more.png) no-repeat left top; content:''; transition:transform 300ms ease-in-out;}
.gallery .gallery-in .con-warp .listbox .more:hover:before{transform:rotate(180deg);}

@media all and (max-width: 1600px) {
	.gallery .gallery-in .con-warp { padding: 40px 20px;}
	.gallery .gallery-in .con-warp .listbox ul li { width:31.5%}
}

@media all and (max-width: 1400px) {
	.gallery { height: auto;}
	.gallery .gallery-in .con-warp .listbox ul li { width:31%}
}

@media all and (max-width: 1200px) { 
    .gallery { position:relative;height: auto; margin-top:0px;}
}

@media screen and (max-width:1000px){
	.gallery .gallery-in .con-warp .listbox ul li{width:48.2%; margin-right:3.6%;}
	.gallery .gallery-in .con-warp .listbox ul li:nth-child(2n){margin-right:0;}
	.gallery .gallery-in .con-warp .listbox ul li:nth-child(n+3){display:none;}

}
@media screen and (max-width:640px){
	.gallery .gallery-in .con-warp .listbox ul li a .photobox{margin-bottom:12px;}
	.gallery .gallery-in .con-warp .listbox ul li a .photobox .inner_photo{height:0; padding:37% 0;}
	.gallery .gallery-in .con-warp .listbox ul li a .textbox{margin-bottom:5px;}
	.gallery .gallery-in .con-warp .listbox ul li a .textbox .title{line-height:21px; font-size:15px;}
	.gallery .gallery-in .con-warp .listbox ul li .date{font-size:13px;}

}


/* 언론보도 추가 */
.news{overflow-x:hidden;margin-bottom:60px;height:auto;width:100%;padding: 50px 0 0 0;}
.news .cont-head{margin-bottom:50px;}
.news .cont-tit{font-size:1.875em;color: #2B2222;display:inline-block;margin-right:20px;font-weight:400;}
.news .cont-head p.more{display:inline-block; vertical-align: top; color:#525252; font-size:1.125em; margin-top:5px; transition:none;}
.news .cont-head p.more:hover{border-bottom:1px solid #000; transform:none; transition:none;}
.news .more i{font-size:1.125em; margin-left:5px;color:#525252}
.news .cont-head .slide-btn{float:right; display:flex;}
.news .cont-head .slide-btn li{cursor:pointer; width:40px; height:40px; border:1px solid #cecece; display:flex !important; justify-content: center; align-items:center;}
.news .cont-head .slide-btn li:last-child{border-left:0;}
.news .cont-head .slide-btn li i{font-size:1.5em; margin-top:-5px; color:#cecece;}
.news .cont-body{max-height:290px; overflow:hidden;}
.news .cont-body .item{background-image:url(/resources/images/computer/main/news-bg.jpg); background-size:cover; background-repeat:no-repeat;transition:.3s all linear; display:flex !important;}
.news .cont-body .item:hover{background-image:url(/resources/images/musicproduction/main/news-bg-on.jpg); background-size:cover; background-repeat:no-repeat; transition:.3s all linear; box-shadow:0px 3px 5px rgba(0,0,0,.4) }
.news .cont-body .item::after{display: block; clear:both; content:"";}
.news .cont-body .item .text{width:58%; float:left; padding:28px;}
.news .cont-body .item .text h3 a{color:#fff; font-size:1.5em; font-weight:400; line-height:1.5; height:84px; width:100%; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; border-bottom:1px solid rgba(255, 255, 255, .5); margin-bottom:15px;}
.news .cont-body .item .text p a{font-size:1.125em; color:#e0e0e0; line-height:1.5; font-weight: 200; height:100%; width:100%; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.news .cont-body .item .text h3 a:hover,
.news .cont-body .item .text h3 a:focus,
.news .cont-body .item .text h3 a:active {text-decoration:underline !important;color:#fff !important}
.news .cont-body .item .text p a:hover,
.news .cont-body .item .text p a:focus,
.news .cont-body .item .text p a:active {color:#fff  !important}
.news .cont-body .item .img{width:340px; height:273px; overflow:hidden;}
.news .cont-body .item .img a img{width: 100%;height:100%;object-fit: cover;}

/*slick.css수정 언론보도 부분*/
.slick-slide{width:620px; height:273px !important; margin-right:53px;}
.slick-slide:nth-child(odd){margin-left:-22px;}

@media all and (max-width :1600px) {
	.news{padding:60px 15px 0 15px;}
}
@media all and (max-width :1200px) {
	.news{padding:50px 0 0 0;}
}
@media all and (max-width: 1300px) { 
    .slick-slide:nth-child(odd){margin-left:0}
	.slick-slide{margin-right:0; width:auto;}
	
	.news .cont-body .item .text{width:72%;}
	.news .cont-body .item .text h3{font-size:1.2em; margin-top:0}
	.news .cont-body .item .text h3 a{width:auto; line-height:1.5}
	.news .cont-body .item .text p a{width:auto;}
	.news .cont-body .item .img{width:auto;}

}
 
@media all and (max-width: 1000px) { 
	.news .cont-body .item .text h3 a{font-size:1.185em;}
	.news .cont-body .item .text h3 {margin-top: 0px !important;}
	.news .cont-head{margin-bottom:20px;}
	.slick-slide { height:auto !important}
}

@media all and (max-width: 760px) { 
    .news{margin-bottom:0px; }
    .news .cont-head p.more { margin-top:25px;}
}

@media all and (max-width: 640px) { 
    .news{margin-bottom:0px;padding-top:20px;}
	.news .cont-body .item .text p a{overflow:hidden; -webkit-line-clamp: 6;}
	.news .cont-body .item .text h3 a{font-size:1em; height:74px;}
	.news .cont-body .item .text h3 a{-webkit-line-clamp: 3;}
	.news .cont-body .item .img{width: 100%;height: 286px;}
}

@media all and (max-width: 510px) { 
	.news .cont-body .item .text h3 a{-webkit-line-clamp: 2; height:76px}
	.news .cont-body .item .img a img{display:none;}
	.news .cont-body .item .text{width:100%;}
	.news .cont-body .item .img{display: none;}
	
}

/* 퀵배너 */
.ban_box1 { position:relative; width:100%; height:auto; margin:0 auto;  background:#f2f2f2; overflow:hidden; }/* 바로가기01 */
.m_link01 { position:relative; width:100%; padding:70px 0; overflow:hidden; } 
.m_link01 h3 { position:absolute; width:1px; height:1px; left:-9999em; top:-9999em; text-indent:-9999em; overflow:hidden; } 
.m_link01 ul li { width:20%; float:left; text-align:center; } 
.m_link01 ul li a {display:block;color: #2B2222;font-size:20px} 
.m_link01 ul li a img { width:93px; height:82px; } 
.m_link01 ul li a:hover {}
.m_link01 ul li a p {position:relative; display:block; padding-top:20px}
.m_link01 ul li a:hover .ptit{border-bottom:1px solid #f9c3c8; box-shadow: inset 0 -7px 0 #f9c3c8; text-decoration:none}
.m_link01 ul li a:hover img { transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); } 
.m_link01 a, .m_link01 img { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; } 

@media screen and (max-width:1019px) {
	.m_link01 { padding:20px 0; } 
	.m_link01 ul li { width:20%; margin:5px 0; } 
	.m_link01 ul li a {font-size:1.0em}
}

@media screen and (max-width:640px) { 
	.m_link01 ul li {width: 33.3%;} 
	.m_link01 ul li a img { width:65px; height:57px; } 
	.m_link01 ul li a p {padding-top:10px; padding-bottom:10px}
}
@media screen and (max-width :480px) {
	.m_link01 ul li { width:50%; } 
}

/* 공지사항 */
.board-warp { position:relative; padding:40px 0px; min-height:400px; margin-bottom:20px}
.board-warp:before {content:"";display:block;position:absolute; width:235px;height:349px;background:url(/resources/images/alsd/main/all_bg02.png) no-repeat;background-size:contain;left:0;bottom:20px;margin:0 0 -39px}
.board{float:left; position:relative; width:100%; /*height:250px;*/ margin-top:0px; font-size:0; line-height:0;}
.board .notice_intro{position:absolute; left:0px; z-index:10;}
.board .notice_title{margin-top:14px;color: #2B2222;font-size:45px;line-height:42px;letter-spacing:-0.03em;font-weight:500;}
.board .notice_text{color:#fff; font-size:20px; line-height:22px; letter-spacing:-0.05em; text-shadow: 3px 3px 10px rgb(0 0 0 / 30%);}
.board .notice_control{margin-top:43px;}

.board .tab_panel{width:100%; padding-left:310px;}
.board .board_list{margin-left:-60px;}
.board .board_item{display:inline-block; width:23.54%; /* padding-left:60px;*/ margin-left:15px; vertical-align:top; /*background:#fff;*/ padding:0px 20px 40px; border-right:1px solid #e0e0e0;}
.board .board_item:last-child {border-right:0px solid #e0e0e0;}
.board .board_notice{padding:5px 10px; color:#fff; font-size:14px; line-height:16px; background-color:#019ba1; border-radius:15px;}
.board .board_depart{padding:5px 10px; font-size:14px; line-height:16px; border-radius:15px;}
.board .board_notice + .board_depart{margin-left:5px;}
.board .board_depart.type1{background-color:#efebff; color:#5743ab;}
.board .board_new{margin-left:10px; padding-top:5px; padding-bottom:5px; color:#f67b66; font-size:13px; line-height:16px;}
.board .board_subject{overflow:hidden; position:relative; height:60px; margin-top:9px; color:#000000; font-size:20px; line-height:30px; letter-spacing:-0.05em;}
.board .board_subject span:hover{display:inline; border-bottom:1px solid #feeaea; box-shadow: inset 0 -7px 0 #feeaea;}
.board .board_info{margin-top:28px; padding-bottom:21px; color:#7c7e89; font-size:14px; line-height:16px; border-bottom:1px dashed #cbcfd8;}

.board .board_text{overflow:hidden; height:80px; margin-top:21px; color:#878787; font-size:14px; line-height:25px;}
.board .board_text:hover { color:#555; text-decoration:underline}
.board .board_more{position: relative; left:0px; top:50px}
.board .board_more{padding-right: 45px; vertical-align: top; font-size:16px; color:#262626; background: url('/resources/images/computer/main/notice_more_btn01.png') no-repeat right top 50%/ 42px auto;}
.board .board_more:hover {color:#ce0505;background-image: url('/resources/images/alsd/main/notice_more_btn01_on.png'); padding-left:7px}
.board .board_more span:hover {/* transform:rotate(360deg);-webkit-transform:rotate(360deg)*/ left:7px;}
.board .board_more span{/*display:inline-block;*/ margin:0;padding:0;box-sizing:border-box;}
.board .tab_panel.n1 .board_more{top:18px;}
*,*:after,*:before{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;box-sizing:border-box;text-rendering:optimizelegibility;}

@media all and (max-width: 1600px) {
	.board-warp { padding:40px 15px;}
}
@media all and (max-width :1200px) {
	.board-wrap {padding:40px 0;}
}

@media all and (max-width:1300px) {
	.board{margin-top:30px;}
	.board .tab_button{padding-top:15px; padding-bottom:11px; font-size:16px; line-height:18px;}
	.board .tab_list{width:180px;}
	.board .tab_panel{padding-left:240px;}
	.board .board_subject{font-size:20px; line-height:27px;}
	.board .board_more{left:0px;}
	.board .board_more:before{width:19px; height:19px;}
	.board .board_item{width:23%; }
	.board .tab_panel.n1 .board_more{top:12px;}
	.board .tab_panel.n2 .board_more{top:58px;}
	.board .tab_panel.n3 .board_more{top:103px;}
}
@media all and (max-width:1000px) {
	.board-warp { padding:0px 0px; min-height:auto;}
	.board-warp:before { display:none}
	.board{clear:both; margin-top:0px;}
	.board .tab_list{position:static; width:100%; padding-right:50px; border:1px solid #bec3ce; border-radius:10px; text-align:center;}
	.board .tab_item{display:inline-block; width:23%; border-top-width:0;}
	.board .tab_item.last{border-bottom-width:0;}
	.board .tab_button{position:relative; font-size:17px; line-height:19px; padding-top:18px; padding-bottom:13px; padding-left:0;}
	.board .tab_button:before{margin-top:-1px; margin-left:-1px; padding-bottom:2px; padding-right:1px;}
	.board .tab_button:after{display:block; position:absolute; top:0; bottom:0; left:0; width:1px; height:25px; margin-top:auto; margin-bottom:auto; background-color:#bec3ce;}
	.board .tab_item:first-child .tab_button:after{display:none;}
	.board .tab_item.active .tab_button:after,
	.board .tab_item.active + .tab_item .tab_button:after{background-color:transparent;}
	.board .tab_panel{margin-top:20px;padding-left: 25px;}
	.board .board_more{ top:-20px; left:120px; width:50px; height:50px; background-color:transparent; border-width:0; border-left-width:0px; border-style:solid; border-color:#bec3ce;}
	.board .board_more:before{}
	.board .tab_panel.n1 .board_more,
	.board .tab_panel.n2 .board_more,
	.board .tab_panel.n3 .board_more{top:1px; left:auto; right:1px;}
	.board .notice_intro { position:static; width:100%}
	.board .notice_text { display:none}
	.board .notice_title { font-size:25px; color:#525252;}
}
@media all and (max-width:800px) {
	.board .board_list{margin-left:-30px;}
	.board .board_item{padding-left:30px; margin-left:10px; border:1px solid #e0e0e0; width:48%; padding:25px}
	.board .board_item:last-child { border-right: 1px solid #e0e0e0;}
	
}
@media all and (max-width:640px) {
	.board { margin-top:0px;}
	.board .board_list{margin-left:0;}
	.board .board_item{margin-left:0px; display:block; width:100%; padding:10px 20px; border:0px solid #7a7e8d; box-shadow:3px 3px 10px rgba(0,0,0,0); }
	.board .board_item:last-child { border-right: 0px solid #e0e0e0;}
	.board .board_item + .board_item{padding-top:20px; border-top:1px dashed #cbcfd8; ; border-radius:0;}
	.board .board_item .board_info{border-bottom:none;}
	/*.board .board_item.n3 .board_info {border-bottom:none;}*/

	.board .board_text{display:none;}
	.board .tab_button{padding-top:13px; padding-bottom:10px; font-size:15px; line-height:17px;}
	.board .tab_button:after{height:18px;}
	.board .tab_list{padding-right:0;}
	.board .tab_panel{margin-top:5px; padding-left:0px}
	.board .tab_panel .board_more{border-width:1px; border-style:dotted; border-color:#292e42;}
	.board .tab_panel .board_more:before{display:none;}
	.board .tab_panel.n1 .board_more,
	.board .tab_panel.n2 .board_more,
	.board .tab_panel.n3 .board_more{position:static; width:100%; height:auto; padding-top:12px; padding-bottom:12px; text-align:center; font-size:13px; line-height:15px;}
	.board .board_notice{font-size:12px; line-height:14px;}
	.board .board_depart{font-size:12px; line-height:14px;}
	.board .board_new{font-size:12px; line-height:14px;}
	.board .board_subject{height:auto; margin-top:10px; font-size:16px; line-height:18px;}
	.board .board_info{margin-top:11px;}
}

/* 하단고객센터 */
.botcall-wr {min-height:443px;background: url(/resources/images/musicproduction/main/all_bg03.jpg) no-repeat center / cover;}

/* 유튜브 */
.botcall-wr #ytwarp {position:relative; padding-left: 55.6%; width:100%;}
.botcall-wr .youtb {position:relative;width:100%;height:463px;/* background-color:rgba(0,0,0,0.1);*/border:1px solid rgba(255,255,255,0.3);padding:0px;margin-top:-130px;}
.botcall-wr .box-dept {position:absolute;left: 0px;top:228px;width:53.7%;height:230px;}
.botcall-wr .mtit {font-size:32px;color:#fff;font-weight:500;margin-bottom:30px}
.botcall-wr .comm {font-size:20px;color:#fff;font-weight:300;margin-bottom:45px;line-height:1.2;/* opacity:.6 */}
.botcall-wr .info-list {overflow:hidden}
.botcall-wr .info-list li {position:relative;float:left;padding-left:110px;color:#fff;margin-right:70px}
.botcall-wr .info-list li.ico02 {padding-top:7px}
.botcall-wr .info-list li:before {content:'';display:block;width:80px;height:80px;position:absolute;left:0;top:0;border-radius:50%;background-color:rgba(74,187,197);background-position:50% 50%;background-repeat:no-repeat}
.botcall-wr .info-list li.ico01:before {background: #E5D4C8 url(/resources/images/musicproduction/main/call_ico01.png);background-repeat:no-repeat;width:80px;height:80px;background-position:50% 50%;}
.botcall-wr .info-list li.ico02:before {background:#637ddc url(/resources/images/alsd/main/call_ico02.png); background-repeat:no-repeat; width:80px;height:80px;background-position:50% 50%;}
.botcall-wr .info-list li .tit {display:block;font-size:18px;margin-bottom:15px}
.botcall-wr .info-list li .num {display:block;font-size:38px; font-weight:500; margin-bottom:15px}

@media all and (max-width:890px) {
	.botcall-wr #ytwarp { padding:0; height:auto; display: none;}
	.botcall-wr .youtb { float: left; margin-top:10px; height:300px}
	.botcall-wr .box-dept { clear:both; position:relative; display:block; width:100%; top:0px; height:auto; padding:20px 20px 30px}
	.botcall-wr .mtit { margin-bottom:10px}
	.botcall-wr .comm { margin-bottom:25px}
}


@media all and (max-width:1700px) {
	#popup_4{top:1120px !important; left: 0px !important;}
	
}
@media all and (max-width: 1600px) {
	.botcall-wr .box-dept {left:15px;}
	.botcall-wr .youtb {padding-right: 15px;}
}
@media all and (max-width:1400px) {
    #popup_2{top:65px !important; left: 0px !important;}
	#popup_1{top:65px !important; left:501px !important;}
	#popup_1 > div{width:500px !important; height:auto !important}
	#popup_2 > div{width:500px !important; height:auto !important}
	#popup_3{top:590px !important; left: 0px !important;}
	#popup_3 > div{width:500px !important; height:auto !important}
	#popup_4{top:900px !important; left: 0px !important;}
	
}
@media all and (max-width: 1200px) {
	.botcall-wr .box-dept {left:30px;}
	.botcall-wr .youtb {padding-right: 0;}
}
@media all and (max-width:1100px) {
	#popup_2{}
	#popup_1{top:590px !important; left:0px !important;}
	#popup_3{top:1150px !important; left: 0px !important;}
	#popup_4{top:1460px !important; left: 0px !important;}
}
@media all and (max-width: 1000px) {
	.botcall-wr .box-dept {left:15px;}
}
@media all and (max-width: 890px) {
	.botcall-wr .box-dept {left:0;}
}
@media all and (max-width:780px) {
	#popup_1{top:455px !important; }
	#popup_1 > div{width:350px !important; height:auto !important}
	#popup_2 > div{width:350px !important; height:auto !important}
	#popup_3 > div{width:350px !important; height:auto !important}
	#popup_3{top:830px !important; left: 0px !important;}
	#popup_4 > div{width:350px !important; height:auto !important}
	#popup_4{top:1050px !important; left: 0px !important;}
}

/* slide-tit */
strong.slide-tit {
	display: none !important;
}