@charset "utf-8";

#header {width:100%; height:100px; background:#242222; position:absolute; top:0; left:0; z-index:1000;border-bottom:1px solid rgba(255,255,255,0.2);}

/* title */
.title {text-align:center; width:374px; margin:0 auto; height:75px; line-height:75px; border-top:1px solid #bebebe; border-left:1px solid #bebebe; border-right:1px solid #bebebe;}
.title h2 {font-family:"Lato"; font-size:24px; letter-spacing:-0.1px; color:#515151;}


/* main visual */
.main_visual {position:relative; margin-top: 100px; width:100%; height:700px; }
.main_visual .area .main_slide {width:100%; height:700px; }
.main_visual .area .main_slide .bxslide li .img {width:100%; height:700px;}
.main_visual .area .main_slide .bxslide li .txt {width:1200px; position:absolute; top:50%; transform:translateY(-50%); left:50%; margin-left:-600px;}
.main_visual .area .main_slide .bxslide li .txt h2 {font-size:50px; letter-spacing:-0.1px; color:#ffffff; font-family:"Lato"; line-height:55px;}
.main_visual .area .main_slide .bxslide li .txt h2:after {content:""; display:block; width:25px; height:2px; background:#ffffff; margin:10px 0;}
.main_visual .area .main_slide .bxslide li .txt p {font-size:18px; letter-spacing:0.1px; color:#ffffff; font-weight:300;}
.main_visual .area .main_slide .bx-wrapper .bx-controls-direction a {width:47px; height:90px; margin-top:-45px; z-index:999;}
.main_visual .area .main_slide .bx-wrapper .bx-prev {background:url('../images/main/s_prev.png') no-repeat center; left:90px;}
.main_visual .area .main_slide .bx-wrapper .bx-next {background:url('../images/main/s_next.png') no-repeat center; right:90px;}
.main_visual .area .main_slide .bx-wrapper .bx-pager {z-index:1000;}


/* slog */
.slog {width:100%; height:663px; background:#e0e0e0 url("/images/main/slog_bg.png") no-repeat right top; }
.slog .slog_txt {width:1200px; height:294px; margin:0 auto; display:table;}
.slog .slog_txt .left {display:table-cell; vertical-align:middle;}
.slog .slog_txt .left h3 {font-size:47px; color:#222222; line-height:46px; font-weight:bold; font-family:"Lato"; position:relative;}
.slog .slog_txt .left h3:before {content:""; display:inline-block; position:absolute; left:-70px; top:7px; width:3px; height:34px; background:#222222;}
.slog .slog_txt .right {display:table-cell; vertical-align:middle;}
.slog .slog_txt .right div {font-family:"Lato"; font-size:22px; letter-spacing:-0.15px; color:#4a4a4a; margin-bottom:20px;}
.slog .slog_txt .right p {font-size:16px; color:#636363; letter-spacing:-0.25px; line-height:25px; font-family:"Noto Sans KR"; font-weight:300; }
.slog .culture_list {width:1200px; margin:0 auto; position:relative; z-index:2;}
.slog .culture_list ul {overflow:hidden;}
.slog .culture_list ul li {/* float:left;  */text-align:center; /* margin-right:90px; */ position:relative;}
.slog .culture_list ul li:last-child {margin-right:0;}
.slog .culture_list ul li:after {content:""; display:inline-block; width:1px; height:486px; background:#bcbcbc; position:absolute; right:-45px; top:0;}
.slog .culture_list ul li div.img {margin-bottom:25px; position:relative;
	width:340px;
	height:486px;
}
.slog .culture_list ul li div.img img {width:100%;height:100%;}
.slog .culture_list ul li div.img .over {width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; background:rgba(245,123,32,0.7); transition:all 0.4s;}
.slog .culture_list ul li:hover div.img .over {opacity:1; }
.slog .culture_list ul li div.date {display:inline-block; margin-bottom:25px;}
.slog .culture_list ul li div.date:after {content:""; display:block; width:100%; height:1px; background:#8d8d8d;}
.slog .culture_list ul li div.date > span {font-family:"Lato"; font-size:15px; letter-spacing:0.75px; color:#747474; font-weight:bold;}
.slog .culture_list ul li div.date > span.time:before {content:""; display:inline-block; width:1px; height:13px; background:#747474; margin:0 8px;}
.slog .culture_list ul li h4 {font-size:22px; letter-spacing:-0.15px; color:#000000;width:340px;height: 66px;overflow: hidden;}
.slog .culture_list ul li p {font-size:15px; letter-spacing:-0.15px; color:#8d8d8d;}
.slog .culture_list .bx-wrapper .bx-controls-direction a {width:50px; height:89px; margin-top:-130px; opacity:1; transition:all 0.3s;}
/*.slog .culture_list:hover .bx-wrapper .bx-controls-direction a {opacity:1;}*/
.slog .culture_list .bx-wrapper .bx-prev {background:url("/images/main/culture_prev.png") no-repeat center; left:0;}
.slog .culture_list .bx-wrapper .bx-next {background:url("/images/main/culture_next.png") no-repeat center; right:0;}


/* section01 */
.section01 {background:#eeeeee; padding-top:390px; position:relative;}
.section01 .tab_wrap {font-size:0; text-align:center; margin-top:50px; margin-bottom:25px;}
.section01 .tab_wrap a {display:inline-block; width:156px; height:36px; border:2px solid #bcbcbc; box-sizing:border-box; text-align:center; line-height:34px; font-size:15px; transition:all 0.4s; margin-right:8px;}
.section01 .tab_wrap a:last-child {margin-right:0;}
.section01 .tab_wrap a:hover {color:#f57b20; border:2px solid #f57b20; }
.section01 .tab_wrap a.on {color:#f57b20; border:2px solid #f57b20; }
.section01 .slide_wrap {padding-bottom:176px; position:relative;width:1200px;margin:auto;    overflow: hidden;}
.section01 .slide_wrap ul.artist_slide li {display:inline-block; /* width:266px !important; height:561px !important;  */margin-right:10px; cursor:pointer;}
.section01 .slide_wrap ul.artist_slide li a {display:inline-block; width:100%;}
.section01 .slide_wrap ul.artist_slide li .img {100%;}
.section01 .slide_wrap ul.artist_slide li .img img {width:100%; display:block;}
.section01 .slide_wrap ul.artist_slide li .txt {background:#ffffff; box-sizing:border-box; padding:30px; min-height:130px; width:100%; word-break:break-all;}
.section01 .slide_wrap ul.artist_slide li .txt div.role {font-family:"Lato"; font-size:13px; color:#b3b3b3;letter-spacing: -0.2px;}
.section01 .slide_wrap ul.artist_slide li .txt div.eng_name {font-size:14px; letter-spacing:-0.2px; color:#000000; margin:4px 0;letter-spacing: -0.2px;}
.section01 .slide_wrap ul.artist_slide li .txt div.kor_name {font-size:14px; letter-spacing:-0.2px; color:#000000;letter-spacing: -0.2px;}
.swiper-scrollbar ,
.swiper-scrollbar2,
.swiper-scrollbar3,
.swiper-scrollbar4,
.swiper-scrollbar5 {
	width:100%; position:absolute; left:0%; transform:translateX(-0%); bottom:112px; z-index:50; height:2px; background:none;
	
}
.line {display:block; width:100%; height:2px; background:rgba(0, 0, 0, 0.1); position:absolute; bottom:112px; left:0;}
.section01 .btn_wrap {text-align:center; position:absolute; bottom:70px; left:50%; transform:translateX(-50%);}
.section01 .btn_wrap a.seemore {font-size:14px; color:#666666; font-family:"Lato";}
.artistN {position:absolute; bottom:103px; right:0%; margin-left:100px; cursor:pointer; z-index:100;}
.artistP {position:absolute; bottom:103px; left:0%; margin-right:100px; cursor:pointer; z-index:100;}

.section01 .slide_wrap .slide2 {display:none;}
.section01 .slide_wrap .slide3 {display:none;}
.section01 .slide_wrap .slide4 {display:none;}
.section01 .slide_wrap .slide5 {display:none;}
.section01 .slide_wrap .slide6 {display:none;}


/* section02 */
.section02 {width:100%; height:510px; background:url("/images/main/concert_bg.jpg") no-repeat center; background-size:cover; padding-top:90px;}
.section02 .title {border-top:1px solid rgba(255,255,255,0.32); border-left:1px solid rgba(255,255,255,0.32); border-right:1px solid rgba(255,255,255,0.32); margin-bottom:32px;}
.section02 .title h2 {color:#ffffff;}
.section02 .slide_wrap {width:1200px; margin:0 auto;}
.section02 .slide_wrap ul.concert_slide li {width:378px; display:inline-block; text-align:center;}
.section02 .slide_wrap ul.concert_slide li .img {width:378px; height:210px; display:block; margin-bottom:20px; position:relative;}
.section02 .slide_wrap ul.concert_slide li .img > a.border {
	display:inline-block; width:100%; height:100%; border:2px solid rgba(0,0,0,0); box-sizing:border-box; transition:all 0.4s; position:relative;
	-webkit-transition: all 0.25s;
   transition: all 0.25s;
	 background:url("/images/main/video_icon.png") no-repeat center;
}
.section02 .slide_wrap ul.concert_slide li:hover .img > a.border {border:2px solid #f57b20;}
.section02 .slide_wrap ul.concert_slide li .img > a.border > div.play_btn {display:inline-block; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%);}
.section02 .slide_wrap ul.concert_slide li .txt {font-size:16px; color:rgba(255,255,255,0.6);}
.section02 .slide_wrap .bx-wrapper .bx-controls-direction a {width:33px; height:64px; margin-top:0; top:-100px;}
.section02 .slide_wrap .bx-wrapper .bx-prev {left:0; background:url("/images/main/c_prev.png") no-repeat center;}
.section02 .slide_wrap .bx-wrapper .bx-next {right:0; background:url("/images/main/c_next.png") no-repeat center;}


/* section03 */
.section03 {width:100%; height:488px; background:#e2e2e2; margin-bottom: 83px;}
.section03 ul {width:1200px; height:100%; margin:0 auto; overflow:hidden;}
.section03 ul li {width:240px; height:100%; padding-top:74px; padding-left:30px; border-right:1px solid #cacaca; box-sizing:border-box; display:inline-block; float:left;}
.section03 ul li:first-child {border-left:1px solid #cacaca;}
.section03 ul li > .img {margin-bottom:25px; height:58px; position:relative; display:block;}
.section03 ul li > .img:before {content:""; display:inline-block; width:2px; height:53px; background:#f89f5c; position:absolute; left:-31px; top:0;}
.section03 ul li > .num {font-family:"Lato"; font-size:15px; letter-spacing:-0.15px; color:#444444; margin-bottom:15px;}
.section03 ul li > .eng_tit {font-family:"Lato"; font-size:20px; letter-spacing:-0.15px; line-height:25px; color:#222222; margin-bottom:15px;}
.section03 ul li > .kor_tit {font-family:"Noto Sans KR"; font-size:18px; color:#555555; margin-bottom:3px;}
.section03 ul li > p {font-family:"Noto Sans KR"; font-size:15px; line-height:22px; color:#555555; margin-bottom:20px;}
.section03 ul li > a.arrow_btn {display:inline-block;width:46px;height:46px; background:url("/images/main/arrow_btn.png") no-repeat center; transition:all 0.4s;}
.section03 ul li > a.arrow_btn:hover {background:url("/images/main/arrow_btn_on.png") no-repeat center;}


/* section04 */
.section04 {width:1200px; margin:0 auto 100px;}
.section04 .title {margin-bottom:35px;}
.section04 ul {overflow:hidden; margin-bottom:35px;}
.section04 ul li {display:inline-block; float:left; width:383px; border:1px solid #e0e0e0; padding:32px 32px 0 32px; box-sizing:border-box; margin-right:25px;}
.section04 ul li:last-child {margin-right:0;}
.section04 ul li .img {text-align:center; margin-bottom:25px;}
.section04 ul li .txt > .news_tit {font-size:22px; letter-spacing:-0.25px; line-height:28px; color:#0d0d0d;height: 69px;}
.section04 ul li .txt > .news_tit:after {content:""; display:block; width:25px; height:1px; background:#b4b4b4; margin:12px 0;}
.section04 ul li .txt > p {font-size:16px; letter-spacing:-0.25px; line-height:24px; color:#666666; font-weight:300; margin-bottom:15px;height:69px}
.section04 ul li .txt > div.source {overflow:hidden; padding-bottom:27px; border-bottom:1px solid #cccccc;}
.section04 ul li .txt > div.source span {display:inline-block; font-size:15px; letter-spacing:-0.25px; font-weight:300;}
.section04 ul li .txt > div.source span.newspaper {float:left;}
.section04 ul li .txt > div.source span.date {float:right;}
.section04 ul li .moreview {display:block; overflow:hidden; height:56px; line-height:56px;}
.section04 ul li .moreview > span {font-size:12px; color:#777777; float:left;}
.section04 ul li .moreview > img {float:right; margin-top:22px;}
.btn_wrap {text-align:center;}
.btn_wrap a.btn {display:inline-block; width:220px; height:40px; line-height:40px; color:#232323; text-align:center; font-size:13px; font-style:italic; border:1px solid #333333; transition:all 0.4s;}
.btn_wrap a.btn:hover {background:#232323; color:#ffffff;}
.btn_wrap.color a.btn {
	color:#e9e9e9;
	border:1px solid #fff;
}
.btn_wrap.color a.btn:hover {background:#fff; color:#232323;}
.mt30 {margin-top:30px;}