body.hidden{ overflow: hidden; } #wrap { overflow: hidden; } img { max-width: 100%; } #Header { position: relative; } h1 { position: absolute; top: 23px; left: 58px; z-index: 400; } #gnb { position: absolute; top: 40px; right: 55px; z-index: 600;} #gnb .depth1 { float: left; padding: 0 45px; position: relative; } #gnb .depth1:after { display: inline-block; content: ""; width: 1px; height: 13px; position: absolute; top: 50%; right: 0; margin-top: -6px; background: #b1b1b3; } #gnb .depth1.last { padding-right: 0; } #gnb .depth1.last:after { display: none; } #gnb .depth1 > a { transition: 0.3s; display: block; font-family: 'Titillium Web'; font-size: 18px; color: #000; line-height: 21px; } #gnb .depth1.active > a { color: #ff1000 } #mainVisual { position: relative;} .main_visual_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; background:#000; } .main-slide .slide { height: 833px; background-repeat: no-repeat; background-size: cover; background-position: center; } .layout_inner { width: 1200px; margin: 0 auto; } .main-slide .slide .layout_inner { display: table; height: 100%; text-align: right; } .main-slide .slide .name { display: table-cell; vertical-align: middle; } .main-slide .slide .name .kor { font-family: 'notokr-thin'; font-size: 40px; color: #FFF; letter-spacing: 1px; text-shadow: 2px 1px 5px #777; } .main-slide .slide .name .eng { margin-right: -14px; line-height: 75px; font-family: 'Titillium Web'; font-size: 66px; letter-spacing:16px; text-shadow: 2px 1px 5px #777; color: #FFF; } #Artist-Sec { padding: 80px 0; } .mainSec-tit { font-family: 'Titillium Web'; font-weight: 200; font-size: 56px; color: #1a1a1a; } .mainSub-tit { font-size: 13px; } #Artist-Sec .mainSec-tit,#Artist-Sec .mainSub-tit { text-align: center; } #Artist-Sec .artist_area { margin-top: 45px; } #Artist-Sec .artist_area li { float: left; margin: 0 18px; position: relative; overflow: hidden;} #Artist-Sec .artist_area li .hv_img { transform: translateY(-100%); transition: 0.3s; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; z-index: 5; } #Artist-Sec .artist_area li .hv_img img { max-width: none; } #Artist-Sec .artist_area li:hover .hv_img { transform: translateY(0); opacity: 0.9; filter: alpha(opacity=90);} #Artist-Sec .artist_area li .name { padding: 0 10px; margin-top: 15px; text-align: center; font-family: 'notokr-medium'; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #Artist-Sec .moreBtn { text-align: center; margin-top: 45px;} #Artist-Sec .moreBtn a { transition: 0.2s; display: inline-block; padding: 12px 45px; border:1px solid #ddd; border-radius: 5px; font-size: 15px; color: #555;} #Artist-Sec .moreBtn a:hover { background-color: #e85f56; color: #fff; } #Notice-sec { background: #f2f5f6; } #news_Notice { float: left; width: 803px; padding-top: 80px; position: relative;} #news_Notice .tit_field .top { position: relative; } #news_Notice .tit_field .top a { position: absolute; top: 50%; right: 0; margin-top: -20px; } #news_Notice .row { margin-top: 40px; } #news_Notice .row .box { float: left; width: 378px; } #news_Notice .row .box2 { margin-left: 48px; } #news_Notice .row .box .img img { width: 100%; } #news_Notice .row .box .txtArea p { transition: 0.2s; } #news_Notice .row .box .txtArea .tit { margin: 25px 0 20px 0; font-size: 19px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #news_Notice .row .box .txtArea .txt { font-family: 'notokr-light'; font-size: 15px;line-height: 1.5em; height: 3em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; color: #777; } #news_Notice .row .box:hover .txtArea p { color: #db8f83 } #news_Notice .slide_arrow button { display: inline-block; width: 16px; height: 28px; position: absolute; top: 50%; margin-top: -14px; z-index: 400; cursor: pointer; text-indent: -99999px; background: url(../../images/main/ico/slide_arrow.png) no-repeat; } #news_Notice .slide_arrow button.slick-prev { left: 10px; } #news_Notice .slide_arrow button.slick-next { right: 10px; background-position: -18px 0;} #Audition { float: right; width: 315px; height: 548px; text-align: center; background: url(../../images/main/audition_bg.jpg) no-repeat; } #Audition .title { padding: 75px 0 50px 0;} #Audition .title .eng { font-family: 'Titillium Web'; font-weight: 200; font-size: 53px; color: #fff;} #Audition .title .kor { font-family: 'notokr-light'; color: #FFF; } #Audition .apply_btn { display: inline-block; margin-top: 100px; padding: 12px 55px; border: 1px solid #ddd; border-radius: 5px; font-size: 15px; color: #FFF;} #Audition .mic { transition: 0.5s; } #Audition .mic.animate { transform: translateY(-20px); } #Footer { padding: 20px 0;} #Footer.sub { border-top: 1px solid #dfdfdf; } #Footer p { text-align: center; color: #b2b2b2; background-color: #FFF; } #m_menu_btn { display: none; width: 33px; height: 26px; position: absolute; top: 35px; right: 30px; z-index: 1000; cursor: pointer; background: url(../../images/main/ico/menu_btn.png) no-repeat; } #m_menu_btn.cancel { width: 25px; height: 25px; position: fixed; background-position: -35px 0; } #m_menu { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: auto; z-index: 800; } #m_menu ul { text-align: center; padding: 40px 0; } #m_menu ul li a { display: inline-block; line-height: 110px; font-family: 'notokr-bold'; font-size: 30px; color: #fff; } .menu_hidden { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 700; background: rgba(0,0,0,0.9); } #snsArea { text-align: center; margin-top: 15px; } #snsArea li { display: inline-block; margin-left: 2px; } #snsArea li:first-child {margin-left: 0;} #snsArea li a { display: block; width: 30px; height: 30px; background: url(../../images/sub/ico/sns_ico.png) no-repeat; } #snsArea li.blog a { background-position: -31px 0; } #snsArea li.insta a { background-position: -62px 0; } #snsArea li.youtube a { background-position: -93px 0; } /*서브공통*/ #Contents { padding: 90px 0 130px 0; } #subVisual { height: 368px; background-size: cover; background-position: center; background-repeat: no-repeat; } #subVisual .title_area { padding-top: 175px; text-align: center; } #subVisual .title_area h2 { font-family: 'Titillium Web'; font-weight: 200; font-size: 56px; color: #FFF; } #subVisual .title_area p { font-size: 13px; color: #FFF; } #subTap { height: 61px; background: #e85f56;} #subTap ul { display: none; width: 1200px; margin: 0 auto; } #subTap ul li { float: left;} #subTap ul li a { display: block; line-height: 61px; text-align: center; font-family: 'notokr-medium'; font-size: 20px; color: #FFF;} #subTap ul li.active a { background: #FFF; color: #000; } #subTap ul.two li { width: 50%; } #subTap ul.three li { width: 33.3%; } #subTap ul.three li:first-child { width: 33.4%; } .caution { color: #e71e1e; } /*Company*/ .company_visu { background-image: url(../../images/sub/company_visual.jpg); } .intro-Cont .txtArea { float: left; width: 54.16%; position: relative;} .intro-Cont .txtArea .txt1 { margin-top: 80px; font-size: 26px; line-height: 39px; color: #2b2b2b; } .intro-Cont .txtArea .txt2 { margin-top: 40px; font-size: 17px; line-height: 27px; } .intro-Cont .txtArea .sign { margin-top: 45px; text-align: right; } .intro-Cont .txtArea .ico_bg1 { position: absolute; top: 0; right: -50px; } .intro-Cont .txtArea .ico_bg2 { position: absolute; bottom:0; left: 0; } .intro-Cont .img { float: right; width: 38.66%; } .contact-cont .map { position: relative; overflow: hidden; padding-bottom: 34%; margin-bottom: 35px; } .contact-cont .map iframe { width: 100%; height: 100%; position: absolute; top: 0; left:0; } .contact_list li { float: left; width: 33.3%; text-align: center; } .contact_list li .ico { display: inline-block; background: url(../../images/sub/ico/location_ico.png) no-repeat; } .contact_list li.list1 .ico { width: 47px; height: 41px; } .contact_list li.list2 .ico { width: 36px; height: 41px; background-position: -66px 0;} .contact_list li.list3 .ico { width: 44px; height: 41px; background-position: -125px -4px;} .contact_list li p.tit { margin-top: 10px; font-family: 'notokr-bold'; font-size: 18px; color: #c7c7c7; } .contact_list li p.tit strong { color: #000; } .contact_list li p.article { margin-top: 15px; font-size: 15px; line-height: 22px; } .business-Cont .sec .title { text-align: center; font-family: 'Titillium Web'; font-weight: 600; font-size: 38px; color: #292929; } .business-Cont .sec1 .listArea1 { margin-top: 42px; text-align: center; } .business-Cont .sec1 .listArea1 .round_img { display: inline-block; } .business-Cont .sec1 .listArea1 .round_img img.mobile { display: none; } .business-Cont .sec1 .listArea1 .desc1 { float: left;} .business-Cont .sec1 .listArea1 .desc2 { float: right; } .business-Cont .sec1 .listArea .desc { width: 356px;} .business-Cont .sec1 .listArea .desc .ico { display: inline-block; width: 60px; height: 55px; background: url(../../images/sub/business_icoArea.png) no-repeat; } .business-Cont .sec1 .listArea .desc1 .ico { background-position: -30px 0; } .business-Cont .sec1 .listArea .desc2 .ico { background-position: -116px 0; } .business-Cont .sec1 .listArea .desc3 .ico { background-position: -191px 0; } .business-Cont .sec1 .listArea .desc .eng { line-height: 22px; margin-top: 15px; font-family: 'Titillium Web'; font-weight: 600; font-size: 18px; color: #292929; } .business-Cont .sec1 .listArea .desc .kor { font-size: 14px; line-height: 22px; color: #7a7a7a; } .business-Cont .sec1 .listArea .desc .txt { margin-top:12px; text-align: left; font-size: 14px; line-height: 21px; } .business-Cont .sec1 .listArea2 { position: relative; text-align: center; } .business-Cont .sec1 .listArea2 .round_img1 { position: absolute; top: -85px; left: 0 } .business-Cont .sec1 .listArea2 .round_img2 { position: absolute; top: -85px; right: 0 } .business-Cont .sec1 .listArea2 .desc{ margin: 20px auto 0; } .business-Cont .sec2 { margin-top: 95px; padding: 45px 0; background-color: #fff5f9; } .business-Cont .sec2 ul { margin-top: 25px; } .business-Cont .sec2 ul li { float: left; width: 25%; text-align: center; } .business-Cont .sec2 ul li .ico { display: inline-block; width: 122px; height: 122px; background: url(../../images/sub/business_icoArea.png) no-repeat; } .business-Cont .sec2 ul li.list1 .ico { background-position: 0 -79px; } .business-Cont .sec2 ul li.list2 .ico { background-position: -124px -79px; } .business-Cont .sec2 ul li.list3 .ico { background-position: -247px -79px; } .business-Cont .sec2 ul li.list4 .ico { background-position: -370px -79px; } .business-Cont .sec2 ul li .name {margin-top: 20px; line-height: 22px; font-size: 14px; color: #292929; } .business-Cont .sec2 ul li .name strong { display: block; font-family: 'Titillium Web'; font-weight: 600; font-size: 18px;} .business-Cont .sec2 ul li .desc { margin-top: 10px; font-size: 12px; line-height: 18px; color: #292929; } /*ARTIST*/ .artist_visu { background-image: url(../../images/sub/artist_visual.jpg); } .artist-Cont .thumb_list li { float: left; width:23%; margin: 2.66% 2.66% 0 0; position: relative; text-align: center;} .artist-Cont .thumb_list li.list4,.artist-Cont .thumb_list li.list8 { margin-right: 0; } .artist-Cont .thumb_list li.list1,.artist-Cont .thumb_list li.list2, .artist-Cont .thumb_list li.list3,.artist-Cont .thumb_list li.list4 { margin-top: 0; } .artist-Cont .thumb_list li .img { overflow: hidden; position: relative; padding-bottom: 100%; } .artist-Cont .thumb_list li .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .artist-list .thumb_list li .name { transition: 0.3s; display: inline-block; margin-top: 15px; font-size: 18px; color: #333; border-bottom: 3px solid transparent} .artist-list .thumb_list li .img img { transition: 0.5s; } .artist-list .thumb_list li:hover .img img { transform: scale(1.05); } .artist-list .thumb_list li:hover .name { border-color: #db8f83; } .artist-Cont .pager { margin-top: 85px; } .artist-Cont .artist_list_btn { display: block; width: 185px; height: 40px; line-height: 40px; margin: 0 auto 70px; text-align: center; font-size: 17px; color: #FFF; background-color: #af1515 } .profile-body .img { float: left; width: 44.75%; box-shadow: 10px 10px 0px #eee; overflow: hidden; position: relative; padding-bottom: 44.75%;} .profile-body .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .profile-body .desc { float: right; width: 45.83%; } .profile-body .desc .name { padding-bottom: 10px; border-bottom: 2px solid #333; font-size: 38px; color: #222;} .profile-body .desc .name .eng { margin-left: 20px; font-size: 25px; color: #c9c9c9;} .profile-body .listArea { margin-left: 20px; } .profile-body .listArea1 { margin-top: 20px; } .profile-body .listArea p.tit { float: left; width: 60px; line-height: 28px; font-family: 'notokr-medium'; font-size: 14px; color: #333; } .profile-body .listArea ul { float: left; width: 460px; } .profile-body .listArea ul li { line-height: 28px; font-size: 14px; } .artist-Cont .photo_video li .img { background: #000; } .artist-Cont .photo_video li .txtArea { transition: 0.4s; opacity: 0; filter: alpha(opacity=0); width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; } .artist-Cont .photo_video li .txtArea .tit { padding: 0 10px; font-size: 22px; color: #FFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .artist-Cont .photo_video li .txtArea .cal { font-size: 13px; color: #FFF; } .artist-Cont .photo_video li:hover .img img { opacity: 0.7; filter: alpha(opacity=70);} .artist-Cont .photo_video li:hover .txtArea { opacity: 1; filter: alpha(opacity=100);} .artist-Cont .notice_view_contents .btn:hover { background-color: #96d4e0; } /*Audition*/ .audition_visu { background-image: url(../../images/sub/audition_visual.jpg); } .Audition .title_field { text-align: center; } .Audition .title_field h3 { font-size: 27px; color: #333; line-height: 40px;} .Audition .title_field a { display: inline-block; margin-top: 25px; padding: 12px 50px; border: 1px solid #cb2c21; font-family: 'notokr-medium'; font-size: 18px; color: #cb2c21;} .Audition .title_field a.down2 { margin-left: 20px; border-color:#000; color: #000} .Audition .title_field a.down2:after { background:url(../../images/sub/ico/down2.png) no-repeat } .Audition .title_field a:after { display: inline-block; content: ""; width: 18px; height: 17px; margin: -4px 0 0 10px; vertical-align: middle; background: url(../../images/sub/ico/down.png) no-repeat;} .Audition .audition_list { margin-top: 80px; } .Audition .audition_list .type { margin-top: 85px; } .Audition .audition_list .type1 { margin-top: 0; } .Audition .audition_list .type .img { float: left; } .Audition .audition_list .type .article { float: left; width: 908px; margin-left: 50px;} .Audition .audition_list .type1 ol li { margin-top: 18px; line-height: 25px; overflow: hidden; font-size: 17px;} .Audition .audition_list .type1 ol li:first-child { margin-top: 0; } .Audition .audition_list .type1 ol li .num { display:block; float: left; margin-right: 17px; font-family: 'notokr-bold'; color: #b4b4b4; } .Audition .audition_list .type1 ol li p { float: left; color: #292929;} .Audition .audition_list .type1 ul { margin: 10px 0 0 38px; padding: 12px 17px; border:1px solid #d6d6d6; background-color: #f6f6f6; } .Audition .audition_list .type1 ul li { font-size: 15px; line-height: 24px; color: #292929; } .Audition .audition_list .type2 ul { margin-top: 35px; } .Audition .audition_list .type2 ul li { float: left; width: 33.3%; position: relative; text-align: center; } .Audition .audition_list .type2 ul li p { margin-top: 12px; font-size: 20px; color:#292929; } .Audition .audition_list .type2 ul li:after { display: inline-block; content: "............."; position: absolute; top: 70px; right: -42px; letter-spacing: 3px; color: #b4b4b4; } .Audition .audition_list .type2 ul li:last-child:after { display: none; } .Audition .audition_list .type3 ol { margin-top: 60px; } .Audition .audition_list .type3 ol li { margin-top: 18px; line-height: 25px; overflow: hidden; font-size: 17px;} .Audition .audition_list .type3 ol li .num { display:block; float: left; margin-right: 17px; font-family: 'notokr-bold'; color: #b4b4b4; } .Audition .audition_list .type3 ol li p { float: left; color: #292929;} /*Pager*/ .pager { display: table; margin: 40px auto 0;} .pager li { float: left; margin:0 2px; } .pager li a { display: block; width: 34px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #ddd;} .pager li a.on { background-color: #ff8282; color: #FFF; } .pager .pager_btn a { border:0; } /*FAQ게시판*/ .faq_list li { margin-top: 15px; padding: 15px; border: 1px solid #ddd; border-radius: 10px; } .faq_list li:first-child { margin-top: 0; } .faq_list li .tit_area { position: relative; cursor: pointer; background:url(/images/sub/ico/toggle_arrow.png) no-repeat 100% 50%; } .faq_list li .tit_area .ico {position: absolute; top: 2px; left:0; } .faq_list li .tit_area .tit { display: inline-block; margin-left: 5px; padding: 0 20px; vertical-align: middle; font-family: 'notokr-medium'; font-size: 18px; color: #222; } .faq_list li .txt_area { display: none; margin-top: 20px; padding: 15px; border-radius: 10px; background-color: #f9f9f9; } .faq_list li .txt_area p { font-size: 15px; color: #555; line-height: 20px; } /*pr center*/ .pr_visual { background-image: url(../../images/sub/pr_visual.jpg); } .refresh_btn { display: inline-block; width: 30px; height: 30px; text-align: center; border:1px solid #ddd; box-sizing: border-box; background-color: #FFF;} .notice_contents .answer_ico a { padding-left: 25px; background: url(../../images/ico/reply.gif) no-repeat 0 3px; } .notice_contents td a { display: inline-block; width: 420px; line-height: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .notice_contents td a:hover { color: #ff3c78; } .notice_contents .search_area { float: right; overflow: hidden; margin-bottom: 10px; } .notice_contents .search_area .notice_select{ float: left; width: 130px; height: 30px; line-height: 30px; padding-left: 10px; margin-right: 5px; font-size: 16px;} .notice_contents .search_area .input_box { float: left; width: 250px; height: 30px; line-height: 30px; padding-left: 10px; margin-right: 3px; font-size: 15px; box-sizing: border-box;} .notice_contents .search_area .search_btn { float: left; width: 90px; height: 30px; line-height: 30px; text-align: center; background-color: #999; color: #FFF; font-size: 13px; cursor: pointer;} .notice_contents .search_area .search_btn:hover{background-color:#ff3c78;} .notice_body { width: 100%; border-top: 2px solid #593123; table-layout:fixed;} .notice_body .answer_ok span { display: inline-block; padding: 3px 7px; background-color: #41AF39; color: #fff; text-align: center; border-radius: 20px;} .notice_body .answer_no span { display: inline-block; padding: 3px 7px; background-color: #999; color: #fff; text-align: center; border-radius: 20px; } .notice_body tr { border-bottom: 1px solid #ddd; } .notice_body .num_tit { padding: 3px 5px; background-color:#ff3c78;color:#FFF; } .notice_body th, .notice_body td { padding: 15px 0; text-align: center; font-size: 15px; color: #555;} .notice_body td { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .notice_body .txt_left { padding-left: 10px; text-align: left;cursor: pointer; } .notice_contents .write_btn { display: block; float: right; width: 110px; height: 30px; line-height: 30px; margin-top: 20px; text-align: center; font-size: 14px; background-color: #999; color: #FFF; } .notice_contents .end_color { color: #292eff; } .notice_view_contents .answer_area { margin: 40px 0;} .notice_view_contents .answer_area > .tit { margin-bottom: 10px; font-family: 'notokr-medium'; font-size: 18px; color: #222; } .notice_view_contents .answer_txt_box { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px 0; } .notice_view_contents .answer_txt_box textarea { width: 850px; height: 70px; padding: 10px; box-sizing: border-box; overflow: auto; font-size: 14px; } .notice_view_contents .answer_txt_box button { width: 65px; height: 70px; line-height: 70px; text-align: center; background-color: #999; color: #FFF; font-size: 14px; } .notice_view_contents .answer_txt_box .id_pw_wrap { margin:15px 0 20px 0; } .notice_view_contents .answer_txt_box .id_pw_wrap .writer { margin-right: 10px; } .notice_view_contents .commont_area { margin-top: 30px; } .notice_view_contents .comment_list { padding: 15px 0; border-bottom: 1px solid #ddd;} .notice_view_contents .comment_list .comment_name { font-family: 'notokr-medium'; font-size: 14px; color: #444; } .notice_view_contents .comment_list .comment_txt { margin: 20px 0 7px 0; font-size: 13px; color: #666;} .notice_view_contents .comment_list .comment_cal { font-size: 11px; color: #999; } .schedule-Cont .year_area { position: relative; margin-bottom: 40px;} .schedule-Cont .year_area .center { text-align: center; } .schedule-Cont .year_area .center span { font-family: 'notokr-medium'; font-size: 29px; color: #333; } .schedule-Cont .year_area .side a { position: absolute; top: 10px; } .schedule-Cont .year_area .side a.prev_year { left:0; } .schedule-Cont .year_area .side a.next_year { right:0; } .schedule-Cont .year_area .side a span { display: inline-block; width: 32px; height: 32px; vertical-align: middle; background: url(../../images/sub/ico/schedule_arrow.png) no-repeat; } .schedule-Cont .year_area .side a.next_year span { margin-left: 20px; } .schedule-Cont .year_area .side a.prev_year span { margin-right: 20px; } .schedule-Cont .year_area .side a span.next { background-position: -32px 0; } .schedule-Cont .year_area .side a p { display: inline-block; font-family: 'notokr-bold'; font-size: 20px; color: #333; vertical-align: middle;} .schedule-Cont .month_area li { float: left; margin-left: 72px;} .schedule-Cont .month_area li a { display: block; padding-bottom: 5px; text-align: center; font-family: 'notokr-medium'; font-size: 17px; color: #333;} .schedule-Cont .month_area li.active a { border-bottom: 1px solid #ddd; color: #96d4e0; } .schedule-Cont .month_area li.Jan { margin-left: 0; } .schedule-Cont .month_sel_area { display: none; text-align: center; } .schedule-Cont .month_sel_area select { width: 100%; height: 40px; line-height: 40px; padding-left: 10px; box-sizing: border-box; font-size: 17px; color: #333; background-color: #FFF;} .schedule_body { margin-top: 30px; padding-top: 30px; border-top: 1px solid #595959; } .schedule_body table { width: 100%; table-layout: fixed; } .schedule_body table th { padding: 15px 10px; line-height: 17px; border-left: 1px solid #868ede; text-align: center; font-size: 18px; color: #fff; background: #616cd4; } .schedule_body table th:first-child { border-left:0; } .schedule_body table th .eng { font-size: 13px; } .schedule_body table td { position: relative; vertical-align: top; padding: 15px 12px 40px 12px; border:1px solid #e7e7e7; } .schedule_body table td .day { margin-bottom: 7px; font-family: 'notokr-bold'; font-size: 12px; } .schedule_body table td.sun .day { color: #da2626; } .schedule_body table td.sat .day { color: #2439ff } .schedule_body table td .desc { font-size: 13px; line-height: 1.5em; height: 7.5em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap:break-word;} .schedule_body table td .desc .name { font-family: 'notokr-bold'; } .schedule_body table td .more_btn { position: absolute; bottom: 0; right: 0; padding: 2px 5px; background: #ccc; font-size: 11px; color: #fff; cursor: pointer;} #schedule-Modal { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; overflow: auto; text-align: center;} #schedule-Modal .cnt { display: inline-block; width: 862px; margin: 30px 0; position: relative; z-index: 9999; vertical-align: middle; text-align: left; } #schedule-Modal .cnt .head { height: 95px; line-height: 95px; text-align: center; position: relative; background: url(../../images/sub/schedule_modal_titBg.png) no-repeat center; background-size: cover;} #schedule-Modal .cnt .head h3 { font-family: 'notokr-medium'; font-size: 29px; color: #FFF; } #schedule-Modal .cnt .head .modal_cancel { position: absolute; top: 0; right: 25px; cursor: pointer; } #schedule-Modal .cnt .body { padding: 40px 30px; background: #FFF; } #schedule-Modal .cnt .body p.name { margin-top: 30px; margin-bottom: 10px; font-family: 'notokr-bold'; font-size: 20px; color: #333;} #schedule-Modal .cnt .body p.name:first-child { margin-top: 0; } #schedule-Modal .cnt .body p.schedule_list { font-size: 16px; color: #333; } #schedule-Modal .blank { display: inline-block; height: 100%; vertical-align: middle; } .modal_hidden { opacity: 0.7; filter: alpha(opacity=70); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 500; background:#000; } /*기본게시판 뷰페이지*/ .notice_view_contents { width: 100%; overflow: hidden; border-top: 2px solid #999;} .notice_view_contents .head_field { padding: 20px 0 20px 10px;} .notice_view_contents .head_field .tit { margin-bottom: 10px; font-family: 'notokr-medium'; font-size: 28px; color: #222; } .notice_view_contents .head_field .date_area { display: inline-block; margin-right: 20px; font-size: 13px; color: #999; } .notice_view_contents .head_field .file { margin-right: 0; } .notice_view_contents .article_field { padding: 30px 10px; font-size: 14px; line-height: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .notice_view_contents .article_field img { max-width: 100%; } .notice_view_contents .article_field .video { width: 60%; margin: 0 auto; overflow: hidden; position: relative; padding-bottom: 33.7%; } .notice_view_contents .article_field .video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .notice_view_contents .view_btn_area { overflow: hidden; margin: 20px 0; } .notice_view_contents .btn { display: block; float: left; width: 90px; height: 30px; line-height: 30px; margin-right: 5px; text-align: center; font-size: 16px; background-color: #999; color: #FFF; } .notice_view_contents .btn:hover{background-color:#ff3c78;} .notice_view_contents .list_btn { float: right; } .notice_view_contents .prev_next_field { clear: both; width: 100%; border-top: 1px solid #222; border-bottom: 1px solid #666;} .notice_view_contents .prev_next_field .list { padding: 15px 0; } .notice_view_contents .prev_next_field .prev_list { border-bottom: 1px solid #ddd; } .notice_view_contents .prev_next_field .tit { display: inline-block; width: 100px; text-align: center; font-size: 15px; color: #444; } .notice_view_contents .prev_next_field .txt { display: inline-block; width: 600px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; color: #666; vertical-align: bottom; } @media screen and (min-width:1200px){ #m_menu{ display: none !important; } .menu_hidden{ display: none !important; } } @media screen and (max-width:1200px){ h1 { left: 20px; } .layout_inner { width: auto;} .main-slide .slide .layout_inner { padding: 0 20px; } .main-slide .slide { height: 600px; } #Artist-Sec { padding: 80px 30px; } #Artist-Sec .artist_area li .hv_img img { max-width: 100%; width: 100%;} #Artist-Sec .artist_area li { margin: 0 10px; } #news_Notice { float: none; width: auto; margin: 0 auto; padding: 40px 30px;} #news_Notice .tit_field{ text-align: center; } #Audition { float: none; width: auto; height: auto; padding-bottom: 40px; margin: 0 auto; background-size: cover; } #Audition .title { padding: 40px 0; } #Audition .apply_btn { margin-top: 40px; } #Audition .mic img { width: 48px; } #news_Notice .row .box { margin: 0 20px; } /*서브*/ #subTap ul { width: auto; } #Contents { padding: 60px 20px; } .Audition .title_field h3 { font-size: 22px; line-height: 35px; } .Audition .audition_list .type .img { float: none; text-align: center; } .Audition .audition_list .type .article { float: none; width: auto; margin: 30px 0 0 0; } .Audition .audition_list .type1 ol li { text-align: center; } .Audition .audition_list .type1 ol li .num { float: none; margin: 0 0 10px 0; } .Audition .audition_list .type1 ol li p { float: none; } .Audition .audition_list .type1 ul { margin: 15px 0 0 0; } .Audition .audition_list .type1 ul li { text-align: center; } .Audition .audition_list .type3 ol li { text-align: center; } .Audition .audition_list .type3 ol li .num { float: none; margin: 0 0 10px 0; } .Audition .audition_list .type3 ol li p { float: none; } .schedule-Cont .year_area { margin-bottom: 20px; } .schedule-Cont .month_area { display: none; } .schedule-Cont .month_sel_area { display: block; } .business-Cont .sec1 .listArea1 .round_img { display: block; text-align: center; } .business-Cont .sec1 .listArea1 .round_img img.mobile { display: inline-block; } .business-Cont .sec1 .listArea1 .round_img img.pc { display: none; } .business-Cont .sec1 .listArea .desc { float: none; margin: 40px auto 0; } .business-Cont .sec1 .listArea2 .round_img { display: none; } .profile-body .img { float: none; margin: 0 auto; } .profile-body .desc { float: none; margin: 40px auto 0; } .profile-body .listArea p.tit { margin-top: 20px; } .profile-body .listArea1 p.tit { margin-top: 0; } .profile-body .listArea p.tit, .profile-body .listArea ul { float: none; width: auto; } } @media screen and (max-width:1024px){ #gnb { display: none; } #m_menu_btn { display: block; } /*서브*/ .Audition .audition_list .type2 ul li p { font-size: 17px; } .Audition .audition_list .type2 ul li:after { letter-spacing: 2px; } #schedule-Modal .cnt { width: 95%; } #schedule-Modal .cnt .head { height: 60px; line-height: 60px; } #schedule-Modal .cnt .head h3 { font-size: 18px; } #schedule-Modal .cnt .body { padding: 20px; } #schedule-Modal .cnt .body p.name { font-size: 16px; } #schedule-Modal .cnt .body p.schedule_list { font-size: 14px; } .intro-Cont .txtArea .txt1 br, .intro-Cont .txtArea .txt2 br { display: none; } /*기본게시판*/ .notice_contents td a { width: 95%; } .notice_view_contents .prev_next_field .tit { width: 22%; } .notice_view_contents .prev_next_field .txt { width: 75%; } /*faq*/ .faq_head .ico {display: block; margin-right: 0; margin-bottom: 5px; } .faq_head .ico img { width: 80px; } } @media screen and (max-width:768px){ .main-slide .slide .name .kor { font-size: 35px; } .main-slide .slide .name .eng { margin-right: 0; letter-spacing: 6px; line-height: 50px; font-size: 40px;} .main-slide .slide { height: 400px; } #Artist-Sec { padding: 40px 0; } .mainSec-tit,#Audition .title .eng { font-size: 35px; } /*서브*/ #subVisual { height: 250px; } #subVisual .title_area { padding-top: 90px; } #subVisual .title_area h2 { font-size: 37px; } #subTap { height: 45px; } #subTap ul li a { line-height: 45px; font-size: 14px; } .intro-Cont .txtArea , .intro-Cont .img { float: none; width: auto; } .intro-Cont .img { margin-top: 40px; } .intro-Cont .txtArea .logo img { width: 180px; } .intro-Cont .txtArea .txt1 { font-size: 20px; line-height: 28px; } .artist-Cont .thumb_list li { width: 49%; margin: 2% 2% 0 0 !important; } .artist-Cont .thumb_list li:nth-child(2n) { margin-right: 0 !important; } .artist-Cont .thumb_list li:nth-child(-n+2) { margin-top: 0 !important; } .artist-list .thumb_list li .name { font-size: 15px; } .artist-video .photo_video li .txtArea .tit { font-size: 16px; } .notice_view_contents .article_field .video { width: auto; margin: 0 auto; overflow: hidden; position: relative; padding-bottom: 56.25%; } } @media screen and (max-width:640px){ h1 img { width: 55px; } #news_Notice .tit_field .top a { display: none; } #news_Notice .row .box { margin: 0 10px; } #Audition .mic { display: none;} #Audition .title { padding: 25px 0 0 0; } #Audition .apply_btn { margin-top: 20px; } #news_Notice .row .box .txtArea .tit { font-size: 16px; } #news_Notice .row .box .txtArea .txt { font-size: 15px; } /*서브*/ .contact-cont .map { padding-bottom: 65%; } .contact_list li { float: none; width: auto; margin-top: 30px; } .contact_list li:first-child { margin-top: 0; } .Audition .title_field h3 { font-size: 20px; line-height: 30px; } .Audition .title_field a { padding: 12px 40px; font-size: 15px; } .Audition .audition_list .type2 ul li { float: none; width: auto; margin-top: 20px; } .Audition .audition_list .type2 ul li:first-child { margin-top: 0; } .Audition .audition_list .type2 ul li:after { display: none; } .schedule-Cont .year_area .center span { font-size: 20px; } .schedule-Cont .year_area .side { margin-top: 10px; } .schedule-Cont .year_area .side a { position: static; } .schedule-Cont .year_area .side a.prev_year { float: left; } .schedule-Cont .year_area .side a.next_year { float: right; } .schedule-Cont .year_area .side a p { font-size: 15px; } .schedule-Cont .year_area .side a.next_year span { margin-left: 10px; } .schedule-Cont .year_area .side a.prev_year span { margin-right: 10px; } .schedule-Cont .year_area .side a span { width: 16px; height: 16px; background-size: 32px; } .schedule-Cont .year_area .side a span.next { background-position: -16px 0; } .schedule-Cont .month_sel_area select { height: 30px; line-height: 30px; font-size: 16px; } .schedule_body table th { padding: 5px; font-size: 13px; } .schedule_body table td { padding: 3px 3px 20px 3px; } .schedule_body table td .day { font-size: 11px; } .schedule_body table td .desc { font-size: 11px; height: 4.2em; line-height: 1.4em; -webkit-line-clamp:3;} .schedule_body table td .more_btn { font-size: 10px; } #schedule-Modal .cnt .head .modal_cancel img { width: 20px; } .business-Cont .sec .title { font-size: 30px; } .business-Cont .sec1 .listArea1 .round_img img.mobile { width: 160px; } .business-Cont .sec2 ul li { float: none; width: auto; margin-top: 40px; } .business-Cont .sec2 ul li:first-child { margin-top: 0; } .profile-body .img { width: 100%; padding-bottom: 105%; } .profile-body .desc { width: auto; } .profile-body .desc .name { font-size: 20px; } .profile-body .desc .name .eng { display: block; font-size: 18px; } .profile-body .listArea { margin-left: 0; } .artist-Cont .artist_list_btn { height: 35px; line-height: 35px; font-size: 15px; margin-bottom: 40px; } /*기본게시판*/ .notice_contents .search_area .notice_select { width: 65px; height: 25px; line-height: 25px; padding-left: 5px; font-size: 12px; } .notice_contents .search_area .input_box { width: 126px; height: 25px; line-height: 25px; padding-left: 5px; font-size: 12px; } .notice_contents .search_area .search_btn { width: 55px; height: 25px; line-height: 25px; font-size: 11px; margin-right: 3px; } .refresh_btn { width: 25px; height: 25px; } .notice_body th, .notice_body td { padding: 12px 0; font-size: 12px; } .notice_body .txt_left { padding-left: 5px; } .pager li { margin: 0 1px; } .pager li a { width: 22px; height: 20px; line-height: 20px; } .notice_view_contents .head_field .tit { margin-bottom: 5px; font-size: 15px; } .notice_view_contents .article_field { padding: 20px 10px; font-size: 13px; line-height: 18px; } .notice_view_contents .btn { width: 60px; height: 25px; line-height: 25px; font-size: 13px; } .notice_view_contents .prev_next_field .list { padding: 10px 0; } .notice_view_contents .prev_next_field .tit { font-size: 13px; } /*faq*/ .faq_head .ico img { width: 50px; } .faq_head .txt { font-size: 14px; } .faq_list { margin-top: 7%; } .faq_list li { padding: 7px; } .faq_list li .tit_area .tit { font-size: 14px; } .faq_list li .txt_area { margin-top: 10px; padding: 7px; } .faq_list li .txt_area p { line-height: 18px; font-size: 12px; } } @media screen and (max-width:480px){ .business-Cont .sec1 .listArea .desc { width: auto; } }