@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap');
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@font-face { font-family: 'Handon3gyeopsal600g'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/Handon3gyeopsal600g.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'LotteMartHappy'; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff'); }


body{font-family: 'Noto Sans KR', sans-serif; word-break: keep-all;}


/* header start */
ul{padding:0}
.navbar{background:rgba(0, 0, 0, 0.5);}
a.navbar-brand img{height:100%}
.navbar-nav li{list-style: none; margin: 15px 28px; padding:0;}
.navbar-nav ul{display:none;}
.navbar-nav li:hover > ul{display:block}
.underline{display:none}
.nav_top{text-align:center; color: #fff; margin:15px}
.nav_top a{color:#fff; cursor:pointer; font-size:10px; padding: 0 25px; display: inline-block;}
ul.submenu li{margin: 0; height: 40px; line-height: 40px; border-bottom: solid 1px #dbdbdb; font-size: 14px; text-indent: 15px; font-weight: bold;}
ul.submenu a{color:#fff;}
ul.submenu a:hover{color:#79225f}
/* header end */


/* index start */
div.contentswrap{min-height:100px; overflow: hidden; background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,168,251,1) 50%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,168,251,1) 50%, rgba(0,0,0,1) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(0,168,251,1) 50%, rgba(0,0,0,1) 100%);}
.swiper1{width: 1350px; height:750px}
/* .swiper1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} */
.swiper1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url("../img/leftarrow.png")}
.swiper1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url("../img/rightarrow.png")}
.swiper2wrap{position: relative; width:1350px; margin:0 auto}
.swiper2{width: 86.7%; height:510px; margin-bottom:170px}
.swiper2wrap .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper2wrap .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
div.mainconimgwrap{height:100%; width:100%; position: relative; cursor:pointer; box-shadow: -60px 0px 100px -90px #000000, 60px 0px 100px -90px #000000;}
div.mainconimgwrap img{height:100%}
div.mainconexwrap{height: 13.6%; width: 100%; text-align: left; padding: 13.5px 20px; border: solid 1px #b0b0b0;}
.swiper-slide{text-align: center; font-size: 16px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-block; display: block; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
p.mainfirstconimg img{width:100%}
div.mainfirstconwrap{width: 717px; height: 50%; color: #ffffff; position: absolute; top: 50%; left: 50%; margin-top: -166px; margin-left: -358.5px; display: table; padding: 0 4%;}
div.mainfirstcon{display:table-cell; vertical-align: middle}
div.mainfirstcon p:nth-child(2){font-size:28px; margin-bottom:30px; font-weight:bold; font-family: 'Handon3gyeopsal600g'}
div.mainfirstcon p:nth-child(1){font-size:50px; margin-bottom:43px; font-weight:bold; font-family: 'Handon3gyeopsal600g'}
div.mainfirstcon p:nth-child(3){font-size:16px; line-height:32px; font-family: 'Noto Serif KR', serif}
div.contenttitlewrap{text-align:center; margin-bottom: 69px;}
p.contenttitleeng{font-size:18px; color:#c9c9c9; margin-bottom: 20px;}
p.contenttitleko{font-size:54px; color:#fff; font-family: 'Noto Serif KR', serif; font-weight:bold}
a.maincontitle{font-size:21px; color:#0b0b0b; line-height:1.5; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block; font-family: 'Noto Serif KR', serif; width:100%}
p.mainconsub{font-size:10px; color:#202020; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
p.mainhoversub{line-height: 25px;}
p.mainhovermove{margin-top: 65px;}
div.hovercoverwrap{display: table-cell; vertical-align: middle;}
div.hovercoverwrap p{width: 60%; margin: 0 auto; font-size:16px; line-height:25px; max-height: 50px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.hovercover{position: absolute; top: 0; background: rgba(46, 46, 46, 0.73); width: 100%; height: 100%; display: none; color:#fff}
div.mainthirdconwrapwrap1{width:1306px; min-height:100px; margin:137px auto 0; overflow:hidden;}
div.mainthirdconwrap{width:calc((100% - 81px) / 4); height:150px; background:#fff; float:left; margin:10px; padding:10px 2.2%; position: relative; box-shadow: 5px 5px 5px rgba(101,101,101,0.42); border-radius:10px}
div.mainthirdconwrapwrap2{width:654px; min-height:100px; margin: 0px auto 136px; overflow:hidden;}
div.mainthirdconwrap2{width: calc((100% - 41px) / 2); height: 150px; background: #fff; float: left; margin: 10px; padding: 10px 4.4%; box-shadow: 5px 5px 5px rgba(101,101,101,0.42); position: relative; border-radius:10px}
p.mainthirdtitle{font-size:26px; color:#202020;}
p.mainthirdtitle span{font-size: 13px; color: #a95469; vertical-align: top;}
p.mainthirdsub{font-size: 14px; color: #757575; width: 75.3%; margin-top: 10px; line-height: 26px;}
a.mainthirdview{position: absolute; bottom: 10px; left: 9.3%; font-size: 16px; color: #8c0d2e;}
div.mainthirdtitle{text-align:center; padding:0 16px 10px; box-sizing:border-box}
div.mainthirdinnerwrap{display:inline-block}
p.mainthirdinnericon{float: left; height: 48px; line-height:48px; margin-right: 10px;}
p.mainthirdinnericon img{height: 50%;}
div.mainthirdinnertxt{float: left;}
p.mainthirdtitleko{font-size:26px; color:#010101; margin-bottom: 9px;}
p.mainthirdtitleeng{font-size:13px; color:#a95469;}
.mainthirdcon{width:100%; table-layout: fixed;}
.mainthirdcon td{text-align:center; height:25px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
a.mainnoticetitle{color:#605c5c; font-size:14px;}
a.mainthirdview2{font-size: 16px; color: #79225f; position: absolute; bottom: 10px; right: 9.3%;}
/* index end */


/* introduce start */
div.contentsheader{width:100%; height:300px; display:table;}
div.subcontenttitle{text-align:center; display: table-cell; vertical-align: middle;}
p.subcontenttitleeng{font-size:43px; color:#fff; margin-bottom:10px; font-family: 'LotteMartHappy';}
p.subcontenttitleko{font-size:16px; color:#969696; font-family: 'LotteMartHappy'}
.introducetabs{width: 1000px; margin: 78px auto 120px; overflow:hidden}
#introducetab-button{display: table; table-layout: fixed; width: 100%; margin: 0; padding: 0; list-style: none; border-collapse: collapse;}
#introducetab-button li{display: table-cell; width: 20%; height:74px; background: #eee; vertical-align: middle; border-top: solid 7px #eee; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #989898; box-sizing: border-box;}
#introducetab-button li a{display: block; text-align: center; color: #000; text-decoration: none;}
#introducetab-button li:not(:first-child) a{border-left: none;}
#introducetab-button .is-active{border-top: solid 7px #98377b; border-left: 1px solid #98377b; border-right: 1px solid #98377b; border-bottom: 1px solid transparent; background:#fff;}
#introducetab-button .is-active .introtabtitleeng{color:#79225f;}
#introducetab-button .is-active .introtabtitleko{color:#8a8a8a;}
p.introtabtitleeng{font-size:20px; color:#646464; margin-bottom:5px; font-family: 'NanumSquare';}
p.introtabtitleko{font-size:13px; color:#b3b3b3; font-family: 'NanumSquare';}

/* leaile section start */
div.introleailewrap1{min-height:100px;}
div.introleailefirstcon1{height:554px; background:red; position:relative}
div.introleailefirstcover{position: absolute; top: 0; background: rgba(105, 54, 100, 0.8); width: 100%; height: 100%; color: #fff; display:table}
div.introleailefirsthcover{display: table-cell; vertical-align: middle; text-align: center;}
p.introleailefirstlogo{margin-bottom: 18px;}
p.introleailefirstlogo img{height:100%}
p.introleailefirsttitle{font-size:22px; color:#ef99b0; margin-bottom: 32px; font-family: 'NanumSquare'; font-weight:bold}
p.introleailefirstsub{font-size:18px; color:#fff; line-height: 38px; width:500px; display: inline-block;}
div.introleailefirstcon2{height:579px; background:orange}
div.introleailewrap2{min-height:100px; overflow: hidden; margin-top:59px}
div.introleailesecondwrap1{margin-bottom:30px; overflow:hidden}
div.introleailesecondwrap2{overflow:hidden}
div.introleailesecondcon{width: calc((100% - 18.4%) / 3); height:531px; float:left; margin: 15px 2.9%; border-top:solid 2px #c4a8d1;}
div.introleailesecondcon:last-child{margin-right:0}
p.introleailesecondtitle{font-size:22px; color:#c4a8d1; margin:35px 0; font-family: 'NanumSquare'; font-weight: bold;}
p.introleailesecondpic{height:252px;}
.introleailesecondsub{margin:20px 0}
.introleailesecondsub td{font-size:18px; color:#fff; height:36px; font-family: 'NanumSquare';}
/* leaile section end */

/* leaile Opera section start */
div.introoperawrap1{min-height: 100px;}
div.introoperatitlewrap{padding: 70px 8.4%; background:#79225f}
p.introoperalogo{margin-bottom: 15px;}
p.introoperasub{font-size:18px; color:#fff; line-height: 38px;}
p.introoperapic{height:630px}
div.introoperawrap2{min-height: 100px; overflow:hidden}
.introoperadetail{height: 420px; width:50%;}
.introoperadetail:nth-child(2){padding: 30px 4.2% 0;}
div.introoperadetailwrap:nth-child(odd) .introoperadetail{float:left; text-align: left;}
div.introoperadetailwrap:nth-child(even) .introoperadetail{float:right; text-align: right;}
div.introoperadetailwrap:nth-child(odd)  .introoperadetailtltdeco{left:0}
div.introoperadetailwrap:nth-child(even) .introoperadetailtltdeco{right:0}
div.introoperadetailtltwrap{position: relative; margin-bottom: 34px;}
p.introoperadetailtltdeco{width:4.6%; height:6px; background:#c4a8d1; position: absolute; top: 50%; margin-top: -3px;}
p.introoperadetailtlt{font-size:26px; color:#c4a8d1; margin: 0 7%; font-weight: bold; font-family: 'NanumSquare';}
p.introoperadetailsub{font-size:17px; color:#fff; line-height: 33px; font-family: 'NanumSquare'; font-weight:bold}
/* leaile Opera section end */


/* art volunteer Group section start */
div.introvolunteerwrap1{min-height: 100px; text-align:center; padding: 45px 0 30px; background: rgba(105, 54, 100, 0.8);}
p.naeunlogo{height:52px; margin-bottom:15px}
p.naeunlogo img{height:100%}
p.naeunsub{font-size: 18px; color: #c9c9c9; width: 648px; display:inline-block; line-height: 36px;}
div.introvolunteerwrap2{min-height: 100px; overflow:hidden; margin-bottom: 87px;}
p.introvolunteerpic:not(:nth-child(1)){margin:1.5px; height:515px; width:calc((100% - 10px) / 3); float:left}
p.introvolunteerpic:nth-child(1){margin:1.5px; width:calc(100% - 4px); height:579px}
div.introvolunteerwrap3{min-height: 100px;}
div.introvolunteerdetail{margin-bottom:70px;}
div.introvolunteerdetail:last-child{margin-bottom:0px;}
div.introvolunteertitlewrap{margin-bottom:30px; position: relative;}
p.introvolunteertitledeco{width:2.3%; height:6px; background:#c4a8d1; position: absolute; top: 50%; margin-top: -3px;}
p.introvolunteertitle{font-size:22px; color:#c4a8d1; margin-left:3.6%; font-weight: bold; font-family: 'NanumSquare';}
p.introvolunteerdetailsub{font-size:18px; color:#fff; line-height: 31px; font-family: 'NanumSquare'; font-weight:bold}
/* art volunteer Group section end */

/* introduce end */


/* location start */
div.locationwrapwrap{width:500px; margin:0 auto;}
div.locationconwrap{height:513px; float:left}
div.locationconwrap:nth-child(1){width:calc(100% - 380px);}
div.locationconwrap:nth-child(2){width:380px; padding:25px 3.8%}
.locationtabs{width: 1000px; margin: 78px auto 120px; overflow:hidden}
#locationtab-button{display: table; table-layout: fixed; width: 66.6%; margin: 0; padding: 0; list-style: none; border-collapse: collapse;}
#locationtab-button li{display: table-cell; width: 20%; height:74px; background: #eee; vertical-align: middle; border-top: solid 7px #eee; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #989898; box-sizing: border-box;}
#locationtab-button li a{display: block; text-align: center; color: #000; text-decoration: none;}
#locationtab-button li:not(:first-child) a{border-left: none;}
#locationtab-button .is-active{border-top: solid 7px #98377b; border-left: 1px solid #98377b; border-right: 1px solid #98377b; border-bottom: 1px solid transparent; background:#fff;}
#locationtab-button .is-active .introtabtitleeng{color:#79225f;}
#locationtab-button .is-active .introtabtitleko{color:#8a8a8a;}
.locationtab-contents{margin-top:78px}
p.locationname{font-size:19px; color:#c4a8d1; margin-bottom:20px; font-weight:bold}
p.locationinfo{font-size:14px; color:#c9c9c9; line-height: 32px;}
div.locationmetroinfo{margin-top:52px}
div.locationbusinfo{margin-top:31px}
p.locationtransfertitle{font-size:16px; color:#c4a8d1; margin-bottom: 20px;}
.locationtransfertb{width:100%}
.locationtransfertb td{font-size:14px; color:#c9c9c9; height:38px}

.metromark{width: 26px; height: 26px; color: #fff; display: inline-block; text-align: center; line-height: 26px; border-radius: 26px;}
.line1{background:#0052a4} /* 1호선 */
.line1txt{color:#0052a4}
.line2{background:#3cb44a} /* 2호선 */
.line2txt{color:#3cb44a}
.line3{background:#ef7c1c} /* 3호선 */
.line3txt{color:#ef7c1c}
.line4{background:#00a5de} /* 4호선 */
.line4txt{color:#00a5de}
.line5{background:#996cac} /* 5호선 */
.line5txt{color:#996cac}
.line6{background:#cd7c2f} /* 6호선 */
.line6txt{color:#cd7c2f}
.line7{background:#747f00} /* 7호선 */
.line7txt{color:#747f00}
.line8{background:#ea545d} /* 8호선 */
.line8txt{color:#ea545d}
.line9{background:#bdb092} /* 9호선 */
.line9txt{color:#bdb092}
.arex{background:#0090d2} /* 인천국제공항철도 */
.arextxt{color:#0090d2}
.centerline{background:#77c4a3} /* 경의·중앙선 */
.centerlinetxt{color:#77c4a3}
.gyeongchunline{background:#0c8e72} /* 경춘선 */
.gyeongchunlinetxt{color:#0c8e72}
.gyeonggangline{background:#003da5} /* 경강선 */
.gyeongganglinetxt{color:#003da5}
.bundangline{background:#f5a200} /* 분당선 */
.bundanglinetxt{color:#f5a200}
.suinline{background:#f5a200} /* 수인선 */
.suinlinetxt{color:#f5a200}
.dxline{background:#d4003b} /* 신분당선 */
.dxlinetxt{color:#d4003b}
.incheonline1{background:#7ca8d5} /* 인천1호선 */
.incheonline1txt{color:#7ca8d5}
.incheonline2{background:#ed8b00} /* 인천2호선 */
.incheonline2txt{color:#ed8b00}
.uline{background:#fda600} /* 의정부 경전철 */
.ulinetxt{color:#fda600}
.yonginline{background:#509f22} /* 용인 경전철 */
.yonginlinetxt{color:#509f22}
.uisinseolline{background:#b0ce18} /* 우이신설선 */
.uisinseollinetxt{color:#b0ce18}
.seohaeline{background:#81a914} /* 서해선 */
.seohaelinetxt{color:#81a914}

.busmark{width: 35px; height: 23px; color: #ffffff; display: inline-block; line-height: 23px; text-align: center; font-size: 10px; border-radius: 5px;}
.local{background:#008000} /* 지선버스 */
.shuttle{background:#ffd700} /* 마을버스 */
.blue{background:#000080} /* 간선버스 */
.wide{background:#800000} /* 광역버스 */
/* location end */


/* performance team start */
.pttabs{width: 1040px; margin: 78px auto 120px; overflow:hidden}
#pttab-button{display: table; table-layout: fixed; width: 66.6%; margin: 0 1.5%; padding: 0; list-style: none; border-collapse: collapse;}
#pttab-button li{display: table-cell; width: 20%; height:74px; background: #eee; vertical-align: middle; border-top: solid 7px #eee; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #989898; box-sizing: border-box;}
#pttab-button li a{display: block; text-align: center; color: #000; text-decoration: none;}
#pttab-button li:not(:first-child) a{border-left: none;}
#pttab-button .is-active{border-top: solid 7px #98377b; border-left: 1px solid #98377b; border-right: 1px solid #98377b; border-bottom: 1px solid transparent; background:#fff;}
#pttab-button .is-active .introtabtitleeng{color:#79225f;}
#pttab-button .is-active .introtabtitleko{color:#8a8a8a;}
.pttab-contents{margin-top:39px;}

/* member section start */
div.ptconwrapwrap{float:left; width:calc((100% - 9.1%) / 3); height:263px; margin: 39px 1.5%;}
div.ptconwrap{height:100%; float:left; /*border: solid 1px #f1e8f6;*/ background:#f1e8f6}
div.ptconwrap:nth-child(1){width: calc(100% - 200px); border-right: none;}
div.ptconwrap:nth-child(2){padding: 5% 4%; position: relative; width: 200px;}
P.ptmembername{font-size: 20px; color: #323232; margin-bottom: 6%; line-height: 28px; font-weight:bold}
p.ptmembersub{font-size:12px; color:#292929; line-height:22px}
a.ptmembermore{font-size: 11px; color: #79225f; position: absolute; right: 11%; bottom: 7%; cursor: pointer;}
/* member section end */

/* art team/jazz team section start */
div.artjazzconwrap{width:100%; min-height: 486px; margin: 76px 1.5%;}
div.artjazzpic{height:408px; background:orange}
div.artjazzsubwrap{min-height:78px; text-align: center; padding: 26px 0;}
p.artjazztitle{font-size:24px; color:#c4a8d1; font-weight: bold; font-family: 'NanumSquare';}
p.artjazzsub{font-size:14px; color:#c9c9c9; margin-top: 28px; font-family: 'NanumSquare';}
/* art team/jazz team section end */

/* member popup section start */
.pop { background:#fff; }
.pop_top { padding:17.5px 20px; overflow:hidden; position:relative;}
.pop_top h3  { margin:0 }
a.ptmember_close{float:right; width:15px; height:15px}
a.ptmember_close img{width:100%}
.pop_con {clear:both; overflow:hidden; box-sizing:border-box }
.pop_bottom { padding:15px 20px; overflow:hidden; position:relative;}
div.ptmember{width: 860px;}
div.ptmemberpopupcon{padding: 0 5.8% 50px 5.8%;}
div.ptmemberpopuppic{width:25%; height: 290px; background:red; margin-right:4%; float:left}
div.ptmemberpopuppic img{width:100%; height:100%}
div.ptmemberpopupsub{width:71%; min-height:290px; float:left}
p.ptmemberpopuptitle{font-size:26px; color:#323232; font-weight:bold}
p.ptmemberpopupdeco{background:#98377b; height: 4px; margin-top: 8px;}
p.ptmemberpopuptxt{font-size: 14px; color: #292929; line-height: 20px; margin-top:10px}
/* member popup section end */

/* performance team end */


/* performance start */
p.performancesub{font-size:16px; color:#838383; margin-bottom: 37px;}
div.performanceintrowrapwrap{margin: 78px auto 81px; width:1028px; text-align:center; overflow:hidden}
div.piconwrap{float:left; width:calc((100% - 85px) / 3); height:510px; margin: 39px 14px; /*box-shadow: 5px 5px 5px rgba(62,62,62,0.42); background: #fff;*/}
div.piconimgwrap{height:85.1%; background:yellow; position:relative}
div.piconexwrap{height: 14.9%; text-align: left; /*border: solid 1px #b0b0b0;*/ padding: 15px 20px;}
a.picontitle{width:100%; font-size: 19px; color: #c4a8d1; line-height:1.2; margin-bottom: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor:pointer; display:inline-block; font-family: 'Noto Serif KR', serif;}
p.piconsub{font-size: 11px; color: #c9c9c9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
p.pichoversub{line-height: 25px; font-size:16px}
a.pichovermove{margin-top: 65px; font-size: 16px; display: block; color: #fff;}
a.pichovermove2{font-size: 16px; display: block; color: #fff;}

.perfoviewtable{border-collapse: collapse; width: 100%; border-top:solid 4px #98377b; margin-top: 60px;}
.perfoviewtable td{border-bottom:solid 1px #c4a8d1; text-align:center;}
.perfoviewtable td:nth-child(1){width:30%}
.perfoviewtable tr:nth-child(1) td{font-size:18px; color:#c4a8d1; height: 70px; font-weight:bold}
.perfoviewtable tr:nth-child(2) td, .perfoviewtable tr:nth-child(3) td{height:56px}
.perfoviewtable tr:nth-child(4) td{padding:30px}
p.perfomanceviewpic{max-width: 400px; max-height: 263px; margin: 0 auto; display: inline-block;}
p.perfomanceviewpic img{width:100%}
.perfomanceviewtxt{font-size:16px; color:#c4a8d1; line-height: 25px; margin-top:30px}
.perfomanceviewtxt img{max-width:100%}
/* performance end */


/* history start */
div.historyconwrapwrap{margin: 78px auto 120px;}
ul.historyconwrap {position: relative; margin-bottom:0}
ul.historyconwrap:before {position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 1px; margin: auto; background: #c4a8d1; content: '';}
ul.historyconwrap:after {display: block; clear: both; content: '';}
li.historycon {width: 50%; clear: both; list-style:none}
li.historycon:nth-child(even) {float: left; text-align: right;}
li.historycon:nth-child(odd){float: right; text-align: left;}
div.historysub {padding: 0 52px;}
p.historyyear {position: relative; font-size: 36px; color: #c4a8d1; margin-bottom: 20px;}
p.historydetailsub{font-size:18px; line-height: 35px;}
li.historycon:nth-child(odd) span.historydate{color:#c4a8d1; margin-right:32px; float:left; display: inline-block;}
li.historycon:nth-child(even) span.historydate{color:#c4a8d1; margin-left:32px; float:right; display: inline-block;}
span.historytitle{color:#c9c9c9; display: inline-block;}
p.historyyear:before {position: absolute; top: 6.5px; width: 20px; height: 20px; border-radius: 20px; background: #fff; border: solid 3px #c4a8d1; content: '';}
li.historycon:nth-child(odd) .historyyear:before {left: -62px;}
li.historycon:nth-child(even) .historyyear:before {right: -62px;}
/* history end */


/* organization chart start */
div.orgchartwrapwrap{margin: 78px auto 120px; width:890px; text-align:center}
p.orgcharttitle{font-size:36px; color:#fff; margin-bottom: 30px; font-weight:bold}
p.orgchartsub{font-size:16px; color:#c9c9c9; margin-bottom: 76px;}
div.orgchartwrap{position:relative; height:476px}
p#orgchartline1{width: 80%; height: 2px; background: #c4a8d1; position: absolute; top: 237px; left: 10%;}
p#orgchartline2{width: 2px; height: 238px; background: #c4a8d1; position: absolute; top: 237px; left: 10%;}
p#orgchartline3{width: 2px; height: 238px; background: #c4a8d1; position: absolute; top: 237px; left: 36.8%;}
p#orgchartline4{width: 2px; height: 238px; background: #c4a8d1; position: absolute; top: 237px; right: 36.8%;}
p#orgchartline5{width: 2px; height: 119px; background: #c4a8d1; position: absolute; top: 237px; right: 10%;}
p#orgchartline6{width: 2px; height: 57px; background: #c4a8d1; position: absolute; top: 180px; left: 50%;}
p#orgfirstdepth{width: 180px; height: 180px; border-radius: 180px; text-align: center; line-height: 180px; font-size: 21px; color: #fff; position: absolute; top: 0px; left: 50%; margin-left: -90px; background: url(../img/organizationpattern.png); font-weight:bold}
p#orgseconddepth1{width: 20%; height: 62px; text-align: center; line-height: 62px; font-size: 21px; color: #fff; position: absolute; top: 305px; left: 0; background: url(../img/organizationpattern.png); font-weight:bold}
p#orgseconddepth2{width: 20%; height: 62px; text-align: center; line-height: 62px; font-size: 21px; color: #fff; position: absolute; top: 305px; left: 26.8%; background: url(../img/organizationpattern.png); font-weight:bold}
p#orgseconddepth3{width: 20%; height: 62px; text-align: center; line-height: 62px; font-size: 21px; color: #fff; position: absolute; top: 305px; right: 26.8%; background: url(../img/organizationpattern.png); font-weight:bold}
p#orgseconddepth4{width: 20%; height: 62px; text-align: center; line-height: 62px; font-size: 21px; color: #fff; position: absolute; top: 305px; right: 0; background: url(../img/organizationpattern.png); font-weight:bold}
p#orgthirddepth1{width: 11.5%; height: 48px; background: #ffdada; text-align: center; line-height: 48px; font-size: 24px; color: #690922; position: absolute; top: 427px; left: 4.2%; font-weight:bold}
p#orgthirddepth2{width: 11.5%; width: 11.5%; height: 48px; background: #ffdada; text-align: center; line-height: 48px; font-size: 24px; color: #690922; position: absolute; top: 427px; left: 31%; font-weight:bold}
p#orgthirddepth3{width: 11.5%; height: 48px; background: #ffdada; text-align: center; line-height: 48px; font-size: 24px; color: #690922; position: absolute; top: 427px; right: 31%; font-weight:bold}
p#orgthirddepth4{width: 11.5%; height: 48px; background: #ffdada; text-align: center; line-height: 48px; font-size: 24px; color: #690922; position: absolute; top: 427px; right: 4.2%; font-weight:bold}
/* organization chart end */


/* performance question start */
div.performanceqwrapwrap{margin: 78px auto 120px; width:1000px; text-align:center; overflow:hidden}
.performanceqtable{border-collapse: collapse; width: 100%; border-top:solid 4px #98377b}
.performanceqtable td{border-bottom:solid 1px #c4a8d1; color:#c4a8d1; text-align:left; font-size:15px; padding: 8px 0; font-family: 'NanumSquare';}
.performanceqtable td:nth-child(1), .performanceqtable td:nth-child(3){padding:0 2.4%; font-weight:bold}
.performanceqtable tr:nth-child(6) td:nth-child(3){padding:0}
.performanceqtable input{width:100%; height:48px; border: solid 1px #b9b5b9; box-sizing:border-box}
.performanceqtable textarea{width:100%; height:153px; border: solid 1px #b9b5b9; box-sizing:border-box}
div.performanceqagreewrap{border-top:solid 4px #98377b; border-bottom:solid 1px #c6c6c6; padding:15px; margin-top: 76px;}
div.performanceqagree{height: 120px; width: 100%; overflow-y: scroll; padding: 0 5px;}
div#performanceqagreechk{overflow:hidden; margin-bottom:30px}
div#performanceqagreechk p:nth-child(1){float:left; width:24px; height:24px; margin-right:10px}
div#performanceqagreechk input{width:100%; height:100%;}
div#performanceqagreechk p:nth-child(2){float:left; line-height:24px; font-size:14px; color:#c9c9c9; font-family: 'NanumSquare';}
#performanceqagreetxt{clear:both}
#performanceqagreetxt td{text-align:left}
#performanceqagreetxt td:nth-child(1){font-size:15px; color:#c9c9c9; vertical-align: top; padding-top: 5px; font-family: 'NanumSquare';}
#performanceqagreetxt td:nth-child(2){font-size:14px; color:#c9c9c9; line-height: 25px; font-family: 'NanumSquare';}
div#performanceqbtnwrap{margin-top:76px}
a.performanceqbtn{width:159px; height:60px; display:inline-block; line-height:60px; font-size:18px; border-radius:60px; cursor:pointer; font-family: 'NanumSquare';}
a.performanceqbtn:nth-child(1){background:#c4a8d1; color:#fff; margin-right:2%}
a.performanceqbtn:nth-child(2){border:solid 2px #c4a8d1; color:#c4a8d1; box-sizing: border-box;}
/* performance question end */


/* media report start */
div.srcwrap{overflow:hidden}
.srcselect{float:left; width: 10.5%; height: 50px; margin-right:7px; font-family: 'NanumSquare';}
.srcinput{float:left; height: 50px; width: 40%; margin-right:11px; border: solid 1px #b9b5b9; font-family: 'NanumSquare';}
a.srcbtn{float:left; width:80px; height:50px; background:#98377b; line-height:50px; font-size: 14px; color: #fff; cursor:pointer; font-family: 'NanumSquare';}
a.writebtn{height:50px; width:145px; background:#98377b; border-radius:10px; display:inline-block; float:right; font-size:18px; color:#fff; line-height:50px; font-family: 'NanumSquare';}
.mediareporttable{border-collapse: collapse; width: 100%; border-top:solid 4px #98377b; margin-top: 30px; margin-bottom: 95px;}
.mediareporttable td{border-bottom:solid 1px #c6c6c6; color:#c4a8d1; text-align:center; font-size:15px; padding: 10px 0; line-height: 30px; font-family: 'NanumSquare';}
.mediareporttable td:nth-child(2){text-align:left; padding: 0 2%;}
p.mediareportcompany{width:100px; height:42px; background:#ffe7ec; text-align:center; line-height:42px; font-size:15px; color:#8c0d2e; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; font-family: 'NanumSquare'; font-weight:bold}
a.mediareporttitle{color:#c4a8d1; cursor:pointer; font-family: 'NanumSquare';}
a.mediareportmore{width:130px; height:44px; border:solid 2px #c4a8d1; border-radius:15px; box-sizing:border-box; display:inline-block; line-height:42px; color:#c4a8d1; cursor:pointer; font-family: 'NanumSquare'; font-weight:bold}
.paginationwrap{display:inline-block; margin-bottom:0}
.paginationwrap li{float:left; width:36px; height:36px; border:solid 1px #c4a8d1; line-height:36px; margin-right:5px; font-size:15px; color:#c4a8d1; list-style:none; cursor:pointer; font-family: 'NanumSquare';}
.paginationwrap .paginationicon{color:#8c0d2e}
.paginationwrap .pageactive{background:#98377b; color:#fff; border: solid 1px #98377b;}
/* media report end */


/* private support start */
div.pswrapwrap{margin: 78px auto 96px; width: 1048px; text-align: center; overflow: hidden;}
p.pssub{font-size:18px; color:#fff; margin-bottom: 54px; font-family: 'NanumSquare';}
div.psconwrap{width: calc((100% - 48px)); height:344px; border:solid 1px #98377b; float:left; margin: 24px; box-shadow: 11px 11px 11px rgba(110,90,112,0.35); position:relative; background: #f1e8f6;}
p.pscontitle{font-size: 36px; color: #79225f; position: absolute; top: 28px; width: 100%;}
p.psconimg{position: absolute; top: 87px; width: 100%;}
p.psconsub{font-size: 12px; color: #4d4d4d; margin-top: 20px; width: 60%; display: inline-block; line-height: 19px; position: absolute; top: 179px; left: 50%; margin-left: -30%;}
a.psconbtn{font-size: 20px; color: #fff; width: 190px; height: 48px; background: #8c0d2e; text-align: center; line-height: 48px; display: inline-block; border-radius: 10px; margin-top: 28px; position: absolute; top:237px; left: 50%; margin-left: -95px;}
p#psconbank{font-size: 22px; color: #79225f; position: absolute; top: 230px; width: 100%; font-weight:bold; font-family: 'NanumSquare';}
span#psconaccntnum{font-size:16px}
/* private support end */


/* notice start */

/* noticelist start */
.noticetable{border-collapse: collapse; width: 100%; border-top:solid 4px #98377b; margin-top: 30px; margin-bottom: 95px;}
.noticetable th{border-bottom:solid 1px #c6c6c6; color:#c4a8d1; text-align:center; font-size:15px; padding: 10px 0; line-height: 30px; font-family: 'NanumSquare';}
.noticetable td{border-bottom:solid 1px #c4a8d1; color:#c4a8d1; text-align:center; font-size:15px; padding: 10px 0; line-height: 30px; font-family: 'NanumSquare';}
.noticetable td:nth-child(2){text-align:left;}
.noticetable a{color:#c4a8d1;}
span.noticei{color:#98377b; font-weight:bold}
/* noticelist end */

/* noticeview start */
ul.noticewinfo{float:right; margin-bottom:0}
ul.noticewinfo li{float:left; list-style:none; font-size:14px; padding:0 11px; line-height:16px; font-family: 'NanumSquare';}
ul.noticewinfo li:nth-child(odd){color:#c4a8d1; border-right:solid 1px #bfbfbf;}
ul.noticewinfo li:nth-child(even){color:#c9c9c9}
a.noticegolistbtn{width:160px; height:60px; background:#c4a8d1; font-size:18px; color:#fff; display:inline-block; line-height:60px; border-radius:60px; margin-top: 40px; cursor:pointer; font-family: 'NanumSquare'; font-weight:bold}
.noticeviewtable{border-collapse: collapse; width: 100%; border-top:solid 4px #98377b; margin-top: 60px;}
.noticeviewtable caption{color:#c4a8d1}
.noticeviewtable td{border-bottom:solid 1px #c4a8d1; text-align:center;}
.noticeviewtable td:nth-child(1){width:30%}
.noticeviewtable tr:nth-child(1) td{font-size:18px; color:#c4a8d1; height: 70px; font-weight:bold; font-family: 'NanumSquare';}
.noticeviewtable tr:nth-child(2) td, .noticeviewtable tr:nth-child(4) td{height:56px}
.noticeviewtable tr:nth-child(3) td{padding:30px; font-family: 'NanumSquare';}
.noticeviewtable tr:nth-child(4) td:nth-child(1){color:#c9c9c9; font-size:15px; font-family: 'NanumSquare';}
.noticeviewtable tr:nth-child(4) td:nth-child(2){padding: 0 2%; color:#2f2f2f; font-size:15px; font-family: 'NanumSquare';}
.noticeviewtable i{color:#c4a8d1}

.innernoticeviewtable{border-collapse: collapse; width: 100%; border-top:solid 1px #c4a8d1;}
.innernoticeviewtable td{border-bottom:solid 1px #c4a8d1; border-right:solid 1px #c4a8d1; padding: 0 1% !important; font-size: 14px !important; height: 40px !important; color: #c4a8d1 !important; width: auto !important;}
.innernoticeviewtable td:first-child{border-left:solid 1px #c4a8d1}
.innernoticeviewtable:nth-child(2) tr:nth-child(6) td{font-weight:bold}
.innernoticeviewtable:nth-child(2){margin-top:30px}
.innernoticeviewtable:nth-child(1) tr:not(:nth-child(1)) td:not(:nth-child(1)):not(:nth-child(5)){text-align:right; font-weight:normal;}
.innernoticeviewtable:nth-child(2) tr:not(:nth-child(1)):not(:nth-child(6)) td:nth-child(3), .innernoticeviewtable:nth-child(2) tr:not(:nth-child(1)):not(:nth-child(6)) td:nth-child(5){text-align:right; font-weight:normal;}
.innernoticeviewtable caption{font-size: 16px; font-weight: bold;}

.noticeanothertable{border-collapse: collapse; width: 100%; border-top:solid 1px #c4a8d1; margin-top: 40px;}
.noticeanothertable td{border-bottom:solid 1px #c4a8d1; text-align:center; font-size:16px; height:56px}
.noticeanothertable td:nth-child(1){color:#c9c9c9; font-family: 'NanumSquare';}
.noticeanothertable td:nth-child(2){text-align:left; padding: 0 2%;}
.noticeanothertable a{color:#c4a8d1}
/* noticeview end */

.noticewritetable{border-collapse: collapse; width: 100%; border-top:solid 4px #98377b; margin-top: 60px;}
.noticewritetable td{border-bottom:solid 1px #c4a8d1; text-align:center; padding: 8px 0;}
.noticewritetable td:nth-child(1){color: #c4a8d1; font-size: 16px;}
.noticewritetable input[type="text"]{height:48px; width:100%; border: solid 1px #c4a8d1;}
.noticewritetable input[type=file]{width:100%; font-size: 16px; color:#c4a8d1}
.noticewritetable input[type=file]::-ms-browse{ height:48px;}
.noticewritetable textarea{height:300px; width:100%; border:solid 1px #b9b5b9}
/* notice end */


/* photo gallery start */
div.photopicwrapwrap{margin: 70px auto 120px; width: 1016px; text-align: center; overflow:hidden}
div.photopicwrap{margin-bottom:70px; overflow: hidden;}
div.photopic{width:calc((100% - 33px) / 2); height:270px; margin: 8px; float:left; position:relative; cursor:pointer; overflow:hidden}
div.photopic img{width:100%}
p.phototxt{position: absolute; bottom: 0; font-size: 12px; color: #fff; padding: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; text-align: left;}

div.photogallery{width: 995px; background:none}
div.photogallery_pop_top{padding: 12px 1.7%; overflow: hidden; position: relative; width: 839px; margin: 0 auto;}
p.photogallery_popup_closetxt{font-size:18px; color:#fff; float:right; margin-right: 4px;}
div.photogallery_pop_con{clear: both; overflow: hidden; box-sizing: border-box;}
div.photogallery_swiper_slide{background:none}
div.photogallery_swiper_container .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
div.photogallery_swiper_container .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
p.photopopuppic{width: 839px; min-height: 100px; margin: 0 auto;}
p.photopopuppic img{width:100%}
p.photopopupsub{width: 839px; margin: 0 auto; font-size: 18px; color: #fff; padding: 11px 0; text-align: right;}
a.photogallery_popup_close{float: right; width: 19px; height: 19px;}
a.photogallery_popup_close img{width:100%}
/* photo gallery end */


/* video gallery start */
div.videoconwrapwrap{margin: 0 auto 72px; width: 1016px; text-align: center; overflow:hidden}
div.videocontentwrap{width:calc((100% - 61px) / 3); height:290px; margin:6px 10px; float:left}
p.videopic{height:calc(100% - 64px); cursor:pointer}
p.videopic img{width:100%; height:100%}
div.videosubwrap{height:64px; padding:10px 0}
p.videosub{font-size:12px; color:#fff; margin: 0 auto; line-height:22px; cursor:pointer}
p.videopopuppic{width: 839px; height:560px; margin: 0 auto;}
/* video gallery end */


/* cooperationagency start */
div.cooperationagencywrapwrap{margin: 78px auto 110px; width: 1030px; text-align: center; overflow:hidden}
p.cooperationagencysub{font-size: 16px; color: #c9c9c9; margin-bottom: 66px;}
div.cooperationagencycon{width:calc((100% - 121px) / 4); margin:10px 15px; float:left}
.cooperationagencypicwrap{width:100%; height:150px; background:#fff; box-shadow: 5px 5px 5px rgba(125,125,125,0.42); display: table;}
p.cooperationagencypic{display: table-cell; vertical-align: middle;}
p.cooperationagencypic img{width:80%}
p.cooperationagencytitle{font-size:20px; color:#fff; height:80px; line-height:80px}
/* cooperationagency end */


/* login start */
div#login_popup{width:768px;}
div.login{border-radius:15px}
.login_popup_close img{width:15px; height:15px; float:right}
div.loginpopupcon{padding: 0 6.5% 50px 6.5%;}
p.logintitle{font-size:28px; color:#2c2c2c; margin-bottom: 50px; font-weight:bold}
div.logincon{margin-bottom:50px}
div.logininputwrap{float:left; width: calc(90.1% - 132px); margin-right:9.9%;}
div.logininput{position:relative}
div.logininput:nth-child(1){margin-bottom:16px}
div.logininput input{border:none; border-bottom:solid 1px #2c2c2c; text-indent:67px; width:100%; height:55px; color:#2c2c2c; font-size:18px}
div.logininput input::-webkit-input-placeholder{color:#2c2c2c; font-size:18px}
div.logininput input:-ms-input-placeholder{color:#2c2c2c; font-size:18px}
p.loginicon{position: absolute; top: 50%; left: 13.5px; margin-top: -23px;}
.loginbtn{width:132px; height:127px; background:#98377b; border-radius:15px; font-size:16px; color:#ffffff; border:none}
ul.otherbtn li{list-style:none; float:left; padding: 0 3.9%; text-align:center; border-right:solid 1px #2c2c2c}
ul.otherbtn li:first-child{padding-left:0}
ul.otherbtn li:last-child{border-right:none}
ul.otherbtn a{font-size:16px; color:#2c2c2c; cursor:pointer}
/* login end */


/* find id start */
div#idfind_popup{width:698px;}
div.findpopupcon{padding:50px 13.3% 50px 13.3%;}
p.findtitle{font-size:28px; color:#2c2c2c; margin-bottom: 40px; font-weight:bold; text-align:center}
.idfindtable{margin:0 auto; width:100%; margin-bottom: 40px;}
.idfindtable td{font-size:18px; color:#2c2c2c; height:70px}
.idfindtable input[type=text], .idfindtable select{height:50px; background:#fff; border:solid 1px #989898}
.idfindtable label{font-weight:normal;}
.idfindtable input[type=radio]{width:29px; height:29px; vertical-align: middle; margin-left: 13px; margin-right: 20px;}
.idfindtable tr:nth-child(1) input{width:100%}
.idfindtable tr:nth-child(3) input, .idfindtable tr:nth-child(3) select{width:32%}
div.findbtnwrap{text-align:center}
a.findbtn{width:150px; height:54px; display:inline-block; line-height:54px; font-size:16px; border-radius:54px; cursor:pointer; color:#fff; font-weight:bold}
a.findbtn:nth-child(1){background:#98377b; margin-right:3.5%}
a.findbtn:nth-child(2){background:#757575;}
/* find id end */


/* find pw start */
div#pwfind_popup{width:698px;}
.pwfindtable{margin:0 auto; width:100%; margin-bottom: 40px;}
.pwfindtable td{font-size:18px; color:#2c2c2c; height:70px}
.pwfindtable input[type=text], .pwfindtable select{height:50px; background:#fff; border:solid 1px #989898}
.pwfindtable label{font-weight:normal;}
.pwfindtable input[type=radio]{width:29px; height:29px; vertical-align: middle; margin-left: 13px; margin-right: 20px;}
.pwfindtable tr:nth-child(1) input, .pwfindtable tr:nth-child(2) input{width:100%}
.pwfindtable tr:nth-child(4) input, .pwfindtable tr:nth-child(4) select{width:32%}
/* find pw end */


/* join start */
div#join_popup{width:698px;}
div.joinpopupcon{padding:50px 13.3% 50px 13.3%;}
p.jointitle{font-size:28px; color:#2c2c2c; margin-bottom: 40px; font-weight:bold; text-align:center}
.jointable{margin: 0 auto 30px; width:100%;}
.jointable td{font-size:18px; color:#2c2c2c; height:70px}
.jointable input[type=text], .jointable input[type=password], .jointable select{height:50px; background:#fff; border:solid 1px #989898}
.jointable label{font-weight:normal;}
.jointable input[type=radio]{width:29px; height:29px; vertical-align: middle; margin-left: 13px; margin-right: 20px;}
.jointable tr:not(:nth-child(6)) input[type=text], .jointable input[type=password]{width:100%}
.jointable tr:nth-child(6) input, .jointable tr:nth-child(6) select{width:31.9%}
div.joinagreewrap{border-top:solid 1px #2c2c2c; border-bottom:solid 1px #2c2c2c; padding:15px 0; margin-bottom: 40px;}
div.joinagree{height: 120px; width: 100%; overflow:auto; overflow-x:hidden; padding: 0 5px;}
div#joinagreechk{overflow:hidden; margin-bottom:30px}
div#joinagreechk p:nth-child(1){float:left; width:24px; height:24px; margin-right:10px}
div#joinagreechk input{width:100%; height:100%;}
div#joinagreechk p:nth-child(2){float:left; line-height:24px; font-size:14px; color:#000000}
#joinagreetxt{font-size:14px; color:#000000; line-height: 25px;}
/* join end */


/* mypage start */
div#mypage_popup{width:698px;}
div.mypagepopupcon{padding:50px 13.3% 50px 13.3%;}
.mypagetable{margin:0 auto; width:100%; margin-bottom: 40px;}
.mypagetable td{font-size:18px; color:#2c2c2c; height:70px}
.mypagetable input{height:50px; width:100%; background:#fff; border:solid 1px #989898}
/* mypage end */


p#privacypolicycon{font-size: 16px; line-height: 25px; color: #838383; text-align: left;}


div.footerwrap{background:#000000; clear:both; text-align:center; padding: 36px 0;}
p.footerlogo{width: 155px; height: 62px; margin: 0 auto;}
p.footerlogo img{height: 100%;}
p.companyinfo{color:#fff; font-size:12px; line-height: 28px; margin: 7px auto 0; width: 91%; font-family: 'NanumSquare';}
p.companyinfo a{color:#fff;}
p.copyright{color:#c1c1c1; font-size:10px; margin-top: 15px; font-family: 'NanumSquare';}


@media (max-width:1642px){
  div.mainthirdconwrapwrap1, div.mainthirdconwrapwrap2{width:770px}
  div.mainthirdconwrap{width: calc((100% - 41px) / 2)}
  a.mainthirdview{left: 4.7%;}
  div.mainthirdconwrap2{padding: 10px 2.2%;}
  a.mainthirdview2{right: 4.7%;}

  .swiper2wrap, .swiper1{width:814px}
}


@media (max-width:1392px){
  div.psconwrap{margin:24px 1.8%; width: calc(100% - 3.6%)}
  p.psconsub{width:90%; margin-left: -45%;}
}


@media (max-width:1148px){
  div.pswrapwrap{width:91.3%}
}


@media (max-width:1140px){
  .pttabs{width:91.2%}
}


@media (max-width:1128px){
  div.performanceintrowrapwrap{width:91.1%}

  div.cooperationagencywrapwrap{width:91.3%;}
}


@media (max-width:1116px){
  div.photopicwrapwrap{width: 91%;}
  div.photopic{height:200px}

  div.videoconwrapwrap{width: 91%;}
}


@media (max-width:1100px){
  .introducetabs{width:90.9%}
  .locationtabs{width:90.9%}
  div.performanceqwrapwrap{width:90.9%}
  .noticeviewtable tr:nth-child(3) td{padding: 30px 2.7%;}
}


@media (max-width:1095px){
  div.photogallery{width: 728px;}
  div.photogallery_pop_top{width: 76.6%}
  p.photopopuppic{width: 76.6%}
  p.photopopupsub{width: 76.6%;}

  p.videopopuppic{width: 76.6%; height:420px;}
}


@media (min-width:990px) {
  .navbar-right{float:right; margin-top:2px; margin-right:40px}
	.navbar-nav ul{width:160px; position: absolute; top: 67px; padding:12px 0;}
  .navbar-nav li{margin: 0 28px; padding: 10px 0 0;}
  .navbar-nav li:last-child{margin-right:0;}
  .underline{height:3px; background:transparent; margin:6px 0; display:block}
  .navbar-default {padding-top:16px; border: 0; z-index: 999; height:100px}
  .submenu{position: absolute; top:80px; background:#e9e9e9; padding: 0 !important; border: solid 1px #dbdbdb;}
  ul.submenu li:last-child{border:none}
  .nav-item{margin: 0 28px;}
  .nav-item:last-child{margin-right:0}
  .nav_top{text-align:right; margin:0}
  ul.submenu li{padding:0}
  ul.submenu a{color:#2d2d2d;}
}


@media (max-width:990px) {
  .swiper1{height:562px; width:95.8%;}
  div.mainfirstconwrap{width:72.4%; margin-top: -140px; margin-left: -36.2%}
  div.mainfirstcon p:nth-child(2){font-size:20px}
  div.mainfirstcon p:nth-child(1){font-size:36px}
  div.mainfirstcon p:nth-child(3){font-size:15px}
  div.contenttitlewrap{margin-bottom: 46px;}
  .swiper2wrap{width:95.8%}
  .swiper2{margin-bottom:112px; width:98%;}
  div.mainthirdconwrapwrap1, div.mainthirdconwrapwrap2{width:95.8%}
  div.introleailesecondcon{width: calc((100% - 12.6%) / 2)}
  div.locationconwrap:nth-child(1){width:100%}
  div.locationconwrap:nth-child(2){width:100%; height:100%}
  div.locationmetroinfo{margin-top: 25px;}
  div.orgchartwrapwrap{width:89.9%}

  div.introoperadetailwrap{margin-top:67px}
  .introoperadetail{width:100%}
  .introoperadetail:nth-child(2){height:auto; padding: 30px 0 0;}
  div.introoperadetailwrap:nth-child(odd) .introoperadetail{float: none; text-align: unset;}
  div.introoperadetailwrap:nth-child(even) .introoperadetail{float: none; text-align: unset;}
  div.introoperadetailwrap:nth-child(even) .introoperadetailtltdeco{left:0}

  div.piconwrap{width: calc((100% - 57px) / 2);}

  div.ptconwrapwrap{width: calc((100% - 6.1%) / 2);}
  div.ptconwrap:nth-child(1){width: calc(100% - 220px);}
  div.ptconwrap:nth-child(2){width: 220px;}

  div.ptmember{width:100%}
  div.ptmemberpopuppic{display:none}
  div.ptmemberpopupsub{width:100%; min-height:290px; float:left}

  div.videocontentwrap{width: calc((100% - 41px) / 2);}

  div.cooperationagencycon{width: calc((100% - 91px) / 3);}
}


@media (max-width:868px) {
  div#login_popup{width:88.5%}
}


@media (max-width:798px) {
  div#idfind_popup{width:87.5%;}

  div#pwfind_popup{width:87.5%;}

  div#join_popup{width:87.5%;}

  div#mypage_popup{width:87.5%;}

  .innernoticeviewtable td{font-size: 10px !important; height: 30px !important;}

  div.photopic{height:80px}
}


@media (max-width:748px) {
  p.naeunsub{width: 86.6%;}

  div.photogallery{width: 460px;}

  p.videopopuppic{height:280px;}

  div.joinpopupcon{padding: 50px 4% 50px 4%;}
}


@media (max-width:640px) {
  div.mainthirdconwrapwrap1, div.mainthirdconwrapwrap2{width:88.5%}
  div.mainthirdconwrap, div.mainthirdconwrap2{width:100%; padding: 10px 6.3%; margin: 10px 0;}
  a.mainthirdview{left: 6.3%;}
  a.mainthirdview2{right: 6.3%;}

  .swiper1, .swiper2wrap{width:86%}
  div.mainfirstconwrap{padding: 20px 4%;}
}


@media (max-width:620px) {
  #pttab-button{margin: 0;}
  div.ptconwrapwrap{width:100%; margin: 39px 0;}
  div.ptconwrap:nth-child(1) {width: calc(100% - 390px);}
  div.ptconwrap:nth-child(2) {width: 390px;}

  div.cooperationagencycon {width: calc((100% - 61px) / 2);}

  div.mypagepopupcon{padding: 50px 4% 50px 4%;}
}


@media (max-width:600px) {
  .srcselect {width: 22%; margin-right: 1.2%; height:35px}
  .srcinput {width: 44%; margin-right: 1.8%; height:35px}
  a.srcbtn {width: 13.3%; height:35px; line-height:35px}
  p.mediareportcompany{width:35px; font-size: 11px;}
  a.mediareportmore{width:90%; font-size: 11px;}
  a.writebtn{width: 13.3%; height: 35px; line-height: 35px; font-size: 16px; border-radius: 5px;}

  div.findpopupcon{padding: 50px 4% 50px 4%;}

  .innernoticeviewtable caption{font-size: 12px;}
}


@media (max-width:559px){
  .swiper2{width:88.5%}
  p.introleailefirstsub{width: 83.3%;}
  div.orgchartwrap {height: 237px;}
  p#orgchartline1{top: 118px;}
  p#orgchartline2, p#orgchartline3, p#orgchartline4{height: 119px; top: 118px;}
  p#orgchartline5{height: 59px; top: 118px;}
  p#orgchartline6 {height: 28px; top: 90px; left: 50%;}
  p#orgfirstdepth {width: 90px; height: 90px; border-radius: 90px; margin-left: -45px; line-height:90px; font-size: 12px;}
  p#orgseconddepth1, p#orgseconddepth2, p#orgseconddepth3, p#orgseconddepth4{height: 31px; top: 152px; line-height:31px; font-size: 12px;}
  p#orgthirddepth1, p#orgthirddepth2, p#orgthirddepth3, p#orgthirddepth4{height: 24px; top: 213px; line-height:24px; font-size: 13px;}
  div.piconwrap{width:98%;}
  .paginationwrap li{width:26px}

  div.videocontentwrap{width: 100%; margin:6px 0px}
}


@media (max-width:480px) {
  .nav_top a{padding: 0 5.2%;}
  .navbar {background: rgba(0, 0, 0, 0.9);}
  .swiper1{height:325px}
  div.mainfirstconwrap{margin-top: -81px;}
  div.mainfirstcon p:nth-child(2){font-size:12px; margin-bottom:10px}
  div.mainfirstcon p:nth-child(1){font-size:18px; margin-bottom:14px}
  div.mainfirstcon p:nth-child(3){font-size:10px; line-height:16px}
  div.contenttitlewrap{margin-bottom: 23px;}
  p.contenttitleeng{font-size: 14px; margin-bottom: 10px;}
  p.contenttitleko{font-size: 28px;}
  .swiper2{margin-bottom:56px; width:100%}
  div.mainthirdconwrapwrap1{margin: 45.6px auto 0;}
  div.mainthirdconwrapwrap2{margin: 0px auto 45.3px;}
  div.mainthirdconwrap{margin:0; margin-bottom:20px; box-shadow: none;}
  p.mainthirdtitle{font-size: 20px;}
  p.mainthirdtitle span{font-size: 13px;}
  a.mainthirdview{font-size:16px; left: 6.3%;}
  div.mainthirdconwrap2{margin:0; margin-bottom:20px; box-shadow: none;}
  div.mainthirdconwrap2:last-child{margin-bottom:0}
  p.mainthirdinnericon{height:42px}
  p.mainthirdtitleko{font-size:20px}
  p.mainthirdtitleeng{font-size:13px}
  .mainthirdcon td{height:27px}
  a.mainnoticetitle{font-size:13px}
  a.mainthirdview2{font-size:16px;}
  div.footerwrap{padding: 12px 0;}
  p.footerlogo{height: 40px;}
  p.companyinfo{margin: 3.5px auto 0; font-size: 14px; line-height: 22px; width: 91%;}
  p.copyright{margin-top: 7.5px;}
  div.introleailesecondcon{width: 100%; margin: 15px 0; height:auto}
  div.contentsheader{height:191px}
  p.subcontenttitleeng{font-size: 23px;}
  p.subcontenttitleko{font-size:14px}
  .introducetabs{margin: 39px auto 60px;}
  .introducetab-contents{margin-top:39px}
  p.introtabtitleeng{font-size:14px}
  p.introtabtitleko{font-size:10px}
  div.introleailefirstcon1{height:277px}
  p.introleailefirstlogo {margin-bottom: 5px; height: 45px;}
  p.introleailefirsttitle{font-size:14px; margin-bottom:10px}
  p.introleailefirstsub{font-size:10px; line-height:16px}
  div.introleailefirstcon2{height:289px}
  div.introleailewrap2{margin-top:45px;}


  div.introoperadetailwrap{margin-top: 34px;}
  div.introoperatitlewrap{padding: 35px 8.4%;}
  p.introoperalogo{height:40px}
  p.introoperalogo img{height:100%}
  p.introoperasub{font-size: 14px; line-height: 22px;}
  p.introoperapic {height: 210px;}
  .introoperadetail{height:210px}
  .introoperadetail:nth-child(2){padding: 20px 0 0;}
  div.introoperadetailtltwrap{margin-bottom:10px}
  p.introoperadetailtltdeco{width: 3px; height: 3px; margin-top: -1.5px;}
  p.introoperadetailtlt{font-size:16px; margin-left: 3.6%;}
  p.introoperadetailsub{font-size: 14px; line-height: 22px;}

  div.introvolunteerwrap1{margin-top: 52px; margin-bottom: 40px;}
  p.naeunlogo{height: 43px;}
  p.naeunsub{font-size: 14px; line-height: 22px;}
  div.introvolunteerwrap2{margin-bottom: 43px;}
  p.introvolunteerpic:nth-child(1){height:193px}
  p.introvolunteerpic:not(:nth-child(1)){height: 171px;}
  div.introvolunteerdetail{margin-bottom: 35px;}
  div.introvolunteertitlewrap{margin-bottom: 10px;}
  p.introvolunteertitledeco{width:3px; height: 3px; margin-top: -1.5px;}
  p.introvolunteertitle{font-size: 16px;}
  p.introvolunteerdetailsub{font-size:14px; line-height:22px}
  .locationtabs{margin: 39px auto 26px;}
  .locationtab-contents{margin-top: 39px;}
  div.locationconwrap:nth-child(1){height:256px}
  div.historyconwrapwrap{margin: 39px auto 60px;}
  div.historysub{padding: 0 20px;}
  p.historyyear{font-size:19px; margin-bottom: 8px}
  li.historycon:nth-child(odd) .historyyear:before{left: -25px;}
  li.historycon:nth-child(even) .historyyear:before{right: -25px;}
  p.historyyear:before{top: 4.5px; width: 10px; height: 10px; border-radius: 10px; border: solid 1px #531a58;}
  p.historydetailsub{font-size:14px; line-height: 22px;}
  div.orgchartwrapwrap{margin: 39px auto 60px;}
  p.orgcharttitle{font-size: 21px; margin-bottom: 15px;}
  p.orgchartsub{font-size: 14px; margin-bottom: 38px;}
  div.performanceqwrapwrap{margin: 39px auto 60px;}
  p.perfomanceviewtxt{font-size:14px; line-height:22px}

  div.performanceqagreewrap{margin-top:38px}
  div#performanceqbtnwrap{margin-top:38px}
  .performanceqtable td{font-size:12px}
  .performanceqtable td:nth-child(1), .performanceqtable td:nth-child(3){padding: 0 1.7%;}
  .performanceqtable input{height: 32px;}
  .performanceqtable textarea{height:102px}
  div#performanceqagreechk p:nth-child(1){width: 16px; height: 16px;}
  div#performanceqagreechk p:nth-child(2){line-height: 16px; font-size: 12px;}
  div#performanceqagreechk{margin-bottom: 15px;}
  #performanceqagreetxt td:nth-child(1){font-size:14px}
  #performanceqagreetxt td:nth-child(2){font-size:12px}
  a.performanceqbtn{width:80px; height:30px; line-height: 30px; border-radius: 30px; font-size:14px}

  div.performanceintrowrapwrap{margin: 39px auto 41px;}
  p.performancesub{margin-bottom: 19px;}
  a.srcbtn{font-size:12px}
  a.writebtn{font-size:12px}
  div.piconwrap{margin: 19px 0;}
  span.mediareportmoretxt{display:none}
  .mediareporttable td{font-size:14px; line-height: 22px;}
  p.mediareportcompany {height: 35px; line-height: 35px;}
  a.mediareportmore {height: 35px; line-height: 33px; border-radius: 8px;}
  .mediareporttable{margin-bottom: 50px;}

  .pttabs{margin: 39px auto 41px;}
  .pttab-contents{margin-top: 20px;}
  div.ptconwrapwrap{margin: 19px 0;}
  div.ptconwrap:nth-child(1) {width: calc(100% - 70%);}
  div.ptconwrap:nth-child(2) {width: 70%;}
  P.ptmembername{font-size:18px; margin-bottom: 6%;}
  div.artjazzconwrap{margin: 39px 0; min-height: 243px;}
  div.artjazzpic{height: 204px;}
  div.artjazzsubwrap {padding: 13px 0;}
  p.artjazztitle{font-size: 18px; line-height:30px}
  p.artjazzsub{font-size: 14px; margin-top: 14px; line-height:22px}

  p.ptmemberpopuptitle{font-size:18px}
  p.ptmemberpopuptxt{font-size:14px; line-height:22px}

  div.pswrapwrap{margin: 39px auto 48px;}
  p.pssub{font-size:18px; margin-bottom: 27px;}
  p.pscontitle{font-size:18px}
  a.psconbtn{width: 84%; margin-left: -42%; font-size:18px}
  p.psconimg img{width:80%}
  p#psconbank{font-size:18px}
  span#psconaccntnum{font-size: 14px;}
  div.psconwrap {margin: 12px 1.8%;}

  .noticetable{margin-bottom: 50px;}
  .noticetable td{font-size:14px; line-height: 22px;}
  .noticetable th{font-size:14px; line-height: 22px;}

  .noticeviewtable{margin-top: 30px;}
  .noticeviewtable tr:nth-child(1) td{font-size: 16px; height:50px}
  .noticeviewtable tr:nth-child(4) td:nth-child(1){font-size:14px}
  .noticeviewtable tr:nth-child(4) td:nth-child(2){font-size:14px}
  .noticeviewtable tr:nth-child(2) td, .noticeviewtable tr:nth-child(4) td{height:40px;}
  ul.noticewinfo li{font-size:12px; line-height: 12px; padding: 0 5px;}
  a.noticegolistbtn{margin-top: 20px; width: 80px; height: 30px; line-height: 30px; font-size: 16px;}
  .noticeanothertable{margin-top:20px}
  .noticeanothertable td{font-size:14px; height:40px;}

  .noticewritetable{margin-top:30px}
  .noticewritetable td:nth-child(1){font-size: 12px;}
  .noticewritetable input[type="text"]{height:32px}
  .noticewritetable textarea{height:200px}
  .noticewritetable input[type=file]{font-size:12px;}
  .noticewritetable input[type=file]::-ms-browse{height:32px}

  div.photopicwrapwrap{width: 92.1%; margin: 31px auto 60px;}
  div.photopicwrap{margin-bottom: 42px;}

  div.photogallery{width: 300px;}
  p.photogallery_popup_closetxt{font-size:14px; line-height:17px}
  a.photogallery_popup_close{width: 12px; height: 12px;}
  p.photopopupsub{font-size:11px}
  p.phototxt{font-size:11px}

  div.videoconwrapwrap{margin: 0 auto 44px;}
  p.videopopuppic{height:140px;}

  p.cooperationagencysub{margin-bottom: 28px;}
  div.cooperationagencywrapwrap{margin: 39px auto 50px;}
  div.cooperationagencycon {width: 98%; margin:10px 0}
  p.cooperationagencypic img{width:50%}
  p.cooperationagencytitle{font-size: 14px; height:70px; line-height:70px}

  p.logintitle{font-size:20px; margin-bottom: 30px;}
  div.logincon{margin-bottom:30px}
  div.logininputwrap{width: calc(90.1% - 71px);}
  div.logininput input{height:30px; text-indent: 47px; font-size:13px}
  div.logininput:nth-child(1){margin-bottom: 8px;}
  div.logininput input::-webkit-input-placeholder{font-size:13px}
  div.logininput input:-ms-input-placeholder{font-size:13px}
  p.loginicon{margin-top: -11px;}
  p.loginicon img{width:20px; height:22px}
  .loginbtn{width:71px; height:68px; font-size:12px}
  ul.otherbtn li{padding: 0 3.4%;}
  ul.otherbtn a{font-size:12px}

  div.findpopupcon{padding: 50px 5% 50px 5%;}
  p.findtitle{font-size:20px; margin-bottom: 20px;}
  .idfindtable{margin-bottom: 20px;}
  .idfindtable td{font-size:13px; height:50px}
  .idfindtable input[type=text], .idfindtable select{height:30px}
  .idfindtable input[type=radio]{width:20px; height:20px}
  a.findbtn{width: 75px; height: 30px; line-height: 30px; border-radius: 30px; font-size:12px}

  .pwfindtable{margin-bottom: 20px;}
  .pwfindtable td{font-size:13px; height:50px}
  .pwfindtable input[type=text], .pwfindtable select{height:30px}
  .pwfindtable input[type=radio]{width:20px; height:20px}

  p.jointitle{font-size:20px; margin-bottom: 20px;}
  .jointable{margin: 0 auto 14px;}
  .jointable td{font-size:13px; height:50px}
  .jointable input[type=text], .jointable select, .jointable input[type=password]{height:30px}
  .jointable input[type=radio]{width:20px; height:20px}
  div.joinagreewrap{margin-bottom: 24px;}
  div#joinagreechk p:nth-child(1){width: 16px; height: 16px; margin-right: 4px;}
  div#joinagreechk p:nth-child(2){line-height: 16px; font-size: 12px;}
  div#joinagreechk{margin-bottom: 15px;}
  p#joinagreetxt{font-size:12px}

  div.mypagepopupcon{padding: 50px 5% 50px 5%;}
  .mypagetable{margin-bottom: 20px;}
  .mypagetable td{font-size:13px; height:50px}
  .mypagetable input[type=password]{height:30px}

  p#privacypolicycon{font-size: 14px; line-height:22px}
}