@charset "utf-8";

a, a:hover, a:focus, a:active {text-decoration: none;}
#container_main {margin-top: 113px; font-family: 'score_300';}
/* #container_main h4 {font-size: 25px; color: #111;} */


section.sec01 {width: 100%; height: 810px; background: url(/images/kr/main/sec01_bg.png) no-repeat; background-size: cover;}
section.sec01 div.inner {padding-top: 80px}
section.sec01 div.inner > div {display: inline-block; vertical-align: top;}
section.sec01 div.unit {width : 352px;}

.o-hidden {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;}
#search {background: #ba7238; border: 2px solid #ba7238; border-radius: 20px; overflow: hidden; width: 100%; height: 60px; box-sizing: border-box; margin-bottom: 50px;}
#search input[type="text"] {width: 85%;height: 60px; line-height: 60px;    padding: 0 0 0 20px;    font-size: 16px; color: #555; font-weight: 600;}
#search button.btn_submit {font-size: 0; padding: 12px 6px;}
#search button.btn_submit:after {content: ''; width: 35px; height: 35px; background: url(/images/kr/main/sec01_icon.png) no-repeat 7px 6px; display: block;}

#agenda {position: relative;}
#agenda h4 {font-size: 25px; color: #111;}
#agenda div.live {position: absolute; top: 0; right: 0;}
#agenda div.live a {font-size: 25px; font-weight: 800; font-family: 'NanumSquare'; color: #111;}
#agenda div.live a.on {}
#agenda div.live a.off {}
#agenda div.live a span.em {color: #c93c3c;}
#agenda div.live a span.state {background: #555; padding: 8px 15px; font-size: 15px; color: #fff; font-weight: 800; font-family: 'NanumSquare'; border-radius: 20px; vertical-align: middle; margin-left: 8px;}
#agenda div.live a.on span.state {background: #c93c3c;}
#agenda div.live:before {content: ''; width: 1px; height: 16px; display: inline-block; background: #999; margin-right: 16px;}

#agenda div.date-wrap div.day div.list.agenda:after {content: ''; width: 35px; height: 2px; position: absolute; bottom: 0; left: 5px; background: #c1a48d;}
#agenda div.date-wrap {}
#agenda div.date-wrap div.date {margin: 25px 0 20px;}
#agenda div.date-wrap div.date button {width: 30px; height: 30px; font-size: 0; position: absolute; top: 52px; background: url(/images/kr/main/sec01_icon.png) no-repeat 8px -34px; z-index: 10;}
#agenda div.date-wrap div.date button.btn-prev {left: 60px;}
#agenda div.date-wrap div.date button.btn-next {right: 60px; background-position: -24px -34px;}
#agenda div.date-wrap div.date div.list {position: relative;}
#agenda div.date-wrap div.date div.list p {font-family: 'NanumSquare'; font-size: 25px; font-weight: 800; text-align: center;}
#agenda div.date-wrap div.date div.list p span.em {color: #ba7238;}
#agenda div.date-wrap div.date span.blue {color: #305299;}
#agenda div.date-wrap div.date div.list p span.bold {font-size: 25px; font-weight: 800;}
#agenda div.date-wrap div.date span.blue {color: #305299;}
#agenda div.date-wrap div.day {text-align: center; width: 85%; margin: auto; height: 40px; }
#agenda div.date-wrap div.day div.list.sun {color: #d1345d;}
#agenda div.date-wrap div.day div.list.sat {color: #584ccb;}
#agenda div.date-wrap div.day div.list.today span:before {content: ''; width: 40px; height: 40px; background: #ba7238; border-radius: 50%; position: absolute;top: -5px; color: #fff; z-index: -1; left: 0px;}
#agenda div.date-wrap div.day div.list.today span {color: #fff;}
#agenda div.date-wrap div.day div.list.today span a {color: #fff;}
#agenda div.date-wrap div.day div.list span {}
#agenda div.date-wrap span.line {display: block; width: 85%; height: 1px; background: #e5e5e5; margin: 10px auto;}
#agenda div.txt_wrap {margin: auto; background: #f4f4f2; border-radius: 20px; position: relative; padding: 8px 15px; margin-top: 25px; height: 95px; box-sizing: border-box; box-shadow: 0 0 10px 2px #0000001f;} 
#agenda div.txt_wrap div.txt {}
#agenda div.txt_wrap div.txt div.list {margin: 6px 0;}
#agenda div.txt_wrap div.txt div.list p { font-size: 20px; font-weight: 700; text-align: center;}
#agenda div.txt_wrap div.txt div.list p span.txt {font-size: 15px; display: block; margin-top: 6px; font-weight: 400;}
#agenda div.txt_wrap div.txt div.list.none {padding: 5px 0 0;}
#agenda div.txt_wrap div.control {position: absolute; bottom: 15px; right: 15px;}
#agenda div.txt_wrap div.control button.btn-play {width: 20px; height: 20px; background: url(/images/kr/main/sec01_icon.png)no-repeat 3px -83px; display: block; font-size: 0;}
#agenda div.btns {margin: 20px 0 45px;}
#agenda div.btns a {display: inline-block;  width: 46%; border-radius: 30px; padding: 13px 15px; box-sizing: border-box; background: #333; color: #fff; font-weight: 500; text-align: center;}
#agenda div.btns a:nth-child(2) {background: #555; margin-left: 15px;}
#agenda div.btns a:hover {background: #000000;}
#agenda div.txt_wrap div.txt div.list a {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height: 23px;}
#agenda div.txt_wrap div.txt div.list a:hover {text-decoration: underline;}
#agenda div.txt_wrap div.txt div.list.scroll {height: 71px; overflow-y: auto; overflow-x: hidden; padding-right: 8px; box-sizing: border-box; overscroll-behavior: contain; }
#agenda .txt_wrap > .txt {overflow: hidden;}
#agenda div.date-wrap div.day div.list.today span:before {content: ''; width: 40px; height: 40px; background: #ba7238; border-radius: 50%; position: absolute; top: -5px; left: 2px; z-index: -1;}
#agenda div.day div.slick-list {padding: 8px 0 !important;}
#agenda div.date-wrap div.day div.list {display: inline-block; width: 100%; height: 28px; padding: 0; box-sizing: border-box; font-family: 'score'; font-size: 19px; font-weight: 400; position: relative; z-index: 2; text-align: center;}
#agenda .date-wrap > .day > .list {
    display: none;
}

#agenda .date-wrap > .day > .list:first-child {
    display: block;
}

/* Slick 초기화 전 숨김 */
#agenda .date > .list:not(.slick-initialized),
#agenda .date-wrap > .day:not(.slick-initialized) {
    visibility: hidden !important;
    overflow: hidden;
}

/* Slick 초기화 후 노출 */
#agenda .date > .list.slick-initialized,
#agenda .date-wrap > .day.slick-initialized {
    visibility: visible !important;
}



#live-more {border: 1px solid; height: 150px; position: relative; background: #ffffff80; border: 1px solid #8d8e8d; border-radius: 20px;  box-sizing: border-box;}
#live-more a {padding: 35px 30px; display: block;}
#live-more a p.tit {font-size: 20px; font-weight: 800; font-family: 'NanumSquare'; color: #333;}
#live-more a span.bar {width: 18px; height: 1px; background: #8d8e8d; margin: 16px 0; display: block; }
#live-more a p.txt {font-size: 15px; font-weight: 600; font-family: 'NanumSquare'; color: #333;}
#live-more a span.bg_img {width: 94px; height: 72px; background: url(/images/kr/main/sec01_icon.png) no-repeat -333px 3px; position: absolute; top: 35px; right: 20px;}
#live-more:hover {border: 1px solid #000;}
#live-more:hover a span.bg_img {animation:ani_bg 0.5s ease-in-out;}
@keyframes ani_bg{
	0%{transform:rotate(0);}
	20%{transform:rotate(-8deg);}
	40%{transform:rotate(8deg);}
	60%{transform:rotate(-8deg);}
	80%{transform:rotate(8deg);}
	100%{transform:rotate(0deg);}
}


