﻿@charset "utf-8";
/*
	국립심포니오케스트라 국제지휘콩쿠르 STYLE
    WRITER : Kim Cheonhyun
	Last Modify Date : 2024. 02. 20.
*/

@import url('./base.css');
/* layout */
:root {
  --main-left-width: 7%;
}
::placeholder { color:inherit; }
#wrap { position:relative; width:100%; padding-left:30.208333%; box-sizing:border-box; font-family:'Pretendard'; letter-spacing:-.025em; }
#headerWrap { position:fixed; left:0; top:0; width:30.208333%;/*580/1920*/ height:100%; background:#ff8a80; }
#container { position:relative; min-height:85vh; }
.content { position:relative; }
#footerWrap { padding:4.02985% 5%; background:#000; }

/* header */
.header { padding-top:4.25em; }
.headTop { display:flex; justify-content:space-between; align-items:center; padding:0 8.62068%; }
.headTop .lgGlobal { padding:0 1.25em; }
.headTop .lang { display:flex; justify-content:space-around; border:1px solid #000; }
.headTop .lang li { flex:1; border-left:1px solid #000; }
.headTop .lang li:first-child { border-left:none; }
.headTop .lang a { display:block; width:3.77777em; line-height:1.77777em; text-align:center; color:#000; font-size:1.125em; font-weight:bold; }
.headTop .lang a.active { background:#000; color:#ff8a80; }
.headTit { display:flex; justify-content:space-between; align-items:center; margin:3.75em 11.72413%; }
.headTit h1 { width:63.96551%; }
[lang="en"] .headTit h1 { width:auto; }
.headTit .btnMoGnb { display:none; }
.gnbWrap { padding:0 8.62068%; background:url(/resources/images/conductor/bg_gnb.png) center top no-repeat; background-size:100% 5.875em; padding-top:5.875em; word-break:keep-all; }
.gnbList { margin-top:5em; }
.gnbList>li { display:flex; justify-content:space-between; margin-top:3.75em; }
.gnbList>li>a { display:flex; flex-grow:0; flex-shrink:0; flex-basis:calc(60% - .25em); margin-right:.25em; line-height:1.07142; font-size:1.625em; font-weight:bold; }
.gnbList>li>a>span { display:block; position:relative; max-width:6.5em; padding-left:.71428em; }
.gnbList>li>a.active>span::before { content:''; position:absolute; left:3px; top:.5em; width:.375rem; height:.375rem; margin-top:-.1875rem; background:#000; border-radius:50%; }
.gnbList>li>a .line { overflow:hidden; display:none; position:relative; margin:.5em 0 0 0.25em; width:100%; box-sizing:border-box; transition:height .2s ease; }
.gnbList>li>a .line svg { position:absolute; left:0; top:0; width:100%; }
.gnbList>li div.subMenu { flex:1; margin-top:-.25em; }
.gnbList>li ul>li>a { display:block; padding:.3em 0; line-height:1.3; font-size:1.25em; font-weight:bold; }
.gnbUtil,
.moGnbClose { display:none; }
/* location */
.locationLine { padding:5em var(--main-left-width); border-bottom:1px solid #000; }
.locationLine h3 span,
.locationLine h3 strong { display:block; line-height:1; }
.locationLine h3 span { font-size:1.875em; font-weight:200; }
.locationLine h3 strong { margin-top:.5em; font-size:3.75em; font-weight:900; }
.locationLine h3 span.lg { font-size:3.125rem; }
.locationLine h3 span.lg + strong { margin-top:0.5rem; }
/* btnTop
.btnTop { position:absolute; right:3%; bottom:3%; }
.btnTop button { display:flex; justify-content:center; align-items:center; position:relative; width:3.125em; height:3.125em; padding-top:.6125em; background:#000; border-radius:50%; border:1px solid; }
.btnTop button span { overflow:hidden; position:absolute; width:1px; height:1px; margin-top:-10px; }
.btnTop button i { display:block; width:1.25em; height:1.25em; transform:rotate(45deg); }
.btnTop button i::before,
.btnTop button i::after { content:''; position:absolute; left:0; top:0; box-sizing:border-box; }
.btnTop button i::before { width:.8125em; height:.8125em; border-top:2px solid #f00; border-left:2px solid #f00; }
.btnTop button i::after { width:1.25em; height:2px; background:#f00; transform:rotate(45deg); transform-origin:0 100%; } */
/* footer */
.footer { display:flex; column-gap:1em; max-width:1140px; margin:0 auto; justify-content:space-between; }
.footer dl.contect { flex-grow:0; flex-shrink:0; flex-basis:20%; }
.footer dl { flex:1; }
.footer dl.listWid2 { flex:2; }
.footer dt { margin-bottom:1.25em; color:#979797; font-weight:bold; }
.footer dd { margin-top:.5em; color:#808080; }
.footer .contect ul li { margin-top:.25em; }
.footer .bannerList ul { display:flex; align-items:center; column-gap:1em; }
.footer .bannerList ul li { max-width:50%; }
.footer a { color:inherit; }
/* defaultContent */
.defaultContent { padding:var(--main-left-width); }
.defaultContent h4 { font-size:2.5em; font-weight:900; }
.defaultContent .txtArea { margin-top:2.125em; line-height:1.5; font-size:1.25em; letter-spacing:-.01em; }
.defaultContent .txtArea p { margin-bottom:1.5em; }
/* knso */
.knsoVisual { position:relative; height:80vh; }
.knsoVisual::after { content:''; position:absolute; left:0; bottom:2em; width:100%; height:4em; background:url(/resources/images/conductor/icon_mouse.png) center no-repeat; }
.knsoVisual img { object-fit:cover; object-position:center top; width:100%; height:100%; }
.knsoInner { padding:7%; }
.knsoInner h3 { font-size:3.125em; font-weight:900; }
.knsoInner h4 { font-size:1.875em; font-weight:bold; }
.knsoInner .txt { margin-top:1.2em; line-height:1.5; font-size:1.25em; }
/* historyLayout */
.historyLayout { overflow:hidden; margin-top:6.25em; }
.historyLayout .historyTop { overflow:hidden; max-width:1140px; padding:0 var(--main-left-width); }
.historyLayout .historyTop .selectYear { float:right; width:57.19299%; margin-top:0.75em; margin-bottom:2em; }
.historyLayout .historyTop .selectYear select { width:15.4em; height:2.9em; padding:0 1em; background:url(/resources/images/conductor/arrow_select.png) 95% center no-repeat; text-align:left; font-size:1.25em; font-weight:400; box-sizing:border-box; appearance:none; }
[lang="en"] .historyLayout .historyTop .selectYear select { width:auto; max-width:100%; padding-right:3.375rem; white-space:nowrap; text-overflow:ellipsis; }
.historyLayout .historyTop .poster { float:left; width:35.08771%;/*400/1140*/ }
.historyLayout .historyTop .infoArea { /* margin-top:9.64912%; */ margin-left:42.80701%;/*488/1140*/  }
.historyLayout .historyTop .infoArea h4 { font-size:2.5em; font-weight:900; }
.historyLayout .historyTop .infoArea dl { margin-top:3.508771%; }
.historyLayout .historyTop .infoArea dt { display:inline-block; border-bottom:2px solid #ff8a80; line-height:1.3846; font-size:1.625em; font-weight:700; }
.historyLayout .historyTop .infoArea dd { margin-top:.75em;}
.historyLayout .historyTop .infoArea dd ul { display:table; table-layout:fixed; }
.historyLayout .historyTop .infoArea dd ul li { display:table-row; }
.historyLayout .historyTop .infoArea dd ul li span { display:table-cell; padding-top:1em; word-break:keep-all; font-size:1.25em; vertical-align:top; }
.historyLayout .historyTop .infoArea dd ul li span.tit { width:6.7em; font-weight:700; }
.historyLayout .historyVideo { clear:both;position:relative; margin:6.25em 7%; padding-top:56.31578%; }
.historyLayout .historyVideo iframe { position:absolute; left:0; top:0; width:100%; height:100%; }
.historyLayout .winnerList,
.historyLayout .entryList,
.historyLayout .contestRecode,
.historyLayout .rulesWrap { padding:6.25em 7%; border-top:1px solid #000; }
.historyLayout .winnerList h4,
.historyLayout .entryList h4,
.historyLayout .contestRecode h4 { font-size:2.5em; font-weight:900; }
.historyLayout .contestRecode h5 { margin:2em 0 1em; font-size:1.875em; font-weight:700; }
.historyLayout .contestRecode br { display:none; }
.historyLayout ul.conductorList { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; column-gap:1em; margin-top:.125em; }
.historyLayout ul.conductorList::after { content:''; flex:1 1 30%; }
.historyLayout ul.conductorList li { flex:1 1 30%; margin-top:4em; }
.historyLayout ul.conductorList li a { display: block; }
.historyLayout ul.conductorList li span { display:block; }
.historyLayout ul.conductorList li span.tit { margin-bottom:1em; line-height:1; font-size:1.875em; font-weight:700; }
[lang="en"] .historyLayout ul.conductorList li span.tit { min-height:2em; }
.historyLayout ul.conductorList li span.img { max-width:23.125em; height:25em; background:#ff8d85; }
[lang="en"] .historyLayout ul.conductorList li span.img { background:#01aac9; }
.historyLayout ul.conductorList li span.img img { width:100%; height:100%; object-fit:cover; transform:translate(0,0); transition:transform .2s ease; }
.historyLayout ul.conductorList li a:hover span.img img,
.historyLayout ul.conductorList li a:focus span.img img { transform:translate(-.5em,-.5em); }
.historyLayout ul.conductorList li span.name { margin-top:1.25em; font-size:1.25em; font-weight:700; }
.historyLayout ul.conductorList li span.contry { margin-top:.5em; font-size:1.25em; }
.historyLayout ul.conductorList li span.contry time,
.historyLayout ul.conductorList li span.contry i { display:inline-block; vertical-align:middle; }
.historyLayout ul.conductorList li span.contry time { position:relative; margin-right:.5em; padding-right:.5em; }
.historyLayout ul.conductorList li span.contry time::before { content:''; position:absolute; right:0; top:50%; width:1px; height:1rem; margin-top:-.5rem; background:#999; }
.defaultTable { margin:1em 0; width:100%; table-layout:fixed; }
.defaultTable th,
.defaultTable td { padding:.25em; border-bottom:1px solid #000; font-size:1.125em; }
.defaultTable th { width:8em; text-align:left; }
.imgSliderWide { overflow:hidden; position:relative; width:100%; margin-bottom:4.5em; }
.imgSliderWide .videoAcade { width:100%; padding-top:56.22775%; }
.imgSliderWide .videoAcade iframe { position:absolute; left:0; top:0; width:100%; height:100%; }
.imgSliderWide .swiper-slide { width:100%; height:100%; }
.imgSliderWide .swiper-slide img { object-fit:cover; width:100%; height:100%; }
.imgSliderWide .swiper-slide iframe { position:absolute; left:0; top:0; width:100%; height:100%;}
.imgSliderWide .controls { display:flex; justify-content:flex-end; position:relative; margin-right:-1em; }
.imgSliderWide .controls .swiper-pagination { display:flex; justify-content:center; align-items:center; position:static; width:auto; margin:0 .5em; color:#555; font-weight:200; }
.imgSliderWide .controls .swiper-pagination span { display:inline-block; margin:0 .25em;}
.imgSliderWide .controls .swiper-pagination .swiper-pagination-current { color:#000; font-size:1.125em; font-weight:500; }
.imgSliderWide .controls .swiper-pagination .swiper-pagination-total { font-size:1.125em; }
.swiper-button-prev,
.swiper-button-next { display:flex; position:relative; left:auto; right:auto; width:3.5rem; margin:00; }
.swiper-button-prev::after,
.swiper-button-next::after { display:none; }
.swiper-button-prev span,
.swiper-button-next span { display:block; position:absolute; width:.625rem; height:.625rem; margin:0; color:#000; }
.swiper-button-prev span { transform:rotate(-45deg); }
.swiper-button-next span { transform:rotate(135deg); }
.swiper-button-prev span::before,
.swiper-button-prev span::after,
.swiper-button-next span::before,
.swiper-button-next span::after { content:''; position:absolute; left:0; top:0; }
.swiper-button-prev span::before,
.swiper-button-next span::before { width:100%; height:100%; border-top:1px solid currentColor; border-left:1px solid currentColor; }
.swiper-button-prev span::after,
.swiper-button-next span::after { width:2.125rem; height:1px; background:currentColor; transform:rotate(45deg); transform-origin:0 100%; }
.imgSliderWide .controls .swiper-pagination.swiper-pagination-lock,
.imgSliderWide .controls .swiper-button-prev.swiper-button-lock,
.imgSliderWide .controls .swiper-button-next.swiper-button-lock { display:none; }
.historyLayout .rulesWrap .lkList { margin-top: 3.5rem; }

/* juryList */
.juryList { margin:6.25em var(--main-left-width); }
.juryList .boardTit { display:flex; align-items:center; margin-bottom:3.375rem; font-weight: 900; font-size:2.5em; }
.juryList .boardTit span { display: inline-block; position: relative; padding-left:.65em; margin-left:.65em; font-weight: 700; font-size:0.75em; }
.juryList .boardTit span::after { content:''; position:absolute; left:0; top:50%; width:1px; height:.7em; margin-top:-.35em; background:#999; }
.juryList ul { display:grid; grid-template-columns:1fr 1fr 1fr; column-gap:1em; grid-row-gap:3.75em; }
.juryList ul a { display:block; font-size:1.25em; }
.juryList ul a span { display:flex; }
.juryList ul a span.img { width:100%; height:100%; background:#ff8d85; }
[lang="en"] .juryList ul a span.img { background:#01aac9; }
.juryList ul a span.img img { object-fit:cover; width:100%; height:100%; transform:translate(0,0); transition:transform .2s ease; }
.juryList ul a:hover span.img img,
.juryList ul a:focus span.img img { transform:translate(-.5em,-.5em); }
.juryList ul a span.name { margin:1.25em 0 .5em; font-weight:700; }
.juryList ul a span.contry b { display:inline-block; position:relative; margin-right:.5em; padding-right:.5em; font-weight:400; }
.juryList ul a span.contry b::after { content:''; position:absolute; right:0; top:50%; width:1px; height:1rem; margin-top:-.5rem; background:#999; }
.juryList ul a span.prize { justify-content:center; margin-top: 1.5rem; font-weight:700; }
.juryList ul a span.prize i { display: inline-block; position:relative; margin-left:.5em; padding-left:.5em; }
.juryList ul a span.prize i::before { content:''; position:absolute; left:0; top:50%; width:1px; height:1rem; margin-top:-.5rem; background:#999; }
.juryList ul a span.prize + .name { justify-content:center; margin-top: 0.625rem; font-size: 1.2em; }
.juryView { margin:6.25em var(--main-left-width); letter-spacing:-.01em; }
.juryView .imgSliderWide { max-width:1140px; margin:0 auto; }
.juryView .imgSliderWide .swiper-slide { width:100%; padding-top:48.24561%; }
.juryView .imgSliderWide .swiper-slide img,
.juryView .imgSliderWide .swiper-slide iframe { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.juryView h4 { margin:.5em 0; font-size:2.5em; font-weight:900; }
.juryView h5 { font-size:1.875em; font-weight:700; }
.juryView .txt { margin-top:2em; line-height:1.5; font-size:1.25em; }
/* notice */
.noticeList,
.noticeView { margin:6.25em var(--main-left-width); }
.noticeList ul li { margin-top:1.875em; background:#ff8a80; letter-spacing:-.01em; }
.noticeList ul li a { display:flex; justify-content:space-between; align-items:center; padding:2.375em; background:#fff; border:1px solid #000; border-top-width:3px; transform:translate(0,0); transition:transform .2s ease; }
.noticeList ul li a:hover,
.noticeList ul li a:focus { transform:translate(-.5em, -.5em); }
.noticeList ul li .category { flex-grow:0; flex-shrink:0; width:1.833333em; padding:.25em 0; font-size:1.5em; font-weight:700; border-bottom:2px solid #ff8a80; }
.noticeList ul li .tit { flex:1; padding:0 1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.75em; font-weight:700; }
.noticeList ul li .date { flex-grow:0; flex-shrink:0; width:6em; color:#575757; font-size:1.125em; }
.noticeList .btnMore { max-width:400px; margin:3em auto; text-align:center; }
.noticeList .btnMore button { width:100%; height:3.44em; border:1px solid #000; border-radius:2.5em; font-size:1.5625em; font-weight:bold; }
.noticeList .btnMore button i { display:inline-block; position:relative; width:.84em; height:.84em; margin-left:.375em; vertical-align:middle; }
.noticeList .btnMore button i::before,
.noticeList .btnMore button i::after { content:''; position:absolute; background:#000; }
.noticeList .btnMore button i::before { left:0; top:50%; width:100%; height:2px; margin-top:-1px; }
.noticeList .btnMore button i::after { left:50%; top:0; width:2px; height:100%; margin-left:-1px; }
.noticeView { border:1px solid #000; border-top-width:3px; }
.noticeView .noticeTit { padding:3.375em 3.75em; border-bottom:1px solid #000; }
.noticeView .noticeTit .category { float:left; padding-top:.125em; font-size:26px; font-weight:700; border-bottom:2px solid #ff8a80; }
.noticeView .noticeTit h4 { margin-left:4.625em; }
.noticeView .noticeTit h4 strong { display:block; font-size:2.1875em; }
.noticeView .noticeTit h4 time { display:block; margin-top:.25em; font-size:1.125em; font-weight:400; }
.noticeView .noticeContent { padding:3em 3.75em; }
.noticeView .noticeContent pre { font-size:1.25em; white-space:pre-wrap; word-break:break-all; font-family:"Noto Sans KR",'맑은 고딕','Malgun Gothic','돋움','dotum','sans-serif'; }
/* contectUs */
.contectUs .contectInner { padding:6.25em 7%; }
.content .topBorder { border-top:1px solid #000; }
.contectUs .addressLine { position:relative; }
.contectUs h4 { margin-bottom:1.25em; font-size:2.5em; font-weight:900; }
.contectUs h5 { padding-right:5em; font-size:1.875em; font-weight:700; }
.contectUs .contectInner .contectInfo { display:flex; justify-content:space-around; border:1px solid #000; }
.contectUs .contectInner .contectInfo li { flex:1; margin-left:-1px; padding:1em; border-left:1px solid #000; line-height:1.7; text-align:center; font-size:1.25em; }
.contectUs .contectInner .contectInfo li i { display:inline-block; width:1em; height:1.7em; margin-right:.5em; background:left center no-repeat; vertical-align:top; }
.contectUs .contectInner .contectInfo li.phone i { background-image:url(/resources/images/conductor/icon_phone.png); background-size:auto .75em; }
.contectUs .contectInner .contectInfo li.email i { background-image:url(/resources/images/conductor/icon_mail.png); background-size:auto .7em; }
.contectUs .contectInner #map { height:33.5em; margin-bottom:4em; border:1px solid #b6b7b4; }
.contectUs .mapCustom { position:absolute; left:50%; bottom:1em; width:286px; padding-bottom:28px; text-align:left; transform:translateX(-50%); }
.contectUs .mapCustom:after { content:''; position:absolute; bottom:1.125em; left:50%; width:0; height:0; margin-left:-.4375em; border-top:.875em solid #fff; border-left:.5em solid transparent; border-right:.5em solid transparent; }
.contectUs .mapCustom .info { overflow:hidden; border-radius:10px; background-color:#fff; -webkit-box-shadow:2px 2px 6px 0px rgba(0,0,0,0.3); box-shadow:2px 2px 6px 0px rgba(0,0,0,0.3); }
.contectUs .mapCustom .info .title { position:relative; padding:1em 1.111em; background:#000; color:#fff; font-size:1.125em; font-weight:500; }
.contectUs .mapCustom .info .close button { position:absolute; top:0;right:.833333em; color:#888; width:1.33333em; height:100%; text-indent:-999em; }
.contectUs .mapCustom .info .close button::before,
.contectUs .mapCustom .info .close button::after { content:''; position:absolute; left:50%; top:50%; width:100%; height:2px; margin-left:-50%; background:#fff; }
.contectUs .mapCustom .info .close button::before { transform:rotate(45deg); }
.contectUs .mapCustom .info .close button::after { transform:rotate(-45deg); }
.contectUs .mapCustom .info .close button:hover { cursor:pointer; }
.contectUs .mapCustom .info .txtBox { padding:1.467em; line-height:1.4; letter-spacing:-0.04em; font-size:0.938em; }
.contectUs .contectAddress { margin-top:1.25em; font-size:1.25em; }
.contectUs .contectAddress li { margin-top:.5em; }
.contectUs .contectAddress dl { display:flex; max-width:780px; }
[lang="en"] .contectUs .contectAddress dl { max-width:960px; }
.contectUs .contectAddress dl dt { display:flex; position:relative; flex-grow:0; flex-shrink:0; width:3.3em; margin-right:.75em; font-weight:bold; }
[lang="en"] .contectUs .contectAddress dl dt { width:6em; }
.contectUs .contectAddress dl dt::after { content:''; position:absolute; right:0; top:.25em; width:1px; height:.8em; background:#999; }
.contectUs .contectAddress dl dd { display:flex; flex:1; justify-content:space-between; flex-wrap:wrap; }
.contectUs .contectAddress dl dd a,
.contectUs .contectAddress dl dd span { flex:1; white-space:nowrap; }
.contectUs .lkGroup { display:flex; position:absolute; right:0; top:0; }
.contectUs .lkGroup a { overflow:hidden; display:inline-block; width:3.750em; height:3.750em; margin-left:0.625em; border-radius:1em; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; text-indent:-999px; box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.14); }
.contectUs .lkGroup .naver { background-image:url(/resources/images/conductor/icon_map_naver.png); }
.contectUs .lkGroup .kakao { background-image:url(/resources/images/conductor/icon_map_kakao.png); }
.contectUs .lkGroup .google { background-image:url(/resources/images/conductor/icon_map_google.png); }
/* rulesWrap */
.rulesWrap>div { padding:6.25em 7%; }
.rulesWrap h4 { margin-bottom:1.4em; font-size:2.5em; font-weight:900; }
.rulesWrap h5,
.rulesWrap h6 { font-size:1.875em; font-weight:700; }
.rulesWrap h5 { margin:2em 0 .8em; }
.rulesWrap h5 span { display:inline-block; position:relative; padding-right:.65em; margin-right:.65em; }
.rulesWrap h5 span::after { content:''; position:absolute; right:0; top:50%; width:1px; height:.7em; margin-top:-.35em; background:#999;}
.rulesWrap h6 { display:block; margin:1.26666em 0 .9em; }
.rulesWrap h6 span { display:inline-block; border-bottom:2px solid #ff8a80; }
.rulesWrap .rulesTop h4 { float:left; width:7em; }
.rulesWrap .rulesTop ul { margin-left:8em; display:table; table-layout:fixed; letter-spacing:-.025em; }
.rulesWrap .rulesTop ul li { display:table-row; }
.rulesWrap .rulesTop ul li span { display:table-cell; padding:.25em; font-size:1.25em; }
.rulesWrap .rulesTop ul li span.tit { width:12.5em; font-weight:bold; }
.rulesWrap .rulesTop ul li span.txt { width:auto; }
.rulesMid .txt { line-height:1.5; font-size:1.25rem; }
.rulesMid .txtCell .txt { font-size:1.25rem; }
.rulesMid .txtCell .buTxt { font-size:1.25rem; }
.rulesMid .txt li p { margin-left:1.5rem; }
.rulesMid .buTxt>li { position:relative; padding-left:1em; font-size:1.25rem; }
.rulesMid .buTxt>li::before { content:''; position:absolute; left:.25em; top:.5em; width:.25em; height:.25em; background:currentColor; border-radius:50%; }
.rulesMid .point,
.rulesMid .buTxt .point { position:relative; padding-left:1em; }
.rulesMid .point::before,
.rulesMid .buTxt .point::before { content:'※'; position:absolute; left:0; top:0; }
.rulesMid .buTxt .point::before { width:auto; height:auto; background:none; border-radius:0; }
.rulesMid dl { margin-top:1.5em; font-size:1.25em; letter-spacing:-.01em; }
.rulesMid dl dt { float:left; position:relative; width:6.75em; padding-right:.5em; font-weight:bold; }
.rulesMid dl dt::after { content:''; position:absolute; right:0; top:.325em; width:1px; height:.8em; background:#999; }
.rulesMid dl dd { margin-left:8em; }
.rulesMid .tableStyle { display:table; table-layout:fixed; width:100%; }
.rulesMid .tableStyle>li { display:table-row; }
.rulesMid .tableStyle>li>div { display:table-cell; padding:.25em; font-size:1.25em; }
.rulesMid .tableStyle>li>div.titCell { width:1.25em; }
.rulesMid .borderLine { border-top:2px solid #000; }
.rulesMid .borderLine>li>div { border-bottom:2px solid #000; }
.rulesMid .borderLine>li>div.titCell { width:3em; }
.rulesMid .fz1 { font-size:.75em; }
.rulesMid .boxLine { display:flex; justify-content:space-around; flex-wrap:wrap; gap:.625em; margin-top:1.875em; }
.rulesMid .boxLine li { flex:1; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; padding:1.75em; border:1px solid #000; }
.rulesMid .boxLine li::after { content:''; position:absolute; left:0; top:0; border-top:10px solid #000; border-right:10px solid transparent; }
.rulesMid .boxLine li span { display:block; font-size:1.25em; }
.rulesMid .boxLine li span i { font-size:.9375em; letter-spacing:-.05em; }
[lang="en"] .rulesMid .boxLine li span { min-height:2.8em; }
[lang="en"] .rulesMid .boxLine li span i { display:block; font-size:.75em; }
.rulesMid .boxLine li strong { display:block; text-align:center; font-size:1.875em; font-weight:700; white-space:nowrap; }
.rulesMid .boxLine li.none { border:none; }
.rulesMid .boxLine li.none::after { content:none; }
.rulesWrap .lkList { display:flex; justify-content:space-around; gap:1.25em; }
.rulesWrap .lkList li { flex:1; }
.rulesWrap .lkList li a,
.rulesWrap .lkList li button { display:block; padding:1em; border:1px solid #000; border-radius:1.75em; text-align:center; font-size:1.5625em; font-weight:700; }
.rulesWrap .lkList li.link a { background:#ff8a80; }
.rulesWrap .lkList li i { display:inline-block; width:1em; height:1.44em; margin-left:.5em; background:center no-repeat; background-size:contain; vertical-align:top; }
.rulesWrap .lkList li.link i { background-image:url(/resources/images/conductor/icon_link.png); }
.rulesWrap .lkList li.download i { background-image:url(/resources/images/conductor/icon_download.png); }
.btnDocument { display:inline-block; margin-left:0.571em; padding:0.375em 0.5em; border-radius:0.286em; background:#f0f0f0; font-size:.875em; }
.btnDocument span { display:inline-block; position:relative; padding-right:1.857em; }
.btnDocument span::after { content:''; position:absolute; top:0; right:0; width:1.357em; height:1.357em; border-radius:50%; background-color:#b9b9b9; background-image:url(../images/competition/arrow_down.svg); background-repeat:no-repeat; background-position:50% 50%; background-size:0.625rem auto; }
.btnDocument:hover span::after { background-color:#000; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.5' height='7.5'%3E%3Cpath fill='none' stroke='%23fff' d='M8.004 1.878 4.358 5.567.669 1.922'/%3E%3C/svg%3E"); transition:0.4s; }
/* loading */
.loading { padding:8.2089%; text-align:center; }
.loading .box { display:inline-block; padding:4.375em 8.625em; border:1px solid #000; }
.loading .box h4 { font-size:2.1875em; font-weight:900; }
.ldSpinner { display:inline-block; position:relative; width:6.5em; height:6.5em; margin-bottom:1.25em; }
.ldSpinner div { transform-origin:3.25em 3.25em; animation:spinner 1.2s linear infinite; }
.ldSpinner div:after { content:''; display:block; position:absolute; top:0; left:50%; width:.625em; height:1.375em; margin-left:-.3125em; background:#ff8d85; }
.ldSpinner div:nth-child(1) { transform:rotate(0deg); animation-delay:-1.05s; }
.ldSpinner div:nth-child(2) { transform:rotate(45deg); animation-delay:-0.9s; }
.ldSpinner div:nth-child(3) { transform:rotate(90deg); animation-delay:-0.75s; }
.ldSpinner div:nth-child(4) { transform:rotate(135deg); animation-delay:-0.6s; }
.ldSpinner div:nth-child(5) { transform:rotate(180deg); animation-delay:-0.45s; }
.ldSpinner div:nth-child(6) { transform:rotate(225deg); animation-delay:-0.3s; }
.ldSpinner div:nth-child(7) { transform:rotate(270deg); animation-delay:-0.15s; }
.ldSpinner div:nth-child(8) { transform:rotate(315deg); animation-delay:0s; }
@keyframes spinner {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
/* 레이어 팝업 */
.popupWrap { display:none; position:absolute; top:98px; left:50%; width:100%; max-width:1920px; margin:0 auto; transform:translateX(-50%); z-index:5; }
.popupWrap.viewWrap { display:block; text-align:center; }
.popupWrap .popup {	display:none; margin:0 5px; box-sizing:border-box; }
.popupWrap .popup.viewPop { display:inline-block; vertical-align:top; }
.popupWrap .popup .popupTop { display:flex; border:1px solid #462e2e; }
.popupWrap .popup .popupTop a { max-width:500px; }
.popupWrap .popup iframe { width:640px; height:360px; }
.popupWrap .popupBtm { padding:6px; background:#000; color:#fff; text-align:center; line-height:22px; font-size:14px; }
.popupWrap .popupBtm label { display:inline-block; padding:0 5px; }
.popupWrap .popupBtm button { width:35px; height:21px; border:1px solid #dcdcdc; vertical-align:top; color:#fff; }
/* eng site style */
[lang="en"] #headerWrap,
[lang="en"] .noticeList ul li { background:#01aac9; }
[lang="en"] .headTop .lang a.active,
[lang="en"] .gnbUtil .lang li a.active { color:#01aac9; }
[lang="en"] .noticeList ul li .category { border-bottom-color:#01aac9; }
[lang="en"] .rulesWrap .lkList li.link a { background : #01aac9; }
[lang="en"] .btnTop button i::before { border-top-color:#01aac9;border-left-color:#01aac9; }
[lang="en"] .btnTop button i::after { background:#01aac9; }

@media only screen and (max-width:1920px) {
    .header { padding-top:11%; }
    .headTit { margin-top:11.03448%; margin-bottom:11.03448%; }
}
@media only screen and (max-width:1280px) {
    html { font-size:15px; }
    .rulesWrap .rulesTop ul li span.tit { width:10em; }
}
@media only screen and (max-height:940px) {
    #headerWrap { position:absolute; left:0; top:0; }
}
@media only screen and (max-width:1100px) {
    #wrap { padding-left:40%; }
    #headerWrap { width:40%; }
    .rulesWrap .rulesTop h4 { float:none; }
    .rulesWrap .rulesTop ul { margin-left:0; }
}
@media only screen and (max-width:1024px) {
    html { font-size:14px; }
    #wrap { padding-left:0; padding-top:5.4166rem; }
    #headerWrap { overflow-y:auto; position:fixed; width:100%; height:auto; max-height:100%; z-index:20; }
	#headerWrap::-webkit-scrollbar { display:none; }
	#footerWrap { padding:3.3333em 8.3333%; }
    .header { padding-top:0; }
    .headTop,
    .gnbWrap { display:none; padding:0 0 4.6666em; padding-top:5.6666em; background-size:100% 10vw; background-position:center .75em; }
	.gnbList { margin-top:2.9166em; }
	.gnbList>li { margin-top:3.8333em; padding:0 8.3333% 3.75em; border-bottom:1px solid #000; }
	.gnbList>li:last-child { border:none; }
	.gnbList>li>a { flex-basis:56%; margin-right:0; font-size:2.0833em; color:#000; }
	.gnbList>li>a>span { padding-left:0; }
	.gnbList>li>a.active>span::before { display:none; }
	.gnbList>li>a .line { display:none !important; }
	.gnbList>li div.subMenu { margin-top:-.2em; }
	.gnbList>li ul>li>a { padding:.2em 0; letter-spacing:-.03em; color:#000; }
	.gnbUtil { display:flex; align-items:center; justify-content:space-between; margin-top:8.5em; padding:0 8.3333%; }
	.gnbUtil .lgGlobal a { display:block; width:11em; height:2em; background:url(../images/conductor/logo_mo.png) center no-repeat; background-size:auto 100%; text-indent:-9999px; }
	.gnbUtil .lang { display:flex; justify-content:space-around; border:1px solid #000; }
	.gnbUtil .lang li { flex:1; border-left:1px solid #000; }
	.gnbUtil .lang li:first-child { border-left:none; }
	.gnbUtil .lang li a { display:block; width:3.875em; line-height:1.8125em; text-align:center; color:#000; font-size:1.3333em; font-weight:bold; }
	.gnbUtil .lang li a.active { background:#000; color:#ff8a80; }
    .headTit { margin:0; padding:1.4545em 8.3333%; }
	.headTit h1 { width:9.273rem; }
	[lang="en"] .headTit h1 img { max-height:3.636rem; }
	.headTit .btnMoGnb { display:block; position:relative; width:2em; height:1.5em; }
	.headTit .btnMoGnb button { overflow:hidden; display:block; width:100%; height:100%; text-indent:-9999px; }
	.headTit .btnMoGnb button i { display:block; position:absolute; left:50%; top:50%; width:100%; height:2px; margin-left:-1em; background:#000; transition:.15s; }
	.headTit .btnMoGnb button i.top { margin-top:-.6666em; }
	.headTit .btnMoGnb button i.btm { margin-top:.6666em; }
	.headTit .btnMoGnb button.active i.mid { display:none; }
	.headTit .btnMoGnb button.active i.top { margin-top:0; transform:rotate(45deg); }
	.headTit .btnMoGnb button.active i.btm { margin-top:0; transform:rotate(-45deg); }
	/* footer */
	.footer { flex-wrap:wrap; flex-direction:column; justify-content:flex-start; column-gap:3.6666em; }
	.footer dl { flex:1; margin-top:2em; font-size:.8333em; }
	.footer dt { margin-bottom:.5em; }
	.footer dd { margin-top:0; }
	.footer dl.contect { flex-basis:100%; display:flex; align-items:center; margin-bottom:.5em; }
	.footer dl.contect dt { margin:0 .7em 0 0; }
	.footer dl.contect dd { margin:0; }
	.footer .contect ul { display:flex; align-content:center; }
	.footer .contect ul li { position:relative; margin:0; padding:0 .7em; }
	.footer .contect ul li::before { content:'';display:block; position:absolute; top:50%; left:0; width:1px; height:.8em; margin-top:-.4em; background:#808080; }
	.footer .contect ul li:first-child::before { display:none; }	
	.footer .bannerList ul { column-gap:1.6666em; }
    .footer .bannerList ul li { max-width:none; }
	.footer .bannerList ul li img { height:2.4em; }
	.footer .bannerList:last-child ul li img { height:1.8em; }
    /* content */
    #container { min-height:0; padding-bottom:10%; }
    .locationLine { padding:2em 7%; }
    .locationLine h3 span { font-size:1em; }
    .locationLine h3 strong { font-size:1.625em; }
	.locationLine h3 span.lg { font-size:1.8182rem; }
    .defaultContent { padding:2.25em 7%; }
	/* knso */
	.knsoVisual { overflow: hidden; height:151.3888vw; }
    .knsoVisual::after { display:none; }
	.knsoVisual img { object-position:34% top; height:108%; }
	.knsoInner { padding:4.1666em 8.3333% 7.5em; }
	.knsoInner h3 { font-size:2.25em; }
	.knsoInner h4 { font-size:1.4166em; }
	.knsoInner .txt { margin-top:1.3333em; font-size:1em; }
    /* jury */
    .juryList,
    .juryView,
    .noticeList,
    .noticeView { margin:3em; }
    /* contectUs */
    .contectUs .contectInner { padding:3em; }
    .contectUs .contectInner .contectInfo { flex-direction:column; }
    .contectUs .contectInner .contectInfo li { margin:-1px 0 0; border-top:1px solid #000; border-left:none; }
    .contectUs .lkGroup { position:static; margin-top:2em; }
    .rulesWrap>div { padding:3em; }
}
@media only screen and (max-width:720px) {
    html { font-size:13px; }
    .headTop,
    .gnbWrap { background-size:100% auto; }
    .historyLayout { margin-top:3em; }
    .historyLayout .historyTop .selectYear { float:none; width:100%; margin-top: 0; }
    .historyLayout .historyTop .selectYear select { width:100%; }
    .historyLayout .historyTop .poster { float:none; width:100%; margin-top:2.125em; text-align:center; }
    .historyLayout .historyTop .infoArea { margin-top:5%; margin-left:0; }
    .historyLayout .historyVideo { margin:3em 0; }
    .historyLayout .winnerList,
    .historyLayout .entryList,
    .historyLayout .contestRecode,
	.historyLayout .rulesWrap { padding:3em 7%; }
    .historyLayout .contestRecode br { display:block; }
    .historyLayout ul.conductorList li { flex:0 0 48%; }
    .historyLayout ul.conductorList li span.img { height:44.44444vw; overflow:hidden; }
    /* jury */
    .juryList,
    .noticeList,
    .noticeView { margin:3em 7%; }
	.juryList .boardTit { margin-bottom: 1em; font-size:1.636em; }
    .juryList ul { grid-template-columns:1fr 1fr; }
    .juryView { margin:0 0 3em; }
    .juryView .imgSliderWide .controls { justify-content:center; }
    .juryView .txtArea { margin:0 7%; }
    /* notice */
    .noticeList ul li a { justify-content:center; align-items:flex-start; flex-direction:column; }
    .noticeList ul li a .category { font-size:1.125em; }
    .noticeList ul li a .tit { width:100%; margin:.5em 0; padding:0; font-size:1.5em; }
    .noticeView .noticeTit,
    .noticeView .noticeContent { padding:5%; }
    .noticeView .noticeTit .category { margin-bottom:.25em; font-size:1.125em; }
    .noticeView .noticeTit h4 { clear:both; margin:0; }
    .noticeView .noticeTit h4 strong { font-size:1.5em; }
    /* contectUs */
    .contectUs h4 { font-size:1.75em; }
    .contectUs h5 { font-size:1.5em; }
    .contectUs .contectInner { padding:3em 7%; }
    /* rule */
    .rulesWrap>div { padding:5%; }
    .rulesWrap h4 { margin-bottom:1em;  font-size:2em; }
    .rulesWrap h5,
    .rulesWrap h6 { margin-top:.875em; font-size:1.5em; }
    .rulesWrap .rulesTop ul li span.tit { width:7em; word-break:keep-all; }
    .rulesMid .boxLine li { flex:1 1 calc(50% - 1.25em); box-sizing:border-box; }
    .rulesMid .boxLine li strong { font-size:1.25em; }
    .rulesMid dl dt::after { display:none; }
    .rulesMid dl dd { clear:left; margin:0; }
	/* loading */
	.loading { padding:6.3636em 15.2777%; }
	.loading .box { width:100%; padding:3.1818em 0 2.7272em; }
	.loading .box h4 { font-size:1.5454em; }
	.ldSpinner { width:4.7272em; height:4.7272em; margin-bottom:1em; }
	.ldSpinner div { transform-origin:2.3636em 2.3636em; }
	.ldSpinner div:after { width:.4545em; height:1em; margin-left:-.2272em; }
}
@media only screen and (max-width:640px) {
    html { font-size:12px; }
}
@media only screen and (max-width:480px) {
    html { font-size:11px; }
    .historyLayout ul.conductorList li { flex:0 0 100%; }
    .historyLayout ul.conductorList li span.img { height:auto; text-align:center; margin:0 auto;  }
    .rulesMid .boxLine li { flex:1 1 calc(100% - 1.25em); align-items:flex-start; }
	.rulesMid .boxLine li.none { display: none; }
    .rulesMid .boxLine li strong { text-align:left; }
}
.pageNav { text-align:center; margin:1em; } 
.pageNav ul { display:inline-block; line-height:1; }
.pageNav ul li { display:inline-block; vertical-align:top; }
.pageNav ul li:first-child { border-left:none; }
.pageNav ul li a,
.pageNav ul li strong,
.pageNav ul li.current span > span,
.pageNav ul li.current i { display:block; min-width:2.375em; line-height:2.375em; margin:0 .25em; padding:0; box-sizing:border-box; text-align:center; vertical-align:top; font-size:1rem; }
.pageNav ul li a { overflow:hidden; color:#7c7b7b; }
.pageNav ul li strong { background:#1c3f37; border-radius:50%; color:#ecc4c4; font-weight:500; }
.pageNav ul li.first a { background-image:url('../images/sub/btn_page_first.png'); }
.pageNav ul li.prev a { margin-right:1em; background-image:url('../images/sub/btn_page_prev.png'); }
.pageNav ul li.next a { margin-left:1em; background-image:url('../images/sub/btn_page_next.png'); }
.pageNav ul li.last a { background-image:url('../images/sub/btn_page_last.png'); }
.pageNav ul li.first a,
.pageNav ul li.prev a,
.pageNav ul li.next a,
.pageNav ul li.last a { text-indent:-999px; background-position:center; background-repeat:no-repeat; background-size:auto 1.125em; }
.pageNav ul.mVer { display:none; }
.pageNav .mVer li { display:inline-block; font-weight:300; vertical-align:middle; font-size:1rem; }
.pageNav .mVer li.index { display:inline-block; white-space:nowrap; font-size:1.273rem; }
.pageNav .mVer li strong { display:inline-block; min-width:auto; border-radius:0; border-bottom:1px solid #1c3f37; background:none; color:#1c3f37; font-weight:600; line-height:normal; font-size:1em; }
.pageNav .mVer li span { color:#535353; }
.pageNav .mVer li.index * { margin:0 0.5em; }
.pageNav .mVer li.first a,
.pageNav .mVer li.prev a,
.pageNav .mVer li.next a,
.pageNav .mVer li.last a { font-weight:400; color:#444; }

/* btnTop */
.btnTop { z-index: 5; position:fixed; right:3%; bottom:calc(8% + 161px); transition:bottom 0.5s; text-align: right; }
.btnTop.fix { position:absolute; right:3%; bottom:2em; }
.btnTop button { display:inline-flex; justify-content:center; align-items:center; position:relative; width:5em; height:5em; background:#000; border-radius:50%; border:1px solid; box-sizing:border-box; }
.btnTop button span { overflow:hidden; position:absolute; width:1px; height:1px; margin-top:-10px; }
.btnTop button i { display:block; width:1.25em; height:1.25em; transform:rotate(45deg); }
.btnTop button i::before,
.btnTop button i::after { content:''; position:absolute; left:0; top:0; box-sizing:border-box; }
.btnTop button i::before { width:1.25em; height:1.25em; border-top:2px solid #ff8a80; border-left:2px solid #ff8a80; }
.btnTop button i::after { width:1.875em; height:2px; background:#ff8a80; transform:rotate(45deg); transform-origin:0 100%; }
.btnTop.fix button { width:3.125em; height:3.125em; padding-top:.6125em; }
.btnTop.fix button i::before { width:.8125em; height:.8125em; }
.btnTop.fix button i::after { width:1.25em; }
.btnTop .floatingApply { margin-bottom: 0.625em; }
.floatingApply a,
.btnTop.fix .floatingApply a:hover { display:flex; justify-content:center; align-items:center; width: 5em; height: 5em; border-radius:50%; background: #ff8a80; font-weight: 700; }
[lang="en"] .floatingApply a,
[lang="en"] .btnTop.fix .floatingApply a:hover { background:#01aac9; }
.floatingApply a span { display: inline-block; padding-top:1.375em; background:url(../images/conductor/btn_apply.png) no-repeat 50% 0; background-size:1.062em auto; }
.btnTop.fix .floatingApply a { width:3.125em; height:3.125em; transition:0.3s; text-align: left; }
.btnTop.fix .floatingApply a span { overflow: hidden; width:1.062em; height:1.062em; padding-top: 0; text-indent:-999px; }
.btnTop.fix .floatingApply a:hover span { width: auto; height: auto; padding-top:1.375em; text-indent:0; }
@media only screen and (max-width:1024px) {
	.btnTop {position:fixed; bottom:2em; }
	.btnTop button,
	.btnTop .floatingApply a { width:4rem; height:4rem; }
	.btnTop button { padding-top:.6125em; }
	.btnTop button i::before { width:.8125em; height:.8125em; }
	.btnTop button i::after { width:1.25em; }
	.btnTop .floatingApply { margin-bottom:0.3em; }
	.btnTop .floatingApply a { font-size: 0.909em; }
	.btnTop .floatingApply a span { padding-top:1.1em; background-size:1em auto; } 
}

/* tab */
.tabList { padding:6.25em 7% 0; text-align: center; }
.tabList ul { display:flex; }
.tabList ul li { display:flex; align-items:center; width:50%; margin-left: -1px; border: 1px solid #000; box-sizing:border-box; }
.tabList ul li.col3 { flex-grow:1; width: 33.33333%; }
.tabList ul li a { flex-grow:1; display:flex; justify-content:center; align-items:center; height: 100%; padding:1.625rem;  line-height: 1.3; font-size:1.25em; box-sizing:border-box; }
.tabList ul li a.active,
.tabList ul li a:hover,
.tabList ul li a:focus { background: #000; color: #fff; font-weight:700; transition:0.5s; }
@media only screen and (max-width:1024px) {
	.tabList { padding-top: 3em; }
	.tabList ul { flex-wrap:wrap; }
	.tabList ul li { width:100%; margin-top: -1px; margin-left: 0; }
	.tabList ul li a { padding:1em; }
}

/* 후원금 결제 */
.ticketWrap { font-family: 'Pretendard', 'Noto Sans KR'; }
.ticketWrap .ticketHeader { position: relative; background: #ff8a80; }
.ticketWrap .ticketHeader h1 { max-width:800px; margin:0 auto; padding:2.375rem 3.125rem; font-weight: 900; font-size:3.125em; box-sizing:border-box; }
.ticketWrap .ticketHeader .btnClose { overflow: hidden; display: block; position: absolute; top: 0; right: 0; width:8.4375em; height: 100%; background:url(../images/conductor/btn_ticket_close.png) no-repeat 50% 50%; background-size:2.1875em auto; text-indent:-999px; }
.ticketWrap .ticketCon { max-width:800px; margin:0 auto; padding:3.25em 3.125em 2.625em; border-bottom: 1px solid #000; box-sizing:border-box; }
.ticketWrap .ticketCon h2 { margin-bottom: 2rem; font-size: 2.5em; font-weight: 900; }
.ticketWrap .ticketCon h2 span { padding-bottom: 0.25rem; border-bottom:2px solid #ff8a80; } 
.ticketWrap .ticketCon ul li { margin:0.625em 0; font-size: 1.5em; }
.ticketWrap .ticketCon ul li b { display: inline-block; margin-right: 1.375rem; }
.ticketWrap .formArea { max-width:800px; margin:0 auto; padding:1.25rem 3.125rem 3.75rem; font-size: 1.5em; box-sizing:border-box; }
.ticketWrap input::-webkit-input-placeholder { color:#939393; font-weight: 400; }
.ticketWrap input::-moz-placeholder { color:#939393; font-weight: 400; }
.ticketWrap input:-ms-input-placeholder { color:#939393; font-weight: 400; }
.ticketWrap input::-ms-input-placeholder { color:#939393; font-weight: 400; }
.ticketWrap input[type="number"]::-webkit-outer-spin-button,
.ticketWrap input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none;  margin: 0; }
.ticketWrap .formArea .formTable { width: 100%; table-layout:fixed; }
.ticketWrap .formArea .formTable td:nth-child(2) { padding-left: 1.125rem; }
.ticketWrap .formArea .formTable td { padding:1.125rem 0; }
.ticketWrap .formArea .formTable label,
.ticketWrap .formArea .formTable .label { display: inline-block; font-weight: 700; }
.ticketWrap .formArea .required { overflow: hidden; display: inline-block; width:0.625rem; height: 0.625rem; margin-top:0.5625rem; margin-left: 0.400rem; background: url(../images/conductor/bg_required.png) center no-repeat; background-size: contain; vertical-align: top; text-indent: 999px; }
.ticketWrap .formArea .gray { display: inline-block; margin-left:0.3em; color: #939393; font-weight: 400; }
.ticketWrap .formArea input.text { width:100%; height:4.375rem; margin-top: 1rem; padding:0 1em; border:1px solid #939393; line-height:4.375rem; }
.ticketWrap .formArea .red { color: #cf0000; font-weight: 400; font-size: 1.125rem; }
.ticketWrap .formArea .plusMinus { display:flex; margin-top:1rem; }
.ticketWrap .formArea .plusMinus button { overflow: hidden; display: inline-block; width:4.375rem; height:4.375rem; border: 1px solid #939393; background-repeat: no-repeat; background-position: 50% 50%; background-size:1.75rem auto; text-indent:-999px; }
.ticketWrap .formArea .plusMinus .plus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28px' height='28px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M27.1000,14.1000 L14.1000,14.1000 L14.1000,27.1000 L12.1000,27.1000 L12.1000,14.1000 L-0.000,14.1000 L-0.000,12.1000 L12.1000,12.1000 L12.1000,-0.000 L14.1000,-0.000 L14.1000,12.1000 L27.1000,12.1000 L27.1000,14.1000 Z'/%3E%3C/svg%3E"); }
.ticketWrap .formArea .plusMinus .plus[disabled] { border-color:#b8b8b8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28px' height='28px'%3E%3Cpath fill-rule='evenodd' fill='rgb(184, 184, 184)' d='M27.1000,14.1000 L14.1000,14.1000 L14.1000,27.1000 L12.1000,27.1000 L12.1000,14.1000 L-0.000,14.1000 L-0.000,12.1000 L12.1000,12.1000 L12.1000,-0.000 L14.1000,-0.000 L14.1000,12.1000 L27.1000,12.1000 L27.1000,14.1000 Z'/%3E%3C/svg%3E"); }
.ticketWrap .formArea .plusMinus .minus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28px' height='2px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M-0.000,-0.000 L27.1000,-0.000 L27.1000,1.1000 L-0.000,1.1000 L-0.000,-0.000 Z'/%3E%3C/svg%3E"); }
.ticketWrap .formArea .plusMinus .minus[disabled] { border-color:#b8b8b8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28px' height='2px'%3E%3Cpath fill-rule='evenodd' fill='rgb(184, 184, 184)' d='M-0.000,-0.000 L27.1000,-0.000 L27.1000,1.1000 L-0.000,1.1000 L-0.000,-0.000 Z'/%3E%3C/svg%3E"); }
.ticketWrap .formArea .plusMinus .number { width: 5rem; height:4.375rem; margin:0 0.625rem; padding:0 1em; border:1px solid #939393; text-align: center; font-weight: 700; font-size:1.0833em; }
.ticketWrap .formArea .formTit { margin-top: 0.875rem; margin-bottom: 1rem; font-size: 1em; }
.ticketWrap .formArea .boxGray { padding:1.875rem 2.125rem; border: 1px solid #b8b8b8; color: #3e3e3e; line-height: 1.6; font-size:0.8333em; }
.ticketWrap .formArea .boxGray ul { margin-bottom:1.75rem; }
.ticketWrap .formArea input[type="checkbox"] { position:absolute; top:0; left:0; width:1px; height:1px; margin-left:-1px; clip:rect(0,0,0,0); }
.ticketWrap .formArea input[type="checkbox"] + label { display:block; font-weight:500; font-size:1.375rem; cursor:pointer; }
.ticketWrap .formArea input[type="checkbox"] + label span { display:inline-block; position:relative; padding-left:2.75rem; }
.ticketWrap .formArea input[type="checkbox"] + label span::before { content:''; position:absolute; top:0; left:0; width:1.875rem; height:1.875rem; border:1px solid #939393; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; box-sizing:border-box; }
.ticketWrap .formArea input[type="checkbox"]:checked + label span::before { border-color:#000; background-color: #000; background-image:url(../images/conductor/bg_check_on.png); }
.ticketWrap .formArea .checkGroup { overflow: hidden; position: relative; margin-top:1.875rem; }
.ticketWrap .formArea .formBtn { display:flex; justify-content:space-between; margin-top:3.75rem; text-align: center; }
.ticketWrap .formArea .formBtn a,
.ticketWrap .formArea .formBtn button { display: inline-flex; justify-content:center; align-items:center; width: 48.5%; height:3.44em; border-radius:2em; font-size:1.5625rem; }
.ticketWrap .formArea .formBtn .type1 { border: 1px solid #939393; }
.ticketWrap .formArea .formBtn .type2 { border: 1px solid #000; background-color: #ff8a80; font-weight: 700; }
@media only screen and (max-width:580px) {
	.ticketWrap .ticketHeader h1 { padding:1em 8.3%; font-size:1.8182em; }
	.ticketWrap .ticketHeader .btnClose { width:7.091em; background-size:1.6364em auto; }
	.ticketWrap .ticketCon { padding:2.364em 8.3% 2em; }
	.ticketWrap .ticketCon h2 { margin-bottom: 0.8em; font-size:1.8182em; }
	.ticketWrap .ticketCon ul li { margin:0.4em 0em; font-size:1.182em; }
	.ticketWrap .formArea { padding:1em 8.3% 0; font-size:1.273em; }
	.ticketWrap .formArea .formTable,
	.ticketWrap .formArea .formTable tbody,
	.ticketWrap .formArea .formTable tr,
	.ticketWrap .formArea .formTable td { display: block; }
	.ticketWrap .formArea .formTable td:nth-child(2) { padding-left: 0; }
	.ticketWrap .formArea input[type="checkbox"] + label { min-height:1.615em; font-size:1.182rem; }
	.ticketWrap .formArea input[type="checkbox"] + label span { padding-top:3px; }
	.ticketWrap .formArea .formBtn { margin-top:2.143em; }
	.ticketWrap .formArea .formBtn a,
	.ticketWrap .formArea .formBtn button { height: 3em; font-size:1.364rem; }
}
