@charset "utf-8";
#container_main{position:relative; overflow:hidden; width:100%; scroll-behavior: smooth;}
#container_main h3,
#container_main h4{display:inline-block;line-height:110%;font-size: 30px;font-family:"NanumSquare";font-weight: 800;}

.en{display:inline-block; padding:0 0 0 17px; letter-spacing:3px; font-weight:600; font-size:14px; color:#ddd; text-transform:uppercase;}

.more{z-index:2;position:absolute;top:0;right:0;display:block;width:22px;height: 18px;font-size:0;text-indent:-999px;box-sizing:border-box;background: url(/images/kr/main/ico_more2.png) no-repeat;}

.control button{position:relative;float:left;width:20px;height:20px;font-size:0;text-indent:-9999px;background: url(/images/kr/main/ico_control.png) no-repeat 5px -31px;box-sizing: border-box;}
.control .btn_next{background-position: -192px -31px;}
.control .btn_stop{background-position: -68px -31px;}
.control .btn_stop.on{background-position: -131px -31px;}
.control button:hover,
.control button:active,
.control button:focus{background-color:rgba(0,0,0,0.03);}

#main_top{position: relative; overflow:hidden; height:567px; width:100%;}
@media all and (max-width:1280px) {
	#main_top{height:auto;}
}
@media all and (max-width:1024px) {
	#container_main:before{height:500px;}
	#container_main h3{font-size:26px;}

	.en{padding:0 0 0 10px; font-size:11px;}
}
@media all and (max-width:768px) {
	#container_main h3{font-size:23px;}
}
@media all and (max-width:568px) {
	#container_main h3{font-size:22px;}
}
@media all and (max-width:380px) {
	#container_main h3{font-size:21px;}
}

/* 비주얼 */
#visual * {height: 100%;}
#visual .control {z-index: 2;position: absolute;top: 220px;left: 960px;transform: translateX(-50%);display: flex;align-items: center;width: 1400px;height: auto;}
#visual .control .page_v {display: flex;align-items: center;font-size: 15px; font-weight: 500; color: #fff;}
#visual .control .page_v .dash {display: block; margin: 0 6px; width: 11px; height: 1px; background: rgba(255,255,255,0.4);}
#visual .control .btns {display: flex;margin: 0 0 0 18px;}
#visual .control .btns button {width: 14px;height: 14px;background: url(/images/kr/main/ico_control.png)no-repeat 3px 0;}
#visual .control .btns .btn_stop {margin: 0 5px;background-position: -72px 0;}
#visual .control .btns .btn_stop.on {background-position: -135px 0;}
#visual .control .btns .btn_next {background-position: -196px 0;}

@media all and (max-width: 1440px){
	#visual .control {left: 260px;transform: translateX(0);width: auto;}
}
@media all and (max-width: 1024px){
	#visual {position: relative;height: 100%;}
	#visual .control {top: auto;bottom: 30px;}
	#visual .list {height: 100%;}
	#visual img {width: 100%;height: 100%;}
	#visual .control {left: 130px;transform: translateX(0);width: auto;}
}
@media all and (max-width: 568px){
	#visual {height: 150px;}
	#visual .control {bottom: 10px;}
	#visual .control .page_v {font-size: 14px;}
	#visual .control {left: 70px;transform: translateX(0);width: auto;}
}

/* 의사일정 */
#agenda {position: absolute;bottom: 0;right: 0;display: flex;flex-wrap: wrap;align-items: center;padding: 0 0 0 50px;width: 1660px;height:124px;font-size: 15px;color: #fff;background: linear-gradient(90deg, #36307f 0%, #aa672c 100%);border-radius: 50px 0 0 0;box-sizing: border-box;}
#agenda::after {content:'';position: absolute;top: -98px;left:0;width: 84px;height: 112px;background: url(/images/kr/main/pic_character.png);}
#agenda .tit h4 {font-size: 25px; font-weight: 400;}
#agenda .tit h4 span {font-weight: 700;}
#agenda .tit .today {margin: 10px 0 0;font-family: NanumSquare;font-weight: 400;font-size: 25px;}
#agenda .tit .today .yellow {font-size: 30px;font-weight: 700;color: #fff79f;}
#agenda .tit .today span:last-child {font-size: 20px;}
#agenda .day {display: flex;align-items: center;margin: 0 36px 0 66px;}
#agenda .day button {width: 38px;height: 38px;font-size: 0;background: url(/images/kr/main/ico_left_arrow1.png)no-repeat;}
#agenda .day .btn_next {background-image:url(/images/kr/main/ico_right_arrow1.png)}
#agenda .day ul {margin: 0 5px 0 0;width: 380px;font-size:15px;text-align: center;}
#agenda .day .sun {color: #ffc1c1;}
#agenda .day .sat {color: #b9ddff;}
#agenda .day a {color: #fff; text-decoration: none;}
#agenda .day span {position: relative;margin: 4px auto 0;display: block;width: 34px;height: 34px;line-height: 34px;border-radius: 50%;}
#agenda .day .today span {background: #45364d; }
#agenda .day .on span::after {content:'';position: absolute;bottom: 0;left: 53%;transform: translateX(-50%);width: 18px;height: 2px;background: #fff79f;}
#agenda .txt_wrap {overflow: hidden;display: flex;flex-wrap: wrap;align-items: center;padding: 0 20px;width: calc(100% - 1120px);height: 64px;font-size: 15px;border: 1px solid rgba(255,255,255,0.2);box-sizing:border-box;}
#agenda .txt_wrap .date {width: 60px;}
#agenda .txt_wrap .txt {padding: 7px 0 0;width: calc(100% - 110px);}
#agenda .txt_wrap .txt a,
#agenda .txt_wrap .txt p {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff;}
#agenda .txt_wrap .control {width: 50px;}
#agenda .txt_wrap .control button {width: 14px;height: 14px;background-position: 3px 0px;}
#agenda .txt_wrap .control .btn_stop {margin: 0 4px;background-position: -72px 0;}
#agenda .txt_wrap .control .btn_stop.on {background-position: -135px 0;}
#agenda .txt_wrap .control .btn_next {background-position: -197px 0;}
#agenda > a {display: flex;justify-content: center;align-items: center;margin: 0 0 0 11px;width: 92px;height: 64px;color: #fff;text-align: center;line-height: 1.4;border: 1px solid rgba(255,255,255,0.2);background: rgba(55,36,21,0.2);box-sizing: border-box;}

@media all and (max-width: 1680px) {
	#agenda {padding: 0 30px;width: 100%;}
	#agenda .day {margin: 0 30px 0 50px;}
	#agenda .txt_wrap {width: calc(100% - 850px);}
}
@media all and (max-width:1280px){
	#agenda .day ul {width: 300px;}
	#agenda .txt_wrap {width: calc(100% - 741px);}
}
@media all and (max-width:1024px){
	#agenda {position: relative;justify-content: space-between;margin: -6px 0 0;padding: 30px 15px;height: auto;border-radius: 0;}
	#agenda::after {display: none;}
	#agenda .day {margin: 0;}
	#agenda .day ul {width: 400px;} 
	#agenda .txt_wrap {margin: 20px 0;width: 100%;}
	#agenda > a {margin: 0; width: 100%;}
	#agenda > a br {display: none;}
}
@media all and (max-width:768px){
	#agenda {padding: 20px 10px;}
	#agenda .tit {margin: 0 auto 20px;text-align: center;}
	#agenda .tit h4 {font-size: 22px}
	#agenda .tit .today,
	#agenda .tit .today .yellow {margin: 8px 0 0;font-size: 26px;}
	#agenda .day {width: 100%;}
	#agenda .day ul {width: calc(100% - 100px);}
	#agenda .txt_wrap {margin: 10px 0;}
}
@media all and (max-width:568px){
	#agenda  {margin: 0;}
	#agenda .tit h4 {font-size: 20px;}
	#agenda .tit .today,
	#agenda .tit .today .yellow {margin: 8px 0 0;font-size: 24px;}
	#agenda .day ul {width: calc(100% - 80px); font-size: 13px;}
	#agenda > a {height: 50px;}
}


/* 바로가기 */
#quick {width: 55%;height:288px;padding: 0 0 0 20px;box-sizing:border-box;}
#quick h4 {text-align: left;}
#quick h4 span {color: #533cab;}
#quick ul{display: flex;justify-content:space-between;flex-wrap:wrap;margin: 20px 0 0;padding: 63px 60px;height: 284px;border: 1px solid #d0c6f6;border-radius: 10px;box-sizing: border-box;}
#quick li{position:relative; display:inline-block; line-height:100%; vertical-align:top;}
#quick li a{z-index:1;position:relative;display:block;width: 100%;color:#333;font-size: 18px;font-weight: 500;box-sizing:border-box;text-align:center;text-decoration: none;}
#quick li a:before,
#quick li a:after{content:'';display:block;width: 106px;height: 106px;margin: 0 auto 20px;background: url(/images/en/main/ico_link1.png) no-repeat 50% 50%;}
#quick li a:after{z-index:-1;position:absolute;top:0;left:50%;transform:translateX(-50%);border-radius:30px;background:#f7f7f7;border: 1px dashed #7973c5;}
#quick li.list2 a:before{background-image:url(/images/en/main/ico_link2.png);}
#quick li.list3 a:before{background-image:url(/images/en/main/ico_link3.png);}
#quick li.list4 a:before{background-image:url(/images/en/main/ico_link4.png);}
#quick li a:hover:before,
#quick li a:focus:before,
#quick li a:active:before{transform:rotateY(360deg); transition:0.6s ease-in-out;}

@media all and (max-width:1240px) {
	#quick ul {padding: 30px 25px;height: auto;}
}
@media all and (max-width:1024px) {
	#quick{padding: 35px 0 0;width: 100%;height: auto;}
	#quick h4 {font-size: 26px;}
	#quick li{width:24%;}
}
@media all and (max-width:768px) {
	#quick{padding:30px 0 0;}
	#quick h4 {font-size: 24px;}
	#quick li a{font-size:15px;}
}
@media all and (max-width:568px) {
	#quick h4 {font-size: 22px;}
	#quick li {width: 50%;}
	#quick li:nth-child(n+3) {margin: 20px 0 0;}
	#quick li a{font-size:14px;}
	#quick li a:before, #quick li a:after{margin: 0 auto 10px;height: 65px;width: 65px;background-size: 34px auto;border-radius: 10px;}
}
@media all and (max-width:380px) {
	#quick li a{font-size:13px;}
}


.sec{margin: 60px 0 70px;position:relative;overflow:hidden;display: flex;flex-wrap: wrap;justify-content: space-between;width:100%;box-sizing:border-box;}
@media all and (max-width:1024px) {
	.sec {margin: 35px 0;}
}


/* 의장실 */
#chairman {width: 45%;}
#chairman .title span {color: #9b5c24;}
#chairman .wrap {overflow: hidden;position: relative;padding: 32px 40px;margin: 20px 0 0;height: 284px;background: #f1ece7 url(/images/kr/main/bg_chairman.png)no-repeat bottom right;border-radius: 5px;box-sizing: border-box;}
#chairman .txt strong {font-family: NanumSquare;font-size: 26px;font-weight: 800;color: #a46833;}
#chairman .txt strong span {color: #35aca0;}
#chairman .txt strong span:last-child {color: #a2872f;}
#chairman .txt p {margin: 0 0 15px;font-family: NanumSquare;font-size: 23px;font-weight: 400;line-height: 1.4;}
#chairman .txt p span {font-size: 32px; font-weight: 800;}
#chairman .txt ul {display: flex;}
#chairman .txt ul li {margin: 0 25px 0 0;}
#chairman .txt ul li a {position: relative;display: flex;justify-content: center;align-items: center;width: 169px;height: 48px;font-size: 14px;text-align: center;color: #fff;background: #a46833;border-radius: 24px;box-shadow: 0 0 7px 0 rgba(0,0,0,.2);}
#chairman .txt ul li a::before {content: '';display: block;margin: 0 15px 0 0;width: 21px;height: 19px;background: #a46833 url(/images/en/main/ico_greeting.png)no-repeat 50% 50%;}
#chairman .txt ul li:nth-child(2) a::before {background-image: url(/images/kr/main/ico_profile.png);}
#chairman .txt ul li:nth-child(3) a::before {background-image: url(/images/kr/main/ico_write.png);}
#chairman .pic {position: absolute; bottom:0; right:0;}

@media all and (max-width:1024px){
	#chairman {width: 100%;}
}
@media all and (max-width:768px){
	#chairman .wrap {padding: 35px 30px;height: auto;}
}
@media all and (max-width:568px){
	#chairman .wrap {padding: 30px 20px;}
	#chairman .txt strong {font-size: 22px;}
	#chairman .txt p {font-size: 18px;}
	#chairman .txt p span {font-size: 24px;}
	#chairman .pic {width: 170px;}
}
@media all and (max-width:400px){
	#chairman .wrap {padding: 20px 15px}
	#chairman .txt p {padding: 0 100px 0 0;font-size: 15px;}
	#chairman .txt strong {font-size: 18px;}
	#chairman .txt ul li {margin: 0 10px 0 0;}
	#chairman .txt ul li a {width: 140px;height: 42px;font-size: 13px;}
	#chairman .txt ul li a::before {margin: 0 10px 0 0;}
	#chairman .pic {width: 150px;}
}

/* 전자회의록 */
#assem {width: 432px;}
#assem .title span {color: #665dc5;}
#assem .wrap {position: relative;margin: 12px 0 0;padding: 30px 37px 22px;height: 291px;border: 1px solid rgba(167,161,227,0.5);border-radius: 5px;box-sizing: border-box;}
#assem .wrap::after {content:'';position: absolute;top: 55px;right: 40px;width: 117px;height: 114px;background: url(/images/kr/main/bg_minutes.png)no-repeat;}
#assem ul li a {display: flex;align-items: center;margin: 0 0 13px;padding: 0 0 0 22px;width: 185px;height: 47px;font-size: 15px;text-decoration: none;background: #e9e9f4;border-radius: 10px;box-sizing: border-box;}
#assem ul li a::before {content:''; display: inline-block; margin: 0 10px 0 0; width: 17px; height: 17px; background: url(/images/kr/main/ico_check.png)no-repeat 0 0;}
#assem ul li a:hover {color: #4f45b6;}
#assem ul li a:hover::before {background-position: 100% 100%;}
#assem form{overflow: hidden;position:relative;width:100%;margin:0;border: 1px solid rgba(167,161,227,0.5);border-radius: 10px;box-sizing:border-box;}
#assem .tit{position: absolute;left: 0;top:0;width: 98px;line-height:46px;font-size:15px;text-align: center;color: #4f45b6;}
#assem .tit:after{content:''; display:block; position: absolute; top:50%; right:0; width:1px; height:14px; background:#ddd; transform:translateY(-50%);}
#assem input[type="text"]{width:100%; height:46px; padding:0 40px 0 116px; font-size:15px; border-radius:5px; border:none; background:#fff; box-sizing:border-box;}
#assem button{position:absolute; top:0; right:0; font-size:0; text-indent:-999px; width:35px; height:100%; background:url(/images/kr/main/btn_sch1.jpg) no-repeat 0 50%;}
#assem .list3 .tit{color:#4050a8;}
#assem .bt_bill{background-image: url(/images/kr/main/ico_minutes_search.png);}

@media all and (max-width:1440px) {
	#assem {width: calc(100% - 660px);}
}
@media all and (max-width:1240px){
	#assem {width: calc(100% - 580px);}
}
@media all and (max-width:1024px){
	#assem {margin: 35px 0 0; width: 100%;}
}
@media all and (max-width:568px){
	#assem .wrap {padding: 30px 20px;height: auto;}
	#assem .wrap::after {display: none;}
	#assem ul li a {width: 100%;}
}

/* 바로가기2 */
#quick2 {width: 346px;}
#quick2 a {position: relative;display: block;margin: 0 0 10px;padding: 30px;width: 100%;height: 105px;font-family: 'NanumSquare';font-weight: 700;font-size: 20px;text-decoration: none;background: #f0f0f7;border-radius: 5px;box-sizing: border-box;}
#quick2 li:last-child a {margin: 0;}
#quick2 a::before {content:'';position: absolute;bottom: 39px;left: 30px;width: 31px;height: 2px;background: #9292de;}
#quick2 a::after {content:'';position: absolute;top: 23px;right: 30px;width: 61px;height: 65px;background: url(/images/kr/main/ico_quick1.png)no-repeat;}
#quick2 li:nth-child(2) a::after {width: 55px; height: 67px; background-image: url(/images/kr/main/ico_quick2.png);}
#quick2 li:nth-child(3) a::after {width: 52px;height: 64px;background-image: url(/images/kr/main/ico_quick3.png);}

@media all and (max-width: 1440px){
	#quick2 {display: flex;flex-wrap:wrap;justify-content: space-between;margin: 30px 0 0;width: 100%;}
	#quick2 li {width: 32%;}
}
@media all and (max-width: 1024px){
	#quick2 a {padding: 20px;}
	#quick2 a::before {left: 20px;}
	#quick2 a::after {right: 20px;}
}
@media all and (max-width: 768px){
	#quick2 li {width: 100%;}
}

/* 현역의원 */
#member {margin: 50px 0 0;padding: 65px 0 0;background: #f7f5ec;}
#member .inner::before {content:'';position: absolute;left: -65px;bottom: 104px;width: 61px;height: 102px;background: url(/images/kr/main/pic_map_character.png)no-repeat;}
#member .title {position: relative;text-align: center;}
#member .title h3 {font-size: 35px;}
#member .title h3::before {content:'';display: inline-block;margin: 0 13px -10px 0;width: 47px;height: 46px;background: url(/images/kr/main/ico_logo.png);background-size: cover;}
#member .title h3 span {color: #a28607;}
#member .title p {margin: 9px 0 0;font-size: 15px;color: #666;}
#member .title .more {display: flex;justify-content: space-between;align-items: center;padding: 0 20px;width: 150px;height: 45px;font-size: 14px;text-indent: 0;text-decoration: none;background: none;border-radius: 10px;box-shadow: 0 0 10px 0 rgba(117,96,0,.2);}
#member .title .more::after {content:'';display: inline-block;width: 40px;height: 22px;background: url(/images/kr/main/ico_more1.png)no-repeat;background-size: contain;}
#member .wrap {display: flex;justify-content: space-between;align-items: flex-start;margin: 90px 0 0;}
#member .map {position: relative;top: -110px;width: 430px;height: 485px;}
#member .map img {position: absolute;}
#member .con {width: 888px;height: 370px;}
#member .top {display: flex;position: absolute;top: 112px;right: 0;justify-content: space-between;align-items: center;width: 888px;}
#member .top strong {font-family:'NanumSquare'; font-size: 27px; font-weight: 800;}
#member .top strong::before {content:'';display: inline-block;margin: 0 10px -7px 0;width: 26px;height: 30px;background: url(/images/kr/main/ico_map.png)no-repeat;background-size: cover;}
#member .top select,
#member .top input,
#member .top button {font-family: 'Noto Sans KR'; font-weight: 800; font-size: 15px;}
#member .top select {margin: 0 5px 0 0;padding: 0 30px 0 20px;width: 130px;background: url(/images/kr/main/ico_down_arrow.png)no-repeat right 20px top 50%;border-color: #d1c397;border-radius: 5px;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
#member .top input {padding: 0 20px; width: 189px;background: none; border-color: #d1c397; border-radius: 5px;}
#member .top button {width: 75px; height: 42px; color: #fff; background: #891c21; border-radius: 5px;}
#member .top button::before {content:'';display: inline-block;margin: 0 8px -2px 0;width: 14px;height: 14px;background: url(/images/kr/common/btn_sch.png)no-repeat;background-size: contain;}
#member .con .bottom {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 42px 39px;height: 100%;background: #d2c392 url(/images/kr/main/bg_member.jpg) no-repeat bottom;background-size: cover;border-radius: 5px;box-sizing: border-box;}
#member .big_list {width: 360px;}
#member .big_list li {display: flex !important;!i;!;flex-wrap: wrap;}
#member .big_list .pic {overflow: hidden;width: 167px;height: 206px;border-radius: 5px;box-shadow: 0 0 10px 0 rgba(159,149,105,0.5);}
#member .big_list .pic img {width: 100%; height: 100%;}
#member .big_list .txt {margin: 23px 0 0;padding: 0 0 0 22px;}
#member .big_list .txt em {font-family: 'NanumSquare'; font-weight: 900; font-size: 17px; }
#member .big_list .txt ul {margin: 10px 0 15px;}
#member .big_list .txt ul li {padding: 0 0 2px 15px;font-weight: 400;}
#member .big_list .txt ul li::before {width: 7px;background: #9d8229;}
#member .big_list .btn_wrap {display: flex;}
#member .big_list .btn_wrap a {width: 40px; height: 40px; font-size: 0; background: #9d8229 url(/images/kr/main/ico_home.png)no-repeat 50% 50%; border-radius: 50%;}
#member .big_list .btn_wrap a:last-child {margin: 0 0 0 5px; background-color: #6a4042; background-image: url(/images/kr/main/ico_mem_profile.png)}
#member .control {margin: 10px 0 0;}
#member .control button {width: 46px;height: 44px;border: 1px solid rgba(255,255,255,0.4);border-radius: 10px;background-color: rgba(118,102,50,.4);background-position: 16px -77px;}
#member .control .btn_stop {margin: 0 14px;background-position: -54px -77px;}
#member .control .btn_stop.on {background-position: -115px -78px;}
#member .control .btn_next {background-position: -179px -77px;}
#member .small_list {width: 450px;}
#member .small_list ul {display: flex; flex-wrap: wrap;}
#member .small_list li {margin: 0 10px 10px 0;width: 82px;height: 90px;}
#member .small_list li:nth-child(5n) {margin-right: 0;}
#member .small_list li a {overflow: hidden;position: relative;display: block;width: 100%;height: 100%;text-decoration: none;border-radius: 5px;}
#member .small_list li a::after {z-index: 0;content:'';position: absolute;left: 0;bottom: 0;width: 100%;height: 30px;background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);}
#member .small_list li a img {width: 100%; height:100%;}
#member .small_list li a p {z-index: 1;position: absolute;left: 0;bottom: 0;width: 100%;font-size: 13px;font-weight: 500;color: #fff;text-align: center; line-height:18px;}

@media all and (max-width:1600px){
	#member .inner::before {display: none;}
}
@media (max-width: 1440px){
	#member .title h3 {font-size: 30px;}
	#member .top {flex-wrap: wrap;right: 15px;width: calc(100% - 490px);}
	#member .top form {margin: 15px 0 0;width: 100%;}
	#member .top fieldset {display: flex;flex-wrap: wrap;justify-content: space-between;}
	#member .top select {margin: 0;width: 19%;padding: 0 30px 0 10px;background-position: right 10px top 50%;}
	#member .top input {padding: 0 10px;width: 28%;}
	#member .top button {width: 10%;}
	#member .con {margin: 40px 0 0;width: calc(100% - 460px);height: 355px;}
	#member .con .bottom {padding: 40px 30px;}
	#member .map {top: -70px;}
	#member .small_list {width: calc(100% - 360px);}
	#member .small_list li {margin: 0 1% 10px 0;width: 19%;}
}
@media all and (max-width:1240px){
	#member .title h3 {font-size: 26px;}
	#member .top {position: static;}
	#member .big_list {width: 280px;}
	#member .big_list .pic {width: 140px;height: 180px;}
	#member .big_list .txt {margin: 10px 0 0;padding: 0 0 0 15px;}
	#member .big_list .txt em {font-size: 23px;}
	#member .big_list .txt ul li {font-size: 15px;}
	#member .small_list {width: calc(100% - 300px);}
	#member .small_list li {height: 84px;}
	#member .title .more {position: static; margin: 15px auto;}
}
@media all and (max-width:1140px){
	#member {margin: 80px 0 0;padding: 60px 0;}
	#member .top {top: 600px;width: 100%;right: 0;padding: 0 15px;box-sizing: border-box;}
	#member .wrap {flex-wrap: wrap;margin: 30px 0 0;}
	#member .map {top: 0; left: 50%; transform: translateX(-50%);}
	#member .con {width: 100%;height: auto;}
	#member .con .bottom {height: auto;}
	#member .small_list li {height: 90px;}
}
@media all and (max-width:768px){
	#member .top {padding: 0;}
	#member .title .more {position: static;margin: 10px auto 20px;padding: 0 14px;width: 120px;height: 40px;}
	#member .title .more::after {width: 30px;height: 18px;}
}
@media all and (max-width:680px){
	#member {margin: 35px 0 0;padding: 45px 0;}
	#member .small_list {margin: 15px 0 0;width: 100%;}
}
@media all and (max-width:568px){
	#member .title h3 {font-size: 24px;}
	#member .title h3::before {margin: 0 10px -9px 0;width: 37px;height:37px;}
	#member .title p {font-size: 14px;}
	#member .top strong {font-size: 20px;}
	#member .top strong::before {margin: 0 5px -7px 0;width: 21px;height: 24px;}
	#member .top form {margin: 8px 0 0;}
	#member .top select,
	#member .top input,
	#member .top button {margin: 5px 0 0; width: 100%;}
	#member .wrap {margin: 50px 0 0;}
	#member .map {width: 300px;height: 350px;}
}
@media all and (max-width:400px){
	#member .title h3 {font-size: 24px;}
	#member .title p {font-size: 13px;}
	#member .con .bottom {padding: 25px;}
	#member .big_list .pic {width: 120px;height: 150px;}
	#member .big_list .txt {margin: 3px 0 0;}
	#member .big_list .txt em {font-size: 20px;}
	#member .big_list .txt ul {margin: 5px 0;}
	#member .big_list .txt ul li {font-size: 14px;}
	#member .small_list li {height: 80px;}
	#member .small_list li a p {font-size: 13px;}
}


/* 갤러리 */
#gallery{position:relative;width:100%;padding: 75px 0 98px;}
#gallery:before{z-index:-1;content:'';display:block;position:absolute;top: 0;left:0;width:100%;height: 100%;background: url(/images/en/main/bg_member.jpg)no-repeat;background-size: cover;}
#gallery .inner{width:1570px;}
#gallery .title{text-align:center;}
#gallery h3{font-size:35px;}
#gallery h3 span{color: #37aba0;}
#gallery .title p{padding: 10px 0 0;line-height:120%;font-size: 15px;color:#666;}
#gallery .list_wrap{float:left;width:100%;padding: 30px 65px 0;box-sizing:border-box;}
#gallery .list{float:left;}
#gallery .list *{display:block;}
#gallery .list a{overflow:hidden;position:relative;width:326px;margin: 0 20px;text-decoration:none;}
#gallery .list a:hover{border-color: #5abab1;}
#gallery .img{position:relative;overflow:hidden;border-radius: 10px;}
#gallery .img img{width:100%;height:217px;transition:0.3s ease;border-radius: 10px;}
#gallery .sbj{position:relative;height: 110px;padding:18px 0 0 0;transition:background 0.25s ease-in-out;box-sizing:border-box;}
#gallery .sbj:after{content:''; display:block; position: absolute; bottom:25px; right:2px; width:36px; height:18px; background:url(/images/kr/main/ico_gallery.png) no-repeat 0 100%;}
#gallery a:hover .sbj:after{background-position:0 0;}
#gallery .tit{position:relative; z-index:1; display:inline-block; max-width:95%; margin:0 0 6px; line-height:120%; font-weight:500; color:#000; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; box-sizing:border-box; transition:color 0.25s ease-in-out;}
#gallery .date{display:inline-block;padding:0 0 0 22px;color:#666;font-size:14px;font-weight:300;line-height:100%;transition:color 0.25s ease-in-out;text-align:left;background: url(/images/kr/main/ico_date2.png) no-repeat;}
#gallery .new{display:inline-block; vertical-align:middle; width:17px; height:17px; line-height:17px; margin:-2px 0 0 0; font-size:10px; border-radius:4px 0 4px 0; text-transform:uppercase; text-align:center; color:#fff; background:#ff404b;}
#gallery .control button{z-index:2;position:absolute;top: 55%;left:0;width:55px;height:55px;border:1px solid #ddd;border-radius:50%;transform:rotate(180deg);box-sizing:border-box;background: #fff url(/images/kr/main/ico_right_arrow2.png) no-repeat 50% 50%;}
#gallery .control button:hover,
#gallery .control button:focus{border-color: #37aba0;}
#gallery .control .btn_next{left:auto; right:0; transform:rotate(0deg);}
#gallery .control2 {z-index:2; width:100%; line-height:100%; padding:0 0 55px; text-align:center;}
#gallery .control2 *{display:inline-block; vertical-align:top;}
#gallery .btn_stop{left:50%; width:12px; height:18px; margin:0 auto; font-size:0; text-indent:-999px; background:url(/images/kr/main/ico_ctrl_photo.png) no-repeat;}
#gallery .btn_stop.on{background-position:-14px 0;}
#gallery .slick-dots *{display:inline-block; vertical-align:top;}
#gallery .slick-dots li{line-height:0;}
#gallery .slick-dots button{position:relative; width:13px; height:13px; margin:0 10px; font-size:0; text-indent:-999px; border-radius:50%; transition:0.3s ease; box-sizing:border-box; background:#666;}
#gallery .slick-dots .slick-active button{background:#bf776c;}
#gallery .more{top:20px;right:80px;background-position: 0px 100%;}
#gallery a:hover img{transform:scale(1.1);}
#gallery .none{height:400px; padding:80px 0 0 0; box-sizing:border-box;}

@media all and (max-width:1600px){
	#gallery .inner{width:100%; padding:0;}
	#gallery .list a{width:calc(100% - 40px);}
	#gallery .control{right:15px; top:12px;}
	#gallery .control .btn_prev{left:15px;}
	#gallery .control .btn_next{right:15px;}
}
@media all and (max-width:1430px){
	#gallery .list_wrap{padding:25px 0 0;}
	#gallery .list a{width:calc(100% - 30px); margin:0 15px 49px;}
	#gallery .control button{top:8px;width:30px;height:30px;background-size: 12px auto;}
	#gallery .control button:hover,
	#gallery .control button:focus{background-position:4px 7px;}
	#gallery .control .btn_next{right:45px;}
	#gallery .control .btn_prev{left:auto; right:79px;}
	#gallery .more{right:15px; top:14px;}
}
@media all and (max-width:1024px){
	#gallery {padding:50px 0 0 0;}
	#gallery:before {height: 324px;}
	#gallery h3{font-size:26px;}
	#gallery .info{margin:0 0 2px; font-size:15px;}
	#gallery .list_wrap{padding:20px 6px 0;}
	#gallery .list a{width:calc(100% - 18px); margin:0 9px 30px;}
	#gallery a:hover img{transform:none;}
	#gallery .img img{height:194px;}
	#gallery .sbj{height:auto; padding:18px 0 25px 0;}
	#gallery .tit{font-size:17px;}
	#gallery .date{font-size:14px;}
	#gallery .none{height:200px;}
}
@media all and (max-width:768px){
	#gallery{padding:40px 0 0 0;}
	#gallery:before {height:229px}
	#gallery .list_wrap{padding:20px 2px 0;}
	#gallery h3 {font-size:23px;}
	#gallery .info{display:none;}
	#gallery .list a{width:calc(100% - 16px); margin:0 8px 30px;}
	#gallery .img img{height:144px;}
	#gallery .sbj{padding:15px 0 20px 0;}
	#gallery .tit{font-size:16px;}
	#gallery .control .btn_next{right:40px;}
	#gallery .control .btn_prev{right:73px;}
	#gallery .control button{top:-5px;}
	#gallery .more{top:0; right:10px;}
	#gallery .control2{padding:0 0 45px;}

}
@media all and (max-width:568px){
	#gallery h3 {font-size:22px;}
	#gallery .list_wrap{padding:15px 3px 0;}
	#gallery .list a{width:calc(100% - 14px); margin:0 7px 30px;}
	#gallery .img img{height:155px;}
	#gallery .tit{font-size:15px;}
	#gallery .sbj:after{bottom:20px;}
	#gallery .date{font-size:13px; padding: 0 0 0 15px; background-size:12px;}
	#gallery .new{width:15px; height:15px; line-height:16px; font-size:9px;}
}
@media all and (max-width:380px){
	#gallery:before {height: 190px;}
	#gallery .title{padding:0 0 0 10px; text-align:left;}
	#gallery h3 {font-size:21px;}
	#gallery .list_wrap{padding:15px 4px 0;}
	#gallery .list a{width:calc(100% - 12px); margin:0 6px 25px;}
	#gallery .img img{height:111px;}
	#gallery .sbj{padding:13px 0 18px 0;}
	#gallery .tit{font-size:14px;}
}