@charset "utf-8";
/*
	국립심포니오케스트라 SUB STYLE
	Last Modify Date : 2022. 11. 10.
*/

/* layout */
#wrap { letter-spacing:-.025em; }
#container { overflow:hidden; }
.comingSoon { display:flex; justify-content:center; align-items:center; margin:4em auto; font-weight:500; font-size:1.500em; }

/* guideWrap */
.guideWrap { position:relative; padding:0 2%; background:#000; z-index:6; font-family:'Pretendard'; }
.locationWrap { position:relative; max-width:1280px; margin:0 auto; }
.locationWrap::after { content:''; display:block; clear:both; }
.siteLocation,
.siteLocation p.home,
.locationTab { float:left; }
.locationTab>li { position:relative; float:left; padding-left:1rem; }
.locationTab>li::after { content:''; position:absolute; left:0; top:50%; width:.625rem; height:.625rem; margin-top:-.3125rem; border-right:1px solid #909090; border-top:1px solid #909090; box-sizing:border-box; transform:rotate(45deg); }
.siteLocation p.home>a,
.locationTab>li>button,
.locationWrap .subBtn>li>button { height:3.9375rem; color:#fff; font-weight:300; letter-spacing:-.025em; }
.siteLocation p.home a { display:block; overflow:hidden; width:2.5rem; background:url(../images/sub/icon_home.png) left center no-repeat; background-size:auto; text-indent:-999px; }
.locationTab>li>button { position:relative; min-width:4.75rem; padding:0 1.625em 0 1.625em; box-sizing:border-box; font-weight:300; }
.locationTab>li div { display:none; position:absolute; left:1rem; top:3.9375rem; min-width:calc(100% - 1rem); background:#fff; z-index:5; }
.locationTab>li div ul { padding:.5em; border:1px solid #d3d3d3; box-sizing:border-box; }
.locationTab>li div ul li { margin:.5em 0; }
.locationTab>li div ul li a { display:block; white-space:nowrap; }
.locationWrap .subBtn { float:right; }
.locationWrap .subBtn>li { display:inline-block; position:relative; margin:0 3px; }
.locationWrap .subBtn>li>button { overflow:hidden; position:relative; width:2rem; background:center no-repeat; text-indent:-999px; z-index:10; }
.locationWrap .share button.btnShare { background-image:url(../images/sub/icon_share.png); }
.locationWrap .print button.btnPrint { background-image:url(../images/sub/icon_print.png); }
.locationWrap .subBtn>li.active>button:after { content:''; position:absolute; left:50%; bottom:.2em; width:13px; height:6px; margin:0 0 0 -6px; background:url('../images/sub/arrow_share.jpg') center bottom no-repeat; }
.locationWrap .subBtn div.popSubBtn { display:none; position:absolute; right:0; top:3.9375rem; padding:.875em; background:#fff; border:1px solid #c6c6c6; border-radius:3px; box-sizing:border-box; text-align:center; z-index:20; }
.locationWrap .subBtn div.popSubBtn p.tit { color:#313131; font-size:.875em; }
.locationWrap .subBtn div.popSubBtn p.img { text-align:center; display:inline-block; margin:18px; background:#fff; box-sizing:border-box; box-shadow:2px 2px 7px rgba(43,43,43,.43); }
.locationWrap .subBtn div.popSubBtn p.img img { min-width:90px; }
.locationWrap .subBtn div.popSubBtn ul.popBtn li { display:inline-block; }
.locationWrap .subBtn div.popSubBtn ul.popBtn li button { min-width:6.42857em; height:2.42857em; padding:0 .5em; background:#505769; border-radius:3px; box-sizing:border-box; color:#fff; font-size:.875em; font-weight:300; }
.locationWrap .subBtn div.popSubBtn ul.popBtn li button.saveBtn { background:#2558ff; }
.locationWrap .subBtn div.popSubBtn .shareList { display:-ms-flexbox; display:flex; text-align:left; }
.locationWrap .subBtn div.popSubBtn .shareList li { vertical-align:top; }
.locationWrap .subBtn div.popSubBtn .shareList li a { display:block; padding:3em .5em 0; background:center top no-repeat; background-size:2.833333em auto; color:#222; font-size:12px; white-space:nowrap; }
.locationWrap .subBtn div.popSubBtn .shareList li.urlCopy a { background-image:url('../images/sub/icon_urlcopy.png'); }
.locationWrap .subBtn div.popSubBtn .shareList li.share1 a { background-image:url('../images/sub/icon_share1.png'); }
.locationWrap .subBtn div.popSubBtn .shareList li.share2 a { background-image:url('../images/sub/icon_share2.png'); }
.locationWrap .subBtn div.popSubBtn p.btnClose { position:absolute; top:0; right:0; padding:1.375em .875em; }
.locationWrap .subBtn div.popSubBtn p.btnClose button { overflow:hidden; width:1em; height:1em; background:url(../images/sub/btn_close.png) center no-repeat; vertical-align:top; font-size:.875em; text-indent:-999px; }
#contentGroup { margin:3em auto 0; font-family:"Pretendard", "Noto Sans KR"; }
#contentGroup .pageTit { margin:2.629em 0 2.813rem; text-align:center; color:#000; font-size:2.1875rem; }
#contentGroup  br {font-family: 'Dotum'; }
.content { position:relative; margin-bottom:6%; margin-bottom:max(7.8125vw, 6em); padding:0 5%; }
.content:after { content:''; display:block; clear:both; }
.content p.topTxt { max-width:1110px; margin:2.66666em auto; padding:1em; background:#ededed; box-sizing:border-box; text-align:center; font-weight:300; word-break:keep-all; }
.content p.lowTxt { font-size:.875em; }
.content p.topInfoTxt { margin:1em; text-align:center; color:#444; font-weight:300; word-break:keep-all; }
.content p.topInfoTxt i { display:block; padding:2.8181818em 0 .5em; background:url(../images/sub/icon_complete.png) center top no-repeat; background-size:2.6em; color:#2262e1; font-size:1.375em; font-family:'GmarketSansMedium'; }
.content p.topInfoTxt a { color:#000; font-weight:500; }
.content .boardImage { text-align:center; }
.contentLayout { max-width:1200px; margin:0 auto; }

/* content Style */
.titType1 { margin-top:2.182em; margin-bottom:1rem; font-weight:500; font-size:1.375em; }
.tType2 { margin-top:3em; margin-bottom:1em; color:#143228; font-weight:800; font-size:1.375em; }
.conTxt { word-break:keep-all; letter-spacing:-.04em; line-height:1.5; font-size:1.0625em; font-weight:300; }
.conTxt.bold { margin-top:3.333em; font-weight:400; text-align:center; font-size:1.125em; }
.conTxt2 { line-height:1.5; letter-spacing:-0.03em; }
.conTxt2 b { font-weight:500; }
.fontR { color:#fe3939; font-weight:600; }
.listStyle>li { position:relative; margin:0.5em 0; padding-left:0.556em; line-height:1.3; }
.listStyle>li::before { content:'·'; position:absolute; top:0; left:0; }
.listStyle ul { margin-top:0.5rem; }
.listStyle2>li { margin:0.235em 0; font-weight:500; font-size:1.063em; }
ul.noneBefore[class*="listStyle"]>li { padding-left:0; }
ul.noneBefore[class*="listStyle"]>li::before { content:none; }
.listStyle li a { display:inline-block; }
.listStyle li a span.down { display:inline-block; padding-right:1.5rem; background:url(../images/sub/icon_download.png) no-repeat right 0 top 0.25rem; background-size:1rem auto; }
.listStyle li a:hover span.down,
.listStyle li a:focus span.down { text-decoration:underline; }
.counterList { counter-reset:section; line-height:1.4; }
.counterList>li { position:relative; margin:0.5em 0; padding-left:1.8em; font-weight:300; }
.counterList>li::before { counter-increment:section; content:counter(section)"."; position:absolute; top:0; left:0; min-width:1.500em; text-align:right; }
.conTable { table-layout:fixed; width:100%; margin:1rem 0; border-top:2px solid #15312a; line-height:1.4; }
.conTable th,
.conTable td { color:#14503c; text-align:center; vertical-align:middle; font-weight:500; font-size:1.063em; }
.conTable tbody tr th:first-child { border-left:none; }
.conTable tbody th:first-child { border-right:1px solid #e7eae9; }
.conTable thead th { padding:1rem; background-color:#f3f6f5; font-size:1.125em; }
.conTable tbody th { background-color:#f3f6f5; text-align:center; }
.conTable td { padding:0.875rem; border-bottom:1px solid #e7eae9; border-left:1px solid #e7eae9; }
.conTable td .red { font-weight:500; color:#ff002a; }
.conTable.tdLeft td { text-align:left; }
.conTable td a.lk { overflow:hidden; display:inline-block; max-width:100%; border-bottom:1px solid #000; text-overflow:ellipsis; white-space:nowrap; font-weight:500; }
.tableDrag { display:none; }
.tblUnit { text-align:right; }
.tblGuide { position:relative; padding-left:0.875em; color:#b42826; }
.tblGuide.black { color:#000; font-weight:400; }
.tblGuide b { font-weight:600; }
.tblGuide::before { content:'※'; position:absolute; top:0; left:0; }

/* selectbox */
.selectbox { position:relative; min-width:7.53333em; background:#fff; border:1px solid #000; border-radius:5px; color:#000; font-size:.9375em; -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; z-index:1; }
.sheetBox .btnArea .dateInput input { padding:0 .5em; background:url(../images/sub/icon_calendar.png) 90% center no-repeat; border:1px solid #dbdbdb; border-radius:3px; }
.selectbox:after { content:''; position:absolute; right:1.5rem; top:50%; width:0; height:0; margin-top:-2px; border-width:5px 4px 0; border-style:solid; border-color:#000 transparent; }
.selectbox.focus { border-color:#66afe9; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }
.selectbox.focus:after { transform:rotate(180deg); }
.selectbox label,
.selectbox select { width:100%; box-sizing:border-box; white-space:nowrap; }
.selectbox label { overflow:hidden; position:absolute; top:0; left:0; padding-right:2em; box-sizing:border-box; text-align:left; z-index:-1; text-indent:.58em; white-space:nowrap; text-overflow:ellipsis; }
.selectbox select { height:auto; line-height:normal; font-family:inherit; border:0; opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

/* tabmenu */
.tabNav { max-width:1200px; margin:0 auto 3.625em; padding:0 6%; }
.content .tabNav { padding:0; }
.tabNav p { display:none; }
.tabNav p button { position:relative; width:100%; padding:.75em 0; border-top:1px solid #1c3f37; border-bottom:1px solid #1c3f37; color:#1c3f37; text-align:left; font-weight:700; font-size:1.25em; }
.tabNav p button:after { content:''; position:absolute; right:.25em; top:50%; width:.625em; height:.625em; margin-top:-.4em; border-right:1px solid #1c3f37; border-bottom:1px solid #1c3f37; box-sizing:border-box; transform:rotate(45deg); transition:all .4s; }
.tabNav p button.active:after { transform:rotate(225deg); }
.tabNav { background:#fff; }
.tabNav .tabList ul { display:flex; justify-content:center; }
.tabNav .tabList ul li { flex-grow:1; }
.tabNav .tabList ul li a { display:block; margin-left:-1px; padding:1.294em 0; border:1px solid #1c3f37; color:#1c3f37; text-align:center; font-size:1.063em; }
.tabNav .tabList ul li:first-child a { border-top-left-radius:0.588em; }
.tabNav .tabList ul li:first-child a { border-bottom-left-radius:0.588em; }
.tabNav .tabList ul li:last-child a { border-top-right-radius:0.588em; }
.tabNav .tabList ul li:last-child a { border-bottom-right-radius:0.588em; }
.tabNav .tabList ul li.active a,
.tabNav .tabList ul li a:hover,
/* 4depth */
.tabNav .tabList ul li a:focus { background:#1c3f37; color:#ecc4c4; font-weight:600; transition:0.4s; }
.tabNav + .tabNav ul { display:flex; justify-content:center; }
.tabNav + .tabNav ul li { position:relative; padding:0 1.375rem; }
.tabNav + .tabNav ul li::after { content:''; position:absolute; right:0; top:0; width:1px; height:.875rem; margin-top:0.250em; background:#e5e5e5; }
.tabNav + .tabNav ul li:last-child { padding-right:0; }
.tabNav + .tabNav ul li:last-child::after { display:none; }
.tabNav + .tabNav ul li a { display:block; padding-bottom:1px; line-height:1.5rem; color:#666; font-size:1.0625rem; font-weight:300; }
.tabNav + .tabNav ul li.active a { border-bottom:1px solid #000; color:#000; font-weight:800; }
@media only screen and (max-width:1080px) {
    #wrap { padding-top:0;}
	#contentGroup .pageTit { margin:2.545rem 0 3rem; font-size:1.636em; }
	.tType2 { margin-bottom:0.571em; font-size:1.273rem; }
	
	.tabNav { margin-bottom:2.273em; }
    .tabNav p { display:block; }
    .tabNav .tabList { display:none; border-left:1px solid #dcdcdc; border-right:1px solid #dcdc; }
	.tabList:before,
	.tabList:after,
	.tabNav .tabList ul li:after { content:none; }
    .tabNav .tabList ul,
    .tabNav .tabList ul li { display:block; text-align:left; }
    .tabNav .tabList ul li { padding:0; border-bottom:1px solid #dcdcdc; }
    .tabNav .tabList ul li a { margin-top:0; padding:1em; border:none; color:#000; text-align:left; font-weight:500; font-size:1.091em; }
	.tabNav .tabList ul li:first-child a,
	.tabNav .tabList ul li:first-child a,
	.tabNav .tabList ul li:last-child a,
	.tabNav .tabList ul li:last-child a { border-radius:0; }
    .tabNav .tabList ul li.active a { background:#1c3f37; color:#ecc4c4; font-weight:700; }
    .tabNav .tabList ul li.active a:after { display:none; }
}
@media only screen and (max-width:720px) {
    /* layout */
    #headerWrap .header { border:none; }
    .header .btnMoHead { padding-right:0; }
    .guideWrap { padding:0; }
    .siteLocation { float:none;}
    .siteLocation p.home,
    .locationWrap p.btnPrint { display:none; }
    .siteLocation .locationTab { float:none; }
    .locationTab>li { float:none; padding:0; }
    .locationTab>li::after { display:none; }
    .locationTab>li { display:block; background:#f8f8f8; border-bottom:1px solid #dcdcdc; }
    .locationTab>li:first-child { background:#000; border:none; }
    .locationTab>li>button { position:relative; width:100%; height:40px; padding:0 5%; border:none; text-align:left; color:#000; font-size:1.182em; font-weight:400; }
    .locationTab>li:first-child button { color:#fff; }
    .locationTab>li>button::before,
    .locationTab>li>button::after { content:''; position:absolute; top:50%; background:#000; transition:all .4s; }
    .locationTab>li:first-child>button::before { display:none; }
    .locationTab>li:first-child>button::after { right:6rem; width:.875rem; height:.875rem; margin-top:-.625rem; background:transparent; border-bottom:2px solid #fff; border-right:2px solid #fff; box-sizing:border-box; transform:rotate(45deg); }
    .locationTab>li:first-child>button.active::after { margin-top:-.291rem; transform:rotate(225deg); }
    .locationTab>li>button::before { right:5%; width:12px; height:2px; margin-top:-1px; }
    .locationTab>li>button::after { right:calc(5% + 5px); width:2px; height:12px; margin-top:-6px; }
    .locationTab>li>button.active::after { transform:rotate(270deg); }
    .locationTab>li div { position:static; border-left:none; font-size:1.091em; }
    .locationTab>li div ul { border-left:none; border-right:none; border-bottom:none; }
    .locationTab>li div ul li { margin:0; }
    .locationTab>li div ul a { margin:0; padding:0.667em 4%; }
    .locationWrap .subBtn>li { display:none; margin:0; }
    .locationWrap .subBtn .share { display:block; position:absolute; right:0; top:0; width:4.625rem; height:40px; background-position:center; }
    .locationWrap .subBtn>li>button { width:100%; height:100%; }
    .locationWrap .subBtn .share>button { background-color:#1c3f37; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle fill='%23fff' cx='10.92' cy='14.73' r='2.5'/%3E%3Ccircle fill='%23fff' cx='18.56' cy='8.13' r='2.5'/%3E%3Ccircle fill='%23fff' cx='18.43' cy='21.35' r='2.5'/%3E%3Cline fill='none' stroke='%23fff' stroke-miterlimit='10' x1='18.56' y1='8.13' x2='10.92' y2='14.73'/%3E%3Cline fill='none' stroke='%23fff' stroke-miterlimit='10' x1='18.43' y1='21.35' x2='10.92' y2='14.73'/%3E%3C/svg%3E"); background-size:2.727em auto;  }
    .locationWrap .subBtn .share>button:after { display:none; }
    .locationWrap .subBtn .share div.popSubBtn { right:0; top:40px; min-width:10em; }
}

/* boardStyle */
.boardStyle { max-width:1202px; margin:0 auto; }
/* Board Search */
.boardSearch { display:flex; justify-content:space-between; align-items:center; margin:2.5rem 0; letter-spacing:-.025em; color:#000; font-family:'Pretendard'; }
.boardSearch.rightPosition { justify-content:flex-end; }
.boardSearch input,
.boardSearch select { color:#000; font-size:1.0625rem; font-family:'Pretendard'; font-weight:300; }
.boardSearch dl,
.boardSearch ul { display:flex; align-items:center; }
.boardSearch dl dt { margin-right:1em; font-size:1.125rem; font-weight:600; }
.boardSearch ul li.arrowIcon { padding:0 .5rem; }
.boardSearch ul li.pcNone { display:none; }
.boardSearch .selectbox { position:relative; width:7.2em; height:3.125rem; border-radius:1.7em; }
.rightPosition .selectbox { margin-right:1em; }
.boardSearch .selectbox label { line-height:3.125rem; text-indent:1em; }
.boardSearch .selectbox select { width:100%; height:3.125rem; padding:0 .5em; }
.boardSearch .dateLine input { width:10rem; padding:0 1rem; height:3.125rem; background:url(../images/sub/icon_calendar.png) 90% center no-repeat; background-size:1.353em auto; border:1px solid #000; border-radius:1.5rem; }
.boardSearch .boardSearchText { overflow:hidden; position:relative; width:30.625%; padding-right:2.5rem; border-bottom:1px solid #000; box-sizing:border-box; }
.boardSearchText input.inputTxt { width:100%; height:2.625rem; border-right:1px solid; border:0; box-sizing:border-box; vertical-align:top; color:#555; text-indent:.5em; }
.boardSearchText button { position:absolute; right:0; top:50%; width:2rem; height:1.5625rem; margin-top:-.78125rem; background:url(../images/sub/btn_search.png) center no-repeat; background-size:contain; text-indent:-9999px; }
.boardSearch .boardTab { flex-grow:1; }
.boardTab { overflow:hidden; margin:2.5rem 0; }
.boardTab ul { margin-left:-1.125rem; }
.boardTab ul li { display:inline-block; position:relative; padding:0 1.125rem; vertical-align:middle; }
.boardTab ul li::after { content:''; position:absolute; left:-2px; top:50%; width:1px; height:.875rem; margin-top:-.4375rem; background:#e5e5e5; }
.boardTab ul li a,
.boardTab ul li button { position:relative; display:inline-block; width:auto; height:1.625rem; line-height:1.625rem; text-align:center; color:#666; font-size:1.0625rem; font-weight:300; letter-spacing:-.025em; font-family:'Pretendard'; }
.boardTab ul li.active a,
.boardTab ul li.active button { color:#000; font-weight:600; }
.boardTab ul li.active a::after,
.boardTab ul li.active button::after { content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#000; }
.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 { border-bottom:1px solid #000; color:#000; font-weight:800; }
@media only screen and (max-width:720px) {
    .boardSearch { flex-wrap:wrap; }
    .boardSearch dl { flex-grow:1; display:block; width:50%; }
    .boardSearch ul { display:block; width:100%; }
    .boardSearch .selectbox,
    .boardSearch .dateLine input { width:100%; box-sizing:border-box; border-radius:0; }
    .boardSearch .dateLine input { border-left-width:0; }
    .boardSearch dl dt,
    .boardSearch ul li.arrowIcon,
    .boardSearch ul li.moNone { display:none; }
    .boardSearch ul li.pcNone {  display:block; }
    .boardSearch .boardSearchText { width:100%; margin-top:-1px; padding-right:3rem; border:1px solid; }
    .boardSearch .selectbox,
    .boardSearch .dateLine input,
    .boardSearch .boardSearchText { border-color:#cacaca; }
    .boardSearchText input.inputTxt { height:3.125rem; }
    .boardSearchText button { right:.5rem; }
    .rightPosition .selectbox { margin:0; }
    .rightPosition .selectbox { width:30%; height:auto; }
    .rightPosition .boardSearchText { width:70%; margin:0 0 0 -1px; }
    /*.boardInfo { display:none; }*/
	.boardInfo p { display:none; }
	.boardStyle .boardInfo ul { flex-wrap:wrap; justify-content:flex-start; }
	.boardStyle .boardInfo ul li { margin:0.273em 0; }
}
@media only screen and (max-width:480px) {
    .boardSearch dl.selectLine { width:40%; }
    .boardSearch dl.inputLine { width:60%; }
    .boardSearch .dateLine input { background-position:right 0.824em top 50%; }
}

/* Board List */
.boardList,
.choiceBoardList { width:100%; margin-bottom:1.875em; table-layout:fixed; text-align:center; color:#525252; }
.boardList table { table-layout:fixed; width:100%; }
.boardList thead { border-top:1px solid #000; }
.boardList tbody tr { border-bottom:1px solid #ededed; }
.boardList thead th { padding:1.25rem 1rem; line-height:1.5625rem; background:#fafafa; text-align:center; color:#000; font-weight:500; }
.boardList td { height:3.5rem; padding:0 1rem; line-height:1.5em; vertical-align:middle; color:#474747; font-size:.9375rem; font-weight:300; }
.boardList .year,
.boardList .quarter { width:3em; }
.boardList .num { width:4em; }
.boardList .num span { display:inline-block; background:#1c3f37; padding:0 .625rem; border-radius:1rem; line-height:1.625rem; color:#ecc4c4; font-size:1rem; font-weight:500; }
.boardList .thumbnail,
.boardList .category,
.boardList .cellBtn { color:#000; width:6em; }
.boardList .business2 { width:10em; }
.boardList .subject,
.boardList .company { width:auto; }
.boardList .writer,
.boardList .date,
.boardList .tel { width:6em; }
.boardList .business { width:12em; }
.boardList .hits,
.boardList .file { width:5em; }
.boardList .datetodate { width:12em; }
.boardList .state { position:relative; width:4em; font-weight:500; }
.boardList .add { width:8em; }
.boardList td.subject,
.boardList td.company { text-align:left; }
.boardList td.subject a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#000; font-weight:500; }
.boardList td.subject a em { color:#d0440c; }
.boardList td.subject a i { display:inline-block; vertical-align:top; }
.boardList td.subject a i.notice { width:2.5em; background:#48464c; border:1px solid #c6c6c6; text-align:center; color:#fff; border-radius:3px; }
.boardList td.subject a i.secret { overflow:hidden; width:1em; background:url(../images/sub/ico_lock.gif) center no-repeat; text-indent:-999px; }
.boardList td.subject a i.new { margin-right:3px; color:#ed2100; font-style:normal; font-weight:500; font-size:10px; }
.boardList td.subject i.reply { position:relative; margin-left:1.333em; margin-right:.5em; padding:0 0.583em; border:1px solid #b5b8bc; background:#f6f7f9; color:#3f3f3f; font-style:normal; font-size:12px; }
.boardList td.subject i.reply:before { content:''; position:absolute; top:0; left:-1.333em; width:1.125em; height:100%; background:url(../images/sub/icon_reply.png) left top no-repeat; background-size:14px auto; }
.boardList .add span { display:inline-block; height:23px; vertical-align:middle; }
.boardList .add span.on { overflow:hidden; width:22px; height:23px; background:url(../images/sub/icon_file_add.png) center no-repeat; vertical-align:middle; text-indent:-9999px; }
.boardList .file span { display:inline-block; overflow:hidden; width:23px; height:23px; background-position:center; background-repeat:no-repeat; vertical-align:middle; text-indent:-9999px; }
.boardList .file span.hwp { background-image:url(../images/sub/icon_file_hwp.jpg); }
.boardList .file span.zip { background-image:url(../images/sub/icon_file_zip.jpg); }
.boardList .file span.jpg { background-image:url(../images/sub/icon_file_jpg.jpg); }
.boardList .file span.gif { background-image:url(../images/sub/icon_file_gif.jpg); }
.boardList .file span.doc { background-image:url(../images/sub/icon_file_doc.jpg); }
.boardList .file span.xlsx { background-image:url(../images/sub/icon_file_xlsx.jpg); }
.boardList .file span.ppt { background-image:url(../images/sub/icon_file_ppt.jpg); }
.boardList .file span.pdf { background-image:url(../images/sub/icon_file_pdf.jpg); }
.boardList .file span.etc { background-image:url(../images/sub/icon_file_etc.jpg); }
.boardList span[class*="qItem"] { display:inline-block; min-width:4.667em; padding:0.200em 0.667em; border-radius:2em; color:#fff; box-sizing:border-box; }
.boardList span.qItem1 { background:#888; }
.boardList span.qItem2 { background:#1c3f37; }
.noData { padding:2em; border-bottom:1px solid #ededed; text-align:center; font-size:1.125em; font-weight:500; }

/* calendarWrap */
.calendarWrap .calendarTop { display:flex; justify-content:space-between; margin-bottom:4.375em; }
.calendarWrap .calendarTop h4,
.calendarWrap .calendarTop #calendarTitle { display: inline-block; border: none; font-weight:800; font-size:2.1875rem; }
.calendarWrap .calendarTop #calendarTitle:hover,
.calendarWrap .calendarTop #calendarTitle:focus { text-decoration:underline; }
.calendarWrap .calendarTop ul { display:flex; margin-top:0.625em; margin-right:1.25em; }
.calendarWrap .calendarTop ul li { display:inline-block; }
.calendarWrap .calendarTop .dateControl button { overflow:hidden; width:35px; height:35px; background:center no-repeat; background-size:auto 1.250em; text-indent:-999px; }
.calendarWrap .calendarTop button.prev { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpath fill='none' stroke='%23999' stroke-width='3' d='m 12,0 l -10,10 l 10,10'/%3E%3C/svg%3E");}
.calendarWrap .calendarTop button.next { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpath fill='none' stroke='%23999' stroke-width='3' d='m 0,0 l 10,10 l -10,10'/%3E%3C/svg%3E");}
.calendarWrap .calendarTop button.prev:hover,
.calendarWrap .calendarTop button.prev:focus { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' d='m 12,0 l -10,10 l 10,10'/%3E%3C/svg%3E");}
.calendarWrap .calendarTop button.next:hover,
.calendarWrap .calendarTop button.next:focus { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' d='m 0,0 l 10,10 l -10,10'/%3E%3C/svg%3E");}
.calendarWrap table { width:100%; margin-left:-1.25rem; table-layout:fixed; text-align:center; vertical-align:middle; }
.calendarWrap table th,
.calendarWrap table td { padding:.56255rem; }
.calendarWrap table th { color:#a5a5a5; font-weight:400; }
.calendarWrap table thead th:nth-child(1) { color:#ff2d2d; }
.calendarWrap table span { display:inline-block; width:2.875rem; height:2.875rem; line-height:2.875rem; font-size:1.375rem; font-weight:500; border-radius:50%; box-sizing:border-box; vertical-align:middle; font-family:'Pretendard'; }
.calendarWrap table span { color:#777; }
.calendarWrap table a,
.calendarWrap table button { color:#000; }
.calendarWrap table span.select,
.calendarWrap table a.select,
.calendarWrap table button.select { background:#1c3f37; color:#ecc4c4; }
.calendarWrap table .curDate,
.calendarWrap table a,
.calendarWrap table button { display:inline-block; width:2.875rem; height:2.875rem; border-radius:50%; box-sizing:border-box; vertical-align:middle; line-height:2.875rem; font-size:1.375rem; font-weight:500; font-family:'Pretendard'; }
.calendarWrap table .curDate { border:2px solid #1c3f37; color:#000; font-weight:700; }
.calendarWrap table a,
.calendarWrap table button { background:#1c3f37; color:#ecc4c4; }
.calendarWrap table button.regular { background:#ecc4c4; color:#1c3f37; }

/* galleryWrap */
.galleryWrap { overflow:hidden; position:relative; margin:4.25rem 0; }
.galleryWrap h4 { margin-bottom:1em; line-height:1; color:#000; font-size:1.6875rem; }
.galleryList { display:flex; flex-wrap:wrap; }
.galleryList li { display:inline-block; width:24%; margin:0 0.5% 1.625em; box-sizing:border-box; }
.galleryList a { display:block; color:#000; word-break:keep-all; }
.galleryList a span { display:block; }
.galleryList a .imgArea { overflow:hidden; position:relative; padding-top:100%; background:#b8b8b8 url(../images/sub/bg_noimg.png) center no-repeat; background-size:34% auto; }
.galleryList a .imgArea img { position:absolute; left:50%; top:50%; width:100%; min-height:100%; transform:translate(-50%, -50%); }
.galleryList a span.txtArea { padding:1.125em .5em; text-align:center; }
.galleryList a span.txtArea i.category { display:inline-block; border-bottom:1px solid; line-height:1.625rem; font-weight:500; }
.galleryList a span.txtArea strong { overflow:hidden; display:block; margin-bottom:0.444em; line-height:1.3; font-size:1.125em; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.galleryList a span.txtArea i.date { display:block; margin-bottom:.5rem; color:#686868; font-size:1.0625rem; font-weight:300; }
.galleryList a span.txtArea i.place { display:block; font-size:1.0625rem; font-weight:300; }
.galleryList a span.txtArea b { display:inline-block; margin-right:0.429em; padding:0.214em 0.857em; border-radius:2em; background:#1c3f37; color:#fff; font-weight:500; font-size:14px; }
.galleryList a span.txtArea b.regular { background:#ecc4c4; color:#1c3f37; }


/* 공연일정 */
.performStyle { max-width:1200px; margin:0 auto; }
.performStyle .boardSearch .selectbox,
.performStyle .boardSearch .dateLine input { width:initial; width:min(11.500em, 15.3333vw); box-sizing:border-box; }
.performStyle .boardTab { margin:2.5rem 0 4.125em; }
.performStyle .performGenre,
.performStyle .performDate { position:relative; }
.performStyle .galleryList { display:flex; }
.performStyle .galleryList li { flex-grow:0; flex-shrink:1; width:25%; margin:0 0 4.500em; padding:0 .5rem; }
.performStyle .galleryList a span.img { overflow:hidden; position:relative; padding-top:100%; background:#b8b8b8 url(../images/sub/bg_noimg.png) center no-repeat; background-size:34% auto; }
.performStyle .galleryList a span.img img { position:absolute; left:50%; top:50%; width:100%; min-height:100%; transform:translate(-50%, -50%); }
.performStyle .galleryList a:hover span.img img,
.performStyle .galleryList a:focus span.img img { transform:translate(-50%, -50%) scale(1.1); transition:0.5s; }
.performStyle .galleryList a span.txtArea { text-align:left; }
.performStyle .galleryList a span.txtArea .tit { display:block; overflow:hidden; margin:1em 0 .9em; line-height:1; font-size:1.5em; font-weight:500; white-space:nowrap; text-overflow:ellipsis; }
.performStyle .galleryList a span.txtArea .tit:hover,
.performStyle .galleryList a span.txtArea .tit:focus { text-decoration:underline; }
.performStyle .galleryList a span.txtArea i.date { margin-bottom:0; }
.performStyle .galleryList .ticketBtn { overflow:hidden; display:block; max-width:11.25rem; width:100%; margin-top:0.5em; padding:1rem; border-radius:2rem; background:#1c3f37; color:#ecc4c4; box-sizing:border-box; text-align:center; line-height:1.375rem; font-weight:700; font-size:1.125em; }
.performStyle p.btnMore { position:absolute; right:0; top:0; font-size:1.25rem; font-weight:500; }
.performStyle p.btnMore:hover,
.performStyle p.btnMore:focus { text-decoration:underline; }
.performStyle p.btnMore a::before { content:'+'; display:inline-block; margin-right:.25rem; }
.performStyle .btnListMore { margin-top:1em; text-align:center; }
.performStyle .btnListMore button { padding:1em; color:#000; font-size:1.0625rem; font-weight:300; }
.performStyle .btnListMore button::before { content:'+'; display:inline-block; margin-right:.25rem; }
.performStyle .listItem { display:flex; align-items:center; justify-content:space-between; margin-bottom:2.125em; }
.performStyle .listItem .total { font-size:1.125em; }
.performStyle .performTab { display:flex; }
.performStyle .performTab li { margin:0 2px;}
.performStyle .performTab li a { display:block; padding:.5em 1.25em; background:#fff; line-height:1.5; border-radius:2em; color:#686868; }
.performStyle .performTab li.active a,
.performStyle .performTab li a:hover,
.performStyle .performTab li a:focus { background:#1c3f37; color:#ecc4c4; font-weight:700; transition:background 0.4s; }
.performStyle .performDate { display:flex; justify-content:space-between; }
.performStyle .performDate .galleryWrap { width:48.3334%; margin:0; }
.performStyle .performDate .dateGallery { width:47.5%; padding-right:4.1667%; border-right:1px solid #000; box-sizing:border-box; }
.performStyle .performDate .dateGallery .summary { display:flex; justify-content:center; margin-top:2em; }
.performStyle .performDate .dateGallery .summary li { position:relative; margin:0 0.625em; padding-left:16px; }
.performStyle .performDate .dateGallery .summary li::before { content:''; position:absolute; top:50%; left:0; width:10px; height:10px; margin-top:-6px; border-radius:50%; background:#1c3f37; }
.performStyle .performDate .dateGallery .summary li.regular::before { background:#ecc4c4; }
.performStyle .performDate .galleryList { flex-direction:column; }
.performStyle .performDate .galleryList li { display:block; width:100%; margin-bottom:3.375em; padding:0; }
.performStyle .performDate .galleryList li a { display:flex; width:100%; min-height:16.750em; }
.performStyle .performDate .galleryList a span.img { flex-shrink:0; width:44.9665%; padding-top:44.9665%; }
.performStyle .performDate .galleryList a span.txtArea { display:block; position:relative; padding:0 0 0 9.74%; }
.performStyle .performDate .galleryList a span.txtArea .tit { display:-webkit-box; margin:0.5em 0 0.917em; line-height:1.2; height:2.4em; white-space:normal; word-break:keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.performStyle .performDate .galleryList a span.txtArea .tit:hover,
.performStyle .performDate .galleryList a span.txtArea .tit:focus { text-decoration:underline; }
.performStyle .performDate .galleryList a span.txtArea i.ticketBtn { position:absolute; left:15%; bottom:0; margin-top:0; }
.performStyle .performGenre h4 { margin-bottom:1em; line-height:1; color:#000; font-size:1.6875rem; }
.visualVideo { overflow:hidden; position:relative; margin-bottom:4.500em; padding-top:56.25%; }
.visualVideo iframe { display:block; position:absolute; top:0; left:0; width:100%; height:100%; }

/* 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; }
.btnInquire { margin-top:2.375em; text-align:right; }
.btnInquire a { display:inline-block; min-width:8.588em; padding:0 1em; border-radius:2em; background:#1c3f37; color:#fff; text-align:center; font-weight:500; font-size:1.063em; box-sizing:border-box; }
.btnInquire a span { display:inline-block; padding:0.824em 0 0.824em 1.882em; background:url(../images/sub/icon_pencil.png) no-repeat 0 50%; background-size:1.412em auto; }

/* board Page */
.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; }

/* board view */
.boardStyle .viewTit { display:flex; justify-content:space-between; margin:1.500em 0}
.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; margin:0 0.625rem; text-align:center; color:#010101; line-height:1.3; font-size:1.500em; font-weight:500; }
.viewContent { padding:2% 3.826955074%;/*46/1202*/ 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; }
.imgSlider { text-align:center; }
.imgSlider .slick-slide img { display:inline-block; }
.imgSlider .slick-dots { margin:1em; text-align:center; }
.imgSlider .slick-dots li { display:inline-block; margin:0 5px; }
.imgSlider .slick-dots li button { overflow:hidden; width:1em; height:1em; background:transparent; border:1px solid #dadada; border-radius:50%; text-indent:-999px; }
.imgSlider .slick-dots li.slick-active button { background:#1c0b3d; }
.imgSlider .viewSlide { position:relative; margin-bottom:6px; }
.imgSlider .viewSlideNav { margin:0 -4px; }
.imgSlider .viewSlideNav .item { display:inline-block; width:25%; padding:4px; }
.imgSlider .slick-arrow { overflow:hidden; position:absolute; top:50%; width:60px; height:60px; margin-top:-30px; background:#000; background-color:rgba(0,0,0,.43); border-radius:50%; z-index:1002; text-indent:-999px; }
.imgSlider .slick-arrow:after { content:''; position:absolute; left:50%; top:50%; width:22px; height:22px; margin-top:-12px; border-width:0 0 2px 2px; border-style:solid; border-color:#fff; }
.imgSlider .slick-prev { left:-65px; }
.imgSlider .slick-next { right:-65px; }
.imgSlider .slick-prev:after { margin-left:-6px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.imgSlider .slick-next:after { margin-left:-18px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg); }
/* 출처 */
.openWrap { overflow:hidden; display:table; table-layout:fixed; width:100%; margin-top:3%; margin-bottom:2%; padding:1%; border:1px solid #dadada; box-sizing:border-box; }
.openWrap p { display:table-cell; vertical-align:middle; }
.openWrap p.img { width:10em; text-align:center; }
.openWrap p.txt { width:auto; padding:0 1em; border-left:1px solid #dadada; box-sizing:border-box; word-break:keep-all; }
/* 게시판 상세 댓글 */
.viewContent .commentWrap { margin-top:3%; margin-bottom:1%; padding:2em 0 0; border-top:1px solid #d2d2d2; }
.viewContent .commentWrap p.count { padding-bottom:1em; color:#010101; font-size:1.25em; font-weight:300; }
.viewContent .commentWrap p.count strong { font-weight:500; }
.viewContent .commentWrap .commentForm { position:relative; padding:0; border:1px solid #a6a6a6; font-size:.9375em; font-weight:300; }
.viewContent .commentWrap .commentForm p.name { margin:1.2em 1% 1em; color:#000; }
.viewContent .commentWrap .commentForm textarea { width:98%; height:4.6em; margin:0 1%; border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1em; resize:none; }
.viewContent .commentWrap .commentForm .txtCount { padding:1em 1%; border-top:1px solid #efefef; color:#a1a1a1; }
.viewContent .commentWrap .commentForm .btnList { position:absolute; right:1%; bottom:1em; }
.viewContent .commentWrap .btnList li { display:inline-block; }
.viewContent .commentWrap .commentForm .btnList input { height:1.8em; padding:0 1em; border:none; border-radius:.9em; color:#ecc4c4; font-size:1em; cursor:pointer; }
.viewContent .commentWrap .commentForm .btnList input.submit { background:#1c3f37; }
.viewContent .commentWrap .commentForm .btnList input { background:#9c9c9c; }
.viewContent .commentWrap .commentList { margin-top:2em; border-top:1px solid #d2d2d2; }
.viewContent .commentWrap .commentList.commentCnt { margin-top:0; }
.viewContent .commentWrap .commentList .item { position:relative; padding:1.25em 0; border-bottom:1px solid #f4f4f4; }
.viewContent .commentWrap .commentList .item dl dt { padding-bottom:1em; color:#666; font-size:.875em; }
.viewContent .commentWrap .commentList .item dl dt span { display:inline-block; }
.viewContent .commentWrap .commentList .item dl dt span.name { position:relative; padding-right:1em; }
.viewContent .commentWrap .commentList .item dl dt span.name:after { content:''; position:absolute; right:0; top:.3em; width:1px; height:.9em; background:#c8c8c8; }
.viewContent .commentWrap .commentList .item dl dt span.date { padding-left:1em; }
.viewContent .commentWrap .commentList .item dl dd { color:#000; font-size:1.0625em; }
.viewContent .commentWrap .commentList .item dl dd pre { white-space:pre-wrap; font-family:'Pretendard', 'Noto Sans KR'; font-size:1em; }
.viewContent .commentWrap .commentList .item dl dd textarea { width:100%; height:6em; }
.viewContent .commentWrap .commentList .btnList { margin-top:1em; }
.viewContent .commentWrap .commentList .btnList input,
.viewContent .commentWrap .commentList .btnList button { min-width:44px; height:22px; margin:3px; background:#fff; border:1px solid; border-radius:11px; color:#919191; font-size:12px; font-weight:300; }
.viewContent .commentWrap .commentList .btnList input.modify,
.viewContent .commentWrap .commentList .btnList button.modify { color:#ff5e17; }
.viewContent .commentWrap .commentList .btnList button.submit { color:#5771fd; }
.viewContent .commentWrap .commentList p.btnLike { position:absolute; right:0; bottom:1em; }
.viewContent .commentWrap .commentList p.btnLike button { position:relative; height:30px; padding:0 10px 0 30px; text-align:left; color:#818181; font-size:18px; }
.viewContent .commentWrap .commentList p.btnLike button:after { content:''; position:absolute; left:0; top:50%; margin-top:-10px; width:20px; height:20px; background:url(../images/sub/icon_like.png) center no-repeat; }

/* 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 view - Ctrl */
.viewCtrl { margin-bottom:3.125em; border-top:1px solid #dde2e8; font-weight:300; color:#000; }
.viewCtrl dl {  position:relative; padding:17px .75em; border-bottom:1px solid #dde2e8; }
.viewCtrl dl dt,
.viewCtrl dl dd { font-size:16px; font-size:1rem; }
.viewCtrl dl dt { float:left; width:5em; background:right center no-repeat; }
.viewCtrl dl.prevList dt { background-image:url(../images/sub/bg_board_prev_list.png); }
.viewCtrl dl.nextList dt { background-image:url(../images/sub/bg_board_next_list.png); }
.viewCtrl dl dd { position:relative; margin-left:7em; padding-left:1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; box-sizing:border-box; }
.viewCtrl dl dd:before { content:''; position:absolute; top:50%; left:0; width:1px; height:.875em; margin-top:-.4375em; background:#cfcfd0; }
.viewCtrl dl dd a { color:#000; }

/* gallery view */
.gallSlider { position:relative; width:100%; margin-bottom:15px; border-bottom:1px solid #dedbdb; /*box-sizing:border-box;*/ }
.glaaSlider .slider { width:100%; margin:0px auto; }
.slick-slide img { width:100%; }
.gallCtrl { position:absolute; left:0; right:0; top:50%; width:95%; margin:0 auto; margin-top:-22px; z-index:1; }
.gallCtrl li { width:32px; height:56px; }
.gallCtrl li button { width:100%; height:100%; background:none; border:0 none; text-indent:-9999px; cursor:pointer; }
.gallCtrl .btnPrev { float:left; background:url(../images/sub/btn_gall_prev.png) center no-repeat; }
.gallCtrl .btnNext { float:right; background:url(../images/sub/btn_gall_next.png) center no-repeat; }

/* boardWrite */
.boardWrite select { width:100%; height:3.125em; padding-left:1em; background:url(../images/sub/arrow_select.png) right 10px center no-repeat; border:1px solid #d0d0d0; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.boardWrite .tit { margin:1.227em 1.909em 1.364em; color:#060606; font-size:1.375em; font-weight:500; text-align:left; }
.boardWrite .tit span { position:relative; display:inline-block; margin-left:0.357em; padding-left:1em; color:#8f8f8f; font-size:0.636em; }
.boardWrite .tit span:after { content:''; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#cacdc9; }
.writeTbl { width:100%; border-bottom:1px solid #ccc; text-align:left; }
.writeTbl + .writeTbl { margin-top:-2px; }
.writeTbl tbody th { width:9.438em; padding:1.25em 0.625em; border:1px solid #ccc;border-left:none; color:#6b6b6b;font-weight:400;vertical-align:middle; }
.writeTbl tbody td { padding:0.313em 0.625em; border:1px solid #ccc; }
.writeTbl tbody th .label { display:inline-block; padding-left:3em; background-image:url(../images/sub/bl_board_write.png);background-position:2.5em 0.5em; background-repeat:no-repeat; }
.writeTbl tbody td { border-right:none;vertical-align:middle; }
.writeTbl tbody td p { margin:0.5em 0; }
.writeTbl .txt { width:100%;height:3.125em;padding:0 0.938em; border:1px solid #ccc; }
.writeTbl .txt.w30 { width:30%; }
.writeTbl .selectArea { width:30%; }
.writeTbl .editor { height:25em; }
.writeTbl .editor textarea { width:100%; height:100%; padding:0.938em; border:1px solid #ccc; resize:none; }
.writeTbl ul.fileList li { overflow:hidden; display:block; width:100%; padding-bottom:5px; }
.writeTbl ul.fileList li p { margin:0; }
.writeTbl ul.fileList li p.fileArea,
.writeTbl ul.fileList li p.txtBox { position:relative; float:left; width:80%; border:none; }
.writeTbl ul.fileList li p.txtBox span { display:block; width:100%; line-height:38px; border:1px solid #c0c0c0; box-sizing:border-box; border-radius:3px; text-indent:1em; }
.writeTbl ul.fileList li p.fileArea input[type="file"] { overflow:hidden; position:absolute; left:-999px; top:0; width:1px; height:1px; margin-left:-1px; }
.writeTbl ul.fileList li p.fileArea label { float:right; display:inline-block; width:7.625em; background:#a9a9a9; border-radius:3px; text-align:center; line-height:40px; color:#fff; cursor:pointer; }
.writeTbl ul.fileList li p.fileArea span { display:block; padding-right:8.125em; }
.writeTbl ul.fileList li p.fileArea span input { overflow:hidden; width:100%; height:40px; padding:0 1em; border:1px solid #d0d0d0; box-sizing:border-box; border-radius:3px; white-space:nowrap; text-overflow:ellipsis; }
.writeTbl ul.fileList li p.btnArea { margin-left:80%; padding-left:5px; }
.writeTbl ul.fileList li p.btnArea button { overflow:hidden; position:relative; width:44px; height:40px; margin-left:5px; border:1px solid #d0d0d0; border-radius:3px; text-indent:-999px; }
.writeTbl ul.fileList li p.btnArea button.down { background:url(../images/sub/btn_board_down.png) center no-repeat; background-size:14px auto; }
.writeTbl ul.fileList li p.btnArea button.del:before,
.writeTbl ul.fileList li p.btnArea button.del:after,
.writeTbl ul.fileList li p.btnArea button.minus:before,
.writeTbl ul.fileList li p.btnArea button.plus:before,
.writeTbl ul.fileList li p.btnArea button.plus:after { content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; background:#868686; }
.writeTbl ul.fileList li p.btnArea button.plus:after { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }
.writeTbl ul.fileList li p.btnArea button.del:before { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.writeTbl ul.fileList li p.btnArea button.del:after { -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
.writeTbl ul.fileList li p.btnArea .delBtn { overflow:hidden; vertical-align:top; display:inline-block; }
.writeTbl ul.fileList li p.btnArea .delBtn input { overflow:hidden; position:absolute; left:-1000px; width:1px; height:1px; }
.writeTbl ul.fileList li p.btnArea .delBtn label { display:inline-block; cursor:pointer; position:relative; width:44px; height:40px; margin-left:5px; border:1px solid #d0d0d0; border-radius:3px; text-indent:-999px; box-sizing:border-box; }
.writeTbl ul.fileList li p.btnArea .delBtn label::before { content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; background:#868686; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.writeTbl ul.fileList li p.btnArea .delBtn label::after { content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; background:#868686; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
.writeTbl ul.fileList li p.btnArea .delBtn input:checked + label { background:#1b7576; }
.writeTbl ul.fileList li p.btnArea .delBtn input:checked + label::before,
.writeTbl ul.fileList li p.btnArea .delBtn input:checked + label::after { background:#fff; }
.writeTbl .guideTxt { position:relative; margin-top:10px; margin-bottom:12px; padding-left:16px; color:#6b6b6b; line-height:1.3; font-size:12px; }
.writeTbl .guideTxt::before { content:'※'; display:inline-block; position:absolute; top:0; left:0; }
.writeInfo { max-width:1110px; margin:0 auto; }
.writeInfo .defaultTable { table-layout:fixed; }
.writeInfo h4,
.writeInfo .defaultTable caption { padding:1em .5em .5em; text-align:left; color:#010101; font-size:1.125em; font-weight:500; }
.writeInfo .defaultTable caption { display:table-caption; position:static; width:100%; height:auto; margin:0; text-indent:0; }
.writeInfo .defaultTable.noneCaption caption { display:inline-block; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-999px; text-indent:-999px; font-size:1px; }
.writeInfo .defaultTable tbody th,
.writeInfo .rowTable tbody td { text-align:left; }
.writeInfo .rowTable tbody th { width:20%; background:#f8f8f8; word-break:keep-all; }

/* FAQ */
.faqWrap .faqSearch { overflow:hidden; max-width:636px; margin:0 auto 3.125em; border:2px solid #1c3f37; border-radius:2.5em; }
.faqWrap .faqSearch ul { display:flex; }
.faqWrap .faqSearch ul li.inputBox { flex-grow:1; }
.faqWrap .faqSearch ul li.inputBox input { width:100%; height:3.889em; padding:0 1.5em; border:none; color:#1c3f37; font-weight:500; font-size:1.125em; }
.faqWrap .faqSearch ul li.btnBox button { overflow:hidden; width:5em; height:100%; background:url(../images/sub/btn_faq_search.png) center no-repeat; background-size:1.500em auto; text-indent:-999px; }
.faqWrap .typeItems { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.625em; }
.faqWrap .typeItems .categorySelect .moCategory { display:none; }
.faqWrap .typeItems .categorySelect ul { display:flex; }
.faqWrap .typeItems .categorySelect ul li button { display:inline-block; padding:10px 23px; border-radius:2em; color:#686868; }
.faqWrap .typeItems .categorySelect ul li.active button { background:#1c3f37; color:#ecc4c4; font-weight:700; }
.faqWrap .typeItems .boardInfo { margin-bottom:0; }
.faqWrap .faq_list { margin-bottom:3em; border-top:1px solid #000; }
.faqWrap .faq_list>li { border-bottom:1px solid #ededed; }
.faqWrap .faq_list>li>dl>dt { position:relative; font-weight:700; }
.faqWrap .faq_list>li>dl>dt button { display:flex; width:100%; padding:1.500rem 4rem 1.500rem 1.750rem; text-align:left; font-weight:700; font-size:1.125em; }
:lang(ko) .faqWrap .faq_list>li>dl>dt button { word-break:keep-all; }
.faqWrap .faq_list>li>dl>dt b { display:inline-block; margin-right:0.600em; font-size:1.250rem; }
.faqWrap .faq_list>li>dl>dt span { display:block; padding-top:2px; }
.faqWrap .faq_list>li>dl>dt button:after { content:''; position:absolute; right:1.625rem; top:1.750rem; width:0.625rem; height:0.625rem; border-right:2px solid #000; border-bottom:2px solid #000; transform:rotate(45deg); transition:0.3s; }
.faqWrap .faq_list>li>dl>dt button.active:after { transform:rotate(225deg); }
.faqWrap .faq_list>li>dl>dd { display:none; position:relative; padding:0 4rem 2.375rem 3.500rem; font-size:1.063em; }
.faqWrap .faq_list>li>dl>dd>b { display:inline-block; position:absolute; top:0; left:1.750rem; font-size:1.250rem; }
@media only screen and (max-width:960px) {
	/* 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; }
    .viewContent { padding:0 1%; border:none; }
    .viewContent .viewContentInner .img { padding:0;}
    .viewContent .shareList { margin:.5em 0; }
    .viewContent .shareList li { margin:.25em 0; }
    .imgSlider { margin:0 50px; }
    .imgSlider .slick-arrow { width:30px; height:30px; }
    .imgSlider .slick-prev { left:-35px; }
    .imgSlider .slick-next { right:-35px; }
    .imgSlider .slick-arrow:after { width:10px; height:10px; margin-top:-5px; }
    .imgSlider .slick-prev:after { margin-left:-3px; }
    .imgSlider .slick-next:after { margin-left:-6px; }
}
@media only screen and (max-width:720px) {
    /* Board List */
    .boardSearchText input.text { width:100%; }
    .boardTop { margin-bottom:1em; text-align:center; }
    .boardTop h4 { float:none; padding:0 0 .5em; line-height:1.4; }
    .boardTop .boardTopBtn { float:none; text-align:center; }
    .boardTopType2 .left { float:none; }
    .boardTopType2 .boardTopBtn { display:flex; float:none; margin:.5em -.25em; }
    .boardTopType2 .boardTopBtn li { flex-grow:1; }
    .boardTopType2 .boardTopBtn li a { /*margin:0 .25em;*/ margin:0; text-align:center; }
    .boardTopType2 .boardTopBtn li button { width:100%; }
    .boardList thead th,
    .boardList td { color:#000; font-size:1rem; }
    .boardList td { font-weight:400; }
    .boardList .add { width:4em; }
    .boardList .cellBtn { width:5.5em; }
    .boardList .date { width:5.8em; }
    .boardList .datetodate { width:22%; }
    .boardList .num,
    .boardList .writer,
    .boardList .date2,
    .boardList .file,
    .boardList .hits,
    .boardList .moNone,
    .choiceBoardList .moNone,
    .defaultTable .moNone,
    .boardList .business { display:none; }
    .rollTable .num,
    .rollTable .writer,
    .rollTable .date2,
    .rollTable .file,
    .boardList .moView { display:table-cell; }
    .boardStyle .boardList th,
    .boardStyle .boardList td { padding-left:.5em; padding-right:.5em; }
	.boardList td.subject i.reply { font-size:1rem; }
    .fileWrap dl { flex-direction:column; }
    .fileWrap dl dt { width:auto; flex-grow:1; }
	.calendarWrap .calendarTop { margin-bottom:2.182em; }
	.calendarWrap .calendarTop h4,
	.calendarWrap .calendarTop #calendarTitle, { font-size:1.818em; }
	.calendarWrap .calendarTop ul { margin-top:0; margin-right:0; }
	
    /* GalleryList */
	.boardStyle .galleryList li { width:48%; margin:0 1% 1em; }
	
    /* 공연일정 */
	/*.performStyle .boardSearch .selectbox { border-right:none; }*/
	.performStyle .boardSearch .dateLine input { border-left:1px solid #cacaca; }
	.performStyle .boardSearch .selectbox,
	.performStyle .boardSearch .dateLine input { width:100%; }
	.performStyle .boardTab { margin-bottom:2.455em; }
	.performStyle .performGenre,
	.performStyle .performDate { margin-bottom:3em; }
	.performStyle .btnListMore { margin-top:1em; text-align:center; }
    .performStyle .btnListMore button { padding:1em; color:#000; font-size:1.0625rem; font-weight:300; }
    .performStyle .btnListMore button::before { content:'+'; display:inline-block; margin-right:.25rem; }
	.performStyle .galleryList li { width:100%; margin-bottom:2.182em; }
	.performStyle .galleryList li a { display:flex; align-items:flex-start; }
	.performStyle .galleryList a span.img,
	.performStyle .performDate .galleryList a span.img { flex-grow:0; flex-shrink:0; width:7.455rem; height:7.455rem; margin-right:1.455em; padding:0; }
	.performStyle .galleryList li span.txtArea { flex-grow:1; max-width:calc(100% - 8.91rem); padding:0; }
	.performStyle .galleryList a span.txtArea .tit,
	.performStyle .performDate .galleryList a span.txtArea .tit { margin:0.400em 0 0.467em; font-size:1.364em; }
	.performStyle .galleryList .ticketBtn { display:none; }
	.performStyle .performTab li { margin:0 1px; }
	.performStyle .performTab li a { padding:0.333em 0.833em; font-size:1.091em; }
	.performStyle .performDate { flex-direction:column; }
    .performStyle .performDate .dateGallery { width:100%; padding-bottom:2rem; padding-right:0; border-right:none; }
    .performStyle .performDate .calendarWrap table { max-width:none; margin:0; }
	.performStyle .performDate .dateGallery .summary { margin-top:1.5em; }
	.performStyle .performDate .dateGallery .summary li { font-size:1.091em; }
    .performStyle .performDate .galleryWrap { width:100%; margin:0; padding-top:3rem; border-top:1px solid #000; }
	.performStyle .performDate .galleryList li { margin-bottom:2.273em; }
	.performStyle .performDate .galleryList li a { min-height:auto; }
    .performStyle .performDate .galleryList a span.txtArea { position:relative; max-width:calc(100% - 8.91rem); padding:0; }
    .performStyle .performDate .galleryList a span.txtArea .tit { display:block; height:auto; white-space:nowrap; word-break:keep-all; }
	.galleryList a span.txtArea b { font-size:0.909em; }
	.visualVideo { margin-bottom:2.5em; }
	
	/* 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; }
    /* boardPage */
	.boardBtn + .pageNav { margin-top:30px; }
    .pageNav ul.pcVer { display:none; }
    .pageNav ul.mVer { display:block; }
    
    /* boardWrite */
    .boardWrite .tit { margin-top:0; margin-left:0; }
	.writeTbl tbody th { width:4.615em; }
	.writeTbl tbody th .label { padding-left:0.5em; background-position:0 50%; }
	.writeTbl .txt.w30 { width:100%; }
	.writeTbl ul.fileList { padding:10px; }
    .writeTbl ul.fileList li { padding:1em 0; border-top:1px solid #d0d0d0; }
    .writeTbl ul.fileList li:first-child { padding-top:0; border:none; }
    .writeTbl ul.fileList li p.fileArea,
    .writeTbl ul.fileList li.beforeFile p.txtBox { width:100%; padding-right:0; padding-bottom:5px; }
    .writeTbl ul.fileList li p.fileArea { display:flex; }
    .writeTbl ul.fileList li p.fileArea label { order:2; float:none; margin-left:5px; }
    .writeTbl ul.fileList li p.fileArea span { flex-grow:1; order:1; padding-right:0; }
    .writeTbl ul.fileList li p.btnArea { position:static; right:auto; top:auto; width:100%; margin:0; padding:0; text-align:right; }
    .writeTbl ul.fileList li p.btnArea button,
    .writeTbl ul.fileList li p.btnArea .delBtn { margin:0; width:50%; }
    .writeTbl ul.fileList li p.btnArea button:nth-of-type(1) { width:49%; margin-right:1%; }
    .writeTbl ul.fileList li p.btnArea .delBtn label { text-align:center; margin:0; width:100%; }
    .writeTbl .guideTxt { margin:10px 10px 0; font-size:1em; }
	
	/* FAQ */
	.faqWrap .faqSearch ul li.inputBox input { height:3.167em; }
	.faqWrap .typeItems .boardInfo { display:flex; }
	.faqWrap .typeItems .categorySelect { position:relative; }
	.faqWrap .typeItems .categorySelect .moCategory { display:inline-block; }
	.faqWrap .typeItems .categorySelect .moCategory button { display:block; min-width:5.667em; padding:0 1em; border-radius:2em; background:#1c3f37; color:#ecc4c4; text-align:center; white-space:nowrap; font-weight:700; font-size:1.091em; box-sizing:border-box; }
	.faqWrap .typeItems .categorySelect .moCategory button span { display:inline-block; padding:0.833em 1.167em 0.833em 0; background:url(../images/sub/arrow_down_p.svg) no-repeat right 0 top 50%; background-size:0.667em auto; text-align:left; }
	.faqWrap .typeItems .categorySelect ul { display:none; z-index:1; position:absolute; left:0; width:10.273em; width:max(120px, 33.3333vw); }
	.faqWrap .typeItems .categorySelect ul li button { display:block; width:100%; margin-top:-1px; border-radius:0; border:1px solid #dcdcdc; background:#fff; text-align:left; }
	.faqWrap .faq_list>li>dl>dt button { padding-left:0; font-size:1.091em; }
	.faqWrap .faq_list>li>dl>dt b { font-size:1.083em; }
	.faqWrap .faq_list>li>dl>dt span { padding-top:0; }
	.faqWrap .faq_list>li>dl>dd { padding-left:1.500em; }
	.faqWrap .faq_list>li>dl>dd>b { left:0; }
}
@media only screen and (max-width:340px) {
	.performStyle .performGenre .listItem { flex-wrap:wrap; }
	.performStyle .performGenre .listItem .total { order:2; margin-top:0.5em; }
	.performStyle .performGenre .performTab { justify-content:flex-end; width:100%; }
}

/* 로그인 */
.loginForm>p { margin-bottom:1.923em; color:#010101; font-size:1.500em; text-align:center; }
.loginForm>p>span { display:block; }
.loginForm .loginWrap { max-width:584px; margin:0 auto; }
.loginForm .loginWrap .login { position:relative; padding:3.500em 7.8% 2.500em; background-color:#f8f8f8; border:1px solid #dcdcdc; text-align:center; }
.loginForm .loginWrap .login .loginTit { display:inline-block; padding-left:1em; background:url(../images/use/icon_login.png) no-repeat 0 50%; background-size:1.250rem auto; color:#1c3f37; font-size:1.750em; }
.loginForm .loginWrap .login .loginStit { margin-top:1em; margin-bottom:2.625rem; color:#010101; letter-spacing:-0.03em; font-weight:300; font-size:1.188em; }
.loginForm input[type=password],
.loginForm input[type=text],
.loginForm .formHyphen,
.loginForm .formAtsign { display:inline-block; height:53px; vertical-align:middle; line-height:53px; font-size:1.063em; }
.loginForm input[type=password],
.loginForm input[type=text] { width:100%; padding:0 2.235em; border:1px solid #dcdcdc; box-sizing:border-box; }
.loginForm .inputBox input:nth-of-type(1) { margin-bottom:0.471em; }
.loginForm .checkBox { position:relative; margin-top:0.875em; margin-bottom:1.875em; text-align:right; }
.loginForm .checkBox>input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-top:-1px; margin-left:-999px; clip:rect(0,0,0,0); }
.loginForm .checkBox label { display:inline-block; position:relative; padding:1px 0 1px 27px; font-size:0.938em; }
.loginForm .checkBox input:focus + label { text-decoration:underline; }
.loginForm .checkBox label:after { content:''; position:absolute; left:0; top:50%; width:19px; height:19px; margin-top:-10px; background:#fff center no-repeat; border:1px solid #dcdcdc; text-indent:-999px; }
.loginForm .checkBox input:focus + label:after { border:1px dashed #ff2a00; }
.loginForm .checkBox input:checked + label:after { background-image:url(../images/use/bl_checkbox02.png); border:1px solid #ff2a00; }
.loginForm .login>ul { display:flex; border:1px solid #dcdcdc; }
.loginForm .login>ul>li { width:33.33333%; border-left:1px solid #dcdcdc; text-align:center; }
.loginForm .login>ul>li:first-child { border-left:0 none; }
.loginForm .login>ul>li>a { display:block; background-color:#fff; line-height:3.765em; font-size:1.063em; }
.loginForm .login>ul>li>a>span { display:inline-block; padding-left:21px; background-position:left center; background-repeat:no-repeat; background-size:1.125rem auto; vertical-align:top; }
.loginForm .login .btnJoin span { background-image:url(../images/use/btn_join.png); }
.loginForm .login .btnFindId span { background-image:url(../images/use/btn_find_id.png); }
.loginForm .login .btnFindPass span { background-image:url(../images/use/btn_find_pass.png); }
.loginForm .btnLogin { margin-top:2.750rem; }
.loginForm .btnLogin a,
.loginForm .btnLogin button { width:100%; height:5.000rem; background-color:#1c3f37; color:#fff; text-align:center; line-height:5.000rem; font-weight:400; font-size:1.250em; }
.joinWrap .snsLogin { display:flex; justify-content:space-between; align-items:center; margin-top:0.5em; padding:2em 7.8% 1.750em; border:1px solid #dcdcdc; box-sizing:border-box; }
.joinWrap .joinType .snsLogin { margin-top:1em; }
.joinWrap .snsLogin > div h5 { color:#303030; font-weight:500; font-size:1.125em; }
.joinWrap .snsLogin > div p { margin-top:0.5rem; color:#797979; font-size:0.875em; }
.joinWrap .snsLogin .loginList li { display:inline-block;}
.joinWrap .snsLogin .loginList li:first-child { margin-right:1em; }
.joinWrap .snsLogin .loginList li a { overflow:hidden; display:block; width:3.500em; height:3.375em; border:1px solid #d0d0d0; background-position:center; background-repeat:no-repeat; text-indent:-999px; }
.joinWrap .snsLogin .loginList li.naver a { background-image:url(../images/use/icon_naver.svg); background-size:1.375em auto; }
.joinWrap .snsLogin .loginList li.kakao a { background-image:url(../images/use/icon_kakao.svg); background-size:1.625em auto; }

/* 아이디, 비밀번호 찾기 */
.findIdForm { text-align:center; }
.findIdForm h4 { margin-bottom:0.560em; font-weight:400; font-size:1.563em; }
.findIdForm .findTop { line-height:1.3; letter-spacing:-0.03em; font-size:1.063em; }
.findIdForm>div { max-width:532px; margin:3.500em auto 0; }
.findIdForm>div>ul { }
.findIdForm>div>ul>li { overflow:hidden; position:relative; margin-bottom:0.625em; }
.findIdForm>div>ul>li.reasonBox { display:none; }
.findIdForm>div>ul>li>span,
.findIdForm>div>ul>li>label { overflow:hidden; position:absolute; left:-9999px; top:0; width:1px; height:1px; margin-left:-1px; }
.findIdForm>div>ul>li input[type=email],
.findIdForm>div>ul>li input[type=password],
.findIdForm>div>ul>li input[type=tel],
.findIdForm>div>ul>li input[type=text],
.findIdForm>div>ul>li select { width:100%; height:4.375em; padding:0 1.500em; line-height:4.375em; border:1px solid #e8e8e8; font-weight:300; box-sizing:border-box; }
.findIdForm .radioList { display:inline-block; vertical-align:top; }
.findIdForm .radioList input { position:absolute; left:0; top:0; margin-left:-999px; }
.findIdForm .radioList li { position:relative; display:inline-block; margin-right:23px; overflow:hidden; }
.findIdForm .radioList li label { padding-left:26px; line-height:23px; }
.findIdForm .radioList li label:after { content:'.'; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:#f8f8f8 center no-repeat; border:1px solid #bcbcbc; border-radius:50%; text-indent:-999px; }
.findIdForm .radioList li input:checked + label:after { background-color:#fff; background-image:url(../images/use/bl_checkbox01.png); border-color:#2c2cdf; }
.findIdForm .radioList li input:focus + label:after { border-color:#2c2cdf; }
.findIdForm .radioList li input:checked + label,
.findIdForm .radioList li input:focus + label { color:#2c2cdf; }
.findIdForm .btnWrap button { max-width:532px; width:100%; height:5.625rem; background-color:#1c3f37; color:#fff; font-size:1.250em; }
.findIdForm .result { display:flex; align-items:center; justify-content:center; min-height:5em; margin-top:2em; border:1px solid #dcdcdc; text-align:center; line-height:1.4; font-size:1.250em; }
.findIdForm .result strong { display:inline-block; margin-left:1rem; }
@media screen and (max-width:960px) {
    /* 로그인 */
    .loginForm .loginWrap .login { padding-top:3em; }
    .loginForm input[type=password],
    .loginForm input[type=text],
    .loginForm .formHyphen,
    .loginForm .formAtsign { height:42px; line-height:42px; }
    .loginForm .checkBox label { font-size:1.091em; }
    .loginForm .login>ul>li>a>span { padding-left:0; }
    .loginForm .login .btnJoin span,
    .loginForm .login .btnFindId span,
    .loginForm .login .btnFindPass span { background:none; }
    .joinWrap .snsLogin { padding-top:1.273em; padding-bottom:1.273em; }
    .joinWrap .snsLogin > div h5 { font-size:1.273em; }
    .joinWrap .snsLogin > div p { display:none; }
    .joinWrap .btnLogin { margin-top:2.364em; }

    /* 아이디, 비밀번호 찾기 */
    .findIdForm h4 { font-size:1.455em; }
    .findId_result { margin-top:0; }
}

/* 회원가입 - 가입유형선택 */
.joinWrap { max-width:1040px; margin:50px auto 50px; }
.joinForm { max-width:584px; margin:0 auto; }
.joinForm > .stit { margin-bottom:2.667em; text-align:center; font-size:1.500em; }
.joinTurnList { display:flex; justify-content:center; align-items:center; margin-bottom:70px; text-align:center; }
.joinTurnList li { position:relative; display:inline-block; padding-right:74px; line-height:1.3; font-weight:300; font-size:17px; }
.joinTurnList li:last-child { padding-right:0; }
.joinTurnList li:before { content:''; position:absolute; top:37px; left:30%; width:100%; height:0; border:1px solid #add5f3; }
.joinTurnList li:last-child:before { content:none; }
.joinTurnList li span { display:inline-block; position:relative; padding-top:92px; }
.joinTurnList li span:after { content:''; z-index:1; position:absolute; left:50%; top:0; width:73px; height:73px; margin-left:-37px; border-radius:50%; border:1px solid #007bda; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:auto 2.176em; font-weight:300; font-size:17px; letter-spacing:-0.04em; box-sizing:border-box; }
.joinTurnList li.turn01 span:after { background-image:url(../images/use/icon_join01.png); }
.joinTurnList li.turn02 span:after { background-image:url(../images/use/icon_join03.png); }
.joinTurnList li.turn03 span:after { background-image:url(../images/use/icon_join02.png); }
.joinTurnList li.turn04 span:after { background-image:url(../images/use/icon_join04.png); }
.joinTurnList li.turn01.active span:after { background-color:#007bda; background-image:url(../images/use/icon_join01_on.png); }
.joinTurnList li.turn02.active span:after { background-color:#007bda; background-image:url(../images/use/icon_join03_on.png); }
.joinTurnList li.turn03.active span:after { background-color:#007bda; background-image:url(../images/use/icon_join02_on.png); }
.joinTurnList li.turn04.active span:after { background-color:#007bda; background-image:url(../images/use/icon_join04_on.png); }
.joinTurnList li.on span:after { background-color:#007bda; background-image:url(../images/use/turn_join_on.png); background-size:auto 1em; }
.joinType { max-width:984px; margin:0 auto; }
.joinType>ul { display:flex; }
.joinType>ul>li { display:inline-block; width:48%; margin:0 1%; text-align:center; vertical-align:top; letter-spacing:-0.06em; }
.joinType>ul>li>a { overflow:hidden; display:block; border:1px solid #dcdcdc; border-radius:0.625em; }
.joinType>ul>li>a>dl { margin:16% 10px 18%; padding-top:9.625em; background-position:center top; background-repeat:no-repeat; background-size:8.250em auto; }
.joinType .list01>a>dl { background-image:url(../images/use/icon_join_type01.png); }
.joinType .list02>a>dl { background-image:url(../images/use/icon_join_type02.png); }
.joinType>ul>li>a>dl>dt { font-size:1.375em; }
.joinType .list03>a>dl>dt { padding:18px 0 3px; }
.joinType>ul>li>a>dl>dd { margin-top:14px; color:#616161; line-height:1.3; }
.joinType .list03>a>dl>dd { padding-bottom:9px; }
.joinType>ul>li>a>dl>dd>span { display:block; padding-top:2px; }
.joinType>ul>li>a>dl>dd>div { display:none; }
.joinType>ul>li>a>p { padding:7% 10px 9%; background-color:#fafafa; border-top:1px solid #dcdcdc; font-size:1.250em; }
.joinType>ul>li>a>p>span { display:inline-block; padding-right:24px; background:url(../images/use/arrow_join_type.png) right center no-repeat; }

/* 회원가입 - 약관동의 */
.joinSect { padding:16px 3px 0; border-top:1px solid #ddd; }
.joinSect>p { line-height:1.3; font-weight:300; font-size:17px; }
.clauseWrap { padding-top:33px; }
.clauseWrap .clauseTit { font-size:22px; }
.clauseWrap .clauseBox { overflow:hidden; padding-top:17px; font-size:15px; }
.clauseWrap .clauseTxt { overflow-y:scroll; height:240px; padding:25px 30px; border:1px solid #ddd; color:#282828; box-sizing:border-box; line-height:1.5; }
.clauseWrap.scrollNone { padding-top:0; }
.clauseWrap.scrollNone .clauseBox { overflow:visible; }
.clauseWrap.scrollNone .clauseTxt { overflow:visible; height:auto; padding:0; border:none; }
.clauseWrap.scrollNone .clauseTxt h4 { margin-top:1.600em; font-weight:700; font-size:1.375em; }
.clauseWrap.scrollNone .clauseTxt h4.AlignCenter { font-size:1.500em; }
.clauseWrap .clauseTxt h4 { margin:18px 0; font-size:16px; }
.clauseWrap .clauseTxt h4:first-child { margin-top:0; }
.clauseWrap .clauseTxt h5 { margin:15px 0 10px; font-size:15px; }
.clauseWrap .clauseTxt h5:first-child { margin-top:0; }
.clauseWrap .clauseTxt h6 { margin-bottom:5px; font-weight:normal; font-size:15px; }
.clauseWrap .clauseTxt hr { display:block; margin-bottom:2em; border:1px solid #dcdcdc; }
.clauseWrap .clauseTxt .topList>li { margin-top:20px; }
.clauseWrap .clauseTxt .topList>li:first-child { margin-top:0; }
.clauseWrap .clauseTxt .topList>li>ul { margin-top:20px; }
.clauseWrap .clauseTxt i { font-style:normal; }
.clauseWrap .clauseTxt p,
.clauseWrap .clauseTxt ol,
.clauseWrap .clauseTxt ul,
.clauseWrap .clauseTxt dl  { margin-bottom:10px; }
.clauseWrap .clauseTxt li { margin:2px 0; }
.clauseWrap .clauseTxt ol ol,
.clauseWrap .clauseTxt ol ul,
.clauseWrap .clauseTxt ul ul { margin-left:19px; }
.clauseWrap .clauseTxt ol li { overflow:hidden; }
.clauseWrap .clauseTxt ol li>i,
.clauseWrap .clauseTxt ul li>i { float:left; margin-right:5px; }
.clauseWrap .clauseTxt ol li>span,
.clauseWrap .clauseTxt ul li>span { overflow:hidden; display:block; }
.clauseWrap .clauseTxt ol>li>p { margin-left:19px; }
.clauseWrap .clauseTxt p { overflow:hidden; }
.clauseWrap .clauseTxt p>i { float:left; margin-right:5px; }
.clauseWrap .clauseTxt p>span { overflow:hidden; display:block; }
.clauseWrap .agree { padding:10px 30px 15px; border:1px solid #ddd; border-top:0; }
.clauseWrap .agree>div { display:inline-block; font-size:0; }
.clauseWrap .agree .agreeNo { padding-left:40px; }
.clauseWrap .agree>div input { display:inline-block; margin-right:5px; vertical-align:middle; }
.clauseWrap .agree>div label { display:inline-block; vertical-align:middle; font-size:1rem; cursor:pointer; }
.clauseWrap .agree>ul>li { margin-top:5px; font-size:14px; }
.clauseWrap .agree>ul>li>div { display:inline-block; }
.clauseWrap .agree>ul>li>div.last { margin-left:10px; }
.clauseWrap .agree>ul>li>div input { display:inline-block; margin-left:5px; vertical-align:middle; }
.clauseWrap .agree>ul>li>div label { display:inline-block; font-weight:300; vertical-align:middle; font-size:14px; }
.joinSect .agreeAll { padding:20px 30px 0; font-size:0; }
.joinSect .agreeAll>input { display:inline-block; margin-right:5px; vertical-align:middle; }
.joinSect .agreeAll>label { display:inline-block; font-size:15px; vertical-align:middle; cursor:pointer; }
.clauseWrap .btnClause { display:inline-block; padding:1.200em 1.375em; border:1px solid #3c3c3c; }
.clauseWrap .btnClause span { display:inline-block; padding-right:1.750rem; background:url(../images/sub/icon_download.png) no-repeat right 0 top 50%; background-size:1.125rem auto; }

/* btn style */
.joinBtnWrap { margin:45px 0; }
.joinBtnWrap ul { display:flex; justify-content:center; text-align:center; }
.joinBtnWrap ul li { display:inline-block; height:60px; line-height:60px; margin:0 3px; vertical-align:top; font-size:1rem; }
.joinBtnWrap ul li:nth-child(1) > *,
.joinBtnWrap .type1 > * { background-color:#0742ba; }
.joinBtnWrap ul li:nth-child(2) > *,
.joinBtnWrap .type2 > * { background-color:#007bda; }
.joinBtnWrap ul li:nth-child(3) > * { background-color:#676a71; }
.joinBtnWrap ul li > * { display:block; min-width:10.833em; height:100%; padding:0 1em; font-weighT:300; font-size:1.125em; color:#fff; letter-spacing:-0.03em; box-sizing:border-box; }
.joinBtnWrap button span,
.joinBtnWrap a span { display:inline-block; padding-left:2.000em; background-repeat:no-repeat; background-position:0 50%; background-size:1.250rem auto; }
.joinBtnWrap span.cancel { background-image:url(../images/use/btn_join_cancel.png); }
.joinBtnWrap span.next { padding-left:0; padding-right:2.000em; background-image:url(../images/use/btn_join_next.png); background-position:right 0 top 50%; }
.joinBtnWrap span.prev { background-image:url(../images/use/btn_join_prev.png); }
.joinBtnWrap span.check { background-image:url(../images/use/btn_join_check.png); }
.joinBtnWrap span.out { padding-left:2rem; background-image:url(../images/use/btn_join_out.png); }
.joinBtnWrap span.none { padding-left:0; }
.joinBtnWrap p { vertical-align:top; text-align:center; }
.joinBtnWrap p button,
.joinBtnWrap p a { display:inline-block; min-width:15.278em; height:60px; line-height:60px; margin:0 3px; padding:0 1em; color:#fff; font-weighT:300; font-size:1.125em; box-sizing:border-box; }
div.defaultBtn { margin-top:3.875em; }
.defaultBtn ul { display:flex; justify-content:center; }
.defaultBtn ul li { margin:0 1px; }
.defaultBtn ul li a,
.defaultBtn ul li button,
.defaultBtn ul li input { display:inline-block; min-width:10.000em; height:3.600em; padding:1.200em 1em; border:1px solid #1c3f37; text-align:center; line-height:1.1; font-size:1.250rem; box-sizing:border-box; }
.defaultBtn ul li.type2 * { border-color:#1c3f37; background-color:#1c3f37; color:#fff; }
.defaultBtn a:hover,
.defaultBtn a:focus { text-decoration:none; }
.defaultBtn span { display:inline-block; background-repeat:no-repeat; background-position:0 50%; }

/* 이메일 무단수집거부 */
.privacyEmail { position:relative; margin-top:5%; border:1px solid #d9d9d9; text-align:center; }
.privacyEmail::before { content:''; position:absolute; top:-1.875em; left:50%; width:4.875em; height:4.063em; margin-left:-2.438em; background:url(../images/use/bg_privacy.png) no-repeat 50% 50%; background-size:contain; }
.privacyEmail .inner { margin:0.250em; padding:3.375em 5% 1.500em; border:3px solid #f4f7f8; letter-spacing:-0.03em; line-height:1.8; box-sizing:border-box; }
.privacyEmail .inner p + p { margin-top:1.500em; }
:lang(ko) .privacyEmail .inner p { word-break:keep-all; }
.privacyEmail .inner p img { max-height:2em; vertical-align:bottom; }
.privacyEmail .inner div { margin-top:2em; }
.privacyEmail .inner div img { max-height:2.25em; }

/* 회원가입 - 인증종류선택 */
.authCheck>ul { display:table; width:100%; }
.authCheck>ul>li { display:table-cell; width:33.33333%; padding:62px 2% 55px; border:1px solid #ddd; border-left:0 none; text-align:center; vertical-align:top; }
.authCheck>ul>li:first-child { border-left:1px solid #ddd; }
.authCheck>ul>li dl{ padding-top:115px; background-position:center top; background-repeat:no-repeat; }
.authCheck .authMail dl { background-image:url(../images/use/icon_auth_mail.jpg); }
.authCheck .authSms dl { background-image:url(../images/use/icon_auth_sms.jpg); }
.authCheck .authPin dl { background-image:url(../images/use/icon_auth_pin.jpg); }
.authCheck>ul>li dl dt { font-weight:500; font-size:22px; }
.authCheck>ul>li dl dd.txt { margin-top:11px; font-size:17px; color:#0b0c0e; letter-spacing:-0.04em; word-break:keep-all; }
.authCheck>ul>li dl dd.btnSe { display:inline-block; min-width:148px; margin-top:25px; letter-spacing:-0.02em; }
.authCheck>ul>li dl dd a { display:block; padding:13px 22px 14px 46px; background:url(../images/use/bl_auth_check.png) 20px center no-repeat; border:1px solid #cfcfcf; border-radius:3px; font-size:17px; }
.authCheck .info { margin:40px auto 0; font-size:17px; color:#4d4f56; text-align:center; line-height:1.4; }
.authCheck .info>span { display:block; }

/* 회원가입 - 가입신청서 */
.formStyle { max-width:1235px; margin:60px auto 50px; }
.formStyle .requiredTxt { float:right; margin-bottom:10px; font-weight:300; }
.formStyle .formTxt { margin:2.353em 0; text-align:center; line-height:1.3; font-weight:300; font-size:1.063em; }
.formStyle .formBtn { flex-shrink:0; display:inline-block; padding:0.875em 1.2em; border:none; border:1px solid #dcdcdc; background:#fafafa; color:#000; text-align:center; font-weight:300; line-height:1.2; box-sizing:border-box; }
.formStyle a.lk { display:inline-block; margin-left:0.5em; color:#1A73E8; text-decoration:underline; font-weight:500; }
.formTable { table-layout:fixed; width:100%; margin:1em auto; border-top:1px solid #000; text-align:left; }
.formTable th,
.formTable td,
.formTable td .th { border-bottom:1px solid #e8e8e8; vertical-align:middle; line-height:1.3; font-weight:400; }
.formTable th,
.formTable td .th { padding:1.125em 1.091em; font-weight:400; }
.formTable thead th { width:auto; text-align:center; }
.formTable tbody th { width:178px; letter-spacing:-0.03em; text-align:left; }
.formTable td { padding:0.813em 4px; }
.formStyle .formTit { overflow:hidden; margin-top:2.560em; margin-bottom:1.200em; line-height:1.4; font-weight:500; font-size:1.250em; }
.joinWrap .formStyle .formTit { margin-bottom:1rem; }
.formStyle div.formTit { margin-bottom:1rem; font-size:1rem; }
.formStyle div.formTit h4 { float:left; margin:0; font-weight:500; font-size:1.250em; }
.formStyle div.formTit .requiredTxt { margin-top:0.250em; margin-bottom:0; }
.formStyle .formBtn i { font-style:normal; font-size:0.867em; }
.formStyle .guideTxt { display:block; position:relative; margin:0.5em 0; padding-left:1.125rem; line-height:1.3; font-weight:300; font-size:0.938em; box-sizing:border-box; }
.joinWrap .formTable .guideTxt { margin-bottom:0; }
.formStyle .guideTxt.red,
.formStyle .guideTxt .red { color:red; font-weight:400; }
.formStyle .guideTxt.blue { color:blue; }
.formStyle .guideTxt i { display:inline-block; vertical-align:top; font-style:normal; }
.formStyle .guideTxt i:before { display:block; position:absolute; top:0; left:0; }
.formStyle .guideTxt i.minus:before { content:'-'; }
.formStyle .guideTxt i.point:before { content:'※'; }
.formStyle .guideTxt i.dot:before { content:'·'; left:0.375em; }
.formStyle .guideTxt a { display:inline-block; padding-bottom:0.250em; border-bottom:1px solid #3173FD; color:#3173FD; vertical-align:top; font-weight:500; }
.formStyle label,
.formStyle .label { display:inline-block; font-size:0.938rem; }
.formStyle .formTable th label,
.formStyle .formTable th .label { vertical-align:middle; }
.formStyle .formTable label.error { order:100; width:100%; }
.formStyle input::-webkit-input-placeholder { color:#929292; }
.formStyle input::-moz-placeholder { color:#929292; }
.formStyle input:-ms-input-placeholder { color:#929292; }
.formStyle input::-ms-input-placeholder { color:#929292; }
.formStyle .required { overflow:hidden; display:inline-block; width:0.667em; height:0.667em; margin-top:-0.333em; margin-left:0.400em; background:url(../images/use/icon_compul_check.gif) center no-repeat; background-size:contain; vertical-align:middle; text-indent:999px; }
.formStyle input.txt,
.formStyle select,
.formStyle [class*="datePicker"],
.formStyle [class*="timePicker"] { width:100%; max-width:100%; height:3.000em; border:1px solid #e8e8e8; margin-right:0.375em; text-indent:0.75em; line-height:3.000em; box-sizing:border-box; }
.joinWrap .formStyle input.txt,
.joinWrap .formStyle .datePicker { width:auto; min-width:20.000em; } /* 회원가입 */
.formStyle [class*="datePicker"] { padding-right:2.250em; background:url(../images/sub/icon_calendar.png) no-repeat right 0.625em top 50%; background-size:1.125em auto; }
.formStyle [class*="timePicker"] { padding-right:2.250em; background:url(../images/use/icon_time.png) no-repeat right 0.625em top 50%; background-size:0.875em auto; }
.formStyle input[type="text"]:read-only,
.formStyle input[type="password"]:read-only,
.formStyle input[type="date"]:read-only { background:#f4f4f4; }
.formStyle input[type="text"][readonly] { background:#f4f4f4; }
.formStyle input[type="file"] { width:100%; margin-bottom:0.5em; }
.formStyle input[type="file"] ~ a { display:block; margin-top:1em; padding-bottom:0.5em; font-weight:300; font-size:0.875rem; text-decoration:underline; }
.formStyle select { padding-left:1em; background:#fff url(../images/use/arrow_select.png) no-repeat right 0.824em top 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.formStyle textarea { width:100%; height:10rem; padding:1.5em; border:1px solid #e8e8e8; resize:none; }
.formStyle input[type="radio"],
.formStyle input[type="checkbox"] { overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; clip: rect(0,0,0,0); }
.formStyle input[type="radio"] ~ label,
.formStyle input[type="checkbox"] ~ label { display:inline-block; position:relative; min-height:15px; padding-left:1.563rem; cursor:pointer; }
.formStyle input[type="radio"] ~ label::before,
.formStyle input[type="checkbox"] ~ label::before { content:''; position:absolute; top:1px; left:0; border:1px solid #bbb; box-sizing:border-box; }
.formStyle input[type="radio"] ~ label::before { width:1.125rem; height:1.125rem; border-radius:50%; }
.formStyle input[type="checkbox"] ~ label::before { width:15px; height:15px; }
.formStyle input[type="radio"]:checked ~ label::before,
.formStyle input[type="checkbox"]:checked ~ label::before { border:none; background:#000 url(../images/use/bu_radio_on.png) no-repeat 50% 100%; background-size:1.125rem auto; }
.formStyle .formHyphen,
.formStyle .formAtsign { display:inline-block; height:3.000em; line-height:3.000em; margin-right:0.400em; font-size:0.938em; vertical-align:middle; }
.formStyle .inputBtn { display:flex; flex-wrap:wrap; align-items:center; }
.formStyle .txtCheck { display:flex; align-items:center; }
.formStyle .txtCheck .checkb { flex-shrink:0; margin:0 1em; }
.formStyle .groupEmail { display:flex; flex-wrap:wrap; }
.formStyle .groupEmail .txt,
.joinWrap .formStyle .groupEmail .txt { width:30%; min-width:auto; margin-right:0; }
.formStyle .groupEmail select { width:calc(32% - 0.375em); min-width:auto; margin-right:0; margin-left:0.375em; }
.formStyle .groupEmail .formAtsign { width:8%; margin-right:0; text-align:center; }
.formStyle .groupAddr { position:relative; }
.formStyle .groupAddr .btnZipcode { display:block; position:absolute; top:0; right:0; width:11.000em; height:3em; border:1px solid #dcdcdc; border-left:none; background:#fafafa; text-align:center; line-height:3em; box-sizing:border-box; }
.formStyle .groupAddr .btnZipcode span { display:inline-block; height:100%; padding-left:1.375em; background:url(../images/use/btn_search_form.png) no-repeat 0 50%; background-size:1.125em auto; }
.formStyle .groupAddr .addrTxt { display:flex; flex-wrap:wrap; padding-right:11.000em; }
.formStyle .groupAddr .addrTxt .txt { min-width:auto; margin-right:0; }
.formStyle .groupAddr .addrTxt .txt:nth-of-type(1) { flex-shrink:0; width:11em; border-right:none; }
.formStyle .groupAddr .addrTxt .txt:nth-of-type(2) { width:calc(100% - 11em); }
.formStyle .groupAddr > input.txt { width:100%; margin-top:0.375em; margin-right:0; }
.formStyle .groupTel { display:flex; flex-wrap:wrap; align-items:center; }
.formStyle .groupTel .txt { width:calc(100% - 11em); }
.formStyle .groupTel select { flex-shrink:0; width:10em; padding-left:1.5em; }
.formStyle .groupTel .formHyphen { display:inline-block; width:6%; margin-right:0; text-align:center; vertical-align:top; }
.formStyle .groupTel .chekb { flex-shrink:0; overflow:hidden; position:relative; padding:0 22px; box-sizing:border-box; }
.formStyle .groupTel .chekb input { overflow:hidden; position:absolute; top:0; left:-99999px; width:1px; height:1px; margin-left:-1px; clip:rect(0,0,0,0); }
.formStyle .groupTel .chekb label { display:inline-block; padding:4px 0; cursor:pointer; }
.formStyle .groupTel .chekb label span { display:block; position:relative; padding-left:28px; }
.formStyle .groupTel .chekb label span::before { content:''; position:absolute; top:0.125em; left:0; width:20px; height:20px; border:1px solid #dcdcdc; box-sizing:border-box; }
.formStyle .groupTel .chekb input:checked + label span::before { border-color:#007bda; background:url(../images/use/bg_check_on.png) no-repeat 50% 50%; background-size:contain; }
.formStyle .groupTel .formBtn { border-bottom:1px solid #dcdcdc; }
.formStyle .radioList { display:flex; flex-wrap:wrap; align-items:center; }
.formStyle .radioList.center { justify-content:center; }
.formStyle .radioList li { display:flex; align-items:center; margin:0.5em 0.750em; }
.formStyle .radioList li label { min-width:2em; margin:0 5px; font-weight:400; cursor:pointer; }
.formStyle ul.fileList li { overflow:hidden; display:block; width:100%; margin:0.5em 0; }
.formStyle ul.fileList li p { margin:0; padding:0; }
.formStyle ul.fileList li p.fileArea,
.formStyle ul.fileList li p.txtBox { position:relative; float:left; width:calc(100% - 50px); padding-bottom:5px; }
.formStyle ul.fileList li p.txtBox span { display:block; width:100%; line-height:38px; border:1px solid #d0d0d0; box-sizing:border-box; text-indent:1em; }
.formStyle ul.fileList li p.fileArea input[type="file"] { overflow:hidden; position:absolute; left:-999px; top:0; width:1px; height:1px; margin-left:-1px; }
.formStyle ul.fileList li p.fileArea label { float:right; display:inline-block; width:7.625rem; background:#656565; text-align:center; line-height:40px; color:#fff; cursor:pointer; }
.formStyle ul.fileList li p.fileArea span { display:block; padding-right:8.125em; }
.formStyle ul.fileList li p.fileArea span input { overflow:hidden; width:100%; height:40px; padding:0 1em; border:1px solid #d0d0d0; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; }
.formStyle ul.fileList li p.btnArea { margin-left:calc(100% - 50px); }
.formStyle ul.fileList li p.btnArea button { overflow:hidden; position:relative; width:44px; height:40px; margin-left:5px; border:1px solid #d0d0d0; text-indent:-999px; }
.formStyle ul.fileList li p.btnArea button.del:before,
.formStyle ul.fileList li p.btnArea button.del:after,
.formStyle ul.fileList li p.btnArea button.minus:before,
.formStyle ul.fileList li p.btnArea button.plus:before,
.formStyle ul.fileList li p.btnArea button.plus:after { content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; background:#868686; }
.formStyle ul.fileList li p.btnArea button.plus:after { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }
.formStyle ul.fileList li p.btnArea button.del:before { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.formStyle ul.fileList li p.btnArea button.del:after { -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
.formStyle ul.fileList li p.btnArea .delBtn { overflow:hidden; vertical-align:top; display:inline-block; }
.formStyle ul.fileList li p.btnArea .delBtn input { overflow:hidden; position:absolute; left:-1000px; width:1px; height:1px; }
.formStyle ul.fileList li p.btnArea .delBtn label { overflow:hidden; display:inline-block; cursor:pointer; position:relative; width:44px; height:40px; margin-left:5px; border:1px solid #d0d0d0; text-indent:100%; box-sizing:border-box; white-space: nowrap; }
.formStyle ul.fileList li p.btnArea .delBtn label::before { content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; background:#656565; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.formStyle ul.fileList li p.btnArea .delBtn label::after { content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; background:#656565; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
.formStyle ul.fileList li p.btnArea .delBtn input:checked + label { background:#0742ba; }
.formStyle ul.fileList li p.btnArea .delBtn input:checked + label::before,
.formStyle ul.fileList li p.btnArea .delBtn input:checked + label::after { background:#fff; }
.formStyle .dateGroup { display:flex; align-items:center; }
.formStyle .dateGroup input[type="text"] { width:13.750em; margin-right:0; }
.formStyle .dateGroup span { display:inline-block; margin:0 0.750em; }
.formStyle .plusMinus { display:flex; }
.joinWrap .formStyle .plusMinus input.txt { width:4em; min-width:auto; margin:0; text-align:center; text-indent:0; }
.formStyle .plusMinus .minus,
.formStyle .plusMinus .plus { overflow:hidden; display:inline-block; width:3em; height:3em; border:1px solid #e8e8e8; background-repeat:no-repeat; background-position:50% 50%; line-height:3em; text-indent:-999px; box-sizing:border-box; }
.formStyle .plusMinus .minus { border-right:none; background-image:url(../images/use/icon_minus.svg); }
.formStyle .plusMinus .plus { border-left:none; background-image:url(../images/use/icon_plus.svg); }
.formStyle .plusMinus input::-webkit-outer-spin-button,
.formStyle .plusMinus input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.formStyle .plusMinus input[type=number] { -moz-appearance: textfield; }

/* 회원가입 완료 */
.join_fin { line-height:1.3; text-align:center; }
.join_fin h4 { font-weight:500; font-size:1.5em; }
.join_fin h4 br { display:none; }
.joinFin_txt { margin:2em 0; }
.joinFin_txt ul { margin-bottom:2em;}
.joinFin_txt ul li { font-weight:300; font-size:1.063em; }
.joinFin_txt dl { display:flex; justify-content:center; align-items:center; max-width:380px; margin:0 auto; border-bottom:1px solid #ddd; }
.joinFin_txt .joinFin_name { border-top:1px solid #000; }
.joinFin_txt dl dt { display:inline-block; min-width:160px; padding:1.125em 1.091em; box-sizing:border-box; }
.joinFin_txt dl dd { flex-grow:1; padding:0.813em 4px; text-align:left; }

/* 마이페이지>소셜계정 연동*/
.socialLogin { display:flex; margin-top:2em; }
.socialLogin .item { display:flex; width:50%; }
.socialLogin .item:nth-of-type(1) a { border-right:none; }
.socialLogin .item a { display:flex; justify-content:center; align-items:center; position:relative; width:100%; padding:6.563em 0; border:1px solid #e0e0e0; background:#fafafa; text-align:center; box-sizing:border-box; }
.socialLogin .item a span { display:inline-block; padding-top:7.091em; background-repeat:no-repeat; background-position:50% 0; background-size:5.273em auto; letter-spacing:-0.04em; color:#555; font-size:1.375em; }
.socialLogin .item a span.naver { background-image:url(../images/use/icon_naver_lg.png); }
.socialLogin .item a span.kakao { background-image:url(../images/use/icon_kakao_lg.png); }
.socialLogin .item a span i { display:none; font-style:normal; }
.socialLogin .item a.on { background:#fff; color:#000; font-weight:500; }
.socialLogin .item a.on::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #000; box-sizing:border-box; }
.socialLogin .item a.on span i { display:inline; }

/* 지난 가입내역 */
.memHistory { overflow-y:auto; display:none; z-index:100; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.6); }
.memHistory .popWrap { position:relative; max-width:640px; margin:5% auto; padding:3em 3%; background:#fff; }
.memHistory .popWrap .titType1 { margin-top:0; }
.memHistory .popWrap .btnClose { position:absolute; top:0; right:1%; }
.memHistory .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:1rem auto; text-indent:-999px; }
@media screen and (max-width:960px) {
    /* 회원가입 - 가입유형선택 */
    .joinWrap { margin:40px auto 60px; }
    .joinForm > .stit { margin-bottom:2.143em; font-size:1.273em; }
    .joinTurnList { margin-bottom:35px; }
    .joinTurnList li { padding-right:11%; font-size:1.091em; }
    .joinTurnList li:before { top:27px; }
    .joinTurnList li span { padding-top:65px; }
    .joinTurnList li span:after { width:54px; height:54px; margin-left:-27px; background-size:auto 2.364rem; }
    .joinType>ul { flex-direction:column; align-items:center; }
    .joinType>ul>li { width:100%; max-width:400px; margin:0 0 2em; }
    .joinType>ul>li>a>dl>dd { margin-top:8px; word-break:keep-all; }
    .joinType>ul>li>a>dl>dd>span { display:inline; padding-top:0; }
    .joinType>ul>li>a>p>span { background-size:auto 60%; }

    /* 회원가입 - 약관동의 */
    .joinSect>p { font-size:1.182em; }
    .clauseWrap { padding-top:20px; }
    .clauseWrap .clauseTit { padding-left:3px; font-weight:500; font-size:1.455em; }
    .clauseWrap .clauseBox { padding-top:12px; }
    .clauseWrap .clauseTxt { padding:20px 15px; font-size:1.182rem; }
    .clauseWrap .clauseTxt h4 { margin:12px 0 10px; font-size:1.273rem; }
	.clauseWrap.scrollNone .clauseTxt h4 { font-size:1.455rem; }
    .clauseWrap .clauseTxt h5 { margin:10px 0; font-size:1.182rem; }
    .clauseWrap .clauseTxt h5:first-child { margin-top:0; }
    .clauseWrap .clauseTxt h6 { font-size:1.182rem; }
    .clauseWrap .clauseTxt .topList>li { margin-top:10px; }
    .clauseWrap .clauseTxt .topList>li>ul { margin-top:10px; }
    .clauseWrap .clauseTxt dl>dt>i { margin-right:3px; }
    .clauseWrap .clauseTxt dl>dd>i { margin-right:3px; }
    .clauseWrap .agree { padding:0; font-size:0; }
	.clauseWrap .agree>div { width:50%; padding:10px 0; text-align:center; box-sizing:border-box; }
	.clauseWrap .agree .agreeNo { padding-left:0; border-left:1px solid #ddd; }
    .clauseWrap .agree>div label { font-size:1.182rem; }
    .clauseWrap .agree>div label>span { display:none; }
    .joinSect .agreeAll { padding:20px 10px 0; }
    .joinSect .agreeAll>label { font-weight:300; font-size:1.273rem; }
    .clauseWrap .clauseTxt em.point { font-size:1.273rem; }
    .clauseWrap .agree>ul>li { font-size:1.182rem; }
    .clauseWrap .agree>ul>li>div label { font-size:1.182rem; }
	.joinBtnWrap { margin:3.455em 0; }
	.joinBtnWrap ul li { flex-grow:1; width:calc(33.33333% - 1px); height:4.364em; margin:0 1px; line-height:4.364em; }
	.joinBtnWrap ul li > * { min-width:auto; width:100%; padding:0; font-size:1.273em; }
	.joinBtnWrap p button,
	.joinBtnWrap p a { min-width:auto; width:100%; height:4.364rem; max-width:50%; padding:0; line-height:4.364rem; font-size:1.273em; }
	.privacyEmail .inner p { font-size:1.182em; }

    /* btn style */
    .joinBtnWrap { margin:3.455em 0; }
    .joinBtnWrap ul li { flex-grow:1; width:calc(33.33333% - 1px); height:4.364em; margin:0 1px; line-height:4.364em; }
    .joinBtnWrap ul li > * { min-width:auto; width:100%; padding:0; font-size:1.273em; }
    .joinBtnWrap p button,
    .joinBtnWrap p a { min-width:auto; width:100%; height:4.364rem; max-width:50%; padding:0; line-height:4.364rem; font-size:1.273em; }
    .privacyEmail .inner { line-height:1.5; }
    .privacyEmail .inner p { font-size:1.091em; }
    p.defaultBtn .type1 { min-width:auto; width:100%; }
    .defaultBtn ul li { width:calc(50% - 2px); }
    .defaultBtn ul li a,
    .defaultBtn ul li button,
    .defaultBtn ul li input { min-width:auto; width:100%; }

    /* 회원가입 - 인증종류선택 */
    .authCheck>ul { display:block; width:auto; }
    .authCheck>ul>li { display:block; width:auto; padding:2.727em 1.818em; border:1px solid #ddd; border-top:0 none; }
    .authCheck>ul>li:first-child { border-top:1px solid #ddd; }
    .authCheck>ul>li dl { padding:0 0 0 9.091em; background-position:left center; background-size:7.273em auto; text-align:left; }
    .authCheck>ul>li dl dt { font-size:1.455em; }
    .authCheck>ul>li dl dd.txt { margin-top:5px; font-size:1.182em; }
    .authCheck>ul>li dl dd.btnSe { margin-top:6px; }
    .authCheck>ul>li dl dd a { display:inline-block; padding:0 20px 0 0; background:url(../images/use/arrow_join_type_mo.png) right center no-repeat; background-size:6px auto; border:0 none; color:#dd3e00; font-size:1.273rem; }
    .authCheck>ul>li dl dd.btnSe { margin-top:15px; }
    .authCheck .info { margin:2.273rem auto 0; font-size:1.273em; }

    /* 회원가입 - 가입신청서 */
    .formStyle { margin:30px auto; }
    .formStyle .formBtn { width:7.273em; padding:0.833em 0; }
    .formStyle .formTit.bg { padding:0.857em 0.571em; font-size:1.273em; }
    .formStyle .formTit2 { font-size:1.455em; }
    .formStyle .formTit.member { margin-bottom:1em; letter-spacing:-0.03em; font-size:1.364em; }
    .formStyle .guideTxt { padding-right:0; font-size:1rem; }
    .formStyle label,
    .formStyle .label { font-size:1.091rem; }
    .formStyle .formTable .guideTxt { font-size:1em; }
    .formTable thead,
    .formTable colgroup { display:none; }
    .formTable tbody { display:block; }
    .formTable tbody tr { display:flex; flex-wrap:wrap; }
    .formTable tbody th,
    .formTable tbody td { font-size:1.091em; }
    .formTable tbody th { flex-shrink:0; display:block; width:8.545em; padding:1.125em 0.5em 1.125em 0; box-sizing:border-box; }
    .formTable tbody td { flex-grow:1; display:flex; flex-wrap:wrap; align-items:center; width:calc(100% - 8.545em); box-sizing:border-box; }
    .joinWrap .formStyle input.txt,
    .joinWrap .formStyle .datePicker,
    .formStyle input.txt,
    .formStyle select { width:100%; min-width:auto; margin-right:0; }
    .formStyle input[type="radio"] + label,
    .formStyle input[type="checkbox"] + label { min-height:12px; }
    .formStyle input[type="checkbox"] + label::before { width:12px; height:12px; }
    .formStyle [class*="datePicker"] { padding-right:1.818rem; background-position:right 0.5rem top 50%; background-size:1rem auto; }
    .formStyle .inputBtn { width:100%; }
    .formStyle .inputBtn input,
    .joinWrap .formStyle .inputBtn input { width:65%; border-right:none; }
    .formStyle .inputBtn .formBtn { width:35%; height:100%; }
    .formStyle .txtCheck { flex-wrap:wrap; }
    .formStyle .txtCheck .txt { width:100%; }
    .formStyle .txtCheck .checkb { margin:0.5em 0 0; }
    .formStyle .groupEmail { flex-grow:1; flex-wrap:wrap; }
    .formStyle .groupEmail .txt,
    .joinWrap .formStyle .groupEmail .txt { width:46%; }
    .formStyle .groupEmail select { flex-grow:1; width:100%; margin-top:5px; margin-left:0; }
    .formStyle .groupEmail .formBtn { border-top:1px solid #dcdcdc; }
    .formStyle .groupAddr { flex-grow:1; }
    .formStyle .groupAddr .addrTxt { padding-right:0; }
    .formStyle .groupAddr .addrTxt .txt { width:100%; }
    .formStyle .groupAddr .addrTxt .txt:nth-child(1) { width:calc(100% - 7.667em); border-right:1px solid #dcdcdc; }
    .formStyle .groupAddr .addrTxt .txt:nth-child(2) { width:100%; margin-top:5px; padding:1.083em 0; border-top:1px solid #dcdcdc; }
    .formStyle .groupAddr .btnZipcode { width:7.667em; }
    .formStyle .groupTel { flex-wrap:wrap; }
    .formStyle .groupTel .txt { width:100%; }
    .formStyle .groupTel select,
    .formStyle .groupTel .chekb { width:100%; }
    .formStyle .groupTel select { border-right:none; border-bottom:1px solid #dcdcdc; }
    .formStyle .groupTel .chekb { padding:1em 1.500em 0; border-top:1px solid #dcdcdc; }
    .formStyle .groupTel .chekb label span { padding-top:3px; }
    .formStyle .groupTel.wrap { padding-right:0; }
    .formStyle .groupTel.wrap .txt { flex-grow:0; width:calc(100% - 7.273em); }
    .formStyle .groupTel.wrap .formBtn { height:auto; }
    .formStyle .radioList li { margin:1em 0.750em; }
    .formStyle .dateGroup { flex-grow:1; }
    .formStyle .dateGroup input[type="text"] { width:46%; }
    .formStyle .dateGroup span { width:8%; margin:0; text-align:center; }
	
	.join_fin h4 br { display:inline; }
}
@media screen and (max-width: 767px) {
    .socialLogin .item a { padding-top:3.273em; padding-bottom:2.545em; }
    .socialLogin .item a span { padding-top:4.000em; background-size:3.077em auto; font-size:1.182em; }
}

/* 사이트맵 */
.siteMapList { display:flex; flex-wrap:wrap; }
.siteMapList > li { width:22%; margin:0 1.5%; margin-bottom:3em; text-align:center; }
.siteMapList > li h4 { margin-bottom:0.800em; padding:0.800em 0; border-radius:2em; background:#1c3f37; color:#ecc4c4; text-align:center; font-weight:600; font-size:1.25em; }
.siteMapList a { display:block; font-size:1.063em; }
.siteMapList a:hover,
.siteMapList a:focus { text-decoration:underline; }
.siteMapList > li > div { padding:0 10%; }
.siteMapList > li > div > ul > li { border-bottom:1px solid #dcdcdc; text-align:left; }
.siteMapList > li > div > ul > li > a { padding:0.882em 0; font-weight:500; }
.siteMapList div div { padding-bottom:0.625em; }
.siteMapList div div ul li a { padding:0.471em 0 0.471em 0.824em; background:url(../images/sub/bu_6x1.svg) no-repeat 0 1.059em; background-size:0.353em auto; font-weight:300; }
@media screen and (max-width: 767px) {
    .siteMapList > li { width:47%; }
	.siteMapList a { font-size:1.182em; }
}

/* 공연·전시>공연전시 안내 - 상세 */
.scheduleWrap { font-family:'Pretendard'; }
.scheduleWrap .scheduleInfo { overflow:hidden; max-width:1280px; margin:6.25em auto 6.75em; }
.scheduleWrap .scheduleInfo .poster { overflow:hidden; float:left; position:relative; width:44.53125%; text-align:center; }
.scheduleWrap .scheduleInfo .poster img { object-fit:contain; width: 100%; }
.scheduleInfo .poster .label { position:absolute; top:0.75em; left:0.75em; }
.scheduleInfo .infoArea { position:relative; margin-left:52.34375%; }
.scheduleInfo .infoArea .label { margin-top:1rem; }
.scheduleInfo .infoArea .label span { display:inline-block; border-bottom:1px solid; line-height:1.4444; color:#1c3f37; font-size:1.125rem; font-weight:500; }
.scheduleInfo .infoArea h4 { margin:1em 0 1.6em; word-break:keep-all; line-height:1.33333; font-weight:500; font-size:1.875rem; }
.scheduleInfo .infoArea>ul { font-size:1.125rem; font-weight:300; }
.scheduleInfo .infoArea>ul>li { overflow:hidden; margin:.72223em 0; line-height:1.38888; }
.scheduleInfo .infoArea>ul>li dt,
.scheduleInfo .infoArea>ul>li dd { display:block; font-size:1.125em; }
.scheduleInfo .infoArea>ul>li dt { float:left; width:6em; }
.scheduleInfo .infoArea>ul>li dd { margin-left:6em; font-weight:300; }
.scheduleInfo .infoArea>ul>li dd ul li { display:flex; line-height:1.38888; }
.scheduleInfo .infoArea>ul>li dd ul li span.tit { position:relative; flex-grow:0; flex-shrink:0; margin-right:1em; padding-right:1em; }
.scheduleInfo .infoArea>ul>li dd ul li span.tit::after { content:''; position:absolute; right:0; top:50%; width:1px; height:1rem; margin-top:-.5rem; background:#e9e9e9; }
.scheduleWrap .ticketInfo { position:relative; }
.scheduleWrap .ticketInfo::before { content:''; z-index:-1; position:absolute; top:0; left:50%; width:1000%; height:100%; margin-left:-500%; background:#e5d8c8; }
.scheduleWrap .ticketInfo .inner { display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1280px; margin:0 auto; padding:1.75rem 0; box-sizing:border-box; }
.scheduleWrap .ticketInfo ul { width: 100%; }
.scheduleWrap .ticketInfo ul li { display:flex; margin:0.625rem 0; line-height:1.8; font-size:1.5625rem; }
.scheduleWrap .ticketInfo ul li,
.scheduleWrap .ticketInfo ul li a { color:#1c3f37; }
.scheduleWrap .ticketInfo ul li span { display:block; line-height: 1.4; }
.scheduleWrap .ticketInfo ul li span.tit { flex-shrink:0; flex-basis:8.25rem; position:relative; padding-right:1.84em; font-weight:500; box-sizing:border-box; }
.scheduleWrap .ticketInfo ul li span.tit::after { content:''; position:absolute; right:0; top:1.125rem; width:1px; height:1.375rem; margin-top:-.6875rem; background:#bdb9ab; }
.scheduleWrap .ticketInfo ul li span.txt { flex-grow:1; padding-left:1.25rem; word-break:keep-all; font-weight:600; }
.scheduleWrap .ticketInfo ul li span.txt i { font-weight:300; }
.scheduleWrap .ticketInfo .goTicket { flex-grow:0; }
.scheduleWrap .ticketInfo .goTicket a { display:block; width:19.375rem; padding:2rem; line-height:1rem; background:#1c3f37; border-radius:2.5rem; box-sizing:border-box; text-align:center; color:#ecc4c4; font-size:1.5625rem; font-weight:bold; }
.scheduleDetail { max-width:1100px; margin:6.250em auto 0; }
.scheduleDetail .tabBtn { display:flex; justify-content:center; align-items:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.scheduleDetail .tabBtn li { position:relative; margin-left:3.000em; padding-left:3.000em; }
.scheduleDetail .tabBtn li:first-child { margin-left:0; padding-left:0; }
.scheduleDetail .tabBtn li::before { content:''; position:absolute; top:50%; left:0; width:1px; height:1em; margin-top:-0.5em; background:#e5e5e5; }
.scheduleDetail .tabBtn li:first-child::before { content:none; }
.scheduleDetail .tabBtn li a { display:inline-block; padding-top:30px; padding-bottom:20px; font-weight:300; font-size:1.125em; }
.scheduleDetail .tabBtn li a span { display:block; position:relative; padding-bottom:0.444em; }
.scheduleDetail .tabBtn li a.on { font-weight:500; }
.scheduleDetail .tabBtn li a.on span::before { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#000; }
.lesson .scheduleDetail .tabBtn li { width:33.33333%; }
.scheduleDetail .tabCon { min-height:9em; margin:4.375em auto; line-height:1.4; }
#scheduleDetail01 { text-align:center; }
#scheduleDetail03 { display:none; }
.scheduleWrap .attachFile { display:flex; max-width:1100px; margin:4.375em auto; border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; }
.scheduleWrap .attachFile h5 { flex-shrink:0; display:flex; justify-content:center; align-items:center; width:33%; background:#fbfbfb; text-align:center; font-weight:400; font-size:1.125em; }
.scheduleWrap .attachFile ul { flex-grow:1; max-width:67%; padding:0.5em 2.000em; box-sizing:border-box; }
.scheduleWrap .attachFile ul li { margin:1.25em 0; padding-left:1.375rem; background:url(../images/sub/icon_attach.png) no-repeat 0 50%; background-size:auto 0.875rem; }
.scheduleWrap .attachFile ul li a { overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; font-size:1.063em; }
.scheduleWrap .attachFile ul li a:hover,
.scheduleWrap .attachFile ul li a:focus { text-decoration:underline; }
.scheduleWrap .joinWrap { max-width:1100px; }
.scheduleDetail .defaultBtn ul li { flex-grow:1; }
.scheduleDetail .defaultBtn ul li a,
.scheduleDetail .defaultBtn ul li button { display:block; min-width:auto; width:100%; border-left:none; border-right:none; }
/* 공연 > 상세 > 유의사항 */
.ticketCont>div { display:flex; margin-top:5.750em; }
.ticketCont>div:nth-of-type(1) { margin-top:0; }
.ticketCont div h4 { flex-shrink:0; width:12.000rem; margin-top:0; padding-left:0.5rem; word-break:keep-all; line-height:1.6; }
.ticketCont div ul { flex-grow:1; }
.ticketCont div ul li:first-child { margin-top:0; }
.ticketCont .conTable td { padding:0.875rem 3rem; }
.ticketCont .conTable td:first-child { border-left:none; }
.ticketCont ul.noneBefore>li { position:relative; padding-left:1.222em; }
.ticketCont ul.noneBefore li span { display:inline-block; position:absolute; top:0; left:0; }
.ticketCont .listStyle>li { font-size:1.125em; }
.ticketCont .listStyle li ul { margin-bottom:1em; }
.ticketCont li a { color:#3173FD; font-weight:400; }
.ticketCont .listStyle>li { overflow:hidden; }
.ticketCont .listStyle>li>span { display:block; }
.ticketCont .listStyle>li>span.tit { float:left; }
.ticketCont .listStyle>li>span.txt { margin-left:4em; font-weight:300; }
@media screen and (max-width: 767px) {
	.scheduleWrap .scheduleInfo { margin:0 auto 4em; }
    .scheduleWrap .scheduleInfo .poster { float:none; width:100%; margin-bottom:2.727em; padding:0; }
    .scheduleWrap .scheduleInfo .poster img { position:static; transform:none; }
    .scheduleWrap .scheduleInfo .infoArea { margin-left:0; }
    .scheduleInfo .infoArea h4 { min-height:auto; margin:0.556em 0; }
    .scheduleWrap .ticketInfo { padding-top:1.364em; }
    .scheduleWrap .ticketInfo .inner { display:block; padding:0; }
    .scheduleWrap .ticketInfo ul { padding-bottom:1.273em; }
	.scheduleWrap .ticketInfo ul li { font-size:1.182em; }
    .scheduleWrap .ticketInfo ul li span.tit { flex-basis:4.545em; padding-right:.5rem; }
    .scheduleWrap .ticketInfo ul li span.txt { padding-left:.5rem; }
    .scheduleWrap .ticketInfo ul li span.tit::after { display:none; }
	.scheduleWrap .ticketInfo .goTicket { margin:0 -5.56%; }
    .scheduleWrap .ticketInfo .goTicket a { width:100%; padding:1.231em; border-radius:0; font-size:1.182em; }
    .scheduleDetail,
    .lesson .scheduleDetail { margin-top:4em; }
    .scheduleDetail .tabBtn li a { padding-top:1.250em; padding-bottom:0.750em; }
    .scheduleDetail .tabCon { margin:3em auto; }
    .scheduleDetail .tabCon img { width:auto !important; height:auto !important; }
	/* 공연 > 상세 > 유의사항 */
    .ticketCont>div { display:block; margin-top:3em; }
    .ticketCont div h4 { padding-left:0; }
    .ticketCont div h4 br { display:none; }
    .ticketCont .conTable td { padding:0.875rem 0; }
}
@media screen and (max-width:720px) {
    .tableDrag { display:block; border-top:1px solid #2c2c2c; text-align:center; font-size:1rem; }
    .tableDrag span { display:inline-block; padding-top:10px; padding-left:50px; background:url(../images/sub/icon_table_drag.png) no-repeat left 0 bottom 0; background-size:3.636em auto; }
    .scrollTblWrap { overflow-x:auto; }
    .scrollTblWrap .scrollTable { min-width:640px; }
}

/* 교육·관객 참여 > 음악분야 재교육 */
#contentGroup:has(.eduVisual) { margin-top: 0; }
.eduLayout .eduVisual { display:flex; align-items:flex-end; height:61.25em; color: #fff; padding-bottom:5.5em; background-repeat: no-repeat; background-position: 50% 0; background-size:cover; box-sizing:border-box; }
.eduLayout.re .eduVisual { height:44.313em; }
.eduLayout .eduVisual .visualWrap { width: 100%; max-width:1200px; margin:0 auto; padding:0 5.5%; }
.eduLayout .eduVisual .tit { font-weight: 400; font-size:3.125em; font-family: "Leferi Point Type Special"; }
.eduLayout .eduVisual p { margin-top:1.65em; word-break:keep-all; font-size:1.25em; }
.eduLayout .eduItems { max-width:1200px; margin:9.375em auto; }
.eduLayout .eduItems .item { display:flex; align-items:center; justify-content:flex-end; min-height:26.25em; margin-top:6.25em; background-repeat: no-repeat; background-position:0 0; background-size:50% auto; }
.eduLayout.re .eduItems .item { min-height:24.375em; }
.eduLayout .eduItems .item:nth-of-type(even) { justify-content:flex-start; background-position:right 0 top 0; }
.eduLayout .eduItems .item div { max-width:45.41667%; }
.eduLayout .eduItems .item div h4 { letter-spacing: -0.03em; word-break:keep-all; font-weight:400; font-size:2.125em; font-family: "Leferi Point Type Special"; }
.eduLayout .eduItems .item div h4 span { display: block; margin-bottom:0.875rem; color: #d48b54; letter-spacing: 0.1em; text-transform:uppercase; font-weight: 500; font-size:0.441em; font-family: 'Pretendard'; }
.eduLayout .eduItems .item div p { margin-top:1.375rem; word-break:keep-all; font-size:1.125em; }
.eduLayout .eduItems .item div a { display:inline-block; width:13.125em; margin-top:2.813em;  }
.eduLayout .eduItems .item div a span { overflow: hidden; display: block; position: relative; padding:12px 20px 11px 25px; border: 1px solid #d48c52; background-image:url(../images/sub/bg_edu_btn.png); background-repeat: no-repeat; background-position:right 1.25rem top 45%; background-size:auto 0.438rem; color: #d48c52; font-weight: 600; font-size: 1.125em; box-sizing:border-box; }
.eduLayout .eduItems .item div a:hover span,
.eduLayout .eduItems .item div a:focus span { background-image: url(../images/sub/bg_edu_btn_w.png); color: #fff; transition:0.5s; }
.eduLayout .eduItems .item div a span::before { content:''; z-index: -1; position: absolute; top: 0; right: -50px; bottom: 0; left: 0; border-right: 50px solid transparent; border-bottom: 80px solid #d48c52; transform: translateX(-100%); transition: 0.5s ease-in-out; }
.eduLayout .eduItems .item div a:hover span::before,
.eduLayout .eduItems .item div a:focus span::before { transform: translateX(0); }
@media screen and (max-width: 1220px) {
	.eduLayout .eduItems .item { padding-right: 3%; }
	.eduLayout .eduItems .item:nth-of-type(even) { padding-right: 0; padding-left: 3%; }
}
@media screen and (max-width: 1024px) {
	.eduLayout .eduVisual { height:44.545em; padding-bottom:2.364em; }
	.eduLayout.re .eduVisual { height:32.273em; }
	.eduLayout br.pc { display: none; }
	.eduLayout .eduVisual .tit { text-shadow: 4px 4px 6px rgba(000,000,000,0.5); font-size:2.273em; }
	.eduLayout .eduVisual p { font-size: 1em; }
	.eduLayout .eduItems { margin:5.455em auto; }
}
@media screen and (max-width: 767px) {
	.eduLayout .eduItems .item { display: block; min-height:auto; margin-top: 4em; padding-top:77.778%; padding-right: 0; background-size:contain; }
	.eduLayout.re .eduItems .item { min-height:auto; padding-top:72.2223%; }
	.eduLayout .eduItems .item:nth-of-type(even) { padding-left: 0; }
	.eduLayout .eduItems .item div { max-width:none; padding:0 5.5%; }
	.eduLayout .eduItems .item div h4 { font-size:1.636em; }
	.eduLayout .eduItems .item div p,
	.eduLayout .eduItems .item div a span { font-size: 1em; }
}

/* KNSO 스토리 */
/* 소개 */
.introNav { z-index:6; position:fixed; left:0; top:calc(50% + 6.250em); transform:translateY(-50%); transition:0.6s; }
.introNav.fix { top:50%; }
.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; }
.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); }
.introduceKnso { max-width:1453px; margin:0 auto; padding-bottom:8.750em; text-align:center; box-sizing:border-box; }
.introduceKnso .topImg { display:inline-block; position:relative; width:100%; margin:0 auto; padding:1em 8.70613% 1em; box-sizing:border-box; }
.introduceKnso .topImg::before { content:''; position:absolute; z-index:-1; top:-4.125em; right:2.750em; width:13.14522%; height:11.938em; background:url(../images/sub/images/bg_intro1.png) no-repeat 50% 50% / contain; }
.introduceKnso .topImg::after { content:''; position:absolute; bottom:0; left:0; width:12.45699%; height:6.563em; background:url(../images/sub/images/bg_intro2.png) no-repeat 50% 50% / contain; }
.introduceKnso .topImg .knsoSlider { overflow:hidden; position:relative; width:100%; margin-left:auto; margin-right:auto; }
.introduceKnso .topImg .knsoSlider .swiper-pagination { position:static; margin-top:1em; }
.introduceKnso .topImg .knsoSlider .swiper-pagination span { overflow:hidden; opacity:1; display:inline-block; width:12px; height:12px; background:#1c3f37; vertical-align:top; text-indent:-999px; box-sizing:border-box; }
.introduceKnso .topImg .knsoSlider .swiper-pagination span.swiper-pagination-bullet-active { border:3px solid #1c3f37; background:#fff; }
.introduceKnso .txtArea { max-width:1200px; margin:2.250em auto 0; text-align:center; }
.introduceKnso .txtArea h4 { margin-bottom:1rem; letter-spacing:-0.05em; font-size:2.188em; }
.introduceKnso .txtArea h5 { margin-top:1.778em; letter-spacing:-0.05em; font-size:1.125em; }
.introduceKnso .txtArea div { margin-top:2.706em; padding:0 11%; word-break:keep-all; line-height:1.7; font-size:1.063em; }
.introduceKnso .txtArea h5 + div { margin-top:1em; }
.introduceKnso .txtArea div p + p { margin-top:2.000em; }
.introduceKnso .txtArea div span { display:block; }
/* 연혁 */
.introLayout { max-width:1200px; margin:0 auto; }
.introLayout .introTit { margin-bottom:1.314em; text-align:center; font-weight:800; font-size:2.188em; }
.introLayout .btnDown { margin-top:3.625em; text-align:center; }
.introLayout .btnDown a { display:inline-block; min-width:12.444em; padding-bottom:0.778em; padding-right:3.889em; border-bottom:1px solid #000; background-image:url(../images/sub/btn_down_intro.png); background-repeat:no-repeat; background-position:right 0 top 0; background-size:1.389em auto; text-align:left; font-weight:600; font-size:1.125em; box-sizing:border-box; }
.introLayout .btnDown a span { display:inline-block; position:relative; }
.introLayout .btnDown a span::before { content:''; z-index:-1; position:absolute; top:50%; left:0; width:0; height:0.333em; background:#f5e1e1; }
.introLayout .btnDown a:hover span::before,
.introLayout .btnDown a:focus span::before { width:100%; transition:0.3s; }
.historyWrap { position:relative; padding-top:6em; padding-bottom:5em; color:#fff; }
.historyWrap::before { content:''; z-index:-1; position:absolute; top:0; left:50%; width:1000%; height:100%; margin-left:-500%; background:#1c3f37; }
.historyWrap .introTit { margin-bottom:2.171em; }
.historyWrap .historyList { display:flex; flex-wrap:wrap; }
.historyWrap .historyList > li { flex-grow:1; min-width:23%; margin-right:1.5%; margin-bottom:2em; }
.historyWrap .historyList li p { position:relative; margin-bottom:0.900em; padding-bottom:0.900em; font-size:1.250em; }
.historyWrap .historyList li p::before { content:''; position:absolute; bottom:-0.25em; left:0; width:0.5em; height:0.5em; border-radius:50%; }
.historyWrap .historyList li.type1 p::before { background:#00ffc5; }
.historyWrap .historyList li.type2 p::before { background:#00d2ff; }
.historyWrap .historyList li.type3 p::before { background:#e9d96e; }
.historyWrap .historyList li.type4 p::before { background:#efc8c5; }
.historyWrap .historyList li p::after { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; border-top:1px dashed; box-sizing:border-box; }
.historyWrap .historyList li.type1 p::after { border-color:#00ffc5; }
.historyWrap .historyList li.type2 p::after { border-color:#00d2ff; }
.historyWrap .historyList li.type3 p::after { border-color:#e9d96e; }
.historyWrap .historyList li.type4 p::after { border-color:#efc8c5; }
.historyWrap .historyList li ol li { margin-bottom:1.059em; color:#e8fffa; letter-spacing:-0.05em; font-size:1.063em; }
.historyWrap .historyList li ol li b { display:block; margin-bottom:0.500em; color:#66a294; font-size:0.824em; }
.historyWrap .historyList li.MAB0 { position:relative; margin-bottom:0; padding-left:0.706em; }
.historyWrap .historyList li.MAB0::before { content:'-'; position:absolute; top:0; left:0; }

.historyWrap .btnDown a { border-bottom:1px solid #e3fff9; background-image:url(../images/sub/btn_down_intro_w.png); color:#e3fff9; }
.historyWrap .btnDown a span::before { content:none; }

/* 비전 */
.visionWrap { padding-top:8.750em; text-align:center; }
.visionWrap h5 { display:inline-block; min-width:12.636em; border-radius:2em; background:#1c3f37; color:#fff; line-height:2.091em; font-weight:400; font-size:1.375em; }
.visionWrap .visionTop > p { margin-top:-1.250em; margin-bottom:1.500em; }
.visionWrap .visionTop > p span { display:inline-block; position:relative; min-width:17.188em; padding:1.188em; border-radius:3em; border:1px solid #1c3f37; color:#1c3f37; font-weight:600; font-size:2.000em; box-sizing:border-box; }
.visionWrap .visionTop > p span::before { content:''; z-index:-1; position:absolute; top:-0.188em; left:-0.188em; width:calc(100% + 0.375em); height:calc(100% + 0.375em); border-radius:3em; border:1px solid #1c3f37; box-sizing:border-box; }
.visionWrap .visionTop > div { position:relative; padding-bottom:6.875em; }
.visionWrap .visionTop > div::after { content:''; position:absolute; bottom:0; left:50%; width:1px; height:6.875em; margin-left:-1px; background:#1c3f37; }
.visionWrap .visionBt { display:flex; justify-content:center; position:relative; padding-top:6.563em; }
.visionWrap .visionBt::before { content:''; position:absolute; top:0; left:50%; width:1px; height:3.875em; margin-left:-1px; border-left:1px dotted #1c3f37; }
.visionWrap .visionBt::after { content:''; position:absolute; left:50%; top:3.875em; width:5px; height:5px; transform:translateX(-50%); border-radius:50%; background:#1c3f37; }
.visionWrap .visionBt > div { flex-grow:1; }
.visionWrap .visionBt div h6 { position:relative; padding-bottom:1.727em; font-weight:500; font-size:1.375em; }
.visionWrap .visionBt div h6::before { content:''; position:absolute; bottom:0; left:50%; width:1px; height:1.636em; margin-left:-1px; border-left:1px dotted #1c3f37; }
.visionWrap .visionBt div h6::after { content:''; position:absolute; left:50%; bottom:0; width:5px; height:5px; transform:translateX(-50%); border-radius:50%; background:#1c3f37; }
.visionWrap .visionBt div dl { margin-top:0.875em; }
.visionWrap .visionBt div dl dt { display:block; margin-bottom:0.588em; color:#27564b; font-weight:800; font-size:1.063em; }
.visionWrap .visionBt div dl dd { letter-spacing:-0.04em; line-height:1.6; font-size:1.063em; }
/* CI */
.ciWrap { padding-top:8.750em; }
.ciWrap h5 { margin-top:5.000em; margin-bottom:1.400em; padding-bottom:1rem; border-bottom:1px solid #d4dbd9; color:#1c3f37; font-weight:800; font-size:1.250em; }
.ciWrap .ciTop { display:flex; justify-content:center; align-items:center; height:19.063em; border:1px solid #b0b0b0; background:url(../images/sub/bg_ci.jpg) repeat 0 0; background-size:1.063em auto; text-align:center; }
.ciWrap .ciTop img { max-width:81.05176%; }
.ciWrap .conceptTxt p { font-size:1.125em; }
.ciWrap .conceptTxt p + p { margin-top:1.444em; }
.ciWrap .conceptTxt p b { font-weight:600; }
.ciWrap .ciImgs .imgBox { padding-bottom:4.250em; border-bottom:1px solid #d4dbd9; text-align:center; }
.ciWrap .ciImgs .imgBox h6 { margin-top:3.556em; margin-bottom:1.111em; text-align:left; font-weight:800; font-size:1.125em; }
.ciWrap .ciImgs .imgBox > div { display:flex; justify-content:space-between; }
.ciWrap .ciImgs .imgBox > div > p { width:48%; }
.ciWrap .ciImgs .btnDown { margin-bottom:3.375em; }
.ciWrap .ciImgs .txt1 { font-weight:600; font-size:1.125em; }
.ciWrap .ciImgs .txt2 { margin-top:0.875em; color:#737373; }
.ciWrap .colorItem { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:1em; }
.ciWrap .colorItem .mainColor { width:23.33334%; }
.ciWrap .colorItem .subColor { width:73.91667%; }
.ciWrap .colorItem .tit { font-weight:600; font-size:0.938em; }
.ciWrap .colorItem div div { margin-top:1em; }
.animate { visibility:hidden; }
.animate.animate-active { animation-name:slideUp; animation-duration:1s; animation-fill-mode:forwards; animation-delay:0s; }
@keyframes slideUp {
	from { visibility:visible; opacity:0; transform:translateY(100%); }
	to { visibility:visible; opacity:1; transform:translateY(0); }
}
@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; }
	/* 소개 */
	.introduceKnso { padding-bottom:5.273em; }
	.introduceKnso .topImg::before,
	.introduceKnso .topImg::after { content:none; }
	.introduceKnso .topImg { padding:0; }
	.introduceKnso .txtArea { margin-top:2.182em; }
	.introduceKnso .txtArea div { padding:0; }
	.introduceKnso .txtArea div span { display:inline; }
	.introduceKnso .txtArea h4 { font-size:1.545em; }
	.introduceKnso .txtArea h4 span { display:block; }
	.introduceKnso .txtArea > p img { max-width:55%; }
	.introduceKnso .txtArea div { margin-top:1.545em; }
	.introduceKnso .topImg .knsoSlider .swiper-pagination span { width:8px; height:8px; }
	/* 연혁 */
	.introLayout .introTit { font-size:1.545em; }
	.introLayout .btnDown { margin-top:3.182em; }
	.historyWrap { padding-top:4em; }
	:lang(ko) .historyWrap .historyList li li { word-break:keep-all; }
	.historyWrap .historyList > li > p { margin-right:3rem; font-size:1.273em; }
	.historyWrap .historyList > li::before { left:calc(4.727em + 7px); }
	.historyWrap .historyList > li::after { left:4.727em; width:14px; height:14px; }
	.historyWrap .historyList li ol { margin-top:0.182em; }
	.visionWrap { padding-top:5.273em; }
	.visionWrap h5 { font-size:1.091em; }
	.visionWrap .visionTop > p { margin-top:-1em; margin-bottom:1em; }
	.visionWrap .visionTop > p span { font-size:1.455em; }
	.visionWrap .visionBt { flex-wrap:wrap; justify-content:space-between; }
	.visionWrap .visionBt > div { width:48%; }
	.visionWrap .visionBt > div:nth-of-type(1),
	.visionWrap .visionBt > div:nth-of-type(2) { margin-bottom:3em; }
	.visionWrap .visionBt div h6 { font-size:1.182em; }
	.visionWrap .visionBt div h6::after { width:3px; height:3px; }
	/* CI */
	.ciWrap { padding-top:5.273em; }
	.ciWrap h5 { margin-top:3em; margin-bottom:1em; }
	.ciWrap .ciTop { height:24.4444vw; }
	.ciWrap .ciImgs .imgBox { padding-bottom:2em; }
	.ciWrap .colorItem { margin-top:0; }
}
@media only screen and (max-width:720px) {
	.visionWrap .visionTop > div { padding-bottom:0; }
	.visionWrap .visionTop > div::after { content:none; }
}

/* 오케스트라 > 예술감독, 단원, 부지휘자, 상주작곡가 */
.profileLayout { max-width:1200px; margin:0 auto; }
.profileLayout .tabList { margin-bottom:3.750em; border-top:1px solid #1c3f37; border-bottom:1px solid #1c3f37; }
.profileLayout .tabList ul { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding:0.938em 0; }
.profileLayout .tabList ul li { margin:0 0.250em; }
.profileLayout .tabList ul li a { display:inline-block; width:3.500em; height:3.500em; border-radius:50%; color:#1c3f37; text-align:center; line-height:3.500em; font-weight:700; font-size:1.250em; }
.profileLayout .tabList ul li a.on { background:#1c3f37; color:#ecc4c4; }
.profileLayout .tabCon { display:none; }
.profileLayout .profileItem,
.profileLayout .memberCon .profileItem { display:flex; text-align:left; }
.profileLayout .profileItem ~ .profileItem { margin-top:4.250em; padding-top:5.125em; border-top:1px solid #e5e5e5; }
.profileLayout .profileItem .imgProfile { overflow:hidden; z-index:1; position:relative; width:40%; margin-right:7.6%; }
.profileLayout .profileItem .imgProfile .img { overflow:hidden; display:block; position:relative; height:auto; padding-top:83.333333%; }
.profileLayout .profileItem .imgProfile .img img { display:block; position:absolute; top:50%; left:0; width:100%; height:auto; transform:translateY(-50%); }
.profileLayout .profileItem .imgProfile a { display:inline-block; position:absolute; bottom:0.25em; left:0.5em; color:#fff; }
.profileLayout .profileItem .imgProfile .swiper-pagination-bullet { opacity:1; width: 12px; height: 12px; background:#338b77; box-sizing:border-box; }
.profileLayout .profileItem .imgProfile .swiper-pagination-bullet.swiper-pagination-bullet-active { border:2px solid #338b77; background:transparent; }
.profileLayout .profileItem .cont { width:52.4%; }
.profileLayout .fz45 { margin-top:0.250rem; font-size:2.813em; }
.profileLayout .fz40 { margin-bottom:1.250em; color:#626262; font-weight:300; font-size:2.500em; }
.profileLayout .fz24 { margin-bottom:0.417em; letter-spacing:-0.04em; font-weight:800; font-size:1.500em; }
.profileLayout .fz24 span { display:inline-block; position:relative; margin-right:0.333em; padding-right:0.583em; vertical-align:top; }
.profileLayout .fz24 span::before { content:''; position:absolute; top:0.333em; right:0; width:1px; height:0.667em; background:#bebebe; }
.profileLayout .fz28 { color:#626262; letter-spacing:-0.03em; font-weight:500; font-size:1.750em; }
.profileLayout .fz28.AlignCenter { margin-bottom:1.929em; }
.profileLayout .fz20 { margin-top:2.200em; font-weight:500; font-size:1.250em; }
:lang(ko) .profileLayout .fz20 { word-break:keep-all; }
.profileLayout .fz20 em { font-style:italic; font-size:0.900em; }
.videoFull { position:relative; margin-top:3.625em; padding-top:56.25%;; }
.videoFull iframe { overflow:hidden; display:block; position:absolute; top:0; left:0; width:100%; height:100%; }

/* 오케스트라 > 단원 */
.svgOrchestra { max-width:1200px; margin:0 auto 4.375em; }
.svgOrchestra svg { width:100%; height:100%; }
.svgOrchestra svg .group4 path { fill:#f3f5f5; }
.svgOrchestra svg .group3 path { fill:#dde2e2; }
.svgOrchestra svg .group2 path { fill:#c9d1d1; }
.svgOrchestra svg .group1 path { fill:#b7c2c1; }
.svgOrchestra svg text { fill:#1c3f37; font-weight:500; font-size:1.250em; }
.svgOrchestra svg .master { fill:#000; font-weight:700; font-size:1.375em; }
.svgOrchestra svg a:hover,
.svgOrchestra svg a:focus { text-decoration:none; }
.svgOrchestra svg .active path,
.svgOrchestra svg a:hover path,
.svgOrchestra svg a:focus path { fill:#1c3f37; stroke:#fff; stroke-width:3; filter:drop-shadow(0px 4px 8px rgb(0 0 0 / 0.36)); transition:0.4s; }
.svgOrchestra svg .active text,
.svgOrchestra svg a:hover text,
.svgOrchestra svg a:focus text { fill:#ecc4c4; font-weight:700; }
.profileLayout .memberTab { margin-top:3.125em; padding-top:3.000em; border-top:1px solid #000; }
.profileLayout .memberTab ul { display:flex; flex-wrap:wrap; }
.profileLayout .memberTab ul li { width:19.2%; margin:0 0.4% 1.750em; }
.profileLayout .memberTab ul li a { display:block; }
.profileLayout .memberTab ul li a span { display:block; }
.profileLayout .memberTab ul li a .img { overflow:hidden; position:relative; /*padding-top:84.7827%;*/ padding-top:120%; }
.profileLayout .memberTab ul li a .img img { display:block; position:absolute; top:0; left:0; width:100%; }
.profileLayout .memberTab ul li a .txt { margin-top:0.700em; font-weight:700; font-size:1.250em; }
.profileLayout .memberTab ul li a .txt i { display:inline-block; position:relative; margin-right:0.450em; padding-right:0.700em; font-weight:400; }
.profileLayout .memberTab ul li a .txt i::before { content:''; position:absolute; top:50%; right:0; width:1px; height:0.800em; margin-top:-0.400em; background:#c2c2c2; }
.profileLayout .memberTab ul li a:hover .img,
.profileLayout .memberTab ul li a:focus .img { background-color:#000; }
.profileLayout .memberTab ul li a:hover .img img,
.profileLayout .memberTab ul li a:focus .img img { opacity:0.7; transition:ease-in 0.4s; }
.profileLayout .memberCon .profileItem .imgProfile { width:33.33334%; height:100%; margin-right:4.83333%; }
.profileLayout .memberCon .profileItem .imgProfile .img { padding-top:120%; }
.profileLayout .memberCon .profileItem .cont { width:61.83333%; }
.profileLayout .profileItem .nameGroup { margin-bottom:3.000em; }
.profileLayout .profileItem .nameGroup h5 { display:inline-block; vertical-align:top; }
.profileLayout .profileItem .nameGroup .youtube { overflow:hidden; display:inline-block; width:2.750em; height:1.688em; margin-top:1.250em; margin-left:1em; background:url(../images/sub/btn_youtube.png) no-repeat 50% 50% / contain; vertical-align:top; text-indent:-999px; }
.profileLayout .profileItem .nameGroup .youtube[href="#"] { display:none; }
.profileLayout .profileItem .nameGroup p { margin-top:0.545em; font-size:1.375em; }
.profileLayout .profileItem .nameGroup .role { display:inline-block; position:relative; margin-left:0.455em; padding-left:0.409em; }
.profileLayout .profileItem .nameGroup .role::before { content:''; position:absolute; top:50%; left:0; width:1px; height:0.818em; margin-top:-0.409em; background:#eaeaea; }
.profileLayout .profileItem h6 { margin-bottom:1em; font-size:1.125em; }
.profileLayout .profileItem .list { overflow-y:auto; max-height:15.625rem; color:#4e4e4e; line-height:1.5; font-size:1.125em; }
/* scrollbar */
/* width */
.profileLayout .profileItem .list::-webkit-scrollbar { width:10px; }
/* Track */
.profileLayout .profileItem .list::-webkit-scrollbar-track { background:#fff;border: 1px solid #dcdcdc; }
/* Handle */
.profileLayout .profileItem .list::-webkit-scrollbar-thumb { background:#fff url(../images/sub/bg_scrollbar.png) 50% 50% no-repeat; border:1px solid #dcdcdc; }
/* Handle on hover */
.profileLayout .profileItem .list::-webkit-scrollbar-thumb:hover { background:#ccc; }
.profileLayout .profileItem .list li { margin-top:0.556em; padding-left:0.556em; background:url(../images/sub/bu_6x1.svg) no-repeat 0 0.667em; background-size:0.333em auto; }
:lang(ko) .profileLayout .profileItem .list { word-break:keep-all; }
.profileLayout .profileItem .list * { font-size:inherit !important; font-family:"Pretendard", "Noto Sans KR" !important; }
@media only screen and (max-width:960px) {
	.profileLayout .tabNav { margin-bottom:1.818em; padding:0; }
	.profileLayout .tabList ul li { margin:0 1px; }
	.profileLayout .tabList ul li a { font-size:1.091em; }
	.profileLayout .tabNav .tabList { display:block; }
}
@media only screen and (max-width:767px) {
	.profileLayout .profileItem { display:block; text-align:center; }
	.profileLayout .profileItem ~ .profileItem { margin-top:3em; padding-top:4em; }
	.profileLayout .profileItem .imgProfile { width:100%; margin:0; }
	.profileLayout .profileItem .cont { width:100%; }
	.profileLayout .fz45 { margin-top:1.280em; font-size:2.273em; }
	.profileLayout .fz40 { margin-bottom:0.818em; font-size:2em; }
	.profileLayout .fz24 { font-size:1.364em; }
	.profileLayout .fz24 span { display:inline-block; margin-right:0.364rem; }
	.profileLayout .fz28 { font-size:1.364em; }
	.profileLayout .fz20 { font-size:1.091em; }
	/* 오케스트라 > 단원 */
	.svgOrchestra { margin-bottom:2em; }
	.svgOrchestra svg text { font-size:2.182em; }
	.profileLayout .memberTab { margin-top:2em; padding-top:2em; }
	.profileLayout .memberTab ul li { width:32.3333%; margin-bottom:1em; }
	.profileLayout .memberTab ul li a:hover .img img,
	.profileLayout .memberTab ul li a:focus .img img { opacity:1; transition:none; }
	.profileLayout .memberTab ul li a .txt { font-size:1em; }
	.profileLayout .profileItem .imgProfile .swiper-pagination-bullet { width:8px; height:8px; }
	.profileLayout .profileItem .nameGroup { margin-bottom:0.727em; }
	.profileLayout .profileItem .nameGroup .fz45 { margin-top:0; font-size:1.636em; }
	.profileLayout .profileItem .nameGroup .youtube { margin-top:0.364em; margin-left:0.5em;  }
	.profileLayout .profileItem .nameGroup p { font-size:1.182em; }
	.profileLayout .profileItem h6 { margin-bottom:0.5em; font-size:1em; }
	.profileLayout .profileItem .list { max-height:22.222vw; font-size:1em; }
}
@media only screen and (max-width:359px) {
	.profileLayout .profileItem .imgProfile { margin-right:6.5%; }
	.profileLayout .memberCon .profileItem .cont { width:53.5%; }
	.profileLayout .profileItem .nameGroup .fz45 { font-size:1.545em; }
	.profileLayout .profileItem .nameGroup p { font-size:1em; }
}

/* 오케스트라 > 기관 > 이사회 */
.directorsWrap { max-width:1200px; margin:0 auto; }
.directorsWrap .director { display:flex; justify-content:space-between; }
.directorsWrap .director .img { width:39.3334%; }
.directorsWrap .director .txtBox { width:53.3334%; letter-spacing:-0.06em; }
.directorsWrap .director .txtBox .tit { font-size:2.813em; }
.directorsWrap .director .txtBox .tit { font-size:2.813em; }
.directorsWrap .director .txtBox .txt { margin-top:3.222em; font-size:1.125em; }
.directorsWrap .director .txtBox .sign { margin-top:2.375em; }
.directorsWrap .director .txtBox .sign p { font-size:1.125em; }
.directorsWrap .director .txtBox .sign p strong { display:inline-block; margin-left:0.615em; font-weight:800; font-size:1.444em; }
.directorsWrap .directorList { position:relative; margin-top:6.000em; padding-top:0.750em; border-top:1px solid #152f29; }
.directorsWrap .directorList::before { content:''; position:absolute; top:-2px; left:0; width:8.000rem; height:1px; background:#152f29; }
.directorsWrap .directorList > li { display:flex; margin-top:1.875rem; font-size:1.250em; font-size:min(1.83333vw, 1.250em); }
.directorsWrap .directorList > li strong { flex-shrink:0; display:inline-block; width:8.000rem; padding-left:0.625rem; color:#14503c; font-weight:800; box-sizing:border-box; }
.directorsWrap .directorList ul { flex-grow:1; display:flex; flex-wrap:wrap; justify-content:space-between; }
.directorsWrap .directorList ul li { width:28%; margin-bottom:0.5em; margin-left:1%; letter-spacing:-0.05em; line-height: 1.2; word-break:keep-all; }
.directorsWrap .directorList ul li:nth-child(3n+1) { width: 40%; margin-left:0; }
@media only screen and (max-width:960px) {
	.directorsWrap .director { flex-direction:column; justify-content:center; }
	.directorsWrap .director .img { width:auto; margin-bottom:2.727em; }
	.directorsWrap .director .txtBox { width:100%; }
	.directorsWrap .director .txtBox .tit { font-size:2em; }
	.directorsWrap .director .txtBox .txt { margin-top:2.167em; }
	.directorsWrap .director .txtBox .sign p strong { font-size:1.250em; }
	.directorsWrap .directorList { margin:3.182em 0; padding-top:0; }
	.directorsWrap .directorList::before { width:6rem; }
	.directorsWrap .directorList > li { margin-top:1.273em; font-size:1.182em; }
	.directorsWrap .directorList > li strong { width:6rem; padding-left:0; }
	.directorsWrap .directorList ul { display:block; }
	.directorsWrap .directorList ul li { width:100%; margin-left:0; }
	.directorsWrap .directorList ul li:nth-child(3n+1) { width:100%; }
	.directorsWrap .director .txtBox .sign { text-align:right; }
}

/* 오케스트라 > 기관 > 사무국 */
.organogram { max-width:1200px; margin:0 auto; }
.organogram .chartList { margin-bottom:4.000em; text-align:center; }
.organogram .chartList li { position:relative; }
.organogram .chartList strong { display:flex; justify-content:center; align-items:center; position:relative; margin-left:auto; margin-right:auto; }
.organogram .chartList > li::before { content:''; z-index:-1; position:absolute; top:0; left:50%; margin-left:-1px; width:1px; height:15.5em; background:#152f29; }
.organogram .chartList > li > strong { width:13.750rem; height:13.750rem; margin-bottom:1.750rem; border-radius:50%; background:#152f29; color:#ecc4c4; font-weight:800; font-size:1.875em; }
.organogram .chartList > li > strong::before { content:''; z-index:-1; position:absolute; top:-0.250rem; left:-0.250rem; width:14.250rem; height:14.250rem; border-radius:50%; border:1px solid #152f29; background:#fff; box-sizing:border-box; }
.organogram .chartList > li > ul { display:flex; }
.organogram .chartList > li > ul > li { display:flex; flex-wrap:wrap; padding-top:1.125em; }
.organogram .chartList > li > ul > li:first-child { width:74.166667%; }
.organogram .chartList > li > ul > li:nth-child(2) { flex-direction:column; flex-grow:1; /*width:17.6667%;*/ }
.organogram .chartList > li > ul > li::before { content:''; position:absolute; top:0; left:50%; width:50%; height:1px; background:#152f29; }
.organogram .chartList > li > ul > li::after { content:''; position:absolute; top:0; left:50%; width:8px; height:39px; background:url(../images/sub/bg_organogram.png) no-repeat 50% 50% / contain; transform:translate(-50%); }
.organogram .chartList > li > ul > li:nth-child(2)::before { left:0; }
.organogram .chartList > li > ul > li > strong { width:10.125rem; height:10.125rem; margin-bottom:2em; border-radius:50%; background:#14503c; color:#ecc4c4; font-weight:500; font-size:1.563em; }
.organogram .chartList > li > ul > li > strong::before { content:''; z-index:-1; position:absolute; top:0; left:50%; margin-left:-1px; width:1px; height:calc(100% + 2em); border-left:1px dashed #152f29; }
.organogram .chartList li ul ul { display:flex; justify-content:center; position:relative; width:100%; padding-top:5em; }
.organogram .chartList li ul ul li { display:flex; justify-content:center; align-items:center; width:100%; max-width:13.250rem; height:6.125rem; margin:0 0.5%; border-radius:3em; background-repeat:no-repeat; background-position:50% 0; background-size:7px 14px; font-weight:500; font-size:1.438em; box-sizing:border-box; }
.organogram .chartList li li.type1 ul li { position:relative; width:24%; border:1px solid #152f29; background-image:url(../images/sub/bg_organogram2.png); color:#14503c; }
.organogram .chartList li li.type2 ul li { border:1px solid #913c4b; background-image:url(../images/sub/bg_organogram3.png); color:#913c4b; }
.organogram .chartList li ul ul li::before { content:''; position:absolute; top:-5rem; left:50%; width:1px; height:5rem; border-left:1px dashed #14503c; transform:translateX(-50%); }
.organogram .chartList li li.type1 ul::before { content:''; position:absolute; top:0; left:calc(12.5% + 1px); width:calc(75% - 3px); border-top:1px dashed #14503c; }
.organogram table { width:100%; border-top:3px solid #15312a; border-bottom:1px solid #e7eae9; }
.organogram table th,
.organogram table td { color:#14503c; text-align:center; vertical-align:middle; font-weight:500; font-size:1.125em; }
.organogram table thead th { padding:1rem 0; background:#f3f6f5; }
.organogram table tbody td { padding:1rem 0; border-left: none; word-break:keep-all; }
.organogram table tbody .borderTop { border-top:3px solid #d4d8d7; }
.organogram table tbody th { background: #fff; }
.organogram table tbody th[scope="rowgroup"] { padding-top: 1em; border-top:3px solid #153029; border-right:none; vertical-align:top; font-weight: 700; font-size: 1.25em; }
.organogram table tbody th[scope="rowgroup"] br { display: none; }
@media only screen and (max-width:767px) {
	.organogram .chartList { margin-bottom:2em; }
	.organogram .chartList > li::before { height:11.75rem; }
	.organogram .chartList > li > strong { width:10.000rem; height:10.000rem; font-size:1.364em; }
	.organogram .chartList > li > strong::before { top:-0.364rem; left:-0.364rem; width:10.727rem; height:10.727rem; }
	.organogram .chartList li ul ul { padding-top:1em; font-size:0.909em; }
	.organogram .chartList > li > ul > li::after { width:7px; height:22px; }
	.organogram .chartList > li > ul > li > strong { width:7.455rem; height:7.455rem; font-size:1.182em; }
	.organogram .chartList > li > ul > li > strong { margin-bottom:1.455rem; }
	.organogram .chartList > li > ul > li > strong::before { height:8.91rem; }
	.organogram .chartList li ul ul li { height:4.545rem; margin-bottom:1rem; padding-top:2px; background-size:4px 8px; font-size:1.091em; }
	.organogram .chartList li ul ul li::before { top:-1rem; height:1rem; }
	.organogram .chartList li li.type1 ul li { width:42%; max-width:none; margin:0 1% 1rem; letter-spacing:-0.06em; }
	.organogram table th,
	.organogram table td { font-size:1em; }
	.organogram table thead tr th:first-child { width:3.8em; }
	.organogram table tbody th[scope="rowgroup"] { font-size:1.090em; }
	.organogram table tbody th[scope="rowgroup"] br { display: inline; }
}

/* 오케스트라 > 기관 > 찾아오시는 길 */
.locationMap { max-width:1200px; margin:0 auto; }
.locationMap .mapView { border:1px solid #b0b0b0; }
.locationMap .mapView #map { height:33.5em; }
.locationMap .mapCustom { position:absolute; left:50%; bottom:42px; width:286px; padding-bottom:28px; text-align:left; transform:translateX(-50%); }
.locationMap .mapCustom:after { content:''; position:absolute; bottom:0; left:50%; width:100%; height:28px; background:url(../images/sub/bg_map.png) no-repeat left bottom; background-size:100% auto; transform:translateX(-50%); }
.locationMap .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); }
.locationMap .mapCustom .info .title { position:relative; padding:1em 1.111em; background:#1c3f37; color:#fff; font-size:1.125em; }
.locationMap .mapCustom .info .close { position:absolute; top:0;right:0; color:#888; width:45px; height:100% ;background:url(../images/sub/btn_map_close.png) center no-repeat; background-size:1.056em auto; }
.locationMap .mapCustom .info .close:hover { cursor:pointer; }
.locationMap .mapCustom .info .txtBox { padding:1.467em; line-height:1.4; letter-spacing:-0.04em; font-size:0.938em; }
.locationMap .mapView .address { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #b0b0b0; padding:1.5em 1.500em 1.5em 2.063em; }
/*.locationMap .mapView .address ul li { overflow:hidden; margin:0.471em 0; padding-left:1.765em; background-repeat:no-repeat; background-position:0 0.176em; background-size:auto 1.176em; }
.locationMap .mapView .address ul li.addr { background-image:url(../images/sub/icon_location.png); }
.locationMap .mapView .address ul li.tel { background-image:url(../images/sub/icon_phone.png); }*/
.locationMap .mapView .address .addr { display:flex; }
.locationMap .mapView .address .addr > p { flex-shrink:0; position:relative; height:100%; margin-right:1em; padding-right:1.176em; letter-spacing:-0.04em; font-weight:600; font-size:1.063em; }
.locationMap .mapView .address .addr > p::before { content:''; position:absolute; top:calc(50% - 0.882em/2); right:0; width:1px; height:0.824em; background:#000; }
.locationMap .mapView .address ul li { margin-top:0.471em; line-height:1.3; letter-spacing:-0.03em; font-size:1.063em; }
:lang(ko) .locationMap .mapView .address ul li { word-break:keep-all; }
.locationMap .mapView .address ul li:first-child { margin-top:0; }
.locationMap .mapView .address ul li span { display:block; }
.locationMap .mapView .address ul li .tit { float:left; font-weight:600; }
.locationMap .mapView .address ul li .txt { margin-left:3.647em; }
.locationMap .mapView .address ul li .txt br { display:none; }
.locationMap .mapView .lkGroup { display:flex; }
.locationMap .mapView .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); }
.locationMap .mapView .lkGroup .naver { background-image:url(../images/sub/icon_map_naver.png); }
.locationMap .mapView .lkGroup .kakao { background-image:url(../images/sub/icon_map_kakao.png); }
.locationMap .mapView .lkGroup .google { background-image:url(../images/sub/icon_map_google.png); }
.locationMap .routeGuid { letter-spacing:-0.03em; }
.locationMap .routeGuid h4 { margin-top:2.800em; margin-bottom:0.750em; padding-left:1.750em; background-repeat:no-repeat; background-position:0 50%; background-size:1.438rem auto; color:#1c3f37; font-weight:800; font-size:1.250em; }
.locationMap .routeGuid h4.bus { background-image:url(../images/sub/icon_bus.png); }
.locationMap .routeGuid h4.subway { background-image:url(../images/sub/icon_subway.png); }
.locationMap .routeGuid h5 { margin-top:2.000em; margin-bottom:0.353em; margin-left:2.250rem; font-size:1.063em; }
.locationMap .routeGuid h4 + h5 { margin-top:0; }
.locationMap .routeGuid ul { margin-left:2.250rem; font-size:1.063em; }
.locationMap .routeGuid ul li { margin:0.176em 0; }
.locationMap .routeGuid table { table-layout:fixed; width:calc(100% - 2.250rem); margin-left:2.250rem; border-top:2px solid #1c3f37; }
.locationMap .routeGuid table th,
.locationMap .routeGuid table td { padding:12px; border:1px solid #dcdcdc; text-align:center; }
.locationMap .routeGuid table th { border-left:none; background:#fafafa; font-weight:500; }
.locationMap .routeGuid table td { border-right:none; }
@media screen and (max-width:767px) {
    .locationMap .mapView #map { height:97.222vw; }
    .locationMap .mapCustom { width:63.8888vw; padding-bottom:20px; }
    .locationMap .mapCustom:after { height:20px; }
    .locationMap .mapCustom .info .txtBox { font-size:1em; }
    .locationMap .mapView .address,
	.locationMap .mapView .address .addr { display:block; }
	.locationMap .mapView .address .addr > p { margin-top:4px; margin-bottom:1em; margin-right:0; padding-right:0; font-size:1.273em; }
	.locationMap .mapView .address .addr > p::before { content:none; }
    .locationMap .mapView .address ul li { font-size:1.091em; }
	.locationMap .mapView .address ul li .tit { margin-top:2px; }
	.locationMap .mapView .address ul li .txt br { display:inline; }
	:lang(ko) .locationMap .mapView .address ul li .txt { word-break:keep-all; }
    .locationMap .mapView .lkGroup { margin-top:1.364em; }
    .locationMap .mapView .lkGroup a { margin-left:0; margin-right:1em; }
    .locationMap .routeGuid h4 { margin-top:2.154em; }
	.locationMap .routeGuid h5,
	.locationMap .routeGuid ul,
	.locationMap .routeGuid table { margin-left:0; }
}

/* 멤버십 > 코내시모 */
.membership,
.membershipGate { max-width:1200px; margin:5em auto 0; }
.membership .topTxt { margin-bottom:7.500em; padding-left:41%; background:url(../images/sub/bg_konasymo1.png) no-repeat 0 50%; background-size:32.917% auto; color:#143228; }
.membership .topTxt .tit { font-weight:800; font-size:1.875em; }
.membership .topTxt .txt { margin-top:1em; font-size:1.063em; line-height:1.5; }
:lang(ko) .membership { word-break:keep-all; }
.membership .infoList { display:flex; justify-content:space-between; }
.membership .infoList > div { position:relative; width:20%; box-sizing:border-box; letter-spacing: -0.03em; }
.membership .infoList > div::before { content:''; position:absolute; top:0; left:-13.33333%; width:1px; height:100%; background:#e7eae9; }
.membership .infoList > div:first-child::before { content:none; }
.membership .infoList > div .tType2 { margin-top:0; }
.membership .infoList .item1 { width: 22%; }
.membership .infoList .item1 .txt { margin-top:0.625em; color:#575757; }
.membership .infoList .membershipMap { margin-top:0.750em; }
.membership .infoList .membershipMap a { display:inline-block; padding-left:1em;  padding-bottom:2px; border-bottom:1px solid #007346; background:url(../images/sub/icon_location_konasymo.png) no-repeat 0 20%; background-size:0.625em auto; color:#007346; }
.membership dl { display:flex; flex-wrap:wrap; color:#143228; font-size:1.063em; }
.membership dl dt { flex-shrink:0; flex-basis:4.118em; display:inline-block; }
.membership dl dd { flex-grow:1; width:calc(100% - 4.118em); margin-bottom:0.235em; }
.membership .infoList .item3 ul li { position:relative; margin-bottom:0.824em; padding-bottom:1.176em; }
.membership .infoList .item3 ul li:last-child { margin-bottom:0; padding-bottom:0; }
.membership .step li::before { content:''; position:absolute; left:4px; bottom:0; width:7px; height:7px; border-top:2px solid #143228; border-right:2px solid #143228; transform:rotate(135deg); }
.membership .step li:last-child::before { content:none; }
.membership .infoList .item4 { font-size:1.063em; }
.membership .infoList .btnMembership { margin-top:0.667em; }
.membership .infoList .btnMembership a {  display:inline-block; width:100%; border-radius:3em; padding:1.040em; background:#143228; color:#fff; text-align:center; font-size:1.125em; box-sizing:border-box; }
.membership > .btnMembership { margin-top:6.875em; text-align:center; }
.membership > .btnMembership a { display:block; padding:1.200em 1em; border-top:1px solid #143228; border-bottom:1px solid #143228; font-size:1.250rem; box-sizing:border-box; }
.memberMapView { overflow-y:auto; display:none; z-index:100; justify-content:center; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.65); text-align:center; } 
.memberMapView .popWrap { display:inline-block; position:relative; padding-top:4.000em; }
.memberMapView .popWrap .btnClose {  position:absolute; top:0.625em; left:50%; }
.memberMapView .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:1rem auto; text-indent:-999px; }
.membership .memberPay { display:block; position:static; margin-top:3.5em; background:none; }
.membership .infoList .item3 .tType2.MAT20 { margin-bottom:0.364em; }
.membership .infoList .item3 .radioList { display:flex; flex-direction:column; gap:0.5em; margin:0 0 2em; }
.membership .infoList .item3 .radioList li { overflow:hidden; position:relative; margin: 0; padding-bottom: 0; }
.membership .infoList .item3 .radioList li input { position:absolute; top:0; left:0; width:1px; height:1px; margin-left:-1px; clip:rect(0,0,0,0); }
.membership .infoList .item3 .radioList li input + label { display:block; border-radius:8px; background:#c6c6c6; color:#fff; text-align:center; line-height:2.889em; font-weight:400; font-size:1.125em; cursor:pointer; }
.membership .infoList .item3 .radioList li input:focus + label { outline:2px solid #fff; outline-offset:-4px; }
.membership .infoList .item3 .radioList li input:checked + label { background:#143228; }
#mobileMemberPay { display: block; height: auto; }
#mobileMemberPay ul.radioList li { flex-grow:1; }
#mobileMemberPay ul.radioList { flex-direction:row; }
#mobileMemberPay ul.radioList li input + label { min-width:auto; }
/* 멤버십 > 후원회 */
.membership .topTxt2 { margin-bottom:3.625em; padding:1em 0 1.375em; background:url(../images/sub/bg_konasymo2.png) no-repeat 0 0, url(../images/sub/bg_konasymo3.png) no-repeat right 0 bottom 0; background-size:6.08334% auto; text-align:center; }
.membership .topTxt2 .tit { display:inline-block; text-align:left; color:#143228; letter-spacing:-0.03em; font-weight:800; font-size:1.875em; }
.membership .step.row { display:flex; }
.membership .step.row li { position:relative; margin-top:0; margin-bottom:0; margin-right:1.647em; padding-bottom:0; padding-right:2.118em; }
.membership .step.row li:last-child { margin-right:0; padding-right:0; }
.membership .step.row li::before { left:auto; bottom:auto; top:0.353em; right:0; transform:rotate(45deg); }
.membership dl.row dt { flex-basis:auto; margin-right:0.706em; }
.membership dl.row dd { flex-grow:0; width:auto; margin-bottom:0; margin-right:1em; }
.membership .supportList h5 { position:relative; margin-top:3.059em; margin-bottom:1em; font-size:1.063em; }
.membership .supportList h5:nth-of-type(1) { margin-top:0; }
.membership .supportList h5::before { content:''; position:absolute; top:50%; left:4.471em; width:calc(100% - 4.471em); height:1px; margin-top:-1px; background:#e7eae9; }
.membership .supportList ul { display:flex; flex-wrap:wrap; align-items:center; }
.membership .supportList li { min-width:calc(25% - 1em); margin:0.294em 1em 0.294em 0; font-weight:700; font-size:1.063em; }
.membership .supportList ul.row li { min-width:auto; }
.membership .supportList .listStyle2 li { width:100%; font-weight:500; }
.membership .supportList .block { width: 100% !important; }
.membership .supportList .koList li { min-width:8.3333%; margin:0.294em 0; }
.membership .title { margin-top:5em; margin-bottom:0.833em; color: #143228; font-size: 1.5em; }
.membership .benefits { width: 100%; table-layout:fixed; }
.membership .benefits thead th { font-weight: 400; }
.membership .benefits th,
.membership .benefits td { text-align: center; vertical-align: middle; font-size: 1.125rem; }
.membership .benefits .rowTit { border-bottom:1px solid #e7eae9; font-weight:500; font-size: 1.125rem; }
.membership .benefits td { padding:1.25em;  }
.membership .benefits .listStyle { display:inline-flex; flex-direction:column; text-align: left; }
.membership .benefits .listStyle>li { margin:2px 0; padding-left: 1.125rem; }
.membership .benefits .listStyle>li::before { content:''; position: absolute; top:0.625rem; left: 0; width:0.3125rem; height:0.3125rem; border-radius:50%; background: #000; }
.membership .benefits .listStyle .desc { margin-top:0.5em; margin-left: 0.5em; font-weight: 400; font-size: 1rem; line-height: 1.5; }
.membership .benefits .membershipMap { display:flex; flex-wrap:wrap; gap:0.5rem; }
.membership .benefits .membershipMap a { flex-shrink:0; display:inline-flex; justify-content:center; align-items:center; width:6.7em; height:2.25em; margin-top: -0.375rem; border-radius:3em; border:1px solid #1C3F37; color: #1C3F37; font-size: 1rem; box-sizing:border-box; }
.membership .benefits .membershipMap a:hover,
.membership .benefits .membershipMap a:focus { background: #1C3F37; color: #fff; transition:0.3s; }
.membership .benefits .membershipMap a span { display: inline-block; padding-left: 1.3em; background:url(../images/sub/icon_location.svg) no-repeat 0 50%; background-size:auto 1em; }
.membership .actions { display:flex; gap:1.5em; }
.membership .actions button,
.membership .actions a { width:calc(50% - 0.75rem); }
.membership .btnRounded { display:flex; gap:0.5em; justify-content:center; align-items:center; min-width:19.75rem; height:4.32em; border-radius:3em; background: #1C3F37; color: #fff; font-weight: 700; font-size: 1.5em; }
.membership .btnRounded .arrow { display: inline-block; width:1.1875rem; height: 1rem; background:url(../images/sub/arrow_lk.svg) no-repeat; background-size:contain; }
.membership .process { display:flex; gap:3.5em; align-items:center; }
.membership .process li { flex-grow:1; display:flex; flex-direction:column; justify-content:center; align-items:center; position: relative; width:calc(33.33333% - 3.5em); min-height:5.636em; border-radius:0.625rem; border:1px solid #ECC4C4; text-align: center; font-size: 1.375em; }
.membership .process li b { display: block; }
.membership .process li::before { content:''; position: absolute; top: 50%; right:-2.1875rem; width:0.6875rem; height: 1.1875rem; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.380761 0.380761C-0.12692 0.888443 -0.12692 1.71156 0.380761 2.21924L7.46152 9.3L0.380762 16.3808C-0.12692 16.8884 -0.12692 17.7116 0.380762 18.2192C0.888444 18.7269 1.71156 18.7269 2.21924 18.2192L10.2192 10.2192C10.7269 9.71156 10.7269 8.88844 10.2192 8.38076L2.21924 0.380761C1.71156 -0.12692 0.888443 -0.12692 0.380761 0.380761Z' fill='%231C3F37'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size:contain; transform:translateY(-50%); }
.membership .process li:last-child::before { content:none; }
.membership .contact .tType2 { margin-top:1.5em; margin-bottom: 0.5em; padding-left:1.636em; background:url(../images/sub/icon_customer.png) no-repeat 0 50%; background-size:1.227em auto; font-weight: 400; }
.membership .contact .btnRounded { flex-direction:column; gap:0.25rem; }
.membership .contact .btnRounded .sTxt { display: block; width: 100%; height: auto; color: #BBC6C3; font-weight: 400; font-size:0.583em; }
.membership .contact dl { margin-bottom: 1rem; }
.membership .contact dl dt { overflow: hidden; flex-basis:2.5em; position: relative; max-height:1.55em; margin-right: 1em; color: #1C3F37; font-size: 1.25rem; text-align:justify; }
.membership .contact dl dt::after { content:''; display:inline-block; width: 100%; }
.membership .contact dl dd { margin: 0; font-size: 1.375rem; }

/* 멤버십 */
.membershipGate .titArea { display:flex; align-items:center; justify-content:center; min-height:11.75rem; background:url(../images/sub/bg_membershop.png) no-repeat 50% 50% / contain; color: #fff; font-weight: 700; font-size:2.125em; }
.membershipGate .txtArea { margin-top:4.875em; background:url(../images/sub/bg_membershop_left.png) no-repeat 0 0, url(../images/sub/bg_membershop_right.png) no-repeat 100% 0; background-size:auto 6.75em, auto 6.75em; color: #143228; text-align: center; letter-spacing: -0.03em; }
.membershipGate .txtArea p { word-break:keep-all; font-size:1.625em; }
.membershipGate .txtArea b { display: block; }
.membershipGate .linkBox { display:flex; justify-content:space-between; margin-top:5.625em; }
.membershipGate .linkBox a { display: block; width:49.1667%; height:12.6875em; padding-top:2.125em; padding-left:3em; background-repeat: no-repeat; background-position:100% 100%; background-size:cover; color: #0c3f37; box-sizing:border-box; }
.membershipGate .linkBox a.i1 { background-color: #f6dcdc; background-image: url(../images/sub/bg_membershop_link1.png); }
.membershipGate .linkBox a.i2 { background-color: #e5d8c8; background-image: url(../images/sub/bg_membershop_link2.png); }
.membershipGate .linkBox a:hover,
.membershipGate .linkBox a:focus { box-shadow: 5px 5px 0px 0px rgba(28,63,55,1); transition:box-shadow ease-in 0.4s; }
.membershipGate .linkBox a span,
.membershipGate .linkBox a i { display: block; }
.membershipGate .linkBox a span { font-weight: 700; font-size: 1.875em; }
.membershipGate .linkBox a i { margin-top:0.25em; font-weight:500; font-size: 1rem; }

@media only screen and (max-width:1200px) {
	.membership .infoList { margin:0 -3%; }
	.membership .infoList > div { width:25%; margin-bottom:2.545em; padding:0 3%; }
	.membership .infoList .item1 { width: 25%; }
	.membership .infoList > div::before { left:0;}
}
@media only screen and (max-width:1080px) {
	.membership .btnMembership { margin-top:1em; }
	.membership .btnMembership a { display:block; }
}
@media only screen and (max-width:880px) {
	.membership { margin-top:0; }
	.membership .topTxt{ margin-bottom:3.273em; padding-top:9.818em; padding-left:0; background-position:40% 0; background-size:auto 8.364em; text-align:center; }
	.membership .topTxt .tit { font-size:1.545em; }
	.membership .infoList { display:block; margin:0; }
	.membership .infoList > div .tType2 br { display: none; }
	.membership .infoList > div { width:auto; padding:0; vertical-align:top; }
	.membership .infoList .item1 { width: auto; }
	.membership .infoList > div::before { content:none; }
	.membership .infoList .item3 ul li > br { display:none; }
	.membership .step li::before { width:5px; height:5px; }
	.membership .btnMembership a { font-size:1.364em; }
	.membership .infoList .item3 .radioList { flex-direction:row; font-size: 12px; }
	.membership .infoList .item3 .radioList li { width:calc(50% - 0.25em); }
	.membership .title { margin-top: 3em; font-size:1.273em; }
	.membership .benefits thead th,
	.membership .process li,
	.membership .btnRounded,
	.membership .contact .tType2,
	.membership .contact dl dd { font-size:1.273em; }
	.membership .benefits td { font-size: 1.182em; }
	.membership .benefits .listStyle .desc br { display: none; }
	.membership .benefits .membershipMap { flex-direction:column; }
	.membership .benefits .membershipMap a { margin-top: 0; }
	.membership .process { flex-direction:column; gap:2.727em; }
	.membership .process li { width: 100%; }
	.membership .process li::before { top: auto; bottom:-2rem; left:50%; transform:translateX(-50%) rotate(90deg); }
	.membership .actions { gap:1em; }
	.membership .actions button,
	.membership .actions a { flex-grow:1; width: auto; min-width:auto; }
	.membership .btnRounded { min-width:16.182rem; }
	.membership .btnRounded .arrow { display: none; }
	.membership .contact dl dt,
	.membership .contact .btnRounded .sTxt { font-size: 1rem; }
	.membership .contact dl dt { margin-top: 2px; }
	
	/* 멤버십 > 후원회 */
	.membership .topTxt2 { padding-top:3em; padding-bottom:1em; background-size:auto 2.545em; }
	.membership .topTxt2 .tit { font-size:1.545em; }
	.membership .topTxt2 .tit br { display:none; }
	.membership .conTable td { padding:0.545em; }
	.membership .step.row { display:block; }
	.membership .step.row li { margin-bottom:0.824em; margin-right:0; padding-right:0; padding-bottom:1.176em; }
	.membership .step.row li::before { right:auto; top:auto; left:4px; bottom:0; transform:rotate(135deg); }
	.membership dl.row dt { flex-basis:4.118em; margin-right:0; }
	.membership dl.row dd { flex-grow:1; width:calc(100% - 4.118em); margin:0 0 0.235em; }
	.membership .supportList ul li { width:calc(50% - 1em); }
	.membership .supportList ul li { word-break:keep-all; }
	.membership .supportList ul.row { display: block; }
	.membership .supportList ul.row li { margin-top:1em;}
	.membership .supportList ul li img { max-height:1.636em; }
	.membership .supportList .koList li { width:14.2857%; min-width:auto; }
	
	/* 멤버십 */
	.membershipGate .titArea { min-height:9.9091rem; font-size:1.8182em; }
	.membershipGate .txtArea { margin-top:2.3636em; padding-top:2.3636em; padding-bottom: 3em; background-position:0 0, 100% 100%; background-size:auto 4.5454em, auto 4.5454em; }
	.membershipGate .txtArea p { font-size:1.4545em; }
	.membershipGate .txtArea p span { display: block; }
	.membershipGate .txtArea p br { display: none; }
	.membershipGate .linkBox { display: block; margin-top: 3em; padding:0 5%; }
	.membershipGate .linkBox a { width: 100%; height:9.2727em; margin-top: 1em; padding-top:1.4545em; padding-left:2.1818em; }
	.membershipGate .linkBox a span { font-size:1.6364em; }
}

/* 후원금 결제 */
.memberPay { overflow-y:auto; display:none; z-index:100; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.7); font-weight:300; font-size:16px; }
.memberPay .popWrap { position:relative; width:100%; max-width:680px; margin:0 auto; padding:3.125em 4.250em; background-color:#f6f6f6; letter-spacing:-0.05em; box-sizing:border-box; }
.memberPay input.text { width:100%; height:2.667em; margin-bottom:0.750em; border-top:none; border-right:none; border-left:none; border-bottom:1px solid #000; background:#f6f6f6; line-height:2.667em; font-weight:500; font-size:1.125em; }
.memberPay input[type="radio"],
.memberPay input[type="checkbox"] { position:absolute; top:0; left:0; width:1px; height:1px; margin-left:-1px; clip:rect(0,0,0,0); }
.memberPay input[type="checkbox"] + label { display:block; font-weight:500; font-size:1.125em; cursor:pointer; }
.memberPay input[type="checkbox"] + label span { display:inline-block; position:relative; padding-left:1.556em; }
.memberPay input[type="checkbox"] + label span::before { content:''; position:absolute; top:0; left:0; width:1.167em; height:1.167em; border:1px solid #6c6c6c; background-repeat:no-repeat; background-position:50% 50%; background-size:0.833em auto; box-sizing:border-box; }
.memberPay input[type="checkbox"]:checked + label span::before { border-color:#000; background-image:url(../images/use/bl_checkbox02.png); }
.memberPay input.text::-webkit-input-placeholder { color:#878787; }
.memberPay input.text::-moz-placeholder { color:#878787; }
.memberPay input.text:-ms-input-placeholder { color:#878787; }
.memberPay input.text::-ms-input-placeholder { color:#878787; }
.memberPay input[type="number"]::-webkit-outer-spin-button,
.memberPay input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none;  margin: 0; }
.memberPay h4:nth-of-type(1) { margin-top:0; }
.memberPay h4 { margin-top:2.273em; margin-bottom:0.364em; font-weight:800; font-size:1.375em; }
.memberPay p { margin-bottom:0.750em; }
.memberPay .radioList { display:flex; flex-wrap:wrap; margin-top:1.250em; margin-bottom:2.125em; }
.memberPay .radioList li { overflow:hidden; position:relative; margin-right:0.5em; margin-bottom:0.5em; }
.memberPay .radioList li:first-child { margin-left:0; }
.memberPay .radioList li input + label { display:block; min-width:7.111em; border-radius:8px; background:#c6c6c6; color:#fff; text-align:center; line-height:2.889em; font-weight:400; font-size:1.125em; cursor:pointer; }
.memberPay .radioList li input:checked + label { background:#143228; }
.memberPay .radioList .radioInput { display:flex; position:relative; width:100%; margin-right:0; }
.memberPay .radioList .radioInput input.text { flex-grow:1; margin-bottom:0; margin-left:0.5em; }
.memberPay .radioList .radioInput label { flex-shrink:0; }
.memberPay .radioList .radioInput .unit { display:inline-block; position:absolute; top:0; right:0; line-height:2.667em; font-weight:500; font-size:1.125em; }
.memberPay .privacyCheck { margin-top:2.000em; }
.memberPay .privacyCheck .all .checkGroup { display:flex; justify-content:space-between; align-items:center; position:relative; }
.memberPay .privacyCheck .all button { display:inline-block; padding:0.467em 0.800em; border:1px solid #000; font-weight:500; font-size:0.938em; box-sizing:border-box; }
.memberPay .privacyCheck .checkList { margin-left:1.750em; }
.memberPay .privacyCheck .checkList > li { position:relative; margin-top:0.875em; }
.memberPay .privacyCheck .checkList .checkGroup { display:flex; }
.memberPay .privacyCheck .btnPrivacy { display:inline-block; font-weight:500; }
.memberPay .privacyCheck .btnPrivacy:hover,
.memberPay .privacyCheck .btnPrivacy:focus { text-decoration:underline; }
.memberPay .clauseWrap { display:none; margin-top:1em; padding-top:0; }
.memberPay .clauseWrap .clauseTxt { height:15.000em; font-weight:400; font-size:14px; }
.memberPay .clauseWrap .clauseTxt h4 { font-size:1rem; }
.memberPay .btnPayment { margin-top:3.125em; }
.memberPay .btnPayment a { display:block; padding:1.040em; background:#143228; color:#fff; text-align:center; font-weight:500; font-size:1.563em;  }
.memberPay .btnClose { position:absolute; top:0; right:0; }
.memberPay .btnClose button { overflow:hidden; display:block; width:3.182em; height:3.182em; background:url(../images/sub/icon_close.svg) no-repeat 50% 50%; background-size:1.375em auto; text-indent:-999px; }
.memberPay .checkGroup.row { display:flex; margin:1em 0; }
.memberPay .checkGroup.row > div { margin-right:0.875em; }
@media screen and (max-width:720px) {
	.memberPay { font-size:12px; }
	.memberPay .popWrap { max-width:90%; padding:2em 5%; }
	.memberPay h4 { font-size:1.167em; }
	.memberPay .radioList li { flex-grow:1; width:auto; }
	.memberPay .radioList.price li { flex-grow:0; width:calc(25% - 0.5em); }
	.memberPay .radioList li input + label { min-width:auto; }
	.memberPay .radioList.price .radioInput { flex-grow:1; width:100%; }
	.memberPay .radioList.price .radioInput label { padding:0 1em; }
	.memberPay .privacyCheck .all .checkGroup { display:block; }
	.memberPay .privacyCheck .all .checkGroup button { width:100%; margin-top:1em; }
	.memberPay .btnPayment a { font-size:1.250em; }
	.memberPay .clauseWrap .clauseTxt { font-size:1em; }
}

/* 아카이브 */
.archiveLayout { min-height:42.5em; max-width:1200px; margin:0 auto; }
.archiveLayout .searchVisual { position:relative; padding:5.000em 0; }
.archiveLayout .searchVisual::before { content:''; z-index:-1; position:absolute; top:0; left:0; width:1000%; height:100%; left:50%; margin-left:-500%; background-image:url(../images/sub/bg_archive.jpg); background-repeat:repeat-x; background-position:50% 50%; }
.archiveLayout .boardSearchText { position:relative; max-width:480px; margin:0 auto; border-bottom:1px solid #000; }
.archiveLayout .boardSearchText .inputTxt { height:2.500em; padding-right:2.091em; background:transparent; color:#000; text-indent:0; line-height:2.500em; font-weight:500; font-size:1.375em; }
.archiveLayout .boardSearchText .inputTxt:focus { outline:3px dashed #1c3f37; outline-offset:1px; }
.archiveLayout .boardSearchText button { top:0; width:35px;	height:100%; margin-top:0; background-size:2em auto; }
.archiveLayout .archiveSearch { position:relative; padding-top:2.125em; }
.archiveSearch .btnOpt { display:inline-block; z-index:2; position:absolute; top:0.625em; left:0; right:0; margin:0 auto; text-align:center; }
.archiveSearch .btnOpt button { display:inline-block; padding:0.611em 1.500em; border-radius:2em; background:#1c3f37; color:#fff; font-weight:600; font-size:1.125em; }
.archiveSearch .btnOpt button span { display:inline-block; position:relative; padding-right:1.111em; }
.archiveSearch .btnOpt button span::before { content:''; position:absolute; top:0.222em; right:0; width:0.444em; height:0.444em; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(135deg); transition:0.6s; }
.archiveSearch .btnOpt button.active span::before { top:0.444em; transform:rotate(-45deg); }
.archiveSearch .searchOpt { overflow:hidden; width:100%; border-radius:0.75em; border:1px solid #d5d5d5; background:#fff; box-sizing:border-box; }
.archiveSearch .searchOpt .optArea { padding:2.375em 1.250em 1.250em 2.375em; }
.archiveSearch .searchOpt .opt > li { display:flex; align-items:center; margin:0.5em 0; }
.archiveSearch .searchOpt .opt .lbl { display:inline-block; flex-shrink:0; flex-basis:3.500em; margin-right:1.5em; font-weight:700; }
.archiveSearch .searchOpt .opt input[type=text] { flex-grow:1; height:2.500em; padding:0 0.625em; border-radius:0.375em; border:1px solid #d5d5d5; line-height:2.500em; }
.archiveSearch .searchOpt .opt .radioList { flex-grow:1; display:flex; flex-wrap:wrap; }
.archiveSearch .searchOpt .opt .radioList li { position:relative; margin-bottom:2px; margin-right:0.375em; }
.archiveSearch .searchOpt .opt .radioList input { position:absolute; top:0; left:0; width:1px; height:1px; margin-left:-1px; clip:rect(0,0,0,0); }
.archiveSearch .searchOpt .opt .radioList input + label { display:block; padding:0.278em 1.111em; border-radius:0.375em; border:1px solid #cfcfcf; color:#767676; text-align:center; font-weight:600; font-size:1.125em; cursor:pointer; }
.archiveSearch .searchOpt .opt .radioList input:checked + label { border:none; background:#1c3f37; color:#fff; }
.archiveSearch .searchOpt .txtList { margin-top:0.875em; color:#696969; font-weight:500; font-size:14px; }
.archiveSearch .searchOpt .txtList li { position:relative; padding-left:0.714em; }
.archiveSearch .searchOpt .txtList li::before { content:'*'; position:absolute; top:0.143em; left:0; }
.archiveSearch .btnArchive { display:block; width:100%; padding:0.955em; background:#1c3f37; color:#fff; font-weight:700; font-size:1.375em; }
.archiveSearch .btnReset { display:inline-block; z-index:2; position:absolute; bottom:0.833em; left:1em; padding:0.333em 1.167em; border-radius:2em; border:2px solid #fff; color:#fff; font-weight:600; font-size:1.125em; box-sizing:border-box; }
.archiveLayout .resultCount { margin-top:5.000em; margin-bottom:3.500em; text-align:center; }
.archiveLayout .resultCount h4 { color:#010101; letter-spacing:-0.03em; font-size:1.563em; }
.archiveLayout .resultCount strong { color:#ff135b; }
/*.archiveSearch .btnOpt button:focus,
.archiveSearch .searchOpt .opt .radioList input:focus + label,
.archiveSearch .btnReset:focus,
.archiveSearch .btnArchive:focus { outline-offset:-3px; }*/
/*검색결과*/
.archiveLayout .keyword { margin-top:0.267em; margin-bottom:0.400em; font-size:1.875em; }
.archiveLayout .keyword a { display:inline-block; }
.archiveLayout .keyword a:hover,
.archiveLayout .keyword a:focus { color:#ecc4c4; text-decoration:none !important; }
.archiveResult .today { margin-bottom:0.875em; }
.archiveResult .today span { display:inline-block; padding:0.533em 1.133em 0.400em; border-radius:2em; background:#ffea00; font-weight:800; font-size:0.938em; }
.archiveResult .today span b { color:#ff135b; font-weight:800; }
.archiveResult .resultItem { margin-top:1em; padding:1.125em 1.875em; border-radius:1em; border:1px solid #cfcfcf; }
.archiveResult .resultItem a { overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis; }
.archiveResult .resultItem a:hover,
.archiveResult .resultItem a:focus { text-decoration:underline; }
.archiveLayout .resultItem .category { display:inline-block; margin-bottom:0.471em; color:#6d6d6d;  font-weight:600; font-size:1.063em; }
.archiveResult .resultItem .songList { margin-bottom:1.500em; }
.archiveResult .resultItem .songList:nth-last-child(1) { margin-bottom:0; }
.archiveResult .resultItem .songList li { position:relative; padding-left:0.556em; color:#206a59; font-weight:600; font-size:1.125em; }
.archiveResult .resultItem .songList li:before { content:'·'; position:absolute; top:0; left:0; }
.archiveResult .resultItem .songList li a { display:inline-block; color:#206a59; }
/*검색결과 - 상세*/
.archiveLayout .resultTit { display:flex; margin-top:3.625em; margin-bottom:1.625em; padding-bottom:1.125em; border-bottom:1px solid #e8e8e8; }
.archiveLayout .resultTit .keyword { flex-shrink:0; margin:0 0.600em 0 0; }
.archiveLayout .viewItem { margin-top:1.625em; border-bottom:1px solid #e8e8e8; }
.archiveLayout .viewItem .viewTit { position:relative; margin-top:0.667em; margin-bottom:1em; letter-spacing:-0.04em; font-weight:700; font-size:1.375em; }
.archiveLayout .viewItem .list { margin-bottom:1.75em; margin-left:0.875em; }
.archiveLayout .viewItem .list dt { display:block; margin-bottom:0.320em; font-weight:600; font-size:1.563em; font-size:1.375em; }
.archiveLayout .viewItem .list dd { margin:1px 0; color:#666; font-weight:600; }
.archiveLayout .viewItem .typeBtn { display:flex; margin-top:2.375em; margin-bottom:2.500em; margin-left:0.875em; }
.archiveLayout .viewItem .typeBtn li { margin-right:0.625em; }
.archiveLayout .viewItem .typeBtn li:last-child { margin-right:0; }
.archiveLayout .viewItem .typeBtn li a { overflow:hidden; display:inline-block; padding:0.556em 0.944em 0.556em 2em; border-radius:0.5em; /*border:1px solid #8a8a8a;*/ background-repeat:no-repeat; background-position:left 0 bottom 0; background-size:5.500em auto; color:#8a8a8a; font-weight:600; font-size:1.125em; text-indent:-999px; }
.archiveLayout .viewItem .typeBtn li a:hover,
.archiveLayout .viewItem .typeBtn li a:focus,
.archiveLayout .viewItem .typeBtn li a.active { border-color:#006666; background-position:left 0 top 0; color:#006666; }
/*.archiveLayout .viewItem .typeBtn li a:hover { transition:background 0.5s; }*/
.archiveLayout .viewItem .typeBtn li.i1 a { background-image:url(../images/sub/icon_archive01.png); }
.archiveLayout .viewItem .typeBtn li.i2 a { background-image:url(../images/sub/icon_archive02.png); }
.archiveLayout .viewItem .typeBtn li.i3 a { background-image:url(../images/sub/icon_archive03.png); }
.archiveLayout .viewItem .typeBtn li.i4 a { background-image:url(../images/sub/icon_archive04.png); }
.archiveLayout .viewItem .resultCon { display:none; padding:2.125em 3.3%; border-top:1px solid #e8e8e8; }
.archiveLayout .viewItem .resultCon .videoWrap { position:relative; margin-bottom:2.125em; padding-top:56.25%; }
.archiveLayout .viewItem .resultCon .videoWrap iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; }
.archiveLayout .viewItem .resultCon .audioWrap { position:relative; height:166px; margin-bottom:2.125em; }
.archiveLayout .viewItem .resultCon .audioWrap iframe { position:absolute; top:0; left:0; width:100% !important; height:100%; }
.archiveLayout .viewItem .resultCon .resultSlide { position:relative; margin-bottom:2.125em; text-align:center; }
.resultCon .resultSlide .controls { display:inline-flex; align-items:center; z-index:1; position:absolute; bottom:1.250em; left:50%; padding:1em 1.313em; transform:translateX(-50%); border-radius:2em; background:rgba(000,000,000,0.7); color:#fff; }
.resultCon .resultSlide .controls .swiper-button-prev,
.resultCon .resultSlide .controls .swiper-button-next { position:static; width:24px; height:22px; margin-top:0; background-repeat:no-repeat; background-position:50% 50%; background-size:0.813em auto; }
.resultCon .resultSlide .controls .swiper-button-prev { background-image:url(../images/sub/icon_archive_prev.svg); }
.resultCon .resultSlide .controls .swiper-button-next { background-image:url(../images/sub/icon_archive_next.svg); }
.resultCon .resultSlide .controls .swiper-pagination { position:static; width:auto; padding:0 0.188em; letter-spacing:-0.1em; white-space:nowrap; font-weight:600; }
.resultCon .resultSlide .controls .btnFullScreen { position:relative; margin-left:0.625em; padding-left:0.938em; }
.resultCon .resultSlide .controls .btnFullScreen::before { content:''; position:absolute; top:50%; left:0; width:1px; height:1.25em; margin-top:-0.625em; background:#6b6b6b; }
.resultCon .resultSlide .controls .btnFullScreen span { display:inline-block; padding-left:1.375em; background:url(../images/sub/icon_full_image.png) no-repeat 0 50%; background-size:1em auto; white-space:nowrap; } .resultCon .btnFullClose { display:none; z-index:1; position:fixed; top:0.5em; right:0.667em; color:#fff; font-weight:500; font-size:1.125em; }
.resultCon .btnFullClose span { display:inline-block; position:relative; padding-left:1.389em; }
.resultCon.fullActive { overflow-y:auto; z-index:100; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.7); box-sizing:border-box; }
.archiveLayout .viewItem .resultCon .btnFullClose span::before,
.archiveLayout .viewItem .resultCon .btnFullClose span::after { content:''; position:absolute; left:0.5rem; top:50%; width:1em; height:2px; margin-top:-1px; margin-left:-.5em; background:#fff; margin-top:-1px; }
.archiveLayout .viewItem .resultCon .btnFullClose span::before { transform:rotate(45deg); }
.archiveLayout .viewItem .resultCon .btnFullClose span::after { transform:rotate(135deg); }
.resultCon.fullActive .resultSlide .swiper-slide { display:flex; justify-content:center; align-items:center; height:calc(100vh - 4.25em); }
.resultCon.fullActive .resultSlide .swiper-slide img { max-height:calc(100vh - 4.25em); }
.resultCon.fullActive .controls { position:fixed; }
.resultCon.fullActive .btnFullClose { display:block; }
.btnArchiveTop { margin-top:4.5em; text-align:center; }
.btnArchiveTop button { display:block; width:100%; padding:1.200em 1em; border-top:1px solid #143228; border-bottom:1px solid #143228; font-size:1.250em; box-sizing:border-box; }
.btnArchiveTop button span { display:inline-block; padding-left:1.500em; background:url(../images/sub/bg_top.png) no-repeat 0 50%; background-size:0.950em auto; }
@media screen and (max-width:767px) {
	.archiveSearch .searchOpt .opt .lbl { font-size:1.091em; }
	.archiveSearch .searchOpt .opt .radioList li { flex-grow:1; }
	.btnArchiveTop { margin-top:3em; }
}
@media screen and (max-width:340px) {
	.archiveLayout .viewItem .typeBtn li { margin-right:3px; }
}

/* 40주년 */
.layout40th { position: relative; padding:0 5.6%; font-family:"Noto Sans KR"; }
.layout40th::before { content:''; z-index: -1; position: absolute; top:9.25em; left:2.125em; width:23.4375em; height: 100%; background:url(../images/sub/bg_40th_1.png) no-repeat left top / contain; }
.layout40th::after { content:''; z-index: -1; position: absolute; bottom:13.375em; right:3.75em; width:37.5625em; height:33.125em; background:url(../images/sub/bg_40th_2.png) no-repeat left top / contain; }
.layout40th .inner { max-width:1200px; margin:0 auto; padding-top:2.625em; padding-bottom: 8em; }
.layout40th .inner h4 { margin-bottom:7.5rem; text-align: center; letter-spacing: -0.04em; font-weight:700; font-size: 2.5em; }
.layout40th .inner .visualVideo { margin-bottom: 0; }
.layout40th .inner .txtItems { margin-top:3.75em; }
.layout40th .inner .txtItems h5 { width: 100%; margin-bottom:3.75rem; color: #412819; text-align: center; font-weight: 800; font-size: 2.25em; font-family: "Noto Serif KR", serif; }
.layout40th .inner .txtItems h5 span { display: inline-block; background-repeat: no-repeat; background-size:auto 0.6875rem; }
.layout40th .inner .txtItems h5 span:first-child { padding-left: 0.4em; background-image:url(../images/sub/bg_40th_left.png); background-position:0 0.25em; }
.layout40th .inner .txtItems h5 span:nth-child(2) { padding-right: 0.4em; background-image:url(../images/sub/bg_40th_right.png); background-position: right 0.25em; }
.layout40th .inner .txtItems .txtBox { display:flex; gap:1.625em; }
.layout40th .inner .txtItems .txtBox p { letter-spacing: -0.055em; line-height: 1.65; font-weight: 500; font-size: 1.375em; }
.layout40th .inner .txtItems .txtBox p + p { margin-top: 1rem; }
@media screen and (max-width:1280px) {
	.layout40th::after { right: 0; }
}
@media screen and (max-width:960px) {
	.layout40th .inner .txtItems .txtBox { display: block; }
}
@media screen and (max-width:480px) {
	.layout40th::before { top:6.4545em; left: 5.6%; width:calc(100% - 11.2%); background-position: 50% 0; }
	.layout40th::after { display: none; }
	.layout40th .inner { padding-top:2.4545em; }
	.layout40th .inner h4 { margin-bottom:5.4545rem; font-size:1.8182em; }
	.layout40th .inner .txtItems { margin-top:2.7273em; }
	.layout40th .inner .txtItems h5 { margin-bottom: 2.5454rem; font-size:2.1818em; }
	.layout40th .inner .txtItems .txtBox p { font-size:1.091m; }
}

/* 소식 > 음반 */
#contentGroup:has(.recordLayout) { margin-top: 0; }
.recordLayout { margin-bottom:9.375em; font-family:"Noto Sans KR"; }
.recordLayout .visualArea { position: relative; color: #fff; text-align: center; letter-spacing: -0.06em; }
.recordLayout .visualArea img { object-fit:cover; width: 100%; height: 100%; }
.recordLayout .visualArea h3 { position: absolute; top:13.941%; left: 0; right: 0; font-size:max(1.9791vw, 2.375em); }
.recordLayout .visualArea h4 { position: absolute; top:25.916%; left: 0; right: 0; font-size:max(1.875vw, 2.25em); font-family: "Noto Serif KR", serif; }
.recordLayout .visualArea h4 span { display: inline-block; padding:0 1rem; background-image:url(../images/sub/bg_record_left.png), url(../images/sub/bg_record_right.png); background-repeat: no-repeat, no-repeat; background-position: 0 27%, 100% 27%; background-size:0.875rem auto; 0.875rem auto; }
.recordLayout .visualArea p { position: absolute; bottom:9.8302%; left: 0; right: 0; line-height: 1.6; font-weight: 500; font-size:max(1.25vw, 1.5em); }
.recordLayout .itemGroup { max-width:1200px; margin:0 auto; padding:0 5.6%; }
.recordLayout .itemGroup .item { display:flex; margin-top: 7.5em; text-align: center; }
.recordLayout .itemGroup .item .imgArea { flex-shrink:0; width:37.58334%; margin-right:3.33333%; }
.recordLayout .itemGroup .item .txtArea { flex-grow:1; text-align: left; line-height: 1.6; letter-spacing: -0.05em; }
.recordLayout .itemGroup .item .txtArea .fz18 { margin-bottom:0.25rem; font-weight:700; font-size: 1.125em; }
.recordLayout .itemGroup .item .txtArea .fz38 { margin-bottom:1.5rem; line-height: 1.4; letter-spacing: -0.07em; font-weight: 700; font-size:2.375em; }
.recordLayout .itemGroup .item .txtArea .fz24 { font-size:1.5em; }
.recordLayout .itemGroup .item .txtArea .fz22 { font-size:1.375em; }
.recordLayout .itemGroup .item .txtArea .fz20 { font-weight: 700; font-size:1.25em; }
.recordLayout .itemGroup .item .txtArea .fz20.gray { color: #606060; }
.recordLayout .itemGroup .item .txtArea ul { margin-top: 1.25em; }
.recordLayout .itemGroup .item .txtArea ul li { display:flex; margin:1px 0; }
.recordLayout .itemGroup .item .txtArea ul li span { display: block; color: #444; }
.recordLayout .itemGroup .item .txtArea ul li .tit { flex-shrink:0; flex-basis:3.5rem; color: #606060; }
.recordLayout .itemGroup .item .txtArea .vidTit { margin-top:3.625rem; margin-bottom: 0.625rem; color: #313332; font-weight:500; font-size: 1.375em; }
.recordLayout .itemGroup .item .txtArea .vidGroup { display:flex; gap:2.8%; }
.recordLayout .itemGroup .item .txtArea .vidGroup > div { width:39.49164%; }
.recordLayout .itemGroup .item .txtArea .vidGroup .vid { overflow: hidden; position: relative; padding-top:56.25%; }
.recordLayout .itemGroup .item .txtArea .vidGroup .vid iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.recordLayout .itemGroup .item .project { margin-bottom: 1em; }
.recordLayout .itemGroup .item .project span { display: inline-block; border-bottom:3px solid #aedac3; letter-spacing: 0; font-weight:700; font-size:13px; }
.recordLayout .itemGroup .btnStyle { margin-top: 2.5em; text-align: center; }
.recordLayout .itemGroup .btnStyle a,
.recordLayout .itemGroup .btnStyle button { display:flex; justify-content:center; align-items:center; width: 100%; height:4.0625rem; border-radius:0.75em; border: none; background: #f5d7d7; font-weight: 700; font-size: 1.25em; }

/* 소식 > MD */
.recordLayout.md { margin-bottom: 0; padding-bottom: 9.25em; background-color: #f8f9f4; }
.recordLayout.md .mdVisual { position: relative; color: #fff; }
.recordLayout.md .mdVisual img { object-fit:cover; object-position:center center; width: 100%; height: 100%; min-height:31.375em; }
.recordLayout.md .mdVisual .visualTxt { position: absolute; top:30.6773%; left: 0; right: 0; padding:0 5.6%; text-align: center; }
.recordLayout.md .mdVisual .visualTxt h3 { font-size:2.375em; }
.recordLayout.md .mdVisual .visualTxt p { margin-top:5.125rem; word-break:keep-all; font-weight: 500; font-size:1.5em; }
.recordLayout.md .mdVisual .visualTxt p span { display: block; }
.recordLayout.md .mdVisual2 { display:flex; flex-direction:column; justify-content:center; align-items: center; position: relative; height:31.375em; margin-bottom:6.75em; padding:0 5.6%; background-image: url(../images/sub/bg_md_visual2.jpg); background-size:cover; color: #fff; text-align: center; }
.recordLayout.md .mdVisual2::after { content:''; position: absolute; bottom: -106px; left: 50%; width:0.75em; height: 12.5em; margin-left: -0.375em; background:url(../images/sub/bg_md.png) no-repeat 50% 50% / contain; }
.recordLayout.md .mdVisual2 h4 { margin-top: 1rem; font-size:3em; }
.recordLayout.md .mdVisual2 p { margin-top: 2.5rem; word-break:keep-all; font-weight:500; font-size:1.625em; }
.recordLayout.md .bgWrap { padding-bottom: 6.25em; background: #f5f2ed; }
.recordLayout.md .itemGroup .item { margin-top: 0; padding-top: 7.75em; }
.recordLayout.md .itemGroup .item:first-child { padding-top: 6.25em; }
.recordLayout.md .itemGroup .item .imgArea { overflow: hidden; width:48.5%; }
.recordLayout.md .itemGroup .item .txtArea { position: relative; padding-top: 0.25em; padding-bottom:5.25em; }
.recordLayout.md .itemGroup .item .txtArea .fz24 { color: #444; word-break:keep-all; }
.recordLayout.md .itemGroup .item .txtArea ul li .tit { flex-basis:5.75rem; }
.recordLayout.md .itemGroup .btnStyle2 { position: absolute; bottom: 0; left: 0; }
.recordLayout.md .itemGroup .btnStyle2 a,
.recordLayout.md .itemGroup .btnStyle2 button { display: inline-flex; justify-content:center; align-items:center; height:4.0625rem; min-width:10.4375rem; padding:0 41px; border-radius:2em; border: none; background: #784f2f; color: #fff; text-align: center; vertical-align: top; font-weight:700; font-size: 1.25em; box-sizing:border-box; }
.recordLayout.md .mdSwiper { overflow:hidden; position: relative; width:100%; }
.recordLayout.md .mdSwiper .swiper-slide img { border-radius:1.125em; }
.recordLayout.md .mdSwiper .swiper-pagination span { overflow:hidden; opacity:1; display:inline-block; width:12px; height:12px; background:#1c3f37; vertical-align:top; text-indent:-999px; box-sizing:border-box; }
.recordLayout.md .mdSwiper .swiper-pagination span.swiper-pagination-bullet-active { border:3px solid #1c3f37; background:transparent; }

@media screen and (max-width:960px) {
	.recordLayout .visualArea,
	.recordLayout.md .mdVisual { height:36.3636em; }
	.recordLayout .visualArea h3,
	.recordLayout.md .mdVisual .visualTxt h3 { font-size:1.54545em; }
	.recordLayout .visualArea h4 { font-size:1.4545em; }
	.recordLayout .visualArea p { font-size:1em; }
	.recordLayout .itemGroup .item { display: block; margin-top:5.4545em; }
	.recordLayout .itemGroup .item .imgArea { width: 100%; margin-right: 0; margin-bottom:2em; }
	.recordLayout .itemGroup .item .txtArea .vidGroup { display: block; }
	.recordLayout .itemGroup .item .txtArea .vidGroup div { width: 100%; }
	.recordLayout .itemGroup .item .txtArea .fz18 { margin-bottom: 0; font-size: 1em; }
	.recordLayout .itemGroup .item .txtArea .fz38 { font-size:1.7273em; }
	.recordLayout .itemGroup .item .txtArea .fz24 { font-size:1.091em; }
	.recordLayout .itemGroup .item .project { margin-bottom: 0.5em; }
	.recordLayout .itemGroup .item .project span { font-size:0.9091em; }
	.recordLayout .itemGroup .item .txtArea .fz22 { font-size: 1em; }
	
	/* 소식 > MD */
	.recordLayout.md .mdVisual img { min-height:auto; object-position:78% center; }
	.recordLayout.md .mdVisual .visualTxt p span br { display: none; }
	.recordLayout.md .mdVisual2 { margin-bottom: 0; }
	.recordLayout.md .mdVisual2::after { display: none; }
	.recordLayout.md .itemGroup .item { padding-top:5.6363em; }
	.recordLayout.md .itemGroup .item:first-child { padding-top: 5em; }
	.recordLayout.md .itemGroup .item .imgArea { display: inline-block; width: 100%; }
	.recordLayout.md .itemGroup .item .txtArea  { padding-top: 0; padding-bottom: 0; }
	.recordLayout.md .itemGroup .btnStyle2 { position:static; margin-top:1.6363em; }
	.recordLayout.md .mdVisual2 h4 { font-size:2.1818em; }
	.recordLayout.md .mdVisual .visualTxt p,
	.recordLayout.md .mdVisual2 p { font-size:1.1818em; }
}



/* 프린트 설정 */
@media print {
    body{
        width: 210mm;
        height: 297mm;
        margin: 0; /* margin: auto auto; 로 자동 여백 설정도 가능 */
    }
	#headerWrap,
	#footerWrap,
	.overlayBg,
    .visual,
    .guideWrap {display:none !important;}
	#wrap { padding:0; }
	#contentGroup { margin:0; }
	#contentGroup .pageTit { margin-top:0; }
	.content { margin:0; padding:0; }
}