@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/* reset */
html,body{margin:0px;padding:0px;width:100%;font-size:10px;font-family:"Malgun Gothic","맑은 고딕";-webkit-text-size-adjust:none}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal}
li{list-style:none}
fieldset,img,a{border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}	/* button fix for ie8 */
input,textarea,select,button{font-family:"Malgun Gothic","맑은 고딕"}
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}
table th, table td{text-align:left}
input::-webkit-input-placeholder{color:#bdbdbd}
input::-moz-placeholder{color:#bdbdbd}
input:-moz-placeholder{color:#bdbdbd}
input:-ms-input-placeholder{color:#bdbdbd}
textarea::-webkit-input-placeholder{color:#bdbdbd}
textarea::-moz-placeholder{color:#bdbdbd}
textarea:-moz-placeholder{color:#bdbdbd}
textarea:-ms-input-placeholder{color:#bdbdbd}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
input:focus:-ms-input-placeholder{color:transparent!important}
textarea:focus::-webkit-input-placeholder{color:transparent!important}
textarea:focus::-moz-placeholder{color:transparent!important}
textarea:focus:-moz-placeholder{color:transparent!important}
textarea:focus:-ms-input-placeholder{color:transparent!important}
header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */

.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
.clear_wrap{*zoom:1}
.clear_ine{clear:both}
.contains{position:relative;margin:0 auto;padding:0 10px;width:1000px}
#viewport{min-width:1000px;overflow:hidden}

/* 헤더 */
#header{position:fixed;left:0;top:0;right:0;width:100%;background:#fff;z-index:110}
#header .contains{height:56px}
#header .logo{float:left;padding-top:10px}
#header .logo img{display:block}
#gnb{float:right;margin-top:13px}
#gnb li{float:left;margin:0 14px}
#gnb a{display:block;padding:5px;font-family:'Montserrat', sans-serif;font-size:17px;color:#fdb913;font-weight:700}
#gnb a:hover,
#gnb a:active{color:#00a5e3}

#content{padding-top:56px}
#content .main_visual{background:#fbccc4}
#content .main_visual .img{display:block;width:100%}

.title_wrap{height:77px;border-top:3px solid #fdb913}
.title_wrap .title{margin-top:-50px;line-height:33px;text-align:center;font-size:33px;color:#fdb913;font-family:'Montserrat', sans-serif;font-weight:700}
.panel_wrap{padding:0 80px}

/* 프로필 */
.profile_wrap{padding-top:150px}
#profile_list{margin-left:-50px;width:940px;text-align:center}
#profile_list li{display:inline-block;margin:0 23px;width:172px;height:396px;text-align:left;*display:inline;zoom:1}
#profile_list .profile_thumb{position:relative;margin-bottom:20px;width:172px;height:240px;background:#fff}
#profile_list .profile_thumb .img{display:block;margin:-4px 0 0 -4px}
#profile_list .profile_name{line-height:14px}
#profile_list .profile_name{height:23px;border-bottom:1px solid #fee9b5}
#profile_list .profile_name .name{float:left;line-height:14px;font-size:13px;color:#231f20}
#profile_list .profile_name .btn_gallery{float:right}
#profile_list .profile_name .btn_gallery .img{display:block}
#profile_list .profile_info{padding-top:6px;border-top:1px solid #fdc63e}
#profile_list .profile_info p{line-height:20px;font-size:13px;color:#231f20;white-space:nowrap}
#profile_list .profile_info p span{color:#6d6e71}

/* 앨범 */
.album_wrap{padding-top:150px}
.album_wrap .album_header{position:relative;padding-left:525px;height:380px}
.album_wrap .album_header .img_album{display:block;position:absolute;left:0;top:0}
.album_wrap .album_header .track_title{margin-bottom:10px;padding:70px 0 2px 0;line-height:26px;font-family:'Montserrat', sans-serif;font-size:18px;color:#fdb913;font-weight:700;border-bottom:1px solid #fdb913}
.album_wrap .album_header .track_list li{line-height:21px;font-size:13px;color:#6d6e71}
.album_wrap .album_header .btn_wrap{margin-top:15px;height:70px}
.album_wrap .track_slide{position:relative;padding-left:23px;height:67px}
.album_wrap .track_slide .btn_prev{display:block;position:absolute;left:0;top:11px;z-index:100}
.album_wrap .track_slide .btn_next{display:block;position:absolute;right:0;top:11px;z-index:100}
.album_wrap .track_slide .btn_prev .img,
.album_wrap .track_slide .btn_next .img{display:block}
.album_wrap .track_slide .slide_wrap{width:270px}
.album_wrap .track_slide .slide{height:67px;overflow:hidden}
.album_wrap .track_slide .slide li{float:left;width:90px;height:67px}
.album_wrap .track_slide .slide .img{display:block;margin:0 auto}
.album_wrap .album_content{padding-left:10px}
.album_wrap .album_content pre{line-height:21px;font-size:12.5px;color:#231f20;font-family:"Malgun Gothic","맑은 고딕";word-break:keep-all;white-space:pre-wrap;word-wrap:break-word}
.album_wrap .album_content pre b{font-weight:700}
#album_slide{position:relative;margin-left:-10px;width:850px}
#album_slide .btn_slide{display:block;position:absolute;top:180px}
#album_slide .btn_slide img{display:block}
#album_slide .btn_slide.prev{left:-98px}
#album_slide .btn_slide.next{right:-98px}

/* 스케쥴 */
.schedule_wrap{padding-top:150px}
.schedule_wrap .table_wrap{position:relative;margin:0 auto;width:870px}
.schedule_wrap .schedule_table{position:relative;margin-bottom:25px;width:100%;table-layout:fixed;z-index:10}
.schedule_wrap .schedule_table th{padding:0 14px;height:42px;text-align:left;font-size:13px;color:#231f20;border-bottom:1px solid #8d8d8d}
.schedule_wrap .schedule_table .sch_title th{height:39px;line-height:20px;text-align:center;font-size:16px;color:#fff;border-bottom:0;background:#fdbe26}
.schedule_wrap .schedule_table .sch_title a{padding:0 3px;color:#fff}
.schedule_wrap .schedule_table td{padding:15px 15px 15px 25px;font-size:10px;color:#231f20;border-bottom:1px solid #8d8d8d}
.schedule_wrap .schedule_table .wrap{position:relative;height:60px}
.schedule_wrap .schedule_table .wrap span{display:block;position:absolute;left:-20px;top:0;width:15px;height:16px;line-height:16px;text-align:right}
.schedule_wrap .schedule_table .sun, .schedule_wrap .schedule_table .sun .wrap span{color:#ff9196}
.schedule_wrap .schedule_table td.on{background:#fbfbfb}
#schedule_popup{display:none;position:absolute;padding:15px 15px 15px 35px;border:1px solid #bebebe;background:#fff;z-index:20}
#schedule_popup p{position:relative;margin-top:10px;line-height:20px;font-size:12px;color:#231f20;white-space:nowrap}
#schedule_popup p img{display:block;position:absolute;left:-20px;top:2px}
#schedule_popup p:first-child{margin-top:0}
.schedule_wrap .legend{height:20px}
.schedule_wrap .legend_wrap{float:right}
.schedule_wrap .legend_wrap p{float:left;margin-left:18px;line-height:15px;font-size:10px;color:#231f20}
.schedule_wrap .legend_wrap img{margin:-2px 3px 0 0;vertical-align:middle}

/* 공지 */
.notice_wrap{padding:150px 0}
.notice_wrap .table_wrap{margin-left:-15px;width:870px}
.notice_wrap .notice_table{width:100%;border-top:2px solid #e2e2e3}
.notice_wrap .notice_table th{padding-left:30px;height:48px;line-height:16px;text-align:left;font-size:12px;color:#000;border-bottom:1px solid #c5c5c5}
.notice_wrap .notice_table td{padding-left:30px;height:50px;line-height:16px;text-align:left;font-size:12px;color:#231f20;border-bottom:1px solid #c5c5c5}
.notice_wrap .notice_table a{color:#231f20}
.notice_wrap .notice_table a:hover{text-decoration:underline}
.bbs_page{height:20px;text-align:center;line-height:18px;font-size:12px;color:#231f20;letter-spacing:2px}
.bbs_page a{color:#231f20}
.bbs_page a:hover{text-decoration:underline}
.bbs_page b{color:#000;font-weight:bold}

/* .frame_wrap{margin-left:-15px;width:870px} */
.frame_wrap iframe{margin:0;padding:0;border:0}

/* 푸터 */
#footer{padding:50px 0 40px 0;text-align:center;background:#fdb913}
#footer .sns_wrap{height:65px}
#footer .sns_wrap a{margin:0 18px}
#footer .sns_wrap a:hover img{filter:alpha(opacity=80);opacity:0.8}
#footer .select_wrap{height:50px;text-align:center}
#footer .select_wrap select{padding:4px 10px;width:260px;font-size:14px;color:#000;font-weight:700;border:0;background:#fff}
#footer .copyright{ margin-bottom:40px;line-height:14px;font-size:12px;color:#fff;font-weight:bold}
#footer .copyright .c{display:inline-block;margin:-4px 0 0 0;vertical-align:middle;*display:inline;zoom:1}
#gnb a, #footer .sns_wrap a img{
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}

/* 팝업 */
#popup_mask{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#808285;z-index:100}

/* 비디오 팝업 */
#popup_video{display:none;position:fixed;left:50%;top:50%;margin:-281px 0 0 -500px;width:1000px;height:562px;background:#fff;z-index:110}
#popup_video .btn_close{position:absolute;right:0;top:-38px}
#popup_video .btn_close img{display:block}

/* 갤러리 팝업 */
#popup_gallery{display:none;position:fixed;left:50%;top:50%;padding:10px 70px;background:#fff;overflow:hidden;z-index:110}
#popup_gallery.on{display:none;left:50%;top:50%}
#popup_gallery .btn_close{position:absolute;right:5px;top:6px;padding:5px;z-index:20}
#popup_gallery .btn_close img{display:block}
#popup_gallery .btn_prev{position:absolute;left:20px;top:50%;margin-top:-47px;z-index:20}
#popup_gallery .btn_next{position:absolute;right:20px;top:50%;margin-top:-47px;z-index:20}
#popup_gallery .btn_prev img, #popup_gallery .btn_next img{display:block}
#popup_gallery .slide_wrap{position:relative;width:100%;height:100%;overflow:hidden;z-index:10}
#popup_gallery .bx-wrapper,
#popup_gallery .bx-viewport,
#popup_gallery .slide,
#popup_gallery .slide li{width:100%!important;height:100%!important}
#popup_gallery .img_wrap img{display:block;width:100%}
/*#popup_gallery.resize{top:10px;bottom:10px;margin-top:0;height:auto}*/

/* 공지사항 팝업 */
#popup_notice{display:none;position:fixed;left:50%;top:50%;margin:-300px 0 0 -500px;width:1000px;height:600px;background:#fff;z-index:110}
#popup_notice .btn_close{position:absolute;right:5px;top:6px;padding:5px;z-index:20}
#popup_notice .btn_close img{display:block}
#popup_notice .popup_wrap{padding:40px 25px}
#popup_notice .notice_table{width:100%;height:50px;border-bottom:1px solid #c5c5c5}
#popup_notice .notice_table th{padding-left:30px;height:50px;line-height:16px;text-align:left;font-size:12px;color:#000;border-bottom:1px solid #c5c5c5}
#popup_notice .notice_table td{padding-left:30px;height:50px;line-height:16px;text-align:left;font-size:12px;color:#231f20;border-bottom:1px solid #c5c5c5}
#popup_notice .notice_view{position:absolute;left:25px;top:91px;right:25px;bottom:40px;line-height:20px;font-size:12px;color:#000;overflow:hidden;overflow-y:auto}
#popup_notice .notice_view .view_wrap{padding:35px 25px}
#popup_notice.resize{top:10px;bottom:10px;margin-top:0;height:auto}
#popup_notice.resizew{left:10px;right:10px;margin-left:0;width:auto}
#popup_notice .notice_header{padding-left:55px;height:48px;line-height:16px;border-bottom:1px solid #c5c5c5}
#popup_notice .notice_header li{float:left;height:48px;line-height:48px;font-size:12px;color:#000}
#popup_notice .notice_header .no{width:100px}
#popup_notice .notice_header .title{width:424px}
#popup_notice .notice_header .name{width:140px}
#popup_notice .notice_header .view{float:right;width:54px}
#popup_notice .notice_view{height:490px;line-height:20px;font-size:12px;color:#000;overflow:hidden;overflow-y:auto}
#popup_notice .notice_view .view_wrap{padding:35px 25px}