@charset "utf-8";

#container_main h4 {font-family: 'gmarket';}


/* 메인비주얼 */
#visual .control:after{content:''; display:block; clear:both;}
#visual .control button, .control a{position:relative; float:left; width:25px; height:25px; box-sizing:border-box; /* margin:0 0 0 5px; */ font-size:0; text-indent:-9999px; vertical-align:top;}

#visual .control a:before,
#visual .control a:after{content:''; position:absolute; top:50%; margin:-1px 0 0 -5px; left:50%; width:10px; height:2px; background:#fff;}
#visual .control a:after{top:6px; left:12px; width:2px; height:10px; margin:4px 0 0 -3px;}
#visual .page{float:left; height:27px; line-height:32px; padding:0 3px 0 4px; font-family:'gmarket'; color:#fff; text-align:center;}
#visual .page *{display:inline-block;}
#visual .page .current{color:#fff4be; font-weight:800;}
#visual .page .dash{display:inline-block; width:13px; height:1px; margin:-2px 14px 0; background:rgba(255,255,255,0.8); vertical-align:middle;}
.visual_wrap{height:500px; box-sizing:border-box; padding:0 0 59px; background:url(/council/images/en/main/bg_mainvisual.jpg) no-repeat top center; background-size:cover;}
.visual_wrap .slo{line-height: 140%;padding: 0 0 29px;font-size: 24px;font-weight: 600;position: absolute;top: 74px;left: 50%;transform: translate(-50%, 0px);color: #fff;font-size: 30px;width: 1027px;text-align: center;text-shadow: 0 0 3px #000;}
.visual_wrap .slo span{font-size:1.250em; color:#fff993;}
.visual_wrap .inner {width: 100%;}
#visual {overflow:hidden; position:relative; height:500px; box-shadow:3px 0 30px rgba(153,153,153,0.4);}
#visual .list_wrap *{vertical-align:top;}
#visual .list_wrap .list:not(:first-of-type){display:none;}
#visual .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;}
#visual .control{top:auto; bottom:30px; right:auto; left:50%; box-sizing:border-box; padding:8px 0 0 10px; border-radius:15px 15px 0 0; transform:translateX(-50%);position: absolute; z-index: 2;}
#visual .slick-dots li button{font-size: 0;}
#visual .slick-dots li button:before{content: '';}
#visual .page{display: inline-block; vertical-align: middle;}
#visual .slick-dots{position: static;}
#visual .slick-dots li{width: 12px; height: 12px; margin: 0 4px;}
#visual .slick-dots li button{width: 12px; height: 12px; padding: 0; font-size: 0;}
#visual .slick-dots li button:before{content: ''; width: 12px;height: 12px;border-radius: 50%; background: #fff; opacity: 1; position: absolute; top: 0; left: 0;transition: all .5s ease;}
#visual .slick-dots li.slick-active{width: 30px;}
#visual .slick-dots li.slick-active button:before{width: 30px; border-radius: 10px; background: #f2df5a;}
#visual .btn_stop{background:#fff url('/council/images/en/main/foreign-icon.png') no-repeat 5px 3px;font-size:0; border-radius: 3px; margin-left: 10px; display: inline-block;}
#visual .btn_stop.on{background:#fff url('/council/images/en/main/foreign-icon.png') no-repeat -15px 2px;}
#visual .list img {margin: auto;}

/* 의장실 */
#sec01 {margin: 70px 0 80px;}
#sec01 .inner{width: 1450px; transform: translateX(25px);}
#sec01 .inner > div {display: inline-block; vertical-align: top;}
#chairman {width: 580px; height: 310px; border-radius: 100px 10px 10px 10px; background: linear-gradient(to right, #fff 40%, #bdae91 100%); position: relative;box-shadow: 0 0 11px 2px #bdae915c;padding: 45px 70px; box-sizing: border-box;overflow: hidden;}
#chairman div.pic_wrap {}
#chairman div.pic_wrap div.txt {}
#chairman div.pic_wrap div.txt h4 {font-size: 26px;margin-bottom: 10px; font-family: 'gmarket'; font-weight: 900;}
#chairman div.pic_wrap div.txt p {font-size: 20px; font-family: 'gmarket'; width: 300px; line-height: 33px;font-weight: 600;}
#chairman div.pic_wrap div.pic {position: absolute;bottom: 0;right: 0;}
#chairman div.pic_wrap div.pic img {}
#chairman div.btns {display: inline-block;height: 47px;margin-top: 30px;}
#chairman div.btns a {font-family:'score'; font-size: 15px; background: #a28c61; padding: 13px 45px 13px 65px;border-radius: 35px;color: #fff; position: relative;}
#chairman div.btns a:before {content: '';width: 27px;height: 25px;background: url(/council/images/en/main/foreign-icon.png) no-repeat 0px -58px;position: absolute; top: 11px;left: 29px;}
span.green {color: #5da08e;}
span.em {color: #a28c61; }
.block {display: block;}


/* 바로가기 */
#quick {margin-left:64px; padding-top: 15px;}
#quick h4 {font-size: 30px; font-weight: 900;}
#quick ul {display: flex; width: 800px;  height: 230px; margin-top: 30px;}
#quick ul li {display: inline-flex; width: 180px; border: 1px solid #5da08e52; margin-right: 30px; border-radius: 20px;box-shadow: 0 0 9px 2px #5da08e30; box-sizing: border-box;}
#quick ul li:last-child {margin-right: 0;}
#quick ul li a {width: 100%;display: block;padding: 35px 10px;text-align: center;}
#quick ul li a span {display: block;}
#quick ul li a span.txt {font-size: 20px;font-family: 'gmarket';font-weight: 600;}
#quick ul li a span.line {width: 30px;height: 2px;background: #92d7c5;display: block; margin: 18px auto 30px;}
#quick ul li:hover {border: 1px solid #5da08e;}
#quick ul li a:hover {text-decoration: none;}


/* 포토갤러리 */
#sec02 {position: relative;overflow: hidden; padding:80px 0 0; background: url(/council/images/en/main/gallery-bg.png) no-repeat; height: 635px; background-size: cover; box-sizing: border-box;}
#gallery {overflow: hidden;}
#gallery h4 {font-size: 40px; text-align: center; margin-bottom: 45px; font-weight: 900;}
#gallery .gal-box {height: 310px; box-sizing: border-box; text-decoration: none; border: 2px solid #00000000;border-radius: 10px;overflow: hidden;background: #fff;box-shadow: 0 0 10px 2px #0000001f;}
#gallery .gal-box span.img {display: block; width: 100%;}
#gallery .gal-box span.img img {width: 100%; display: block; height: 240px; object-fit: cover;}
#gallery .slide-box {margin-top: 45px;overflow: hidden;}
#gallery .slick-list {overflow: visible;}
#gallery .slick-slide {padding: 0 25px; box-sizing: border-box;}
#gallery .gal-box:hover {border: 2px solid #73978e; }
#gallery .gal-box p.date {padding: 23px 20px;font-size: 14px;font-family: 'score';color: #666;font-weight: 300;position:relative;margin-left: 25px;}
#gallery .gal-box p.date:before {content: ''; width: 17px; height: 17px; position: absolute; top: 23px; left: -5px; background: url(/council/images/en/main/foreign-icon.png) no-repeat -42px 0;}

#gallery div.control {position:absolute; top: 85px; right: 285px;}
#gallery div.control button {background: url(/council/images/en/main/foreign-icon.png) no-repeat 0px -166px; font-size: 0;width: 35px;height: 35px;}
#gallery div.control button.btn_prev {}
#gallery div.control button.btn_next {background-position: -26px -166px;}
#gallery div.control span.line {display: inline-block;width: 2px;height: 21px;background: #b1b1b1;box-sizing: border-box; margin: 5px 15px 0 15px;}
#gallery .control .more {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -80px;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff url("/council/images/kr/main/ico_plus.png") center no-repeat;
    box-shadow: 0 0 15px rgba(121, 121, 121, 0.1);
}

#gallery .control .more:hover  {
    box-shadow: 0 0 15px rgba(121, 121, 121, 0.23);
}

@media (max-width: 1500px) {
	#sec01 .inner > div {display: block; margin: 0 auto 50px;}
	#sec01 #quick {width: 775px;}
    #sec01 .inner {width: 100%;transform: none;}
}
@media (max-width: 1200px) {
	.visual_wrap .slo { text-align: left; width: 800px; top: 50px; left: 70px; transform: none;}
	.visual_wrap .inner {padding: 0 !important;}
	#visual {border-radius: 0;}

	#quick h4 {text-align: center;}
	#gallery div.control {right: 105px;top: auto;bottom: 90px;}
}
@media (max-width: 1024px) {
	#visual {height: 400px;box-shadow: none; border-radius: 0;}
	#visual div.list img {height: 400px;}
	.visual_wrap .inner {padding: 0 !important;}
	.visual_wrap .slo {font-size: 27px;}
	.visual_wrap {background: none; height: 400px;}
	.visual_wrap .slo {width: 620px;}
	
	#sec01 .inner {width: 100%; transform: none;}
	#chairman {margin: 0 auto 50px;}
	#sec01 .inner > div {display: block;}
	#quick {width: 771px; margin: auto;}

	#gallery div.control {right: 107px;}
}
@media (max-width: 810px) {
	#quick ul li {width: 140px;margin-right: 20px;}
	#quick ul {width: 100%; height: 180px; justify-content: center;}
	#quick ul li a span.txt {font-size: 15px;}
	#quick ul li a span.img img {width: 60px; height: 60px;}
	#quick ul li a span.line {margin: 18px auto 18px;}
    #sec01 #quick {width: 100%;}
}
@media (max-width: 768px) {
    .visual_wrap .slo {width: 445px; font-size: 20px; top: 30px; left: 40px;}
    #visual div.list img {height: 300px;}
    #visual {height: 300px;}
    .visual_wrap {height: 300px;}
}
@media (max-width: 600px) {
	#chairman {padding: 60px 40px; width: 100%;}
}
@media (max-width: 568px) {
	#sec01 {margin: 50px 0;}	
	#sec01 .inner > div {margin: 0 auto 25px;}

	#gallery h4 {font-size: 30px;}
	#sec02 {padding: 50px 0 0; height: 575px;}
	#gallery div.control {bottom: 55px;}
}
@media (max-width: 520px) {
    .visual_wrap .slo {width: 332px; font-size: 18px; top: 25px; left: 30px; letter-spacing: -2px;}
	#chairman div.pic_wrap div.txt p {font-size: 16px; width: 218px; line-height: 24px;}
	#chairman div.pic_wrap div.txt h4 {margin-bottom: 20px;}
	#chairman div.btns {margin-top: 65px;}	
}
@media (max-width: 460px) {
    #chairman {height: 435px;}
	#chairman div.btns {margin: 0;position: absolute;bottom: 33px;left: 49px;}
	#chairman div.btns {left: 40px;}
    #quick ul {display: block;}
    #quick ul {height: auto; text-align: center;}
    #quick ul li {margin: 0 15px 15px 0;}	
    #quick ul li:nth-child(2n) {margin-right: 0;}	
}
@media (max-width: 420px) {
	#gallery h4 {font-size: 28px;}
    .logo strong {font-size: 14px;}
}