form { width: 100%; height: 100%; background-color: none; }

fieldset { border-style: none; }

#wrap { width: 100%; height: auto; background-color: none; background-image: linear-gradient(#fff, 80%, #00b4e7); min-width: 960px; overflow-x: auto; font-family: 'nanumGothic'; }

#innerBox { width: 100%; height: none; background-color: #698; height: 864px; height: 54rem; height: 45vw; background-image: url("../../img/Full/faq/innerBanner.png"); background-repeat: no-repeat; background-position: center; overflow: hidden; background-size: cover; }

#innerBox .faq { width: 100%; height: inherit; background-color: none; font-size: 48px; font-size: 3rem; font-size: 2.5vw; text-align: center; text-transform: uppercase; letter-spacing: 10px; color: #fff; font-family: 'nanumGothic'; }

#contentWrap { width: 97%; background-color: #fff; height: 1700px; height: 106.25rem; height: 88.54167vw; margin: 0 auto; box-sizing: border-box; margin-bottom: 153.6px; margin-bottom: 9.6rem; margin-bottom: 8vw; margin-bottom: 8vw; padding: 15.626vw 0; padding: 300px 200px; padding: 15.625vw 10.416vw; }

#contentWrap h3 { color: #00a0e9; font-size: 40px; font-size: 2.5rem; font-size: 2.08333vw; margin-bottom: 30px; margin-bottom: 1.875rem; margin-bottom: 1.5625vw; text-transform: uppercase; font-weight: 400; }

#contentWrap #contentBox { width: 1400px; width: 87.5rem; width: 72.91667vw; height: auto; min-height: 80px; margin: 0 auto; }

#contentWrap #contentBox .qtitle { width: 1400px; width: 87.5rem; width: 72.91667vw; height: 80px; height: 5rem; height: 4.16667vw; border-top: solid #ccc 1px; }

#contentWrap #contentBox .qtitle .no { float: left; width: 200px; width: 12.5rem; width: 10.41667vw; font-size: 24px; font-size: 1.5rem; font-size: 1.25vw; line-height: 80px; line-height: 4.1666vw; color: #333; text-align: center; text-transform: uppercase; }

#contentWrap #contentBox .qtitle .title { float: right; width: 1200px; width: 75rem; width: 62.5vw; font-size: 24px; font-size: 1.5rem; font-size: 1.25vw; color: #333; line-height: 80px; line-height: 4.1666vw; text-transform: uppercase; text-align: center; }

#contentWrap #contentBox dl { width: 1400px; width: 87.5rem; width: 72.91667vw; height: auto; }

#contentWrap #contentBox dl dt { width: 1400px; width: 87.5rem; width: 72.91667vw; height: 80px; height: 5rem; height: 4.16667vw; cursor: pointer; padding-top: 28px; padding-top: 1.4583vw; box-sizing: border-box; border-top: solid #ccc 1px; }

#contentWrap #contentBox dl dt .dtNo { float: left; width: 200px; width: 12.5rem; width: 10.41667vw; font-size: 24px; font-size: 1.5rem; font-size: 1.25vw; color: #333; text-align: center; }

#contentWrap #contentBox dl dt .qButton { float: left; width: 30px; width: 1.875rem; width: 1.5625vw; height: 28px; height: 1.75rem; height: 1.45833vw; margin-right: 15px; margin-right: 0.78125vw; background-size: contain; background-image: url("../../img/Full/faq/q.png"); background-repeat: no-repeat; background-position: center; overflow: hidden; }

#contentWrap #contentBox dl dt .f { float: left; width: 1150px; width: 71.875rem; width: 59.89583vw; font-size: 24px; font-size: 1.5rem; font-size: 1.25vw; color: #333; }

#contentWrap #contentBox dl dt i { font-size: 28px; font-size: 1.75rem; font-size: 1.45833vw; transition: all 100ms ease-out; float: right; margin-right: 40px; margin-right: 2.083333vw; }

#contentWrap #contentBox dl .view { transform: rotate(180deg); }

#contentWrap #contentBox dl dd { width: 1400px; width: 87.5rem; width: 72.91667vw; font-size: 24px; font-size: 1.5rem; font-size: 1.25vw; color: #333; height: auto; padding: 28px 100px 28px 200px; padding: 1.4583vw 5.20833vw 1.4583vw 10.416666vw; box-sizing: border-box; border-top: solid #999 2px; background-color: #ddd; }

#contentWrap #contentBox dl dd .aButton { float: left; width: 30px; width: 1.875rem; width: 1.5625vw; height: 28px; height: 1.75rem; height: 1.45833vw; margin-right: 15px; margin-right: 0.78125vw; background-size: contain; background-image: url("../../img/Full/faq/a.png"); background-repeat: no-repeat; background-position: center; overflow: hidden; }