#visual {width: 820px; position: relative; margin: 0 33px; box-shadow: 0 0 10px 2px #0000002b; border-radius: 20px; height: 528px;}
#visual div.list-wrap {}
#visual div.list-wrap div.list {border-radius: 20px; overflow: hidden;}
#visual div.list-wrap div.list a {}
#visual div.list-wrap div.list a img {}
#visual div.txt-wrap {position: absolute; top: 90px; left: 108px;}
#visual div.txt-wrap p.txt {font-family: 'InkLiquid'; font-size: 55px; color: #333;
-webkit-text-stroke: 3px #ffffff;
paint-order: stroke fill; line-height: 70px;}
#visual div.txt-wrap p.txt span.blue {color: #378bd9; font-size: 65px;}
#visual div.txt-wrap p.txt span.red {color: #c91414; font-size: 65px;}
#visual div.txt-wrap p.txt span.block {display: block; margin-left: 105px;}
#visual div.control {width: 163px; border-radius: 30px; height: 42px; background: #0000009e; position: absolute; bottom: 13px; right: 18px; color: #fff; font-weight: 600;}
#visual div.control div.page {line-height: 42px; padding: 0px 10px 0 25px; display: inline-block;}
#visual div.control div.page span{}
#visual div.control div.page span.current {}
#visual div.control div.page span.bar {width: 10px; height: 1px; display: inline-block; background: #fff; vertical-align: middle; margin: 0 5px;}
#visual div.control div.btns {display: inline-block; vertical-align: middle;}
#visual div.control div.btns button {font-size: 0; width: 20px; height: 20px; background: url(/images/kr/main/sec01_icon.png) no-repeat 4px -304px;}
#visual div.control div.btns button.btn-next {background-position: -35px -304px;}
#visual div.control div.btns button.btn-stop {background-position: -15px -304px;}
#visual div.control div.btns button.btn-stop.on {background-position: -67px -304px;}


#chairman {width: 348px; position: relative; height: 338px; overflow: hidden; font-family: 'NanumSquare';}
#chairman p.txt {color: #0c357c; font-size: 20px; font-weight: 800; line-height: 27px;}
#chairman p.txt span.name {}
#chairman span.name {font-size: 19px; font-weight: 600; margin-top: 20px; display: block; line-height: 32px;}
#chairman span.name span {font-family: 'gmarket_bold'; font-size: 26px; display: block;}
#chairman span.pic {position: absolute; bottom: 55px; right: -17px;}
#chairman span.pic img {}
#chairman div.btns {height: 70px; background: #ba7238; position: absolute; bottom: 0; left: 0; right: 0; border-radius: 15px; font-family: 'score_200'; display: flex; justify-content: space-around; align-items: center;}
#chairman div.btns a {color: #fff;}
#chairman div.btns a:before {content:''; width: 26px; height: 26px; display: inline-block; background: url(/images/kr/main/sec01_icon.png)no-repeat 0px -239px; vertical-align: middle; margin-right: 7px;}
#chairman div.btns a:nth-child(2):before {background-position: -63px -239px;}
#chairman div.btns a:nth-child(1):after {content: ''; width: 1px; height: 15px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.6;}
#chairman div.btns a:hover {font-weight: 800;}
#chairman::after {content: ''; width: 29px; height: 32px; background: url(/images/kr/main/chair_bg.png) no-repeat center; position: absolute; top: 50px; right: 50px;}


#minutes {margin-top: 55px;}
#minutes h4 {font-size: 25px; color: #111;}
#minutes #mi-search {width: 100%; margin: 10px 0 15px;}
#minutes #mi-search input[type="text"] {height: 24px; line-height: 22px; padding: 0 0 0 25px; vertical-align: top; box-sizing: border-box; background: #fff; border-radius: 20px; width: 100%; height: 50px;font-size: 18px; color: #383d50; border: none; box-shadow: 0 0 5px 2px #0000001f; font-weight: 500;}
#minutes #mi-search button.btn_submit {font-size: 0; width: 24px; height: 24px; background: url(/images/kr/main/sec01_icon.png) no-repeat -212px -299px; position: absolute; top: 50%; right: 25px; transform: translateY(-50%);}
#minutes #mi-search input[type="text"]::placeholder {color: #383d50;}
#minutes div.btns {display: flex; justify-content: space-between; position: relative;}
#minutes div.btns a {font-size: 18px; font-weight: 500;width: 48%; padding: 5px 5px 5px 0; position: relative;}
#minutes div.btns a.sec {text-align: right;}
#minutes div.btns a:before {content: ''; width: 33px; height: 26px; background: url(/images/kr/main/sec01_icon.png) no-repeat -311px -297px; display: inline-block; vertical-align: middle; margin-right: 7px;}
#minutes div.btns a.sec:before {background-position: -394px -297px;}
#minutes div.btns a:after {content: ''; width: 20px; height: 20px; background: url(/images/kr/main/sec01_icon.png) no-repeat -160px -108px; display: inline-block; vertical-align: top; margin-left: 15px; margin-top: 3px;}
#minutes div.btns span.bar {width: 1px; height: 18px; background: #8d8e8d; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#minutes div.btns a:hover {font-weight: 700;}


#realtime {width: 1208px; height: 72px; background: #ffffff80; border-radius: 15px; position: absolute; bottom: 0; left: 390px;padding: 18px; box-sizing: border-box; display: flex; align-items: center;}
#realtime p.tit {color: #0c357c; font-size: 20px; font-weight: 800; position: relative; width: 170px;}
#realtime p.tit:before {content: ''; width: 33px; height: 26px; background: url(/images/kr/main/sec01_icon.png) no-repeat 0px -170px; display: inline-block; vertical-align: middle;  margin-right: 3px;}
#realtime p.tit:after {content: ''; width: 1px; height: 18px; background: #8d8e8d; position: absolute; top: 4px; right: -20px;}
#realtime div.list-box {display: inline-block; margin-left: 35px; width: 70%; overflow: hidden;}
#realtime div.list-box p.list {width: 93% !important; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#realtime div.list-box p.list a:hover {text-decoration: underline;}
#realtime div.control {}
#realtime div.control div.page {display: inline-block; font-size: 17px; margin-right: 10px;}
#realtime div.control div.btns {display: inline-block;}
#realtime div.control div.btns button {font-size: 0; width: 25px; height: 20px; background: url(/images/kr/main/sec01_icon.png) no-repeat -262px -195px;}
#realtime div.control div.btns button.btn-prev {}
#realtime div.control div.btns button.btn-next {background-position: -320px -196px;}
#realtime div.control div.btns button.btn-stop {background-position: -291px -196px;}
#realtime div.control div.btns button.btn-stop.on {background-position: -347px -196px;}
#realtime .list-box:not(.slick-initialized) .list {
    visibility: hidden;
}

