@charset "utf-8"; header .gnb {display:none;} #slnb {position:absolute; top:0; padding-top:70px; width:100%; background-color:#fff; box-shadow:0 1px 2px rgba(0,0,0,.3); z-index:9;} #slnb.on:after {position:absolute; left:-1px; bottom:-10px; padding-right:2px; width:100%; height:6px; background-color:rgba(0,0,0,.2); border-top:4px solid rgba(0,0,0,.3); content:'';} #slnb>li {overflow:hidden; display:none; height:70px; border-top:1px solid #c1c1c1;} #slnb>li:first-child, #slnb.on>li:first-child.select, #slnb>li.select {border-top:none;} #slnb>li.select {position:absolute; top:0; display:block !important; width:100%; background-color:#fff; box-shadow:0 1px 2px rgba(0,0,0,.3);} #slnb.on>li.select {border-bottom:1px solid #c1c1c1; box-shadow:none;} #slnb>li>p {position:relative; float:left; padding:20px 35px; width:300px; font-size:23px; background-color:#e3e1fa; box-sizing:border-box;} #slnb>li.select>p {color:#fff; font-weight:600; background:#514bb9 url(/open_content/festival/img/sub/slnb.gif) right 35px center no-repeat; text-shadow:0 0 2px rgba(0,0,0,.7);} #slnb>li>p:before {position:absolute; right:-10px; top:50%; margin-top:-5px; border-top:9.5px solid transparent; border-bottom:9.5px solid transparent; border-left:10px solid #e3e1fa; content:'';} #slnb>li.select>p:before {border-left-color:#514bb9;} #slnb>li>ul {overflow:hidden;} #slnb>li>ul>li {float:left; text-align:center; padding-top:22px; width:16.6%; font-size:19px;} #slnb>li>ul>li>a {display:block; border-right:1px solid #d9d9d9;} #slnb>li>ul>li:nth-child(6)>a {border-right:none;} #slnb>li>ul>li>a:hover, #slnb>li>ul>li.select>a {color:#514bb9; font-weight:bold;} #slnb>li>ul>li.select>a>span {padding-right:30px; background:url(/open_content/festival/img/sub/slnb_on.gif) right center no-repeat;} #tab {text-align:center; margin-top:50px; margin-bottom:60px;} #tab li {display:inline-block; padding-top:60px;} #tab li>a {display:block; padding-left:30px; padding-right:30px; color:#222; font-size:23px; border-left:1px solid #909090;} #tab li:first-child>a {border-left:none;} #tab li.select {font-weight:bold; background:url(/open_content/festival/img/sub/tab_on.gif) top center no-repeat;} #location {position:absolute; right:0; top:130px} #location li {position:relative; display:inline-block; padding-left:20px; margin-left:15px; color:#111; font-size:16px;} #location li:first-child:after {border:none;} #location li:after {position:absolute; left:0; top:50%; margin-top:-3px; border-top:3px solid transparent; border-bottom:3px solid transparent; border-left:6px solid #292929; content:'';} .datatable {margin-bottom:20px;} .datatable .data {margin-top:10px; width:100%;} .datatable p.right+.data {margin-top:0px;} .datatable .data th, .datatable .data td {padding:10px 10px; border-right:1px solid #d2d2d2; border-bottom:1px solid #acacac; word-break:break-all; word-wrap:break-word;} .datatable .data th:last-child, .datatable .data td:last-child {border-right:0;} .datatable .data thead th {padding:10px 0px; border-right:1px solid #d2d2d2; border-bottom:1px solid #acacac; background:#fff; color:#222; font-size:17px;} .datatable .data tbody th {background:#f8f8f8;} .datatable .data tr:first-child {border-top:2px solid #4e4e4e;} .datatable .data td .ssssblet {font-size:15px;} .datatable .data>thead+tbody>tr:first-child {border-top:0px;} .datatable .data>thead+tbody>tr:first-child td, .datatable .data>thead+tbody>tr:first-child th {border-top:0px solid #ccc;} #detail_con {padding-top:40px; padding-bottom:80px;} #tab+#location+#detail_con {padding-top:0;} #detail_con img {max-width:100%;} #detail_con h4.tit {padding-top:50px; margin-bottom:60px; color:#ed5f80; font-size:50px; line-height:50px;} .h4_tit #tab+#location+#detail_con h4.tit {padding-top:0;} #detail_con .btnBox {text-align:center; margin-top:50px; margin-bottom:50px;} #detail_con .btn {display:inline-block; padding:40px 75px 40px 115px; line-height:0; color:#fff; font-size:18px; font-weight:600; border:2px solid #000; background-color:#514bb9; background-repeat:no-repeat; box-shadow:0 1px 3px rgba(0,0,0,.2); box-sizing:border-box;} #detail_con .btn.link {background-image:url(/open_content/festival/img/sub/btn_link.gif); background-position:75px 28px;} #detail_con .sbtn {display:inline-block; padding:3px 45px 3px 25px; color:#5953bc; font-size:14px; border:1px solid #5953bc; border-radius:30px; background-color:#fff; background-repeat:no-repeat; box-sizing:border-box;} #detail_con .sbtn.link {background-image:url(/open_content/festival/img/sub/sbtn_link.gif); background-position:right 25px top 9px;} #detail_con .para01 {margin-top:25px; margin-left:13px;} #detail_con .para02 {margin-left:8px; margin-top:8px;} #detail_con .para03 {margin:7px 0px 15px;} #detail_con .blet {position:relative; padding-left:45px; font-size:30px; font-weight:bold; letter-spacing:0;} #detail_con .blet span {position:absolute; left:0; top:0; text-align:center; padding-bottom:6px; width:32px; height:32px; background:url(/open_content/festival/img/sub/info_num.gif) 0 6px no-repeat; font-size:17px; font-weight:800; color:#fff; font-family:'Nanum Myeongjo','나눔명조','Batang','바탕';} #detail_con .sblet {position:relative; padding-left:20px; margin-bottom:10px; color:#333; font-size:18px; font-weight:bold;} #detail_con .sblet:after {position:absolute; left:0; top:12px; width:13px; height:3px; background-color:#000; content:'';} #detail_con .ssblet {position:relative; padding-left:18px; margin-bottom:5px;} #detail_con .ssblet:after {position:absolute; left:0; top:10px; width:10px; height:2px; background-color:#000; content:'';} #detail_con .sssblet {position:relative; padding-left:10px; color:#888;} #detail_con .sssblet:after {position:absolute; left:0; top:8px; width:3px; height:3px; background-color:#ccc; content:'';} #detail_con .tit_box {padding:60px; text-shadow:0 2px 1px rgba(0,0,0,.3); box-sizing:border-box;} #detail_con .tit_box h4, #detail_con .tit_box p {color:#fff; letter-spacing:-1px;} #detail_con .tit_box .txt01 {font-size:20px;} #detail_con .tit_box h4 {margin-bottom:10px; font-size:50px; letter-spacing:-1px;} #detail_con .tit_box .txt02 {font-size:16px;} #detail_con .tit_box span {display:block;} #detail_con .con_box {padding:2%; background-color:#f5f5f5;} #detail_con ol.num li {position:relative; padding-left:35px; margin-bottom:13px; font-size:16px; counter-increment:li;} #detail_con ol.num li:before {position:absolute; left:0; top:-2px; text-align:center; width:26px; height:26px; color:#323232; font-size:13px; line-height:26px; background-color:#fff; border-radius:100%; box-shadow:0 1px 1px rgba(0,0,0,.1); content:counter(li);} #detail_con.bg {position:relative;} #detail_con.bg:before {position:absolute; right:-110px; top:160px; width:1800px; height:100%; background-position:right 0; background-repeat:no-repeat; content:''; z-index:-1; -webkit-background-size:100%; background-size:100%;} .tit_box_wrap #tab+#location+#detail_con.bg:before {top:120px;} #detail_con .tbox {text-align:center; margin-bottom:20px; padding:35px; background:#2e3644 url(/open_content/festival/img/sub/tbox.gif) 97% bottom no-repeat; -ms-word-break:keep-all; word-break:keep-all;} #detail_con .tbox .tit {margin-bottom:20px; color:#ffde58; font-size:28px;} #detail_con .tbox .txt {margin:0 auto; color:#fff; font-size:18px;} #detail_con .info_box {margin-top:60px; padding:2% 5% 2% 250px; background:#fff url(/open_content/festival/img/sub/info_box.gif) 80px center no-repeat; box-shadow:0 2px 1px rgba(0,0,0,.2);} #detail_con .info_box.bg2 {background:#fff url(/open_content/festival/img/sub/info_box2.gif) 80px center no-repeat;} #detail_con .info_box p {margin-top:10px; margin-bottom:10px; padding-left:35px; font-size:16px; background:url(/open_content/festival/img/sub/info_box_blet.gif) left top no-repeat;} #detail_con .info_box p .point {color:#f35b7f !important; font-weight:600; background:none; padding-left:0;} #detail_con .point {padding-left:35px; padding-bottom:10px; font-size:16px; background:url(/open_content/festival/img/sub/info_box_blet.png) left top no-repeat;} #detail_con .photo_box {overflow:hidden; padding-bottom:5px;} #detail_con .photo_box li {float:left; width:48%;} #detail_con .photo_box li:nth-child(odd) {margin-right:4%;} #detail_con .photo_box .photo {display:inline-block; padding:5px; line-height:0; background-color:#fff; box-sizing:border-box; box-shadow:0 1px 2px rgba(0,0,0,.2);} #detail_con .photo_box .photo img {width:100%;} #detail_con .greeting .tit {position:relative; padding-bottom:40px; margin-bottom:40px;} #detail_con .greeting .tit:after {position:absolute; left:0; bottom:0; width:60px; height:4px; background-color:#c9c9c9; content:'';} #detail_con .greeting .tit p:first-child {margin-bottom:10px;} #detail_con .greeting .con {margin-bottom:10%;} #detail_con .greeting .con p {margin-bottom:35px; color:#222; font-size:18px;} #detail_con .greeting .name {font-size:26px; font-family:'Nanum Myeongjo','나눔명조','Batang','바탕'; font-style:italic;} #detail_con .greeting .name span {display:block; font-size:40px; font-weight:600; font-family:'Nanum Myeongjo','나눔명조','Batang','바탕';} #detail_con .info>p {text-align:center; padding-top:80px; margin-bottom:50px; background:url(/open_content/festival/img/sub/info_tit.gif) center top no-repeat;} #detail_con .info .list {overflow:hidden; margin-top:75px;} #detail_con .info .list dl {position:relative; overflow:hidden; text-align:center; margin-bottom:80px;} #detail_con .info .list dl:before {position:absolute; background-repeat:no-repeat; content:'';} #detail_con .info .list dt {text-align:center; color:#222; font-size:34px; font-weight:600; letter-spacing:10px;} #detail_con .info .list dt img {display:block; margin:0 auto 50px auto;} #detail_con .info .list>dl>dd {width:80%; margin:30px auto 0 auto; color:#838383; font-size:20px; -ms-word-break:keep-all; word-break:keep-all;} #detail_con .info .list dd+dd {margin-top:10px !important;} #detail_con .info .list dd>ul {margin-top:10px; margin-bottom:40px;} #detail_con .info .list dd:last-child>ul {margin-bottom:0;} #detail_con .info .list div dl {text-align:left;} #detail_con .info .list div dt {position:relative; text-align:left; padding-left:45px; font-size:30px; letter-spacing:0;} #detail_con .info .list div dt span {position:absolute; left:0; top:0; text-align:center; padding-bottom:6px; width:32px; height:32px; background:url(/open_content/festival/img/sub/info_num.gif) 0 6px no-repeat; font-size:17px; font-weight:800; color:#fff; font-family:'Nanum Myeongjo','나눔명조','Batang','바탕';} #detail_con .info .list div dd {margin-left:30px; margin-top:20px; color:#646464; font-size:17px; -ms-word-break:keep-all; word-break:keep-all;} /*sub02*/ #detail_con.nokcheongja:before {background-image:url(/open_content/festival/img/sub/nokcheongja_bg.jpg);} #detail_con.nokcheongja .info .tit:before {right:40px; top:180px; width:109px; height:162px; background-image:url(/open_content/festival/img/sub/nokcheongja_tit_bg.png);} #detail_con.nokcheongja .info .tit:after {position:absolute; right:10px; top:20px; width:191px; height:73px; background-image:url(/open_content/festival/img/sub/nokcheongja_tit_bg02.png); content:''; z-index:-1;} #detail_con.nokcheongja .info .con:before {left:0; top:130px; width:199px; height:198px; background-image:url(/open_content/festival/img/sub/nokcheongja_con_bg.png);} #detail_con.dreampark:before {top:52px; background-image:url(/open_content/festival/img/sub/dreampark_bg.jpg);} #detail_con.dreampark .info .con01 {background:url(/open_content/festival/img/sub/dreampark_con01.gif) right 40px top no-repeat;} #detail_con.dreampark .info .con02 {background:url(/open_content/festival/img/sub/dreampark_con02.gif) right 50% no-repeat;} #detail_con.jeongseojin:before {margin-top:-55px; background-image:url(/open_content/festival/img/sub/jeongseojin_bg.gif);} #detail_con.jeongseojin .info .tit:before {right:25px; top:100px; width:151px; height:232px; background-image:url(/open_content/festival/img/sub/jeongseojin_tit_bg.png);} #detail_con.jeongseojin .info .spot:before {right:25px; top:100px; width:151px; height:232px; background-image:url(/open_content/festival/img/sub/jeongseojin_spot_bg.png);} #detail_con.jeongseojin .info .con:before {left:105px; top:30px; width:372px; height:292px; background-image:url(/open_content/festival/img/sub/jeongseojin_con_bg.png);} #detail_con.music:before {margin-top:-170px; background-image:url(/open_content/festival/img/sub/music_bg.png);} #detail_con.music .info .tit:before {right:25px; top:100px; width:151px; height:232px; background-image:url(/open_content/festival/img/sub/music_tit_bg.png);} #detail_con.music .info .con:before {left:0; top:100px; width:200px; height:235px; background-image:url(/open_content/festival/img/sub/music_con_bg.png);} #detail_con.seogot:before {top:65px; background-image:url(/open_content/festival/img/sub/seogot_bg.jpg);} #detail_con.seogot .info dl {padding-top:40px;} #detail_con.seogot .info .tit:before {right:10px; top:160px; width:168px; height:258px; background-image:url(/open_content/festival/img/sub/seogot_tit_bg.png);} #detail_con.seogot .info .spot:before {right:-40px; top:0; width:156px; height:283px; background-image:url(/open_content/festival/img/sub/seogot_spot_bg.png);} #detail_con.seogot .info .con:before {right:10px; top:190px; width:168px; height:258px; background-image:url(/open_content/festival/img/sub/seogot_con_bg.png);} #detail_con.music .info .con:before {left:0; top:100px; width:200px; height:235px; background-image:url(/open_content/festival/img/sub/music_con_bg.png);} #detail_con.kayak:before {background-image:url(/open_content/festival/img/sub/kayak_bg.jpg);} #detail_con.kayak .info dl {padding-top:40px;} #detail_con.kayak .info .tit:before {right:24px; top:246px; width:234px; height:147px; background-image:url(/open_content/festival/img/sub/kayak_tit_bg.png);} #detail_con.kayak .info .con:before {right:56px; top:198px; width:143px; height:216px; background-image:url(/open_content/festival/img/sub/kayak_con_bg.png);} #detail_con.sunset:before {top:63px; background-image:url(/open_content/festival/img/sub/sunset_bg.jpg);} #detail_con.sunset .info dl {padding-top:40px;} #detail_con.sunset .info .tit:before {right:56px; top:160px; width:133px; height:231px; background-image:url(/open_content/festival/img/sub/sunset_tit_bg.png);} #detail_con.sunset .info .con:before {right:42px; top:28px; width:382px; height:190px; background-image:url(/open_content/festival/img/sub/sunset_con_bg.png);} /*sub04*/ #detail_con.seogu_sport:before {background-image:url(/open_content/festival/img/sub/seogu_sport_bg.jpg?ver=1);} #detail_con.seogu_sport .greeting {margin-bottom:10%;} #detail_con.seogu_sport .greeting .con {margin-bottom:40px;} #detail_con.inline_info:before {top:180px; background-image:url(/open_content/festival/img/sub/inline_info_Rbg.gif); -webkit-background-size:auto; background-size:auto;} #detail_con.inline_info:after {position:absolute; left:-110px; bottom:0; width:1800px; height:100%; background-image:url(/open_content/festival/img/sub/inline_info_Lbg.gif); background-position:left bottom; background-repeat:no-repeat; content:''; z-index:-1;} #detail_con.inline_info .con {overflow:hidden;} #detail_con.inline_info .rank01 {position:relative; margin:0 auto 80px auto; padding:35px 40px; max-width:560px; height:300px; background:#fff url(/open_content/festival/img/sub/inline_info_rankBg.gif) right bottom no-repeat; box-sizing:border-box; box-shadow:0 1px 2px rgba(0,0,0,.1);} #detail_con.inline_info .rank01 .photo {float:left; width:190px; line-height:0; box-shadow:0 2px 2px rgba(0,0,0,.2);} #detail_con.inline_info .rank01 ul {padding-left:230px; padding-top:20px;} #detail_con.inline_info .rank01 ul li {font-size:20px;} #detail_con.inline_info .rank01 ul li span {color:#514bb9; font-weight:bold;} #detail_con.inline_info .rank02 {position:relative; margin:0 auto 60px auto; width:700px; height:100%;} #detail_con.inline_info .rank02:before {position:absolute; right:-170px; bottom:-80px; width:218px; height:196px; background:url(/open_content/festival/img/sub/inline_info_rank02Bg.png) right bottom no-repeat; content:'';} #detail_con.inline_info .rank02>ul {overflow:hidden;} #detail_con.inline_info .rank02>ul>li {float:left; margin:2% 1%; width:31.3%;} #detail_con.inline_info .rank02>ul>li>div {padding:20px 30px; margin:0 auto; max-width:206px; background-color:#fff; box-sizing:border-box; box-shadow:0 1px 2px rgba(0,0,0,.1);} #detail_con.inline_info .rank02>ul>li>div .photo {overflow:hidden; margin-bottom:20px; height:190px; line-height:0; box-shadow:0 2px 2px rgba(0,0,0,.2);} #detail_con.inline_info .rank02>ul>li>div .photo img {width:100%; height:100%;} #detail_con.inline_info .rank02>ul>li>div ul li:first-child {font-size:17px;} #detail_con.inline_info .rank02>ul>li>div ul li span {color:#3e5383; font-weight:bold;} #detail_con.taekwondo:before {background-image:url(/open_content/festival/img/sub/taekwondo_bg.jpg);} #detail_con.taekwondo:after {position:absolute; right:0; bottom:0; width:100%; height:100%; background:url(/open_content/festival/img/sub/taekwondo_con.gif) right bottom no-repeat; content:''; z-index:-1;} #detail_con.taekwondo_info:before {top:180px; background-image:url(/open_content/festival/img/sub/taekwondo_info_tbg.gif); -webkit-background-size:auto; background-size:auto;} #detail_con.taekwondo_info:after {position:absolute; left:-110px; bottom:0; width:1800px; height:100%; background:url(/open_content/festival/img/sub/taekwondo_info_bbg.gif) left bottom no-repeat; content:''; z-index:-1;} #detail_con.taekwondo_info .rank01 {position:relative; margin:0 auto 80px auto; max-width:630px;} #detail_con.taekwondo_info .rank01 li {display:inline-block; margin-left:1%; width:48%; text-align:center;} #detail_con.taekwondo_info .rank01>li>div {padding:30px 40px; width:260px; background:#fff url(/open_content/festival/img/sub/inline_info_rankBg.gif) right bottom no-repeat; box-sizing:border-box; box-shadow:0 1px 2px rgba(0,0,0,.1);} #detail_con.taekwondo_info .rank01 .photo {margin-bottom:10px; width:190px; height:240px; line-height:0; box-shadow:0 2px 2px rgba(0,0,0,.2);} #detail_con.taekwondo_info .rank01 .photo img {height:100%; } #detail_con.taekwondo_info .rank01 li p {font-size:20px;} #detail_con.taekwondo_info .rank01 li p span {color:#514bb9; font-weight:bold;} #detail_con.taekwondo_info .rank02 {position:relative; overflow:hidden; padding-top:348px; margin-top:-348px;} #detail_con.taekwondo_info .rank02 li {float:left; text-align:center; margin:.5% 1%; padding-top:20px; padding-bottom:20px; width:18%; font-size:17px; border:1px solid #d8d8d8; border-radius:5px; background-color:#fff; box-sizing:border-box;} /*sub05*/ #detail_con .member {overflow:hidden; padding-bottom:2px;} #detail_con .member li {float:left; text-align:center; margin-right:10px; margin-bottom:10px;width:170px; box-shadow:0 2px 2px rgba(0,0,0,.1);} #detail_con .member li:nth-child(odd) {background-color:#fff;} #detail_con .member li:nth-child(even) {background-color:#2e3644;} #detail_con .member li p {font-size:17px;} #detail_con .member li p.photo {overflow:hidden; height:190px;} #detail_con .member li p.photo img {width:100%; min-height:100%;} #detail_con .member li p.txt {padding-top:20px; padding-bottom:20px;} #detail_con .member li:nth-child(even) p {color:#fff;} #detail_con .member li p span {font-weight:bold;} #detail_con.choir .con02 {background:url(/open_content/festival/img/sub/choir.gif) right bottom no-repeat;} #detail_con.youngsters_choir .con01 {padding-bottom:280px; background:url(/open_content/festival/img/sub/youngsters_choir.gif) center bottom no-repeat;} #detail_con.pungmul .con01 {background:url(/open_content/festival/img/sub/pungmul_Lbg.gif) right bottom no-repeat;} #detail_con.pungmul .con02 {background:url(/open_content/festival/img/sub/pungmul_Rbg.gif) right bottom no-repeat;} #detail_con.goal .con01 {padding-bottom:20px; background:url(/open_content/festival/img/sub/goal.gif) 92% top no-repeat;} @media all and (max-width:1800px) { #detail_con.bg {overflow:hidden;} #detail_con.inline_info {overflow:hidden;} } @media all and (max-width:1200px) { #slnb>li>p {padding:20px; width:220px;} #detail_con.seogu_sport:before {right:-300px;} #detail_con.seogu_sport .greeting .con {padding-right:400px;} #detail_con.inline_info:before, #detail_con.inline_info:after{display:none;} #detail_con.taekwondo:after {-webkit-background-size:60%; background-size:60%;} #detail_con.youngsters_choir .con01 {-webkit-background-size:100%; background-size:100%;} #detail_con.pungmul .list>div {background:none;} } /*PC*/ @media all and (min-width:801px) { #contents {padding-top:75px;} header .top_box {padding-bottom:80px; background-position:right -25px;} header .top_box h1 {padding-top:60px;} #tab+#location {top:230px;} .tit_box_wrap #tab+#location {margin-top:-60px;} .tit_box_wrap>#location {top:auto; margin-top:170px;} .tit_box_wrap #tab {margin-bottom:200px;} .tit_box_wrap #tab+#location+#detail_con {margin-top:-130px;} .tit_box_wrap #detail_con {margin-top:60px;} #detail_con.bg #location {top:150px;} #detail_con .tbox .txt {width:60%;} #detail_con .tit_box {margin-bottom:420px; width:590px; height:410px; background:#ed5f80 url(/open_content/festival/img/sub/tit_box.gif) right top no-repeat;} #detail_con .info .list>dl {float:left; width:33.3%;} #detail_con .info .list div {float:left; width:50%;} .h4_tit #location {top:200px;} .h4_tit #tab+#location {top:300px;} #detail_con .info .list.list02 div {overflow:hidden; float:none; width:100%;} #detail_con .info .list.list02 div dl {float:left; width:50%;} #detail_con .info .list div.wide, #detail_con .info .list div.wide dl, #detail_con .info .list div.wide dl dd>div, #detail_con .info .list.list02 div.wide dl {float:none; width:100%;} #detail_con.dreampark .info div dd {padding-right:50%;} #detail_con.dreampark .info div dd {padding-right:50%;} #detail_con.inline_info .rank01:after {position:absolute; left:-108px; bottom:0; width:108px; height:213px; background:url(/open_content/festival/img/sub/inline_info_rankLBg.gif); content:'';} #detail_con.taekwondo:after {right:-110px; bottom:0; background-image:url(/open_content/festival/img/sub/taekwondo_con.gif); background-position:right bottom;} #detail_con.taekwondo_info .rank01:after {position:absolute; left:-98px; bottom:0; width:108px; height:213px; background:url(/open_content/festival/img/sub/inline_info_rankLBg.gif); content:'';} #detail_con.taekwondo_info .rank02:before {position:absolute; top:0; width:100%; height:100%; background:url(/open_content/festival/img/sub/taekwondo_conRbg.png) right 0 no-repeat; content:''; z-index:-1;} #detail_con.taekwondo_info .rank02:after {position:absolute; left:0; top:198px; width:100%; height:100%; background:url(/open_content/festival/img/sub/taekwondo_conLbg.png) 0 0 no-repeat; content:''; z-index:-1;} #detail_con.sport_senior .info {background:url(/open_content/festival/img/sub/sport_senior.gif) 40% bottom no-repeat;} } /*mobile*/ @media all and (max-width:800px) { header .top_box {padding-bottom:0;} #slnb {display:none; margin:0; padding:0;} #tab {margin-top:0;} #tab li>a {font-size:20px; padding-left:10px; padding-right:10px;} #location {display:none;} #detail_con {overflow:hidden; padding:10px;} #detail_con .tit_box {padding:300px 0 50px 0; margin-bottom:50px; width:100%; border-bottom:2px solid #333;} #detail_con .tit_box h4 {font-size:40px;} #detail_con .tit_box h4, #detail_con .tit_box p {color:#333; text-shadow:none;} .tit_box_wrap #tab+#location+#detail_con.bg:before {top:0;} #detail_con.bg:before {top:0; right:-80px;} #detail_con .info .list dl {margin-bottom:30px;} #detail_con .info .list dd>ul {margin-bottom:20px;} #detail_con .info_box, #detail_con .info_box.bg2 {margin-top:0; padding-left:5%; background-image:none;} #detail_con .photo_box li {float:none; margin-bottom:20px; margin-right:0 !important; width:100%;} #detail_con.nokcheongja:before {-webkit-background-size:auto 380px; background-size:auto 380px;} #detail_con.dreampark:before {-webkit-background-size:auto 450px; background-size:auto 450px;} #detail_con.dreampark .info .con01 {background-position:right 0; -webkit-background-size:200px; background-size:200px;} #detail_con.dreampark .info .con01 dd {padding-right:100px} #detail_con.dreampark .info .con02 {background:none;} #detail_con.jeongseojin:before {-webkit-background-size:auto 330px; background-size:auto 330px;} #detail_con.jeongseojin .info .tit:before {right:10%;} #detail_con.jeongseojin .info .con:before {left:20%;} #detail_con.seogot:before {-webkit-background-size:auto 330px; background-size:auto 330px;} #detail_con.seogot .info .spot:before {right:10px;} #detail_con.music:before {margin-top:0; -webkit-background-size:auto 300px; background-size:auto 300px;} #detail_con.music .tit_box {margin-top:50px;} #detail_con.kayak:before {-webkit-background-size:auto 330px; background-size:auto 330px;} #detail_con.sunset:before {-webkit-background-size:auto 330px; background-size:auto 330px;} #detail_con.sunset .info .tit:before {right:0;} #detail_con.sunset .info .con:before {right:-10%;} #detail_con.seogu_sport:before {-webkit-background-size:auto 600px; background-size:auto 600px;} #detail_con.seogu_sport .greeting .con {padding-right:0;} #detail_con.inline_info .rank01 {text-align:center; margin-bottom:20px; height:auto;} #detail_con.inline_info .rank01 .photo {float:none; margin:0 auto 20px auto;} #detail_con.inline_info .rank01 ul {padding-left:0;} #detail_con.inline_info .rank02 {width:100%;} #detail_con.inline_info .rank02:before {background:none;} #detail_con.inline_info .rank02>ul>li {width:48%;} #detail_con.taekwondo:before {-webkit-background-size:auto 300px; background-size:auto 300px;} #detail_con.taekwondo:after {background:none;} #detail_con.taekwondo_info .rank01, #detail_con.taekwondo_info .rank01 li {width:100%;} #detail_con.taekwondo_info .rank01>li>div {margin-left:5%; width:90%;} #detail_con.taekwondo_info .rank01>li:first-child {margin-bottom:20px;} #detail_con.taekwondo_info .rank01 .photo {margin:0 auto 20px auto;} #detail_con.choir .con02 {background:none;} #detail_con.youngsters_choir .con01, #detail_con.goal .con01 {padding-bottom:0; background:none;} } /*mobile_min*/ @media all and (max-width:600px) { #detail_con.jeongseojin .info .con:before {left:5%;} } @media all and (max-width:480px) { #detail_con .btn.link {padding:30px; background-image:none;} #detail_con.inline_info .rank01 {padding-left:20px; padding-right:20px;} #detail_con.inline_info .rank02>ul>li {width:100%;} }