#contentWrap fieldset { width: 370px; width: 23.125rem; width: 19.27083vw; height: 50px; height: 3.125rem; height: 2.60417vw; font-size: 24px; font-size: 1.5rem; font-size: 1.25vw; margin: 0 auto; margin-top: 100px; }

#contentWrap input[type="text"] { width: 300px; width: 18.75rem; width: 15.625vw; height: 49px; height: 3.0625rem; height: 2.55208vw; font-size: 18px; font-size: 1.125rem; font-size: 0.9375vw; color: #333; box-sizing: border-box; margin: 0 auto; }

#contentWrap .searchButton { width: 60px; width: 3.75rem; width: 3.125vw; height: 49px; height: 3.0625rem; height: 2.55208vw; font-size: 18px; font-size: 1.125rem; font-size: 0.9375vw; color: #fff; background-color: #333; }

#headBox { width: 100%; height: 120px; background-color: transparent; position: absolute; top: 0px; z-index: 100; padding: 2.5em 3em 0; box-sizing: border-box; }

#headBox h1 { width: 9.8vw; height: 3.64vw; background-color: none; background-size: contain; background-image: url("../../img/Full/jypLogo.png"); background-repeat: no-repeat; background-position: center; overflow: hidden; float: left; }

#headBox h1 > a { display: inline-block; width: 100%; height: 100%; background-color: none; cursor: pointer; }

#headBox #gnbBoox { width: 50px; height: 30px; background-color: none; float: right; right: 3em; position: fixed; z-index: 300; margin-top: 10px; }

#headBox #gnbBoox .gnbLogo { width: 50px; height: 5px; background-color: #00a0e9; position: relative; }

#headBox #gnbBoox .gnbLogo:before { content: " "; display: block; width: 50px; height: 5px; background-color: #00a0e9; position: absolute; top: 10px; }

#headBox #gnbBoox .gnbLogo:after { content: " "; display: block; width: 50px; height: 5px; background-color: #00a0e9; position: absolute; top: -10px; }

#headBox #gnbBox { width: 100vw; display: none; min-width: 960px; left: 0; top: 0; height: 100%; background-image: linear-gradient(to right, #00b4e7, #fff); opacity: 0.9; position: fixed; z-index: 100; }

#headBox #gnbBox .photoWrap { width: 50%; height: 100%; background-color: none; float: left; }

#headBox #gnbBox .photoWrap .gnbpBox { width: 83%; height: 40%; background-color: #ca8; background-size: cover; margin-top: 23%; margin-bottom: 3%; }

#headBox #gnbBox .photoWrap .companyP { background-image: url("../../img/Full/gnb/aboutjyp_hover.png"); background-repeat: no-repeat; background-position: center; overflow: hidden; transition: all 300ms ease-in; }

#headBox #gnbBox .photoWrap .artistP { background-image: url("../../img/Full/gnb/artist_hover.png"); background-repeat: no-repeat; background-position: center; overflow: hidden; transition: all 300ms ease-in; }

#headBox #gnbBox .photoWrap .actorP { background-image: url("../../img/Full/gnb/actor_hover.png"); background-repeat: no-repeat; background-position: center; overflow: hidden; transition: all 300ms ease-in; }

#headBox #gnbBox .photoWrap .auditionP { background-image: url("../../img/Full/gnb/audition_hover.png"); background-repeat: no-repeat; background-position: center; overflow: hidden; transition: all 300ms ease-in; }

#headBox #gnbBox .photoWrap .nomal { background-image: url("../../img/Full/gnb/nomal.png"); background-repeat: no-repeat; background-position: center; overflow: hidden; transition: all 300ms ease-in; }

#headBox #gnbBox .photoWrap .fLBox { width: 40%; height: 30px; background-color: none; margin: 0 18%; margin-bottom: 2%; }

#headBox #gnbBox .photoWrap .fLBox .flList { width: 100%; height: 30px; background-color: none; }

#headBox #gnbBox .photoWrap .fLBox .flList > li { width: 100%; height: 100%; background-color: none; float: left; }

#headBox #gnbBox .photoWrap .fLBox .flList .familysite { width: 57%; margin-right: 3%; }

#headBox #gnbBox .photoWrap .fLBox .flList .familysite select { width: 100%; height: 100%; text-transform: uppercase; }

#headBox #gnbBox .photoWrap .fLBox .flList .language { width: 40%; background-color: #715; }

#headBox #gnbBox .photoWrap .fLBox .flList .language select { width: 100%; height: 100%; text-transform: uppercase; }

#headBox #gnbBox .photoWrap .gsnsBox { width: 110px; height: 30px; background-color: none; margin: 0 30%; }

#headBox #gnbBox .photoWrap .gsnsBox .gsnsList { width: 100%; height: 100%; background-color: none; }