#quick {padding: 80px 0; display: flex;}
#quick div.inner {}
#quick div.tit-box {position: relative; width: 230px; display: inline-block; margin-right: 77px;}
#quick div.tit-box span.s-tit {font-size: 17px; color: #555; letter-spacing: 1.5px;}
#quick div.tit-box h4 {font-size: 33px; color: #2a2d44; margin: 5px 0 25px 0;}
#quick div.tit-box:before {content: ''; width: 29px; height: 32px; background: url(/images/kr/main/chair_bg.png) no-repeat center; display: block; position: absolute; top: 1px; right: 7px;}
#quick div.tit-box:after {content: ''; width: 40px; height: 2px; background: #bdd1d9; position: absolute; bottom: 55px; left: 2px;}
#quick ul.quick-box {display: flex; vertical-align: top; width: calc(100% - 307px); justify-content: space-between;}
#quick ul.quick-box li {width: 100px;}
#quick ul.quick-box li a {text-align: center; display: block;}
#quick ul.quick-box li a span {}
#quick ul.quick-box li a span.img {border: 1px solid #bdd1d9; border-radius: 50%; width: 100px; height: 100px; display: block; font-size: 0; margin-bottom: 20px; padding: 20px 22px; box-sizing: border-box;}
#quick ul.quick-box li a span.img:before {content: ''; width: 55px; height: 55px; background: url(/images/kr/main/quick-ico.png) no-repeat 0px 0px; display: block; transition: 0.5s;}
#quick ul.quick-box li:nth-child(2) a span.img:before {background-position: -128px 0px;}
#quick ul.quick-box li:nth-child(3) a span.img:before {background-position: -263px 0px;}
#quick ul.quick-box li:nth-child(4) a span.img:before {background-position: -399px 0px;}
#quick ul.quick-box li:nth-child(5) a span.img:before {background-position: -532px 0px;}
#quick ul.quick-box li:nth-child(6) a span.img:before {background-position: -668px 0px;}
#quick ul.quick-box li:nth-child(7) a span.img:before {background-position: -795px 0px;}
#quick ul.quick-box li:nth-child(8) a span.img:before {background-position: -929px 0px;}
#quick ul.quick-box li:hover a span.img:before {transform: rotateY(360deg);}
#quick ul.quick-box li:hover a {font-weight: 700;}
#quick ul.quick-box li a span.txt {font-size: 18px; color: #222;}


