@charset "utf-8";

/* header */
#headerWrap.active { height:auto; }
.header .gnb h3,
.header .gnb .gnbList .moMenu { display:none; }
/* footer */
.acFooter { padding:2.250em 5% 4.500em; background:#d3c6b6; }
.acFooter .ftWrap { display:flex; max-width:1200px; margin:0 auto; }
.acFooter .ftWrap .ftlogo { flex-shrink:0; margin-right:2em; }
.acFooter .ftWrap .ftlogo a { display:block; }
.acFooter .ftWrap .ftAddr { color:#867d73; line-height:1.2; }
.acFooter .ftWrap .ftAddr address { display:inline-block; }
.acFooter .ftWrap .ftAddr ul { display:flex; }
.acFooter .ftWrap .ftAddr ul li { margin-right:0.5em; }
.acFooter .ftWrap .ftAddr > p { margin-top:0.375em; }

#wrap { font-family:'Pretendard'; }
#headerWrap { z-index:20; }
#container { overflow:hidden; }

@media only screen and (min-width:1201px) {
	.overlayBg { display:none; }
	#headerWrap { position:fixed; transition:0.5s; }
	/*#headerWrap.fix { opacity:1; background:#fff; transition: 0.6s; }
	#headerWrap.fix:after { display:block; }*/
	.header .gnbList li .subMenu { display: none !important; width:fit-content; }
	.header .gnbList li .subMenu.posRight { left: auto; right: 0; }
	.header .gnbList li.hover .subMenu { display: block !important; }
	.header .gnbList li .subMenu ul { display:flex; justify-content:flex-end; }
	.header .gnbList li .subMenu ul li { margin:0 2em; }
	.header .gnbList li .subMenu>ul>li>a { white-space:nowrap; }
}
@media only screen and (max-width:1200px) {
	#wrap #headerWrap { font-size: 11px; }
	.header .gnb .moGnbClose button { width:2.500em; height:2.500em; }
	.header .gnb h3 { display:block; overflow:hidden; padding:0.818em 2.273rem; background:#1c3f37; color:#fff; font-weight:500; font-size:1.571em; }
	.header .gnbList li.moNone { display: none; }
	#headerWrap .header .gnbList>li>a { font-weight:700; font-size:1.571em; }
	.header .gnb .gnbList .moMenu { display:block; }
	.header .gnb .gnbList .moMenu + .moMenu { border-top:none; }
	#headerWrap .header .gnb .gnbList .moMenu a { margin-top:1.250em; padding:0.313em 2.273rem; line-height:normal; font-weight:500; font-size:1.214em; }
	#headerWrap .header .gnb .gnbList .moMenu a span { display:block; padding-left:1.692em; background:url(../images/sub/icon_home_bl.png) no-repeat 0 0; background-size:auto 16px; }
}
@media only screen and (max-width:767px) {
	.acFooter .ftWrap { flex-direction:column; align-items:center; text-align:center; }
	.acFooter .ftWrap .ftlogo { max-width:6em; margin-bottom:1em; margin-right:0; }
	.acFooter .ftWrap .ftAddr span { display:block; }
}
@media only screen and (max-width:370px) {
	.acFooter .ftWrap .ftAddr ul { flex-direction:column; }
}

.introNav { z-index:6; position:fixed; left:0; top:calc(50% + 6.250em); transform:translateY(-50%); transition:0.6s; }
.introNav ul li { margin:0.625em 0; padding-left:3.125em; }
.introNav ul li button { display:inline-block; position:relative; width:4.533em; height:4.533em; border-radius:50%; background:#8d9f9b; color:#fff; text-align:center; font-weight:600; font-size:0.938em; box-sizing:border-box; transition:0.4s; }
.introNav ul li button.active { background:#1c3f37; box-shadow:0px 2px 15px 5px rgba(255,255,255,0.1); }
.introNav ul li button span { display:block; position:relative; padding:0 0.375em; word-break:keep-all; }
.introNav ul li button.active span::before { content:''; z-index:-1; position:absolute; top:50%; left:-3.125em; width:3.125em; height:1px; background:#1c3f37; box-shadow:0px 2px 5px 5px rgba(255,255,255,0.07); }
@media only screen and (max-width:960px) {
	.introNav.fix { top:auto; }
	.introNav { top:auto; right:0; bottom:1.636em; margin:0 auto; transform:none; }
	.introNav { text-align:center; }
	.introNav ul { display:inline-flex; justify-content:center; position:relative; }
	.introNav ul::before { content:''; z-index:-1; position:absolute; top:50%; left:0.625em; width:calc(100% - 1.25em); height:1px; background:#1c3f37; }
	.introNav ul li { margin:0 0.625em; padding-left:0; }
	.introNav ul li button { font-size:1em; }
	.introNav ul li button.active span::before { content:none; }
}

/* 교육·참여 */
/* 교육·참여 > KNSO 국제아카데미 */
.visualFull { overflow:hidden; position: relative; margin-bottom:6em; text-align:center; }
.visualFull img { width: 100%; max-width:none; }
.academyLayout { position:relative; margin-top:6.25em; }
.academyLayout::before,
.academyLayout::after { content:''; z-index:-2; position:absolute; top:0; height:100%; background-repeat:repeat-y; background-position:50% 0; background-size:contain; }
.academyLayout::before { left:0; width:7.063em; background-image:url(../images/sub/bg_academy01.png); }
.academyLayout::after { right:0; width:7.563em; background-image:url(../images/sub/bg_academy02.png); }
.academyLayout .innerWrap { max-width:1200px; margin:0 auto; padding:0 5%; }
.academyLayout .acTit { color:#323232; font-weight:normal; font-size:1.875em; font-family:"Leferi Point Type Special"; }
#curriculum .acTit { margin-top:0.400em; margin-bottom:1.267em; text-align:center; }
#curriculum .acTit span { display:block; margin-bottom:0.800em; color:#d58c54; letter-spacing:0.08em; font-size:0.500em; }
.txtList { margin-top:1em; }
.txtList ul { margin-left:1.125rem; }
.txtList > li { position:relative; margin:0.444em 0; padding-left:0.444em; color:#010101; line-height:1.3; font-weight:500; font-size:1.125rem; }
.txtList > li:first-child { margin-top:0; }
.txtList > li::before { content:'·'; position:absolute; top:0; left:0; }
.txtList2 { margin:0.750rem 0; }
.txtList2 > li { position:relative; margin:0.625em 0; padding-left:0.875em; font-weight:400; font-size:1rem; }
.txtList2 > li::before { content:'-'; position:absolute; top:0; left:0; }
.txtList.noBefore > li,
.txtList2.noBefore > li { padding-left:0; }
.txtList.noBefore > li::before,
.txtList2.noBefore > li::before { content:none; }
:lang(ko) .txtList li { word-break:keep-all; }

.intro { margin-top:3.750em; margin-bottom:5.000em; text-align:center; }
.intro h3 { color:#323232; font-weight:400; font-size:2.188em; font-family:"Leferi Point Type Special"; }
.intro .txtBox { margin-top:1.500em; color:#010101; box-sizing:border-box; line-height:1.5; font-size:1.125em; }
:lang(ko) .intro .txtBox { word-break:keep-all; }
.intro .txtBox ul { display:flex; margin-top:1.333em; }
.intro .txtBox ul li { overflow:hidden; max-width:50%; margin-right:1em; }
.intro .txtBox ul li span { display:block; }
.intro .txtBox ul li .tit { float:left; font-weight:700; }
.intro .txtBox ul li .txt { margin-left:2.111em; font-weight:500; }
.videoAcade { position:relative; margin-bottom:5.250em; padding-top:56.25%; }
.videoAcade iframe { display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
.listType .cateList { display:flex; align-items:center; }
.listType .cateList .acTit { flex-shrink:0;  margin-right:0.600em; }
.listType .cateList ul { flex-grow:1; display:flex; }
.listType .cateList ul li { flex-grow:1; }
.listType .cateList ul li a { display:inline-block; color:#888888; }
.listType .cateList ul li a.active,
.listType .cateList ul li a:hover,
.listType .cateList ul li a:focus { border-bottom:1px solid #000; color:#000; font-weight:500; transition:0.3s; }
.listType .list { display:flex; flex-wrap:wrap; margin-top:1.563em; margin-bottom:10em; }
.listType .list > li { width:19.25%; margin:0 0.375%; margin-bottom:2.250em; }
.listType .list.col4 > li { width:24.25%; }
.listType .list a { display:block; }
.listType .list a > span { display:block; }
.listType .list .img { position:relative; margin-bottom:1.375em; }
.listType .list .tit { color:#323232; font-weight:700; font-size:1.375em; }
.listType .list .txt { margin-top:0.222em; color:#6c6c6c; font-size:1.125em; }
.listType .list .role { display:inline-block; position:relative; margin-top:-0.166em; margin-left:0.333em; padding-left:0.444em; color:#6c6c6c; vertical-align:middle; font-weight:400; font-size:1.125rem; }
.listType .list .role::before { content:''; position:absolute; top:50%; left:0; width:1px; height:0.778em; margin-top:-0.389em; background:#e7e7e7; }
.listType .list .img .more { visibility:hidden; opacity:0; display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(000,000,000,0.65); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='m2.855 1.354 6.117 6.045-6.044 6.117'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:50% 60%; background-size:auto 1rem; color:#fff; font-weight:500; }
.listType .list a:hover .img .more,
.listType .list a:focus .img .more { visibility:visible; opacity:1; transition:ease-in 0.5s; }
.customList { display:flex; justify-content:space-between; margin-bottom:3.125em; }
.customList > div:nth-of-type(1) { order:2; }
.customList > div:nth-of-type(2) { order:1; }
.customList > div:nth-of-type(3) { order:3; }
.customList .item { display:flex; flex-direction:column; width:26.6667%; }
.customList .item.first { justify-content:flex-start; }
.customList .item .cont { position:relative; margin-bottom:3.000em; padding-bottom:2.375em; }
.customList .item .cont .imgSlider { overflow:hidden; }
.customList .item .cont .tit { margin-top:1.455em; color:#323232; font-weight:700; font-size:1.375em; }
.customList .item .txt { margin-top:1em; color:#323232; font-size:1.063em; }
.customList .item .txt b { display:block; font-weight:500; }
.customList .item .controls { display:flex; z-index:1; position:absolute; bottom:0; left:0; width:100%; }
.customList .item .controls .swiper-pagination { position:static; bottom:auto; color:#d58c54; text-align:left; letter-spacing:-0.1em; font-weight:700; font-size:13px; }
.customList .item .controls .swiper-pagination::before { content:''; z-index:-1; position:absolute; top:50%; left:32px; width:calc(100% - 74px); height:1px; margin-top:-1px; background:#e5e5e5; }
.customList .item .imgSlider button.swiper-button-disabled { display:none; }
.customList .item .controls .swiper-button-next,
.customList .item .controls .swiper-button-prev { top:auto; bottom:0; width:15px; height:15px; margin-top:0; background-size:8px auto; }
.customList .item .controls .swiper-button-prev { left:auto; right:16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8.5px' height='13.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(1, 1, 1)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M6.373,11.956 L0.868,6.682 L6.141,1.176 '/%3E%3C/svg%3E"); }
.customList .item .controls .swiper-button-next { left:auto; right:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8.5px' height='12.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(1, 1, 1)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M2.167,0.512 L7.506,5.893 L2.392,11.510 '/%3E%3C/svg%3E"); }
.selectTab { position:relative; margin-top:2px; }
.selectTab button { box-sizing:border-box; }
.selectTab .btnListView button,
.selectTab .btnListView > span { display:inline-block; border-bottom:1px solid #000; font-size:1.063em; }
.selectTab .btnListView button { padding:0 1.294em; border-radius: 2em; border: 1px solid #000; line-height: 2.941em; font-size: 1.063em; }
.selectTab .btnListView button span { display:inline-block; position:relative; padding-right:2.706em; }
.selectTab .btnListView button span::before { content:''; position:absolute; right:0; top:50%; width:0; height:0; border-top:5px solid #333; border-left:4px solid transparent; border-right:4px solid transparent; }
.selectTab .seLink { overflow:hidden; display:none; z-index:1; position:absolute; left:0; width:100%; border-radius:0.625rem; border:1px solid #000; background:#fff; }
.selectTab .seLink li { border-top:1px solid #000; }
.selectTab .seLink li:first-child { border-top:none; }
.selectTab .seLink li button,
.selectTab .seLink li a { display:block; width:100%; padding-left:1em; text-align:left; line-height:2.941em; font-size:1.063em; box-sizing:border-box; }
.selectTab .seLink li button:hover,
.selectTab .seLink li a:hover,
.selectTab .seLink li button:focus,
.selectTab .seLink li a:focus { text-decoration:underline; }
.selectTab .seLink li button.active,
.selectTab .seLink li a.active { background:#000; color:#fff; }
.viewTab { display:flex; }
.viewTab li { position:relative; margin-right:1.176em; padding-right:1.294em; }
.viewTab li::before { content:''; position:absolute; top:50%; right:0; width:1px; height:0.941em; margin-top:-0.471em; background:#e5e5e5; }
.viewTab li:last-child { margin-right:0; padding-right:0; }
.viewTab li:last-child::before { content:none; }
.viewTab li a { display:inline-block; color:#666; font-size:1.063em; }
.viewTab li a.on,
.viewTab li a:hover,
.viewTab li a:focus { border-bottom:1px solid #000; color:#000; font-weight:700; transition:0.3s; }
.tabListStyle .titTab { display:flex; align-items:center; }
.tabListStyle .titTab .acTit { margin-right:0.600em; }
.tabListStyle .tabGroup { /*display:none;*/ position:relative; }
.tabListStyle .tabGroup .viewTab { position:absolute; top:-4.000em; right:0; }
.tabListStyle .listType .list { margin-bottom:6.875em; }
.recruit { position:relative; padding-top:5.125em; padding-left:44.5%; padding-bottom:15.313em; border-bottom:1px solid #c4b7a7; box-sizing:border-box; }
.recruit::before { content:''; z-index:-1; position:absolute; bottom:-1px; left:50%; width:500%; height:9.250em; margin-left:-250%; background:#d3c6b6; }
.recruit::after { content:''; position:absolute; bottom:1.875em; left:-8.250em; width:32.875em; height:50.000em; background-image:url(../images/kioa/bg_recruit_academy2.png); background-repeat:no-repeat; background-position:left 0 top 50%; background-size:contain; }
.atelier .recruit::after { background-image:url(../images/atelier/bg_recruit_atelier.png); }
.workshop .recruit::after { background-image:url(../images/workshop/bg_recruit_workshop2.png); }
.competition .recruit::after { background-image:url(../images/competition/bg_recruit.png); }
.boardInfo { display:flex; justify-content:space-between; margin-bottom:2.34375%; }
.boardInfo p { font-size:1.125rem; font-weight:300; }
.boardInfo p strong { font-weight:500; }
.boardInfo ul { display:flex; justify-content:space-between; }
.boardInfo li { position:relative; padding:0 1.375rem; }
.boardInfo li::after { content:''; position:absolute; right:0; top:0; width:1px; height:.875rem; margin-top:0.250em; background:#e5e5e5; }
.boardInfo li:last-child { padding-right:0; }
.boardInfo li:last-child::after { display:none; }
.boardInfo li button,
.boardInfo li a { display:block; padding-bottom:1px; line-height:1.5rem; color:#666; font-size:1.0625rem; font-weight:300; }
.boardInfo li.active button,
.boardInfo li.active a,
.boardInfo li a.on { border-bottom:1px solid #000; color:#000; font-weight:800; }
.recruit .recuitSlide { overflow:hidden; height:26.250em; margin-top:2.750em; }
.recruit .recuitSlide ul li { display:flex; align-items:center; padding:1rem 0; border-bottom:1px solid #333; vertical-align:middle; box-sizing:border-box; }
.recruit .recuitSlide ul li .number { width:2rem; color:#323232; font-weight:normal; font-style:italic; font-size:1.125em; font-family:"Leferi Point Type Special"; }
.recruit .recuitSlide ul li .subject { flex-grow:1; max-width:calc(100% - 7.5rem); }
.recruit .recuitSlide ul li .subject a { overflow:hidden; display:inline-block; max-width:100%; padding:1px 0; vertical-align:top; white-space:nowrap; text-overflow:ellipsis; font-size:1.125em; }
.recruit .recuitSlide ul li .subject a:hover,
.recruit .recuitSlide ul li .subject a:focus { text-decoration:underline }
.recruit .recuitSlide ul li .date { width:5.500em; color:#7a7a7a; }
.recruit .recuitSlide .swiper-pagination { bottom:auto; left:auto; right:0; top:39.750em; width:100%; max-width:55.5%; transform:none; }
.recruit .recuitSlide .swiper-pagination .swiper-pagination-bullet { overflow:hidden; display:inline-block; opacity:0.5; width:10px; height:10px; margin:0 4px; background:#77654f; text-indent:-999px; }
.recruit .recuitSlide .swiper-pagination .swiper-pagination-bullet-active { opacity:1; }
@media only screen and (max-width:1200px) {
	.academyLayout { margin-top:0; }
}
@media only screen and (max-width:960px) {
	.academyLayout::before,
	.academyLayout::after { width: 3rem; }
	.recruit { padding-top:0; padding-left:0; padding-bottom:7em; border-bottom:none; }
	.recruit::before,
	.recruit::after { content:none; }
	/*.recruit .recuitSlide { height:auto; }*/
	.recruit .recuitSlide .swiper-pagination { top:auto; bottom:3em; max-width:none; }	
}
@media only screen and (max-width:767px) {
	.visualFull { margin-bottom:3em; }
	
	#curriculum .acTit { margin-top:0; }
	.listType .cateList { display:block; }
	.listType .cateList ul { flex-wrap:wrap; }
	.listType .cateList ul li { flex-grow:0; margin:0.5em; }
	.listType .list { margin-bottom:6em; }
	.listType .list > li { width:32.08333%; }
	.listType .list.col4 > li { width:49.25%; }
	.customList { display:block; }
	.customList .item { width:100%; }
	.customList .item .cont .imgSlider .swiper-slide img { width:100%; }
	.tabListStyle .tabGroup .viewTab { justify-content:flex-end; position:static; top:auto; margin-top:1em; }	
}

/* 교육·참여 > KNSO 국제아카데미 > 아카이브 */
.swiper-pagination-bullets .swiper-pagination-bullet { overflow:hidden; opacity:0.5; display:inline-block; text-indent:-999px; }
.swiper-pagination-bullets .swiper-pagination-bullet-active { opacity:1; background:#000; }
.introArchive { display:flex; position:relative; margin-bottom:10.278em; padding-top:5.000em; }
.introArchive::before { content:''; position:absolute; top:-1px; left:50%; width:1000%; height:1px; margin-left:-500%; background:#dcdcdc; }
.introArchive .poster { width:36.6667%; margin-right:8.2%; }
.introArchive .txtBox { flex-grow:1; max-width:55.1333%; margin-top:1.625em; }
.introArchive .txtBox .selectTab { margin-bottom:3.375em; }
.introArchive .txtBox .selectTab .btnListView button { font-weight:600; }
.introArchive .txtBox .acTit { margin-bottom:0.914em; font-size:2.188em; }
.introArchive .txtBox dl { color:#010101; font-size:1.125em; }
.introArchive .txtBox dl dt { display:block; font-weight:700; }
.introArchive .txtBox dl dd { margin-bottom:0.778em; font-weight:400; }
.introArchive .txtBox dl dd b { display:inline-block; margin-right:0.333em; }
.perform { margin-bottom:8.750em; }
.perform .acTit { margin-bottom:1.600em; text-align:center; }
.perform .performView { overflow:hidden; position:relative; min-height:29.000em; }
.perform .performView::before { content:''; position:absolute; top:5.125em; right:0; width:80.417%; height:calc(100% - 5.125em); background:#fbf9f6; }
.perform .performView .controls { display:flex; align-items:center; z-index:1; position:absolute; top:1.875em; right:0; }
.perform .performView .controls [class*="swiper"] { position:static; }
.perform .performView .controls .swiper-pagination-fraction { width:auto; margin-right:0.444em; color:#323232; letter-spacing:-0.14em; font-weight:500; font-size:1.125em; }
.perform .performView .controls .swiper-button-next,
.perform .performView .controls .swiper-button-prev { display:inline-block; width:24px; height:35px; margin:0; background-position:50% 50%; background-size:12px auto; vertical-align:top; }
.perform .performView .controls .swiper-button-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='18px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(0, 0, 0)' stroke-width='2px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M9.174,14.403 L3.241,8.507 L9.174,2.611 '/%3E%3C/svg%3E"); }
.perform .performView .controls .swiper-button-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11px' height='17px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(0, 0, 0)' stroke-width='2px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M1.694,1.709 L7.581,7.507 L1.694,13.305 '/%3E%3C/svg%3E"); }
.perform .performView > .swiper-wrapper > .swiper-slide { display:flex; }
.perform .performView .performSlide { overflow:hidden; position:relative; width:50%; height:100%; }
/*.perform .performView .swiper-button-next.swiper-button-disabled,
.perform .performView .swiper-button-prev.swiper-button-disabled { display:none; }*/
.perform .performView .performTxt { width:50%; margin:5.125em 0 0 auto; padding:3.250em 5% 3.750em; box-sizing:border-box; }
.perform .performView .performTxt h4 { margin-bottom:0.917em; font-size:1.500em; }
.perform .performView .performTxt ul li { margin:0.133em 0; padding-left:1.333em; background-repeat:no-repeat; background-position:0 0.267em; color:#635648; font-weight:500; font-size:0.938em; }
.perform .performView .performTxt ul li.date { background-image:url(../images/sub/icon_academy_time.png); }
.perform .performView .performTxt ul li.loc { background-image:url(../images/sub/icon_academy_location.png); }
.perform .performView .performTxt ul li.user { background-image:url(../images/sub/icon_academy_user.png); }
.perform .performView .performTxt dl { margin-top:1.222em; color:#323232; font-size:1.125em; }
.perform .performView .performTxt dl dt { display:block; margin-bottom:0.556em; font-weight:700; }
.perform .performView .performTxt dl dd { font-weight:500; }
.perform .performView .swiper-pagination-bullets { bottom:1.750em; }
.perform .performView .performSlide .swiper-pagination-bullet { background:#fff;; }
.review { position:relative; margin-bottom:7.500em; padding:21.250em 4% 0; }
.review::before { content:''; z-index:-1; position:absolute; top:0; left:0; width:100%; height:23.750em; background: rgb(226,217,210); background: linear-gradient(180deg, rgba(226,217,210,1) 55%, rgba(255,255,255,1) 100%); }
.review h4 { margin-top:0.857em; font-size:2.188em; }
.review .writer { margin-top:1.294em; color:#635648; font-weight:500; font-size:1.063em; }
.review .txt { margin-top:1em; font-weight:500; font-size:1.125em; }
.review .btnMore { margin-top:1.750em; }
.review .btnMore a { display:inline-block; padding-bottom:0.250em; border-bottom:2px solid #000; color:#767676; font-weight:500; }
.popReview { overflow-y:auto; display:none; justify-content:center; z-index:30; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.6); }
.popReview .popWrap { position:relative; max-width:1920px; }
.popReview .popWrap .btnClose { position:absolute; top:0; right:0; }
.popReview .popWrap .btnClose button { overflow:hidden; display:inline-block; width:3.000em; height:3.000em; margin-left:-1.500em; border-radius:50%; background:#fff url(../images/sub/icon_close.svg) no-repeat 50% 50%; background-size:1.5rem auto; text-indent:-999px; }
.popReview .popCon { padding:3.500em 10%; background:#fff; }
.popReview .titBox { margin-bottom:2em;text-align:center; }
.popReview .titBox .acTit br { display:none; }
.popReview .titBox h4 { margin-top:1.1em; font-size:1.875em; }
.popReview .titBox p { margin-top:0.706em; }
.popReview .titBox .writer { margin-top:0.706em; color:#635648; font-weight:500; font-size:1.063em; }
.popReview .txtBox h5 { margin-top:2.556em; margin-bottom:0.778em; font-size:1.125em; }
@media only screen and (max-width:1340px) {
	.introArchive::before { content:none; }
}
@media only screen and (max-width:767px) {
	.introArchive { flex-direction:column; margin-bottom:7em; }
	.introArchive .poster { width:100%; }
	.introArchive .txtBox { max-width:none; margin-top:3em; }
	.introArchive .txtBox .selectTab { margin-bottom:1.636em; }
	.perform { margin-bottom:5em; }
	.perform .acTit { margin-bottom:0; }
	.perform .performView { padding-top:3.455em; }
	.perform .performView::before { content:none; }
	.perform .performView > .swiper-wrapper > .swiper-slide { display:block; }
	.perform .performView .performSlide { width:100%; }
	.perform .performView .performSlide .swiper-slide img { width:100%; }
	.perform .performView .performTxt { width:100%; margin-top:0; background:#fbf9f6; }
	.perform .performView .controls { top:0; }
	.review { padding-top:10.000em; }
	.review::before { height:12.273em; }
	.popReview .titBox .acTit br { display:inline; }
}

/* 작곡가 아틀리에 */
.intro.composer h3 { color:#323232; text-align:center; letter-spacing:0.3em; line-height:1; font-weight:400; font-size:1.875em; font-family:"Leferi Point Type Special"; }
.intro.composer h3 span { display:block; background: rgb(225,218,203); background: linear-gradient(180deg, rgba(225,218,203,1) 24%, rgba(243,240,234,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  color:#000; letter-spacing:0.1em; font-size:3.033em; }
.composerInfo { margin-bottom:5em; }
.composerInfo .composer { display:flex; align-items:center; position:relative; min-height:47.750em; }
.composerInfo .composer.type2 { justify-content:flex-end; }
.composerInfo .composer .img { z-index:-1; position:absolute; top:0; left:50%; width:1000%; height:100%; transform:translateX(-50%); text-align:center; }
.composerInfo .composer.type1 .img,
.composerInfo .composer.type3 .img { background:#f2f1ed; }
.composerInfo .composer.type2 .img { background:#fff; }
.composerInfo .composer.left .img { background:#e9e1de; }
.composerInfo .composer.right .img { background:#fff; }
.composerInfo .composer .img img { max-height:100%; }
.composerInfo .composer .infoTxt { position:relative; min-width:600px; padding:8em 0 3em; box-sizing:border-box; }
.composerInfo .composer.type1 .infoTxt,
.composerInfo .composer.type3 .infoTxt { padding-left:3.5%; }
.composerInfo .composer.type2 .infoTxt { padding-left:4.3334%; }
.composerInfo .composer .infoTxt .number { position:absolute; top:0; left:0; }
.composerInfo .composer .infoTxt .number::before { content:''; position:absolute; top:0; left:-8.250em; width:8.250em; height:2px; background:#ccc0a8; }
.composerInfo .composer .infoTxt .number span { display:inline-block; margin-top:-0.133em; margin-left:0.333em; transform:rotate(-90deg); color:#ccc0a8; font-weight:900; font-size:1.875em; }
.composerInfo .composer:nth-of-type(even) .infoTxt .number { left:auto; right:0; }
.composerInfo .composer:nth-of-type(even) .infoTxt .number::before { left:auto; right:-9em; }
.composerInfo .composer:nth-of-type(even) .infoTxt .number span { margin-top:0; margin-left:0; }
.composerInfo .composer .infoTxt h3 { margin-bottom:1.200em; color:#010101; font-weight:900; font-size:1.250em; }
.composerInfo .composer .infoTxt .ko { color:#010101; letter-spacing:0.1em; font-weight:500; font-size:min(6.666666vw, 5.000em); font-family:"Leferi Point Type Special"; }
.composerInfo .composer .infoTxt .ko.sm { letter-spacing:0; font-size:min(6vw, 4.500em); }
.composerInfo .composer .infoTxt ul { margin-top:2em; }
.composerInfo .composer .infoTxt ul li { position:relative; margin:0.333em 0; padding-left:0.556em; color:#777; font-weight:500; font-size:1.125em; }
.composerInfo .composer .infoTxt ul li::before { content:'·'; position:absolute; top:0; left:0; }
.listType2 { margin-bottom:10em; }
.listType2 .acTit { margin-bottom:1.200em; text-align:center; }
.listType2 .list { display:flex; justify-content:space-between}
.listType2 .list > li { width:30%; }
.listType2 .list.col2 > li { width:40%; }
.listType2 .list li .img { margin-bottom:2.375em; }
.listType2 .list > li > div { padding:0 8.8%; }
.listType2 .list li .ko { color:#010101; font-weight:800; font-size:1.625em; }
.listType2 .list li .en { color:#aa885e; font-size:1.375em; }
.composerList { margin-bottom:10em; }
.composerList .acTit { margin-bottom:1.733em; }
.composerList .itemGroup { display:flex; justify-content:space-between; margin-bottom:6.250em; }
.composerList .itemGroup .videoAcade { width:50%; height:100%; margin-right:4.1666%; margin-bottom:0; /*padding-top:28.16667%;*/ padding-top:28.16666%; }
.composerList .itemGroup .txtBox { flex-grow:1; width:45.8334%; }
.composerList .itemGroup .txtBox .top { margin-bottom:2.375em; padding-top:1.375em; padding-bottom:2.250em; border-bottom:1px solid #c8c8c8; background:url(../images/atelier/bu_txt_left.png) no-repeat 0 0.750em, url(../images/atelier/bu_txt_right.png) no-repeat right 0 bottom 2em; text-align:center; }
.composerList .itemGroup .txtBox .top .tit { letter-spacing:-0.08em; font-weight:700; font-size:1.625em; font-family:"Batang", "바탕"; }
.composerList .itemGroup .txtBox .top .txt { margin-top:0.750em; color:#646464; }
.composerList .itemGroup .txtBox .bot { display:flex; }
.composerList .itemGroup .txtBox .bot .img { flex-shrink:0; width:29.4546%; max-width:200px; margin-right:7%; }
.composerList .itemGroup .txtBox .bot > div { flex-grow:1; }
.composerList .itemGroup .txtBox .bot div .tit { color:#010101; font-weight:700; font-size:1.375em; }
.imgList { margin-bottom:7.5em; }
.imgList .item { overflow:hidden; margin-bottom:2em; }
.imgList .item:nth-of-type(1) h4 { margin-top:0; }
.imgList .item h4 { margin-top:3.091em; margin-bottom:1.313rem; font-size:1.375em; }
.imgList .item .stit { margin-top:1.313rem; color:#323232; font-size:1.063em; }
.imgList .item .imgSliderWide { position:relative; padding-top:2em; }
.imgList .item .imgSliderWide .videoAcade { margin:0; }
.imgList .item .imgSliderWide .controls { display:flex; align-items:center; position:absolute; right:1%; top:0; }
.imgList .item .imgSliderWide .controls .swiper-pagination { z-index:auto; position:static; bottom:auto; letter-spacing:-0.08em; font-weight:700; font-size:13px; }
.imgList .item .imgSliderWide .controls .swiper-button-next,
.imgList .item .imgSliderWide .controls .swiper-button-prev { z-index:auto; position:static; height:35px; margin-top:0; background-size:auto 12px; }
.imgList .item .imgSliderWide .controls .swiper-button-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8.5px' height='12.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(1, 1, 1)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M6.373,11.288 L0.867,6.11 L6.141,0.502 '/%3E%3C/svg%3E"); }
.imgList .item .imgSliderWide .controls .swiper-button-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8.5px' height='13.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(1, 1, 1)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M2.167,0.838 L7.506,6.222 L2.392,11.842 '/%3E%3C/svg%3E"); }
.imgList .item .imgSliderWide .controls .swiper-pagination-lock + .swiper-button-prev,
.imgList .item .imgSliderWide .controls .swiper-pagination-lock ~ .swiper-button-next { display:none; }
@media only screen and (max-width:767px) {
	.composerInfo .composer { align-items:flex-end; min-height:min(126.1111vw, 41.273em); }
	.composerInfo .composer.type2 .img { padding-left:30%; }
	.composerInfo .composer .img img { max-height:50%; }
	.composerInfo .composer .infoTxt { min-width:auto; padding-top:6.25em; }
	.composerInfo .composer.type2 .infoTxt { width: 200%; }
	.composerInfo .composer .infoTxt ul li br { display: none; }
	.listType2 { margin-bottom:5em; }
	.listType2 .list { flex-direction:column; }
	.listType2 .list > li { display:flex; width:100%; margin-bottom:3em; }
	.listType2 .list > li > div { display:flex; flex-wrap:wrap; align-items:center; margin-left:1.636em; padding:0; }
	.listType2 .list li .img { flex-shrink:0; width:100px; }
	.listType2 .list li .ko { margin-right:0.5em; }
	.listType2 .list li .txtList { width:100%; }
	.listType2 .list.col2 > li { display:block; width:100%; }
	.listType2 .list.col2 > li .img { width:auto; text-align:center; }
	.composerList .itemGroup { display:block; margin-bottom:4em; }
	.composerList .itemGroup .videoAcade { width:100%; margin-bottom:1em; padding-top:56.25%; }
	.composerList .itemGroup .txtBox { width:100%; }
	.imgList .item h4 { margin-top:1.545em; margin-bottom:0; }
	.imgList .item .imgSliderWide { padding-top:34px; }
	.imgList .item .stit { margin-bottom:0; }
	.imgList .item .imgSliderWide .controls { top:0; }
}

/*  지휘자 워크숍 */
.mentorInfo { margin-bottom:10.375em; }
.mentorInfo .mentor { display:flex; align-items:flex-end; position:relative; height:47.750em; }
.mentorInfo .mentor.type2 { justify-content:flex-end; }
.mentorInfo .mentor .img { z-index:-1; position:absolute; top:0; left:50%; width:1000%; height:100%; transform:translateX(-50%); text-align:center; }
.mentorInfo .mentor.type1 .img { background:url(../images/atelier/bg_composer.jpg) repeat-x 0 0; }
.mentorInfo .mentor.type2 .img { background:url(../images/workshop/bg_mentor.jpg) repeat-x 0 0; }
.mentorInfo .mentor .img img { max-height:100%; }
.mentorInfo .mentor .infoTxt { position:relative; max-width:600px; padding:6.250em 0 4.125em; color:#010101; box-sizing:border-box; }
.mentorInfo .mentor.type2 .infoTxt { padding-left:4.3334%; padding-bottom:7.750em; }
.mentorInfo .mentor .infoTxt .number { position:absolute; top:0; left:-0.7em; }
.mentorInfo .mentor .infoTxt .number::before { content:''; position:absolute; top:-100%; left:-7em; width:8.250em; height:2px; background:#ccc0a8; }
.mentorInfo .mentor .infoTxt .number span { display:inline-block; transform:rotate(-90deg); color:#ccc0a8; font-weight:900; font-size:1.250em; }
.mentorInfo .mentor:nth-of-type(even) .infoTxt .number { left:auto; right:0; }
.mentorInfo .mentor:nth-of-type(even) .infoTxt .number::before { left:auto; right:-7em; }
.mentorInfo .mentor .infoTxt .ko { letter-spacing:-0.06em; font-size:min(4.375em, 5.8333333vw); font-family:"Leferi Point Type Special"; }
.mentorInfo .mentor .infoTxt .en { font-size:min(4.375em, 5.8333333vw); font-family:"Leferi Point Type white"; }
.mentorInfo .mentor .infoTxt .txt { margin-top:1.667em; color:#777777; line-height:1.55; letter-spacing:-0.04em; font-weight:500; font-size:1.125em; }
:lang(ko) .mentorInfo .mentor .infoTxt .txt { word-break:keep-all; }
.workshopList { margin-bottom:8.125em; }
.workshopList .acTit { text-align:center; }
.workshopList .list { margin-top:2.875em; }
.workshopList .list > li { display:flex; margin-top:1.125em; }
.workshopList .list li .img { flex-shrink:0; width:40.83334%; margin-right:3.75%; }
.workshopList .list li .txtWrap { flex-grow:1; color:#010101; }
.workshopList .list li .txtWrap .tit { letter-spacing:0.4em; font-weight:800; font-size:1.625em; }
.workshopList .list li .txtWrap .en { position:relative; margin-top:0.091em; padding-bottom:0.545em; color:#bda487; text-transform:uppercase; letter-spacing:-0.03em; font-size:1.375em; }
.workshopList .list li .txtWrap .en::after { content:''; position:absolute; bottom:0; left:-5.909em; width:10.091em; height:2px; background:#ccc0a8; }
@media only screen and (max-width:767px) {
	.mentorInfo { margin-bottom:6em; }
	.mentorInfo .mentor .img img { max-height:50%; }
	.mentorInfo .mentor .infoTxt .ko,
	.mentorInfo .mentor .infoTxt .en { text-shadow: -1px 0 rgba(243, 242, 238, 1), 0 1px rgba(243, 242, 238, 1), 1px 0 rgba(243, 242, 238, 1), 0 -1px rgba(243, 242, 238, 1); }
	.mentorInfo .mentor.type2 .infoTxt { padding-bottom:4em; } 
	.mentorInfo .mentor.type2 .img { padding-left:83.3334vw; }
	.workshopList .list > li { display:block; margin-top:2em; text-align:center; }
	.workshopList .list li .img { width:auto; margin:0; }
	.workshopList .list li .txtWrap { margin-top:1.636em; }
	.workshopList .list li .txtWrap .en { margin-bottom:0.800em; padding-bottom:1.200em; }
	.workshopList .list li .txtWrap .en::after { left:0; right:0; margin:0 auto; width:2px; height:1em; }
	.workshopList .list li .txtList { max-width:490px; margin:0 auto; text-align:left; }
}

/* board view */
.boardStyle { position:relative; padding-top:6.250em; }
.boardStyle::before { content:''; position:absolute; top:-1px; left:50%; width:1000%; height:1px; margin-left:-500%; background:#dcdcdc; }
.boardStyle .viewTit { display:flex; justify-content:space-between; margin-bottom:2.500em; }
.boardStyle .viewTit p { flex-shrink:0; min-width:10.286em; margin-top:0.500rem; color:#6b6b6b; font-size:14px; }
.boardStyle .viewTit p span { display:inline-block; margin-right:0.250rem; }
.boardStyle .viewTit p.hit { text-align:right;}
.boardStyle .viewTit h4 { flex-grow:1; text-align:center; color:#010101; line-height:1.3; font-size:1.625em; font-weight:600; }
.viewContent { padding-top:2em; border-top:1px solid #c6c6c6; color:#000; word-break:keep-all; }
.viewContent pre { margin:0; padding:0; background:transparent; font-size:1.125em; }
.viewContent .viewContentInner { overflow:hidden; width:100%; margin:0; padding:0; white-space:normal; font-family:inherit; word-wrap:break-word; }
.viewContent .viewContentInner .img { padding:1em; text-align:center; }
.viewContent .viewContentInner img{max-width:100% !important; height:auto !important;}
.viewContent .viewContentInner p { padding:5px 0; }
.viewContent .viewContentInner p img { text-align:center; max-width:100%; height:auto; }
.viewContent .shareList { margin:2.5em 0 2.5em -.5em; }
.viewContent .shareList li { display:inline-block; margin:.3125em -4px .3125em .5em; }
.viewContent .shareList li span { display:block; padding:.5em .875em; border:1px solid; line-height:1.0625em; border-radius:1em; color:#4327ad; }
.viewContent .shareList li span:before { content:'#'; display:inline-block; margin-right:.25em; }
.viewContent .like button { font-size:1.125em; }
.viewContent .like button.on { color:#ff4e00; }
.viewContent .like button i { display:inline-block; overflow:hidden; width:1em; height:1.2em; margin-right:.25em; background:url('../images/sub/icon_like.png') center no-repeat; background-size:contain; vertical-align:middle; text-indent:-999px; }
.viewContent .like button.on i { background-image:url('../images/sub/icon_like_on.png'); }
.viewContent .like button span { display:inline-block; vertical-align:middle; }
/* board view - File */
.boardFile { overflow:hidden; margin-top:3%; padding:1em; background:#f6f6f6; box-sizing:border-box; color:#000; font-weight:300; }
.boardFile h5 { position:relative; float:left; width:4.5em; font-weight:300; }
.boardFile h5:after { content:''; position:absolute; right:0; top:50%; width:1px; height:.6875em; margin-top:-.34375em; background:#a3a3a3; }
.boardFile ul { margin-left:5.25em; margin-top:-2px; }
.boardFile ul li { overflow:hidden; position:relative; padding-bottom:4px; padding-right:10em; }
.boardFile ul li i { float:left; overflow:hidden; width:1.438em; height:1.438em; margin-right:0.5em; background-position:center; background-repeat:no-repeat; background-size:contain; vertical-align:middle; text-indent:-9999px; }
.boardFile ul li i.hwp,
.boardFile ul li i.hwpx { background-image:url(../images/sub/icon_file_hwp.jpg); }
.boardFile ul li i.zip { background-image:url(../images/sub/icon_file_zip.jpg); }
.boardFile ul li i.jpg { background-image:url(../images/sub/icon_file_jpg.jpg); }
.boardFile ul li i.gif { background-image:url(../images/sub/icon_file_gif.jpg); }
.boardFile ul li i.doc { background-image:url(../images/sub/icon_file_doc.jpg); }
.boardFile ul li i.xlsx { background-image:url(../images/sub/icon_file_xlsx.jpg); }
.boardFile ul li i.ppt,
.boardFile ul li i.pptx { background-image:url(../images/sub/icon_file_ppt.jpg); }
.boardFile ul li i.pdf { background-image:url(../images/sub/icon_file_pdf.jpg); }
.boardFile ul li i.etc { background-image:url(../images/sub/icon_file_etc.jpg); }
.boardFile ul li span.fileName { display:block; margin-left:1.500em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.boardFile ul li a.view { position:absolute; top:0; right:5.25em; width:4em; padding:0 .25em 0 0; box-sizing:border-box; }
.boardFile ul li a.view:after { content:''; position:absolute; right:0; top:50%; width:1px; height:1em; margin-top:-.45em; background:#777; }
.boardFile ul li a.btn { position:absolute; top:0; right:0; width:5em; padding:0 20px 0 0; background:url(../images/sub/btn_board_down.png) right center no-repeat; box-sizing:border-box; }
/* Board List - Btn */
.boardBtn { margin:2em 0; text-align:center; }
.writeBtn { margin:2em 0; text-align:center; }
.boardBtn.center { padding:0 1.5em; text-align:center; }
.boardBtn p,
.boardBtn ul li,
.writeBtn ul li { display:inline-block; }
.boardBtn a,
.boardBtn input,
.boardBtn button { display:block; margin-right:3px; padding:0 1em; border:1px solid #d1d1d1; box-sizing:border-box; border-radius:3px; line-height:2.5em; color:#4e4e4e; font-weight:300; white-space:nowrap; }
.boardBtn i { display:inline-block; width:1.25em; height:1.125em; margin-right:.25em; background:url(../images/sub/bg_board_btn.png) no-repeat; background-size:100% auto; vertical-align:middle; }
.boardBtn i.list { background-position:0 -14.1875em; }
.boardBtn i.write { background-position:0 -3.625em; }
.boardBtn i.cancle { background-position:0 -7.1875em; }
.boardBtn i.delete { background-position:0 -10.625em; }
.boardBtn i.modify { background-position:0 -1.3125em; }
.writeBtn input,
.writeBtn button,
.writeBtn a { display:block; min-width:11.111em; height:2.666em; line-height:2.666em; padding:0 .5em; background:#1c3f37; border-radius:1.333em; color:#fff; font-size:1.125em; }
@media only screen and (max-width:960px) {
	.boardStyle { padding-top:3.5em; }
	/* board View */
	.boardStyle .viewTit { flex-wrap:wrap; justify-content:flex-start; margin-top:0; text-align:left; }
    .boardStyle .viewTit p { font-size:1em; }
    .boardStyle .viewTit .writer { order:2; margin-right:0.5em; }
    .boardStyle .viewTit .hit { order:3; }
    .boardStyle .viewTit h4 { order:1; width:100%; margin:0; text-align:left; font-size:1.364em; }
}
@media only screen and (max-width:720px) {
	/* board view - File */
	.boardFile ul li { padding-right:6em; }
	
	/* Board List - Btn */
    .boardBtn p a { display:block; margin-right:2px; padding:10px 20px 12px 49px; font-size:14px; }
    .boardBtn p input { display:block; margin-right:2px; padding:12px 15px 12px 40px; font-size:14px; }
    .boardBtn .modify { background-position:24px -9px; }
    .boardBtn .write { background-position:24px -47px; }
    .boardBtn .cancle { background-position:24px -104px; }
    .boardBtn .delete { background-position:24px -161px; }
    .boardBtn .list { background-position:24px -216px; }

}

/* 국제지휘콩쿠르 */
#wrap.competition { padding-top:0; }
.competition .header .gnbList { margin-left:5.000em; }
.competition .header .gnbList>li>a { padding-right:min(4.000em, 3.33vw); }
.competition .header .gnbList>li.hover>a:after { width:calc(100% - min(4.000em, 3.33vw)); }
.competitionIntro { margin-top:6.25em; }
.competitionIntro .item { display:flex; justify-content:space-between; position:relative; margin-bottom:6.563em; }
.competitionIntro .item .txtBox { width:39.58334%; margin-top:8.500em; }
.competitionIntro .item.left .txtBox { margin-top:2em; }
.competitionIntro .item .txtBox h3 { padding-bottom:1.286em; border-bottom:1px solid #6c6c6c; color:#323232; font-weight:400; font-size:2.188em; font-family:"Leferi Point Type Special"; }
.competitionIntro .item .txtBox p { margin-top:2.500em; color:#010101; line-height:1.6; font-size:1.125em; }
:lang(ko) .competitionIntro .item .txtBox p { word-break:keep-all; }
.competitionIntro .item.left .img { width:41.66667%; margin-top:-16.875em; margin-top:-22.5%; }
.competitionIntro .item.right .txtBox { order:2; }
.competitionIntro .item.right .img { width:51.91667%; }
.competition .visualList { position:relative; height:min(23.313em, 19.42709vw); margin-top:6.875em; margin-bottom:5.500em; }
.competition .visualList .inner { display:flex; justify-content:center; position:absolute; top:0; left:50%; width:1000%; height:100%; transform:translateX(-50%); text-align:center; }
.competition .visualList .inner div { overflow:hidden; position:relative; height:100%; }
.competition .visualList .left,
.competition .visualList .right { width:min(28.75%, 28.75vw); }
.competition .visualList .center { width:min(39.32292%, 39.32292vw); margin-left:min(1.58854%, 1.58854vw); margin-right:min(1.58854%, 1.58854vw); }
.competition .visualList div img { display:block; position:absolute; top:50%; left:50%; width:100%; max-width:none; transform:translate(-50%, -50%); }
.rules { margin-bottom:9.875em; }
.rules .acTit { text-align:center; font-size:2.500em; }
.rules .ruleTit { position:relative; margin-top:2.000em; margin-bottom:1.280em; border-bottom:1px solid #e5e5e5; font-size:1.563em; }
.rules .ruleTit span { display:inline-block; padding-bottom:0.560em; border-bottom:2px solid #000; }
.rules .fz18 { font-weight:500; font-size:1.125rem; }
.rules .listStyle { margin-top:1.625em; }
.rules .listStyle > li { display:flex; align-items:center; margin:0.625em 0; }
.rules .listStyle > li > .tit { flex-shrink:0; align-self:flex-start; display:inline-block; min-width:11.250rem; height:100%; margin-right:1.563rem; padding:0.5rem 1em; border-radius:3em; background:#9a7c64; color:#fff; text-align:center; font-weight:600; font-size:1.250em; line-height: 1.2; box-sizing:border-box; }
.rules .listStyle > li > .txt { display:block; margin-top:0.5rem; font-weight:500; font-size:1.125em; }
.rules .listStyle .txtList { margin-top:0.5rem; }
.rules .listStyle p + .txtList { margin-top:1rem; }
.rules .red { margin-top:0.188em; color:#ff3838; font-size:1rem; }
.btnDocument { display:inline-block; margin-left:0.571em; padding:0.375em 0.5em; border-radius:0.286em; background:#f0f0f0; font-size:0.875rem; }
.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; }
.competition .rewardList { display:flex; margin-top:0.875em; margin-bottom:0.5em; font-size:1rem; }
.competition .rewardList li { margin-right:0.625em; }
.competition .rewardList li p { min-width:8.182em; height:5.313rem; padding:13px 14px; border-radius:0.5rem; background:#f4f4f4; color:#3f3f3f; font-weight:900; font-size:1.375em; box-sizing:border-box; }
.competition .rewardList li p span { display:block; /*padding-left:1.500em;*/ background-repeat:no-repeat; background-position:0 0; background-size:auto 1.550em; color:#514136; font-weight:500; font-size:0.909em; }
.competition .rewardList li.i1 p { background:#fdf6f1; color:#753609; }
/*.competition .rewardList li.i1 p span { background-image:url(../images/competition/icon_reward1.png); }
.competition .rewardList li.i2 p span { background-image:url(../images/competition/icon_reward2.png); }
.competition .rewardList li.i3 p span { background-image:url(../images/competition/icon_reward3.png); }*/
.rules .btnList { display:flex; margin-top:2.750em; }
.rules .btnList li { margin-right:1.625em; }
.rules .btnList li a { display:block; min-width:12.636em; padding:0 1.364em; border-radius:0.5rem; color:#000; font-weight:700; font-size:1.375rem; box-sizing:border-box; }
.rules .btnList li a span { display:block; padding:1.182em 3.273em 1.182em 0; }
.rules .btnList li a.down { background-color:#f6f6f6; }
.rules .btnList li a.down span { background:url(../images/competition/btn_download.png) no-repeat right 0 top 50%; background-size:auto 1.182em; }
.rules .btnList li a.lk { background-color:#fdf6f1; color:#753609; }
.rules .btnList li a.lk span { display:block; position:relative; padding-right:1.909em; }
.rules .btnList li a.lk span::before { content:''; position:absolute; top:50%; right:0; width:1.273em; height:1.273em; margin-top:-0.636em; border-radius:50%; background:#ffe2cd url(../images/competition/arrow_right.svg) no-repeat 50% 50%; background-size:auto 1rem; }
.faqWrap { overflow-y:auto; height:26.250em; margin-top:2.750em; }
.faqWrap::-webkit-scrollbar { width:8px; }
.faqWrap::-webkit-scrollbar-thumb { background:#000; }
.faqWrap::-webkit-scrollbar-track { background-color:#eee; }

.faqWrap .faqTab { display:flex; margin-bottom:1.500em; border-top-left-radius:0.250em; border-bottom-left-radius:0.250em; border-top-right-radius:0.250em; border-bottom-right-radius:0.250em; border:1px solid #000; }
.faqWrap .faqTab li { flex-grow:1; }
.faqWrap .faqTab li a { display:block; padding:0.389em 0; border-left:1px solid #000; color:#010000; text-align:center; font-weight:500; font-size:1.125em; }
.faqWrap .faqTab li:first-child a { border:none; }
.faqWrap .faqTab li .on { background:#000; color:#fff; }
.faqWrap .faqItem .faqList > li { border-bottom:1px solid #000; font-weight:500; font-size:1.125em; }
.faqWrap .faqItem .faqList b { display:inline-block; margin-right:0.556em; color:#323232; font-size:1.125rem; font-family:"Leferi Point Type Special"; }
.faqWrap .faqItem .faqList .btnFaq button { display:block; position:relative; width:100%; padding:0.889em 0; padding-right:1.889em; color:#010000; text-align:left; font-weight:700; }
.faqWrap .faqItem .faqList .btnFaq button::before { content:''; position:absolute; top:50%; right:1rem; width:0.5rem; height:0.5rem; margin-top:-0.25rem; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(135deg); transition:0.4s; }
.faqWrap .faqItem .faqList .btnFaq.active button::before { transform:rotate(-45deg); }
.faqWrap .faqItem .faqList > li > div { display:none; position:relative; padding-bottom:1.444em; padding-left:2.889em; padding-right:1em; }
.faqWrap .faqItem .faqList > li > div > b { position:absolute; top:0; left:1.667em; }
.popStyle { overflow-y:auto; z-index:100; display:none; justify-content:center; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.6); }
.popStyle .popWrap { position:relative; max-width:1000px; width:100%; margin:0 auto; box-sizing:border-box; }
.popStyle .popWrap .cont { padding:5.500em 6.8%; background-color:#fff; }
.popStyle .popWrap .cont h5 { position:relative; margin-bottom:0.667em; padding-bottom:0.800em; font-weight:800; font-size:1.875em; }
.popStyle .popWrap .cont h5 span { font-weight:500; }
.popStyle .popWrap .cont h5::before { content:''; position:absolute; bottom:0; left:0; width:1.867em; height:3px; background:#000; }
.popStyle .popWrap .cont .rewardList { margin-top:0; }
.popStyle .popWrap .cont .rewardList li p span { display:inline-block; }
.popStyle .popWrap .cont p { color:#333; font-weight:500; font-size:1.250em; }
:lang(ko) .popStyle .popWrap .cont p { word-break:keep-all; }
.popStyle .popWrap .cont .videoAcade { margin:3.125em 0 0; }
.popStyle .popWrap .btnClose { position:absolute; top:2.250em; right:4.5%; }
.popStyle .popWrap .btnClose button { overflow:hidden; display:block; width:35px; height:35px; background:url(../images/competition/btn_close.svg) no-repeat 50% 50%; background-size:auto 1.250em; text-indent:-999px; }
@media only screen and (max-width:1080px) {
	.competition .header .gnbList { margin-left:0; }
}
@media only screen and (max-width:960px) {
	.competitionIntro { margin-top:4em; }
	.competitionIntro .item { display:block; } 	
	.competitionIntro .item .txtBox { width:100%; margin-top:4em; }
	.competitionIntro .item .txtBox h3 { padding-bottom:1.455rem; }
	.competitionIntro .item .txtBox p { margin-top:2em; }
	.competitionIntro .item.left .img,
	.competitionIntro .item.right .img { width:auto; margin-top:2em; text-align:center; }
	.competition .visualList { margin-top:4em; }
	.rules .acTit { font-size:1.875em; }
	.faqWrap { height:auto; }
}
@media only screen and (max-width:767px) {
	.rules { margin-bottom:5.273em; }
	.rules .listStyle > li { display:block; margin-right:0; margin-bottom:1.636em; }
	.rules .listStyle > li > .tit { margin-right:0; margin-bottom:0.7rem; }
	.rules .listStyle > li > .tit br { display: none; }
	.rules .btnList { flex-direction:column; }
	.rules .btnList li { margin-right:0; margin-bottom:1em; }
	.competition .rewardList { flex-direction:column; }
	.competition .rewardList li { flex-grow:1; margin-right:0; margin-bottom:0.625em; }
	.competition .rewardList li p { height: auto; min-width:auto; }
	.competition .rewardList li p span { display:inline-block; margin-right:1rem; }
	.popStyle .popWrap .btnClose { top:1em; }
	.popStyle .popWrap .cont .rewardList { flex-direction:row; }
	.popStyle .popWrap .cont .rewardList li { flex-grow:0; }
	.popStyle .popWrap .cont .rewardList li p { min-width:8.182em; }
	.popStyle .popWrap .cont .rewardList li p span { margin-right:0; }
}
@media only screen and (max-width:520px) {
	.competition .rewardList { flex-direction:column; }
	.competition .rewardList li { margin-right:0; margin-bottom:0.625em; }
	.competition .rewardList li p span { display:inline-block; margin-right:1rem; }
}