#headBox #gnbBox .photoWrap .gsnsBox .gsnsList > li { width: 30px; height: 100%; background-color: none; margin-right: 10px; float: left; background-size: cover; }

#headBox #gnbBox .photoWrap .gsnsBox .gsnsList > li a { width: 100%; height: 100%; background-color: none; display: block; }

#headBox #gnbBox .photoWrap .gsnsBox .gsnsList .twitter { background-image: url("../../img/Full/gnb/twitter.png"); background-repeat: no-repeat; background-position: center; overflow: hidden; }

#headBox #gnbBox .photoWrap .gsnsBox .gsnsList .facebook { background-image: url("../../img/Full/gnb/facebook.png"); background-repeat: no-repeat; background-position: center; overflow: hidden; }

#headBox #gnbBox .photoWrap .gsnsBox .gsnsList .instagram { background-image: url("../../img/Full/gnb/instagram.png"); background-repeat: no-repeat; background-position: center; overflow: hidden; }

#headBox #gnbBox .listWrap { width: 50%; height: 100%; background-color: none; float: right; }

#headBox #gnbBox .listWrap .listBox { width: 65%; height: 75%; background-color: none; margin: 13% 13%; }

#headBox #gnbBox .listWrap .listBox .gnblist { width: 100%; height: 100%; background-color: none; }

#headBox #gnbBox .listWrap .listBox .gnblist > li { width: 100%; height: 25%; background-color: none; color: #333; text-align: center; font-family: 'Poiret One'; font-size: 96px; font-size: 6rem; font-size: 5.05263vw; }

#headBox #gnbBox .listWrap .listBox .gnblist > li:first-letter { text-transform: uppercase; }

#headBox #gnbBox .listWrap .listBox .gnblist > li.company:hover > .companyMore { display: block; }

#headBox #gnbBox .listWrap .listBox .gnblist > li .companyMore { width: 25vw; height: 25%; background-color: none; display: none; margin-left: 0.8em; padding: 1.5% 0; box-sizing: border-box; }

#headBox #gnbBox .listWrap .listBox .gnblist > li .companyMore > li { width: 21%; height: 100%; background-color: none; margin-right: 0.3em; font-size: 1.2vw; float: left; font-family: 'nanumGothic'; text-align: center; text-transform: uppercase; }

#headBox #gnbBox .listWrap .listBox .gnblist > li .companyMore .notice { width: 18%; }

#headBox #gnbBox .listWrap .listBox .gnblist > li .companyMore .aboutJyp { width: 26%; }

#headBox #gnbBox .listWrap .listBox .gnblist > li .companyMore .ir { width: 6%; }

#headBox #gnbBox .listWrap .listBox .gnblist > li.audition:hover > .auditionMore { display: block; transition: all 900ms; }

#headBox #gnbBox .listWrap .listBox .gnblist > li .auditionMore { width: 25vw; height: 25%; background-color: none; display: none; margin-left: 0.8em; padding: 1.5% 3%; box-sizing: border-box; }

#headBox #gnbBox .listWrap .listBox .gnblist > li .auditionMore > li { width: 15%; height: 100%; background-color: none; margin-right: 0.5em; font-size: 1.2vw; float: left; font-family: 'nanumGothic'; text-align: center; text-transform: uppercase; }

#headBox #gnbBox .listWrap .listBox .gnblist > li .auditionMore .auditionLi { width: 25%; margin-left: calc(24% - 0.3em); }

#headBox #gnbBox .listWrap .listBox .gnblist > li .auditionMore .faq { width: 12%; }

#topButton { width: 80px; width: 5rem; height: 80px; height: 5rem; margin: 0 auto; margin-bottom: 15em; }

#topButton button { width: 80px; width: 5rem; height: 80px; height: 5rem; background-color: #fff; border: solid #333 1px; box-sizing: border-box; text-transform: uppercase; font-weight: bold; font-size: 1.2rem; color: #333; }

#topButton button:hover { background-color: #333; color: #fff; }

#footBox { width: 100%; height: auto; background-color: #171717; font-family: 'nanumGothic'; }

#footBox::after { content: " "; display: block; clear: both; }

#footBox #footerBox { width: 960px; height: auto; background-color: none; margin: 0 auto; }

#footBox #footerBox .copyright { width: 50%; height: auto; background-color: none; padding: 1.5%; box-sizing: border-box; float: left; }

#footBox #footerBox .copyright > p { width: 100%; height: auto; background-color: none; font-size: 1em; color: #fff; text-transform: uppercase; }

#footBox #footerBox .policy { width: 50%; height: auto; background-color: none; float: right; }

#footBox #footerBox .policy > .policyL { width: 60%; height: auto; background-color: none; float: right; padding: 2.8% 0; box-sizing: border-box; }

#footBox #footerBox .policy > .policyL > li { width: 50%; height: none; background-color: none; float: left; color: #fff; }