section.sec03 {position: relative; padding: 90px 0 0; margin-bottom: 90px;}
section.sec03:before {content: ''; background: linear-gradient(to bottom, rgba(239, 234, 231, 0) 30%, #f8f2ee 100%); position: absolute; top: 0; bottom: 0; right: 0; left: 10%; border-bottom-left-radius: 80px;}
section.sec03 span.bg {width: 46.92%; height: 960px; background: #efeae7; position: absolute; top: 0; left: 0; z-index: 1;     border-radius: 0 80px 80px 0;}
section.sec03 div.inner {}
#member {position: relative; z-index: 2;}
#member > div {display: inline-block; vertical-align: top;}
#member div.left {width: 740px;}
#member div.left h4 {font-size: 38px; color: #333; position: relative;}
#member div.left h4 span {color: #9c6c46;}
#member div.left h4:before {content: ''; background: url(/images/kr/main/ico_logo.png) no-repeat; width: 50px; height: 50px; display: inline-block; vertical-align: middle; margin-right: 10px;} 
#member div.map span.ex {font-size: 15px; color: #333; display: block; margin: 15px 10px 50px;}
#member div.right {width: 760px; margin-left: 90px; padding-bottom: 50px;}
#member div.right div.top ul.link-wrap {text-align: right;}
#member div.right ul.link-wrap li {display: inline-block; width: 122px; height: 42px; border: 1px solid #376087; border-radius: 30px; background: #fff; margin-left: 5px;}
#member div.right ul.link-wrap li a {line-height: 42px; text-align: center; display: block; font-size: 16px;}
#member div.right ul.link-wrap li:hover {background: #376087;}
#member div.right ul.link-wrap li:hover a {color: #fff;}
#member div.right div.mem-search {margin: 15px 0 50px;}
#member div.right div.mem-search p.tit {display: inline-block; font-size: 20px; font-weight: 800; margin-right: 30px; vertical-align: middle;}
#member div.right div.mem-search form {display: inline-block; vertical-align: middle;}
#member div.right div.mem-search form div.in_sch {}
#member div.right div.mem-search form div.in_sch input[type="text"] {width: 520px; height: 46px; border-radius: 25px; border: 2px solid #9c6c46; text-align: center; padding: 0 20px; font-size: 15px; font-family: 'Noto Sans KR';}
#member div.right div.mem-search form div.in_sch button.ms-btn {width: 103px; height: 46px; background: #9c6c46; border-radius: 25px; box-sizing: border-box; color: #fff; font-size: 15px; font-family: 'Noto Sans KR'; margin-left: 13px;}
#member div.right div.mem-search form div.in_sch button.ms-btn:before {content: ''; width: 20px; height: 20px; display: inline-block; vertical-align: text-bottom; margin-right: 5px; background: url(/images/kr/main/main-icos.png) no-repeat -53px -41px;}

#member div.right div.bottom {position: relative;}
#member div.right div.bottom div.member-box {margin-top: 30px; display: none;}
#member div.right div.bottom div.member-box.on {display: block;}
#member div.right div.member-list div.list {width: 366px; height: 160px; border-radius: 15px 15px 15px 30px; background: #fff; box-shadow: 0 0 9px 1px #d7cfcabf; overflow: hidden;padding: 15px; box-sizing: border-box; position: relative; margin: 0 24px 24px 0; display: inline-block;}
#member div.right div.member-list div.list:nth-child(2n) {margin-right: 0;}
#member div.right div.member-list div.list span.img {width: 110px; height: 130px; display: inline-block; border-radius: 20px; overflow: hidden; border: 1px solid #ddd;}
#member div.right div.member-list div.list span.img img {width: 100%; max-width: 110px; height: 130px;}
#member div.right div.member-list div.list div.infor {display: inline-block; width: calc(100% - 135px); vertical-align: top; margin: 5px 0 0 17px;}
#member div.right div.member-list div.infor p.name-box {}
#member div.right div.member-list div.infor p.name-box strong {font-size: 23px;}
#member div.right div.member-list div.infor p.name-box span.position {font-size: 15px; margin-left: 10px;}
#member div.right div.member-list div.infor span.area {display: block; margin: 10px 0 5px; line-height: 22px;}
#member div.right div.member-list div.infor span.area span {font-size: 14px; display: block;}
#member div.right div.member-list div.infor span.party {display: block;}


#member div.right div.member-list div.list div.btn-box {position: absolute; bottom: 10px; right: 10px;}
#member div.right div.member-list div.list div.btn-box a {width: 34px; height: 34px; background: #376087 url(/images/kr/main/member_bt_ico.png) no-repeat 10px 8px; border-radius: 50%; font-size: 0; display: inline-block; margin: 0 1px;}
#member div.right div.member-list div.list div.btn-box a.profile {}
#member div.right div.member-list div.list div.btn-box a.home {background-color: #9c6c46; background-position: -54px 8px;}
#member div.right div.member-list div.list div.btn-box a.profile:hover {background-color: #153656;}
#member div.right div.member-list div.list div.btn-box a.home:hover {background-color: #8e5223;}
#member div.right div.bottom {}
#member div.right div.bottom h5 {font-size: 30px; position: relative; margin-bottom: 35px;}
#member div.right div.bottom h5:before {content: ''; width: 40px; height: 40px; background: url(/images/kr/main/main-icos.png) no-repeat 0px -192px; display: inline-block;     vertical-align: middle;}
#member div.right div.control {position: absolute; top: 0; left: 155px;}
#member div.right div.bottom a.more,
#member div.right div.control button {width: 42px; height: 42px; border: 1px solid #9c6c46; border-radius: 5px; font-size: 0; display: inline-block; vertical-align: top; box-sizing: border-box; background: #fff url(/images/kr/main/main-icos.png) no-repeat 14px 12px;}
#member div.right div.control button {margin-right: 5px;}
#member div.right div.control button.btn-prev {}
#member div.right div.control button.btn-next {background-position: -89px 12px;}
#member div.right div.control button.btn-stop {background-position: -37px 12px;}
#member div.right div.control button.btn-stop.on{background-position: -193px 12px;}
#member div.right div.bottom a.more {background-position: -141px 11px;}
#member span.council_bg {}


section.sec04 {padding: 140px 0 70px;}
#news {}
#news h4 {font-size: 30px; color: #333;}
#news h4 span {font-size: 38px; color: #17567d;}
#news ul.news-tab {height: 50px; border-radius: 10px; overflow: hidden; width: 905px;  border: 1px solid #ddd; position: absolute; top: 0; right: 190px; background: #fff; display: flex;}
#news ul.news-tab li {width: 17%; font-size: 19px; display: inline-block; text-align: center; line-height: 51px; border-right: 1px solid #ddd; font-weight: 600;}
#news ul.news-tab li:first-child {margin-left: 0;}
#news ul.news-tab li:nth-child(1) { margin-left: 0px;}
#news ul.news-tab li:last-child {border-right: none;}
#news ul.news-tab li a {color: #555; display: block;}
#news ul.news-tab li.active a {font-size: 20px; background: #17567d; vertical-align: top; color: #fff; border-radius: 10px;}
#news div.bottom {margin-top: 30px;}
#news div.bottom div.cont-box {display: none;}
#news div.bottom div.cont-box.active {display: block;}
#news div.cont-box div.list {width: 295px; height: 280px; border: 2px solid #ddd; display: inline-block; border-radius: 10px; position: relative; background: #fff; padding: 75px 30px 30px; box-sizing: border-box;}
#news div.cont-box div.list a {}
#news div.cont-box div.list a span.type {width: 70px; height: 60px; position: absolute; top: -13px; left: 30px; background: #777; border-radius: 0 0 8px 8px; color: #fff; padding: 12px 4px; text-align: center; box-sizing: border-box; font-weight: 600;font-size: 14px; }
#news div.cont-box div.list a span.type:before {content: ''; position: absolute; left: -14px; top: 2px; z-index: -1; width: 0; height: 0; border-top: 12px solid #555555; border-left: 16px solid transparent; transform: rotate(90deg);}
#news div.cont-box div.list a span.date {position: absolute; top: 31px; right: 30px; font-size: 15px; color: #555;}
#news div.cont-box div.list a p.tit {font-size: 18px; color: #333; font-weight: 600; line-height: 28px; overflow: hidden;
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#news div.cont-box div.list a p.txt {font-size: 15px; line-height: 22px; margin: 15px 0px; color: #555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-weight: 500;position: absolute; top: 165px; left: 30px; right: 30px;}
#news div.cont-box div.list:hover {border: 2px solid #17567d;}
#news div.cont-box div.list:hover a span.type {background: #17567d;}
#news div.cont-box div.list:hover a span.type:before {border-top: 12px solid #00244f;}
#news div.cont-box div.list:hover a p.tit {color: #17567d;}
#news div.control {position: absolute; top: 0; right: 55px;}
#news div.control button {width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 10px; font-size: 0;}
#news div.control button:before {content: ''; width: 50px; height: 50px; background: url(/images/kr/main/main-icos.png) no-repeat 18px 16px; display: block;}
#news div.control button.btn-prev {}
#news div.control button.btn-next:before {background-position: -84px 16px;}
#news div.more-btns a {width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 10px;}

#news div.cont-box div.slick-list {height: 300px;}
#news div.cont-box div.slick-list div.slick-track {height: 300px; padding-top: 20px;}
#news .cont-box {margin: 0 -15px;}
#news .cont-box .slick-slide {padding: 0 15px; box-sizing: border-box;}
#news div.cont-box a.more-btn {position: absolute; top:0; right: 0;}
#news div.more-btns {}
#news div.more-btns a {display:none; box-sizing: border-box; width: 50px; height: 50px; font-size: 0; position: absolute; top: 0; right: 0;}
#news div.more-btns a:before {content: '';position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%); width: 35px; height: 35px; background: url(/images/kr/main/main-icos.png) no-repeat -144px 9px; display: block;}
#news .more-btns a.active {display:block;}
#news div.list span.new {display: inline-block; vertical-align: middle; width: 16px; height: 20px; background: url(/images/kr/main/new-ico.png) no-repeat 0px 0px; font-size: 0; margin-left: 5px;}
 
#news .few_news .slick-track {margin: 0;}
 
section.sec05 {padding: 70px 0 110px; background: linear-gradient(to bottom, rgba(229, 236, 241, 0) 0%, #e5ecf1 100%);}
#gallery {position: relative; z-index: 2; overflow: hidden;	height: 510px;}
#gallery:before {content:''; width: 518px; height: 510px; background: url(../../images/kr/main/gallery-box-bg.png) no-repeat; position: absolute; top: 0; left: 0; z-index: -1;}
#gallery div.left {width: 440px; white-space: normal; margin-left: 155px;}
#gallery div.tit-box {padding: 70px 0 25px;}
#gallery div.tit-box h4 {font-family: 'gmarket_light'; font-size: 35px; color: #fff; font-weight: 300; line-height: 45px;}
#gallery div.tit-box h4 span {font-family: 'gmarket_bold'; display: block;}
#gallery div.tit-box span.ex {font-size: 15px; color: #fff; width: 227px; display: block; line-height: 25px; margin-top: 15px;}
#gallery span.text-bg {writing-mode: vertical-rl; text-orientation: mixed; text-transform: uppercase; letter-spacing: 4px; font-size: 10px; color: #fff; font-family: 'gmarket_light'; position: absolute; top: 75px; left: 77px; opacity: 0.5;}
#gallery span.line-bg {width: 1px; height: 70px; background: #fff; position: absolute; top: 232px; left: 84px; opacity: 0.3;}

#gallery ul.tab_box {display: flex;}
#gallery ul.tab_box a {font-size: 15px; padding: 13px 5px; border-radius: 10px; width: 130px; height: 50px; display: inline-block; box-sizing: border-box; vertical-align: top; text-align: center;}
#gallery ul.tab_box li:nth-child(2) a {margin-left: 6px;}
#gallery ul.tab_box a:hover {background: #d3d3d3; color: #333;}
#gallery ul.tab_box li a {background: #464444; color: #fff; border: 1px solid #a4a9b0;}
#gallery ul.tab_box li.on a {margin-left: 6px; background: #fff; color: #333; border: 1px solid #fff;}

#gallery div.control {width: 225px; height: 60px; background: #ffffff1f; border-radius: 30px; padding: 12px 20px; box-sizing: border-box; display: flex; justify-content: space-between; margin-top: 70px;}
#gallery div.control button {width: 35px; height: 35px; font-size: 0;}
#gallery div.control button:after {content: ''; width: 35px; height: 35px; background: url(../../images/kr/main/main-icos.png) no-repeat 11px -113px; display: block;}
#gallery div.control button.btn-next:after {background-position: -36px -113px;}
#gallery div.control button.btn-stop:after {background-position: -85px -113px;}
#gallery div.control button.btn-stop.on:after {background-position: -192px -113px;}
#gallery div.control a.more {display: inline-block; width: 35px; height: 35px; font-size: 0; vertical-align: top; box-sizing: border-box;}
#gallery div.control a.more:after {content: ''; width: 35px; height: 35px; background: url(../../images/kr/main/main-icos.png) no-repeat -136px -113px; display: block;}
#gallery div.inner > div {display: inline-block; vertical-align: top;}
#gallery div.right {margin: 30px 0 0;}
#gallery div.list-box {display: flex;}
#gallery div.list {width: 350px !important; height: 391px; border-radius: 10px; background: #fff; box-shadow: 0 0 10px 2px #00000021;}
#gallery div.list a {}
#gallery div.list a span.img {width: 350px; height: 260px; display: block; border-radius: 10px; overflow: hidden;}
#gallery div.list a span.img img {width: 100%; height: 260px; object-fit: cover; transition: 0.3s;}
#gallery div.list a div.txt-box {padding: 30px 20px;}
#gallery div.list a div.txt-box p.tit {font-size: 18px; color: #222; font-weight: 600; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#gallery div.list a div.txt-box span.date {margin-top: 12px; display: block; font-size: 16px; color: #888;}
#gallery div.list a div.txt-box span.date:before {content: ''; width: 20px; height: 20px; background: url(../../images/kr/main/main-icos.png) no-repeat -360px 1px; display: inline-block; vertical-align: middle;}
#gallery div.inner {white-space: nowrap; width: 100%;}
#gallery .slick-slide {margin-right: 36px;}
#gallery .progress {position: relative; width: 1172px; height: 5px; margin-top: 63px; overflow: hidden; background: url(../../images/kr/main/gallery_bar_img.png) no-repeat 0px 1px; border: none; box-shadow: none; margin-left: 10px;}
#gallery .progress .bar {position: absolute; top: 0; left: 0; width: 25%; /* 기본값, JS에서 다시 계산됨 */ height: 100%; background: #00618c; transition: transform 0.5s ease;}
#gallery .list-box:not(.slick-initialized) {display: flex; gap: 20px;}
#gallery .list-box:not(.slick-initialized) .list {margin: 0; flex: 0 0 350px;}
#gallery div.right div.slick-list {padding: 10px 10px;}
#gallery div.list:hover a span.img img {transform: scale(1.2);}
#gallery div.list-box {display: none;}
#gallery div.list-box.on {display: block;}
#gallery .left .control .more_btn {}
#gallery .left .control .more_btn li {display: none;}
#gallery .left .control .more_btn li.on {display: block;}
#gallery .left .control .more_btn li a {}


section.sec06 { width: 100%;padding: 110px 0 120px; background: url(/images/kr/main/sec06_bg.png) no-repeat center bottom; position: relative; }
section.sec06:after {content: ''; width: 452px; height: 68px; background: url(/images/kr/main/sec06_bg_02.png) no-repeat center; position: absolute; top: 125px; left: 1032px; z-index: -1;}
section.sec06 div.inner {}
#sns {position:relative;}
#sns h4 {font-size: 42px; text-align: center;}
#sns h4 span.red {color: #e23333;}
#sns ul.sns-tab {margin: 30px 0 45px;}
#sns ul.sns-tab li {font-size: 19px; display: inline-block;
 border-radius: 30px; box-sizing: border-box;}
#sns ul.sns-tab li a {color: #000; font-weight: 600; display: inline-block; padding: 15px 30px; box-sizing: border-box;} 
#sns ul.sns-tab li.active {font-size: 20px; background: linear-gradient(to bottom, #ce8381 0%, #a77654 100%); box-shadow: 0 0 6px 1px #a776547a; }
#sns ul.sns-tab li.active a {color: #fff; font-weight: 600; padding: 15px 30px;}
#sns ul.sns-tab li a:after {content: ''; width: 26px; height: 26px; background: #999 url(/images/kr/main/main-icos.png) no-repeat -260px -79px; display: inline-block; border-radius: 50%; vertical-align: middle; margin-left: 7px;}
#sns ul.sns-tab li.all a:after {display: none;}
#sns ul.sns-tab li.fb a {}
#sns ul.sns-tab li.insta a:after {background-position: -302px -79px;}
#sns ul.sns-tab li.yb a:after {background-position: -337px -79px;}

#sns div.bottom {}
#sns div.bottom div.cont div.list a {display: block; height: 340px;}
#sns div.bottom div.cont div.list a span.img-box {}
#sns div.bottom div.cont div.list a div.txt-box {display: flex; align-items: normal; padding: 30px 20px 10px;}
#sns div.bottom div.cont div.list a div.txt-box p.tit {display: inline-block; width: auto; max-width: calc(100% - 22px); margin: 0;  font-size: 17px; color: #333; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#sns span.new {flex: 0 0 16px; width: 16px; height: 18px; margin-left: 6px; background: url(/images/kr/main/new-ico.png) no-repeat 0 0; font-size: 0;}
#sns div.bottom div.cont div.list a span.type {width: 35px; height: 35px; background: #ec1d1d; border-radius: 50%; font-size: 0; position: absolute; bottom: 12px; right: 13px; }
#sns div.bottom div.cont div.list a span.type:after {content: ''; width: 35px; height: 35px; background: url(/images/kr/main/main-icos.png) no-repeat -333px -74px; display: block;}
#sns div.control {background: #fff; width: 104px; border-radius: 30px; box-shadow: 0 0 5px 1px #00000026; position: absolute; top: 65px; right: 80px; overflow: hidden;}
#sns div.control button {width: 51px; height: 52px; font-size: 0; background: #fff;}
#sns div.control button.btn-prev {border-right: 1px solid #00000014;}
#sns div.control button.btn-next {margin-left: -3px;}
#sns a.sns-more {width: 52px; height: 52px; font-size: 0; position: absolute; top: 65px; right: 0px; background: linear-gradient(to bottom, #ce8381 0%, #a77654 100%); border-radius: 50%;}
#sns div.control button:before {content:''; width: 52px; height: 52px; display: block; background: url(/images/kr/main/main-icos.png) no-repeat 21px 17px;}
#sns div.control button.btn-next:before {background-position: -84px 17px;}
#sns div.bottom div.cont {display: none;}
#sns div.bottom div.cont.active:not(.slick-initialized) {display: flex;}
#sns div.bottom div.cont.active.slick-initialized {display: block;}
#sns div.bottom div.cont:not(.slick-initialized) div.list {flex: 0 0 370px;}
#sns div.more-btns {position: absolute; top: 65px; right: 10px; width: 52px; height: 52px;}
#sns div.more-btns a.more {display: none; width: 52px; height: 52px; border-radius: 50%; background: linear-gradient(to bottom, #ce8381 0%, #a77654 100%); font-size: 0; overflow: hidden;}
#sns div.more-btns a.more::before {content: ''; display: block; width: 52px; height: 52px; background: url(/images/kr/main/main-icos.png) no-repeat -126px -104px;}
#sns div.bottom div.cont.slick-initialized div.list {margin: 0 15px;}
#sns div.bottom div.cont div.list {height: 340px; border-radius: 20px; overflow: hidden; box-shadow: 0 0 5px 2px #0000001a; background: #fff; position: relative;}
#sns div.bottom div.cont:not(.slick-initialized) div.list {flex: 0 0 370px; width: 370px; margin: 0 15px;}
#sns div.bottom div.cont.slick-initialized .slick-slide {box-sizing: border-box; padding: 0 30px;}
#sns div.bottom div.cont.slick-initialized div.list {width: 100%; margin: 0;}
#sns div.bottom div.cont div.list a span.img-box {display: block; height: 220px; overflow: hidden;}
#sns div.bottom div.cont div.list a span.img-box img {display: block; width: 100%; height: 220px; object-fit: cover; transition: 0.3s;}
#sns div.bottom div.cont div.list a span.date {display: block; padding: 0 20px; margin-top: 10px; font-size: 15px; color: #666;
font-weight: 600; white-space: nowrap;}
#sns ul.sns-tab li.fb.active a:after {background-color: #4268b3;}
#sns ul.sns-tab li.insta.active a:after {background: url(/images/kr/main/main-icos.png) no-repeat -302px -79px, linear-gradient(135deg, #5d44e1 0%, #a83aab 35%, #ee513a 70%, #ee9f31 100%);}
#sns ul.sns-tab li.yb.active a:after {background-color: #e71639;}
#sns div.bottom div.cont div.list a span.type.fb {background-color: #4268b3;}
#sns div.bottom div.cont div.list a span.type.fb:after {background-position: -256px -74px;}
#sns div.bottom div.cont div.list a span.type.insta {background: linear-gradient(135deg, #5d44e1 0%, #a83aab 35%, #ee513a 70%, #ee9f31 100%);}
#sns div.bottom div.cont div.list a span.type.insta:after {background-position: -297px -74px;}
/* #sns div.bottom div.cont div.list:hover a span.img-box img {transform: scale(1.2);} */
#sns .cont .list > a {position: relative; display: block; border-radius: 20px; overflow: hidden;}
#sns .cont .list > a::after {content: ""; position: absolute; inset: 0; z-index: 10; border: 3px solid transparent; border-radius: inherit; box-sizing: border-box; pointer-events: none; transition: border-color 0.2s;}
#sns .cont .list:hover > a::after,
#sns .cont .list > a:focus-visible::after {border-color: #ce8381;}
#sns div.bottom div.cont.insta div.list a span.img-box,
#sns div.bottom div.cont.fb div.list a span.img-box,
#sns div.bottom div.cont.insta div.list a span.img-box img,
#sns div.bottom div.cont.fb div.list a span.img-box img {height: 330px;}
#sns div.bottom div.cont.insta div.list,
#sns div.bottom div.cont.fb div.list,
#sns div.bottom div.cont.insta div.list a,
#sns div.bottom div.cont.fb div.list a {height: 450px;}

#sns div.bottom div.cont div.list.fb a span.img-box,
#sns div.bottom div.cont div.list.insta a span.img-box,
#sns div.bottom div.cont div.list.fb a span.img-box img,
#sns div.bottom div.cont div.list.insta a span.img-box img {height: 330px;}
#sns div.bottom div.cont div.list.fb,
#sns div.bottom div.cont div.list.insta,
#sns div.bottom div.cont div.list.fb a,
#sns div.bottom div.cont div.list.insta a {height: 450px;}


#banner{position:relative; float:left; width:100%; height:134px;}
#banner .inner{padding:30px 195px 0 0;}
#banner .control{position:absolute; right:0; top:35px; width:189px; height:67px; padding:0 0 0 7px; border:1px solid #e5e5e5; background:#fff; box-sizing:border-box;}
#banner .control button{width: 35px; height: 35px; font-size: 0;}
#banner .control button:hover{border-color:#6a7487;}
#banner .btn_prev{background-position:14px -421px;}
#banner .btn_next{background-position:-57px -421px;}
#banner .btn_stop{background-position:-21px -420px;}
#banner div.control button.btn_stop.on{background-position:-197px 26px;}
#banner .more{float:right; width:66px; border-left:1px solid #e5e5e5; background-position:-123px -420px;}
#banner .list_wrap{position:relative; float:left; width:100%; box-sizing:border-box; text-align:center;}
#banner .list{float:left; position:relative; padding: 5px 3px;}
#banner .list a{display:block; padding:0px; transition:0.25s ease-in-out;}
#banner .list a:hover{padding-top:0;}
#banner .list a:hover img{box-shadow:4px 4px 0 #ddd;}
#banner .slick-slide img{display: inline; max-width: 194px; height: 67px;}
#banner .control button, #banner .control a {position: relative; float: left; width: 35px; height: 100%; font-size: 0; text-indent: -9999px; background: url(/images/kr/main/main-icos.png) no-repeat 11px 26px;}
#banner .control a {position: relative; width: 35px; height: 100%; font-size: 0; text-indent: -9999px; background: url(/images/kr/main/ico_ctrl.png) no-repeat -123px -420px; transform: none; float: right; width: 66px; border-left: 1px solid #e5e5e5;}
#banner div.control button.btn_stop {background-position: -41px 26px;}
#banner div.control button.btn_next {background-position: -92px 26px;}

.quickmenu {
    width: 100px;
    height: 300px;
    background-color: #f6f5ef;
    display: flex;
    flex-direction: column;
	border-radius: 30px 0 0 20px;
	position: fixed;
	top: 20%;
	right: 0;
	z-index: 10;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
}
.quickmenu span {
    font-family:'score_700';
	font-size: 15px;
    background-color: #755d49;
	color: #fff;
    display: block;
    width: 100%;
    height: 47px;
	line-height: 47px;
	text-align: center;
	border-radius: 20px 0 0 0;
}
.quickmenu a {
	display: block;
	height: 41px;
	line-height: 41px;
	text-align: center;
	margin: 0 0 0 8px;
	border-bottom: 1px solid #d4d3d0;
	font-family: "score_300";
	color: #333;
	font-size: 14px;
}
.quickmenu a:last-child {border-bottom: none;}
@media all and (max-width:1920px) {
	section.sec01 {width: 100%;}
}
@media (max-width: 1800px) {
	section.sec03 span.bg {width: 845px; left: -3%;}
	#member div.left {width: 705px;}
}
@media all and (max-width:1680px) {
	section.sec03 span.bg {left: -6%;}
}
@media all and (max-width:1600px) {
	#container_main .inner {padding: 0; }	
	section.sec01 .inner {display: flex; flex-direction: column;}
	section.sec01 div.unit {width: 800px;position: relative; order: 2;}
	#agenda, #live-more {width: 378px; display: inline-block; vertical-align: top;}	 
    #live-more {margin: 90px 0 0 40px; height: 235px;}
	
	#agenda div.date-wrap div.day div.list.today span:before {left: 4px;}	
	#agenda div.date-wrap div.day div.list.agenda:after {left: 7px;}
	#agenda div.btns {margin: 20px 0; text-align: center;}
	
	#search {width: 378px; position: absolute; top: 0; right: 0;}
	section.sec01 div.inner > div {display: block;margin: auto;}
	#visual {margin: 40px auto 60px; order: 1;}
	#live-more a span.bg_img {top: auto; bottom: 30px;}
    section.sec01 {height: auto;background-size: cover; padding-bottom: 80px;}	
	section.sec01 div.right {width: 820px; order: 3;}

	#realtime {width: 820px; bottom: auto; left: 0; top: 1020px; right: 0;}	
	section.sec01 div.inner {width: 820px;}
	#realtime p.tit {font-size: 17px;}
	#realtime div.list-box {width: 57%;}
	
	#chairman {width: 100%; margin-top: 180px; padding-left: 48px; box-sizing: border-box; height: 290px;}
	#chairman span.pic {right: 0;}
	#chairman span.name span {display: inline-block; margin: 0 10px;}
	
	#minutes {margin: 45px 0 0; position: relative;}
	#minutes div.btns {width: 400px; position: absolute; top: -5px; right: 0;}
	#minutes div.btns a,
	#minutes div.btns a.sec {text-align: center;}
	#minutes #mi-search {margin: 20px 0 15px;}
		
    #member div.left {display: block; width: 700px; margin: auto;}	
    section.sec03 span.bg {left: 0; width: 100%; border-radius: 0; height: 910px;}
	#member div.right {margin: 110px auto 50px; display: block;}
	section.sec03:before {left: 0; border-bottom-left-radius: 0;}	
	section.sec04 {padding: 0px 0 70px;}
	
	#gallery .progress{width:100%; max-width:800px;}
}
@media all and (max-width:1430px) {
	#banner .inner{padding:30px 212px 0 15px;}
	#banner .control{right:15px;}
}
@media all and (max-width:1400px) {
	#news ul.news-tab {top: 60px; right: auto; left: 0;}
	#news div.bottom {margin-top: 85px;}
	#news div.control {top: 60px;}

    #news div.more-btns a {top: 60px;}

	#gallery div.left {margin-left: 50px; width: 410px;}
	#gallery span.line-bg,
	#gallery span.text-bg {display: none;}
	#gallery div.list-box.on {display: block;}
	#gallery:before {left: -120px;}
    #gallery div.right {width: calc(100% - 495px); min-width: 0; margin-top: 30px; overflow: hidden; white-space: normal;}
    #gallery div.list-box.on {display: block; width: 100%; min-width: 0;}
    #gallery div.right div.slick-list {width: 100%; padding: 10px 0; overflow: hidden;}
    #gallery .slick-slide {margin-right: 0; padding: 0 18px; box-sizing: border-box;}
    #gallery .slick-list {margin: 0 -10px;}
    #gallery div.list {width: 100%; box-sizing: border-box;}
    #gallery div.list a span.img {width: 100%;}
    #gallery .progress {width: calc(100% - 60px); margin-left: 10px;}
	#sns div.control, #sns div.more-btns {top: 80px;}
}
@media all and (max-width:1300px) {
	#quick {display: block;}
	#quick div.tit-box {text-align: center; margin: auto;  display: block;}
	#quick div.tit-box:after {display: none;}
	#quick div.tit-box:before {top: -10px; right: -20px;}
	#quick ul.quick-box {width: 95%; margin: auto;}
}
@media all and (max-width:1230px) {
#gallery div.list {width: 100% !important;}


}
@media all and (max-width:1140px) {
    #gallery:before {left: -90px; height: 400px; background-size: cover; width: 407px;}
    #gallery div.left {width: 310px;}
	#gallery div.tit-box h4 {font-size: 30px; line-height: 37px;}
    #gallery div.left {margin-left: 40px;}
	#gallery div.btns a {font-size: 14px; padding: 14px 5px; width: 110px; height: 45px;}
	#gallery div.control {height: 50px;	margin-top: 30px; padding: 8px 20px; width: 200px;}
	#gallery div.tit-box {padding: 55px 0 25px;}	
	#gallery div.right {width: calc(100% - 370px);}
	#gallery div.list {height: 330px;}
	#gallery div.list a span.img img {height: 220px;}
	#gallery div.list a span.img {height: 220px;}
	#gallery .progress {display: none;}	
	
	#gallery ul.tab_box a {font-size: 13px; width: 115px; height: 46px;}
}
@media all and (max-width:1040px) {
	#news ul.news-tab li.active a {font-size: 16px;}
	#news ul.news-tab li {font-size: 16px;}
	#news ul.news-tab {width: 725px;}
}
@media all and (max-width:1024px) {
	#container_main {margin-top: 75px;}

	#member div.map img#map_img {max-width: none;}

	#banner .control{top: 40px;}
	#banner .inner{padding-top:35px;}
	#banner .list a{padding-top:0;}
	#banner .list a:hover img{box-shadow:none;}
	.quickmenu {display: none;}
}
@media (max-width: 920px) {
    #quick ul.quick-box {width: 470px; flex-wrap: wrap;}
	#quick ul.quick-box li {margin-bottom: 20px;}
}
@media all and (max-width:870px) {
    #sns ul.sns-tab li a, #sns ul.sns-tab li.active a {padding: 10px 15px;}
	#sns ul.sns-tab li,
	#sns ul.sns-tab li.active {font-size: 16px;}
	#sns div.control button {height: 46px;}
	#sns div.control button:before {background-position: 21px 15px;}
	#sns div.control button.btn-next:before {background-position: -84px 14px;}
	#sns div.more-btns {top: 80px; width: 46px; height: 46px;}
	#sns div.more-btns a.more {width: 46px; height: 46px;}
	#sns div.more-btns a.more::before {width: 46px; height: 46px; background-position: -129px -107px;}
	#sns div.control {right: 65px;}
}
@media all and (max-width:850px) {
    #news div.control {top: 0;}
    #news ul.news-tab {width: 100%;}
	#news ul.news-tab li {width: 16.5%;}

    #news div.more-btns a {top: 0;}
}
@media all and (max-width:830px) {
    section.sec01 div.inner > div {width: 100%;}
    section.sec01 div.inner { width: 100%;}	
	section.sec01 {padding-bottom: 150px;}
	
	#visual {width: 100%; min-width: 0; height: auto; box-shadow: none; margin-top: 0; border-radius: 0;}
	#visual div.list-wrap div.list {border-radius: 0;}
	
    #agenda {margin: 50px auto 0; display: block;}
    #search {position: static; display: block; margin: auto;width: 500px;}
	#search input[type="text"] {width: 89%;}
	
    #live-more {margin: 40px auto; height: 150px; display: block; width: 500px;}

    #chairman {width: 500px; margin: auto; padding-left: 0;}
    #chairman span.name span {display: block; margin: 0;}
	
    #minutes {width: 500px; margin: 45px auto 0;}
    #minutes div.btns {width: 330px;}
	#minutes div.btns a {font-size: 16px;}
	#minutes div.btns a.sec {text-align: right;}
	
    #realtime {left: 0; top: auto; right: 0; width: 500px; bottom: -115px; display: block; height: 92px;}
	#realtime p.tit:after {display: none;}	
    #realtime div.list-box {width: 100%; margin: 10px 0 0 10px;}	
	#realtime div.list-box p.list:before {content: ''; width: 5px; height: 1px; background: #222; display:inline-block; vertical-align: middle; margin-right: 10px;}	
	#realtime div.list-box p.list {width: 90% !important; line-height: 25px;}
	#realtime div.control {position: absolute; top: 19px; right: 10px;}	
}
@media all and (max-width:780px) {
	#member div.right {width: 95%;}
	#member div.right div.mem-search form div.in_sch input[type="text"] {width: 300px;}
	#member div.right div.mem-search,
	#member div.right div.top ul.link-wrap {text-align: center;}
	#member div.right div.member-list div.list {width: 310px; margin: 0 20px 20px 0;}
	#member div.right div.member-list div.list span.img {width: 95px; height: 113px;}
	#member div.right div.member-list div.list span.img img {height: 113px;}
	#member div.right div.member-list div.infor p.name-box strong {font-size: 20px;}
	#member div.right div.control {left: auto; right: 0;}
	#member div.right div.bottom {width: 645px; margin: auto;}
}
@media all and (max-width:768px) {
	#visual div.txt-wrap p.txt {font-size: 43px; line-height: 55px;	}
	#visual div.txt-wrap p.txt span.red,
	#visual div.txt-wrap p.txt span.blue {font-size: 55px;}
	#visual div.txt-wrap {top: 45px;left: 50px;}
	#visual div.txt-wrap p.txt span.block {margin-left: 85px;}

	#banner {height:auto;}
	#banner h4 {position:static; float:left; width:auto; height:auto; padding:0 0 0 4px; font-size:20px; text-indent:0; line-height:44px;}
	#banner .inner {padding:25px 15px 0 11px;}
	#banner .control {position:static; float:right; width:165px; height:44px;}
	#banner .control button.btn_prev {background-position:11px 14px;}
	#banner div.control button.btn_next {background-position: -92px 14px;}
	#banner div.control button.btn_stop {background-position: -41px 14px;}
    #banner div.control button.btn_stop.on {background-position: -196px 14px;}
	#banner .more {width:43px; background-position: -132px -433px;}
	#banner .list_wrap {padding:15px 0 30px;}
	#banner .list a {padding:0 4px 0;}
	#banner .control a {background: url(/images/kr/main/ico_ctrl.png) no-repeat -132px -433px; width: 44px;}	
}
@media (max-width: 700px) {
    #member div.map img#map_img {width: 480px;margin: auto; display: block;}
    #member div.left {width: 100%;}
	#member div.left h4 {font-size: 28px; text-align: center;}
	#member div.map span.ex {margin: 15px auto 50px; text-align: center;}
	#member div.right {margin: 65px auto 50px;}
    section.sec03 span.bg {height: 885px;}
    #member div.right div.bottom {margin: 100px auto 0;}
	
	#sns h4,
	#news h4 span {font-size: 28px;}
	#news div.more-btns a {right: 5px;}
	#news h4 {font-size: 24px;}	

    #sns div.control, 
	#sns div.more-btns {top: 130px}
	#sns ul.sns-tab {margin: 30px 0 90px;}
}
@media (max-width: 680px) {
    /* #member div.right div.member-list div.list {display: block;}
    #member div.right div.bottom {width: 310px;} */
	#member div.right div.bottom a.more, #member div.right div.control button {width: 35px; height: 35px;}
	#member div.right div.control button.btn-prev {	background-position: 11px 8px;}
	#member div.right div.control button.btn-stop {background-position: -41px 8px;}
	#member div.right div.control button.btn-next {background-position: -92px 8px;}	
	#member div.right div.bottom a.more {background-position: -145px 8px;}
	#member div.right div.control button.btn-stop.on {background-position: -196px 8px;}	
	
    #member div.right div.bottom {width: 95%;}
	#member div.right div.member-list {display: flex; flex-wrap: wrap; justify-content: space-between;}
	#member div.right div.member-list div.list {width: 48%; margin: 0 0 20px 0;}
	#member div.right div.member-list div.infor p.name-box strong {font-size: 18px;}
	#member div.right div.member-list div.infor p.name-box span.position {font-size: 13px; margin-left: 6px;}
	#member div.right div.member-list div.list div.infor > span {font-size: 14px;}
	#member div.right div.member-list div.list div.infor {width: calc(100% - 110px);}
	#member div.right div.member-list div.list span.img {width: 85px; height: 112px;}
	
    #sns h4, #news h4 span {font-size: 26px;}
    #sns ul.sns-tab {text-align: center; margin: 30px auto; width: 300px;}
    #sns ul.sns-tab li, #sns ul.sns-tab li.active {width: 140px; height: 46px; line-height: 25px;}
    #sns div.control, #sns div.more-btns {top: auto; bottom: -65px; right: 15px;}
	#sns div.control {right: auto; left: 50%; transform: translateX(-50%);}
	#sns div.bottom div.cont:not(.slick-initialized) div.list {flex: 0 0 300px;}
	
	#sns div.bottom div.cont.slick-initialized .slick-slide {padding: 0 15px;}
}
@media (max-width: 640px) {
	#gallery div.tit-box h4 span {display: inline;}
	#gallery:before {left: 0; height: 518px; width: 100%;}
	#gallery {overflow: auto; height: auto;}
	#gallery div.left {width: 75%;}
	#gallery div.tit-box span.ex {width: 100%;}
	#gallery div.inner > div {display: block;}
	#gallery div.right {width: 85%; margin: 30px auto 0;}
	#gallery .slick-list {margin: 0;}
	#gallery div.left {margin-left: 50px;}
}
@media (max-width: 600px) {
    #visual div.txt-wrap p.txt {font-size: 32px; line-height: 40px;}
    #visual div.txt-wrap p.txt span.block {margin-left: 70px;}
    #visual div.txt-wrap p.txt span.red, #visual div.txt-wrap p.txt span.blue {font-size: 45px;}
}
@media (max-width: 580px) {
    #member div.right div.member-list div.list {width: 100%;}
}
@media (max-width: 550px) {
	#member div.right div.mem-search p.tit {font-size: 18px; margin-right: 10px;}
	#member div.right div.mem-search form div.in_sch input[type="text"] {width: 190px;}
	#member div.right div.mem-search form div.in_sch button.ms-btn {width: 95px; margin-left: 10px;}	
	section.sec03 span.bg {height: 745px;}
    #member div.right div.bottom {margin: 90px auto 0;}
}
@media (max-width: 540px) {
    #live-more, #minutes, #realtime, #search {width: 378px;}
    #chairman {width: 378px; height: 338px;}
    #minutes div.btns {width: 100%; position: static;}	
    #minutes div.btns a.sec {text-align: center;}
    section.sec01 {padding-bottom: 200px;}
	#realtime {bottom: -130px;}
	#search input[type="text"] {width: 86%;}
	
    #member div.map img#map_img {width: 330px;}
	#member div.right div.bottom h5 {font-size: 26px;}
	
	#sns div.bottom div.cont div.list a span.img-box,
	#sns div.bottom div.cont div.list a span.img-box img {height: 190px;}
	#sns div.bottom div.cont div.list a,
	#sns div.bottom div.cont div.list {height: 285px;}	
	#sns div.bottom div.cont div.list a div.txt-box {padding: 20px 20px 5px;}
	#sns div.bottom div.cont div.list a span.date {margin-top: 5px;}	
	#sns div.bottom div.cont div.list a span.type {width: 30px; height: 30px;}
	#sns div.bottom div.cont div.list a span.type:after {width: 30px; height: 30px; background-position: -335px -77px;}
	#sns div.bottom div.cont div.list a span.type.insta:after {background-position: -300px -76px;}
	#sns div.bottom div.cont div.list a span.type.fb:after {background-position: -258px -76px;}
}
@media all and (max-width:480px) {
    #quick ul.quick-box {width: 350px;}
    #visual div.txt-wrap {top: 35px; left: 35px;}
	#quick {padding: 60px 0;}
	
	section.sec03 {padding: 60px 0 0; margin-bottom: 60px;}
	section.sec05 {padding: 0px 0 60px;}
	section.sec06 {padding: 60px 0 120px;}
	
	#gallery div.tit-box h4 span {display: block;}
	#gallery div.tit-box {padding: 75px 0 25px;}

	#agenda div.txt_wrap div.txt div.list.scroll {height: 71px; overflow-y: scroll; overflow-x: hidden; padding-right: 8px; box-sizing: border-box; overscroll-behavior-y: contain; touch-action: pan-y; -webkit-overflow-scrolling: touch;}
	#agenda div.txt_wrap div.txt div.list.scroll::-webkit-scrollbar {width: 4px;}
	#agenda div.txt_wrap div.txt div.list.scroll::-webkit-scrollbar-track {background: transparent;}
	#agenda div.txt_wrap div.txt div.list.scroll::-webkit-scrollbar-thumb {background: #aaa; border-radius: 10px;}
	


}
@media all and (max-width:430px) {
	#banner .inner{padding:25px 11px 0 11px;}
	#banner .control{margin:0 4px 0 0;}
}
@media all and (max-width:420px) {
	#member div.right ul.link-wrap li a {font-size: 14px;}
	#member div.right ul.link-wrap li {width: 85px;}
    #member div.right {margin: 35px auto 50px;}
	#member div.right div.mem-search {margin: 25px 0 50px;}
    #member div.right div.mem-search p.tit {margin: 0 0 10px; display: block;}
    #member div.map span.ex {margin: 10px auto 30px;}
	
	section.sec03 {margin-bottom: 0;}
	section.sec04 {padding: 25px 0 70px;}
}
@media all and (max-width:410px) {
    #news div.control {top: 100px;/* right: 55px; */}
	#news ul.news-tab {width: 95%; top: 40px; right: auto; left: 50%; display: flex; flex-wrap: wrap; height: auto; transform: translateX(-50%);}
	#news ul.news-tab li,
	#news ul.news-tab li.active a {font-size: 13px;}
	#news div.control button {width: 45px; height: 45px;}
	#news div.control button:before {width: 45px; height: 45px; background-position: 16px 13px;}
	#news div.cont-box div.slick-list div.slick-track {padding-top: 40px;}
	#news div.cont-box div.slick-list {overflow: visible; height: 340px;}
	#news div.control button.btn-next:before {background-position: -87px 13px;}
	#news ul.news-tab li {width: 33%;}
	#news ul.news-tab li:nth-child(n+4) {border-top: 1px solid #ddd;}
	#news div.bottom {margin: 100px 0 40px;}
	#news div.control {top: auto; bottom: -20px; right: 20px;}
	#news div.cont-box div.list {width: 100% !important;}
	#news .cont-box {margin: 0;}
	#news .news-tab li:nth-child(3) {border-right: none;}

    #news div.more-btns a {top: -18px; right: 12px;}
}
@media all and (max-width:400px) {
	#member div.map span.ex span.m-block {display: block;}
    #member div.map span.ex {line-height: 22px;}
}
@media all and (max-width:380px) {
    #visual div.txt-wrap p.txt {font-size: 26px; line-height: 35px;}
    #visual div.txt-wrap p.txt span.red, #visual div.txt-wrap p.txt span.blue {font-size: 38px;}
    #live-more, #minutes, #realtime, #search, #agenda {width: 315px;}
    #search input[type="text"] {width: 84%;}
	#agenda h4 {font-size: 20px;}
	#agenda div.live {top: -3px;}
	#agenda div.date-wrap div.date button.btn-prev {left: 40px;}	
	#agenda div.date-wrap div.date button {top: 48px;}
	#agenda div.date-wrap div.date button.btn-next {right: 40px;}
    #agenda div.date-wrap div.day div.list.agenda:after {left: 5px; width: 30px;}
    #agenda div.date-wrap div.day div.list.today span:before {left: 2px; top: -3px; width: 35px; height: 35px;}
    #chairman {width: 315px; height: 410px;}
    #chairman span.pic {right: -20px;}
	
    #quick ul.quick-box {width: 240px;}	
	
	#banner h4{font-size:19px;}
}