html, body {width: 100%;min-width:1180px;height: auto;font-family: 'Noto Sans KR', sans-serif;font-size:15px;font-weight:400;line-height:23px;color:#3a3a3a;word-break:keep-all; letter-spacing:-0.5px;}
@media (max-width: 1300px){
	#wrap{width:1300px; overflow: hidden;}
}


/********************************************************
* Header
*********************************************************/
.header {top:0; left:0; width:100%; height:157px;}
.header__inner {width:100%; max-width:1240px; height:87px; padding:0; margin:0 auto; display:flex; align-items:center; justify-content:space-between;}
.branding {}
.branding__link {display:block; width:281px; height:106px; overflow:hidden;font-size:0;text-indent:-99px;background:url("../images/main_logo2.png") no-repeat center center; background-size:100% auto; transition:background-image .3s;}
.branding__link2 {display:block; width:767px; height:106px; overflow:hidden;font-size:0;text-indent:-99px;background:url("../images/main_logo2.png") no-repeat center center; background-size:100% auto; transition:background-image .3s;}
.header__gnb {width:100%; height:70px; background:#00664f;}
.gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100%; max-width:1240px; margin:0 auto;}
.gnb .gnb__menu {position:relative; width:15%; height:100%;}
#gnb li.hover>a{color:#fff93f;}
.gnb .gnb__menu > .gnb__link {display:flex; justify-content:center; align-items:center; position:relative; height:100%; font-family: 'Noto Sans KR', sans-serif; font-size:18px; font-weight:500; transition:background-color .3s; color: #fff;}
.gnb .gnb__menu.hover > .gnb__link {background-color:#0b5544; color: #fff;}
.gnb .gnb__menu > .gnb__link::after {content:""; position:absolute; bottom:0; left:50%; width:0; height:1px; background-color:#fff; transform:translateX(-50%); transition:width .3s;}
.gnb .gnb__menu.hover > .gnb__link::after {width:100px;}
.gnb .sub-nav {position:absolute; top:100%; left:50%; width:100%; visibility:hidden; opacity:0; transform:translateX(-50%); transition:visibility .3s, opacity .3s; z-index: 9999999999;}
.gnb .gnb__menu.hover .sub-nav {visibility:visible; opacity:1;}
.gnb .sub-nav__list {padding:10px 0; background-color:#0b5544; transform:translateY(15px); transition:transform .3s;}
.gnb .gnb__menu.hover .sub-nav__list {transform:translateY(0);}
.gnb .sub-nav__menu {margin:8px 0; text-align:center;}
.gnb .sub-nav .gnb__link {display:inline-block; font-size:16px; color:#fff; transition:font-weight .3s, color .3s; letter-spacing: -0.2px;}
.gnb .sub-nav .gnb__link:hover, .gnb .sub-nav__menu.active .gnb__link {font-weight:500; color:#fff93f;}



/********************************************************
* #visual
*********************************************************/
#visual {width:100%; min-width:1260px; height:628px; overflow:hidden; position:relative;}
#visual .roll {position:relative; width:500%; height:100%;}
#visual .roll > li {overflow:hidden; float:left; width:20%; height:100%;}
#visual .roll .bg1 {background:url('../images/slider/slider01.jpg') no-repeat center;}
#visual .roll .bg2 {background:url('../images/slider/slider02.jpg') no-repeat center;}

#visual .controlBox {width:100%; position:absolute; bottom:100px; left:0; text-align:center; z-index:99;}
#visual .controlBox > p {display:inline-block;}
#visual .controlBox .vtab {}
#visual .controlBox .vtab > a {width:9px; height:9px; display:inline-block; margin:0 6px; border:2px solid #fff;}
#visual .controlBox .vtab a.active {width:34px; border:2px solid #fff !important; background:#fff;}
#visual .controlBox .play {margin-left:10px;}
#visual .controlBox .play > a {width:10px; height:10px; display:inline-block; background:url('../images/main/slider_stop.png') no-repeat;}
#visual .controlBox .play a.go {background:url('../images/main/slider_play.png') no-repeat;}

#countWrap{}
#countWrap ul{display: flex; gap:51px; position: relative;}
#countWrap ul::before{position: absolute; display: block; content: ""; width: 1px; height: 21px; background: #444444; left: 63%; top: 4px;}
#countWrap ul li{display: flex; gap:10px; font-size: 18px;}
#countWrap ul li span{}
#countWrap ul li p.time-num{color: #11705b;}





/********************************************************
* #main centent
*********************************************************/
#content{width:100%; min-width:1260px;}

/*roll banner*/
#content > div > .board-left .speakers{overflow: hidden;}
.slick-slide { margin: 0px 20px;}
.slick-slide img {/*width: 100%;*/}
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

#rollBanner .customer-logos > .draggable{width: 580px; margin-left: 15px;}

.slick-prev{background: url("../images/main/keynote_top.png") no-repeat; width: 40px; height: 38px; text-indent: -30em; position: absolute; left: 467px; top: -39px; border: 0; overflow: hidden;}
.slick-next{background: url("../images/main/keynote_down.png") no-repeat; width: 40px; height: 38px; text-indent: 30em; position: absolute; left: 512px; top: -39px; border: 0; overflow: hidden;}


/*content2*/
#content2{width:100%; max-width:1240px; margin:0 auto; display:flex; padding:53px 0; justify-content:space-between;}
.sec1{display: flex;}
.newsBox{padding: 0 44px;}
.newsBox h1{color:#000; font-size:27px; font-weight:800;}
.newSlide{width:557px;}
.newSlide li{display:flex !important; gap:23px; align-items: center;font-size:17px; padding: 18px 0; border-bottom: 1px solid #eeee !important;}
.newSlide li span{color:#010101; font-weight: 200;}
.newSlide li span em{color:#010101; display: block; text-align: center; font-size: 27px; font-weight: 700; font-style: normal;}

.newsletterBtn{width: 100%;
    border: 1px solid #eeeeee;
    height: 58px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 16px;
    font-family: inherit;
    background: url(../images/main/select_arrow.png) no-repeat 100% 50%;
    border-radius: 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box; margin-top: 16px;
}

/* 포커스 효과 */
.newsletterBtn:focus{
  outline: none;
  border-color: #00664f;
}


.plBox{position:relative; padding: 0 44px;}
.plBox h1{color:#000; font-size:27px; font-weight:800;}
.plSlide{width:473px;}
.plSlide li{text-align:center; display: flex !important; align-items: center; justify-content: center; gap:25px;}
.plSlide li div{}
.plSlide li div img{display:inline-block;}
.plSlide li div.txtBox{text-align: left;}
.plSlide li p.name{color:#0a1823; font-size:19px; font-weight:600;}
.plSlide li p.aff{color:#0a1823;}
.plSlide .slick-prev{left:-0px; top:52px; background: url("../images/main/arrow-left.png") no-repeat; width: 37px; height: 61px; text-indent: -30em; position: absolute;  border: 0; overflow: hidden;}
.plSlide .slick-next{top: 52px; left:452px;  background: url("../images/main/arrow-right.png") no-repeat; width: 37px; height: 61px; text-indent: -30em; position: absolute;  border: 0; overflow: hidden;}
.plSlide .slick-list{}


/*주요일정*/
.impDay{background: linear-gradient(90deg, #00664f 0%, #00664f 50%, #0f463a 72%); height: 209px;}
.dayWrap{width: 1240px; margin: 0 auto; display: flex; height: inherit;}
.dayWrap div.divleft{color: #fff; background: #00664f; padding: 37px 67px 0 0; position: relative; width: 20%;}
.dayWrap div.divleft::after{position: absolute; display: block; content: url("../images/main/clock.png"); bottom: 0;}
.dayWrap div.divleft h3{text-transform: uppercase; font-size: 30px; font-weight: 600; margin-left: 20px;}
.dayWrap div.divright{background: #0f463a; width: 80%;}

/* 컨테이너 */
.tl{
  position: relative;
  padding: 28px 24px 22px;
  background:#104539;
  color:#fff;
  overflow:hidden;
}

/* 가운데 라인 */
.tl__line{
  position:absolute;
  left:41px;
  right:24px;
  top:116px;              /* 점이 놓일 y좌표 */
  height:2px;
  background:#498579;
}

/* 아이템 가로배치 */
.tl__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  justify-content:space-between;
  gap:16px;
}
.tl__item{
  position:relative;
  flex:1;
  min-width:0;
  padding-top:0;
}

.tl__item.is-active{color: #faff81;}

/* 위쪽(월/일) */
.tl__top{
  margin-bottom:18px; /* 점까지 간격 */
}
.tl__month{
  display:block;
  font-weight:600;
  font-size: 17px;
}
.tl__day{
  display:block;
  font-size:39px;
  line-height:1;
  font-weight:600;
  margin-top:6px;
}

/* 점 */
.tl__dot{
  position:absolute;
  top:81px; 
  left:16px; 
  width:14px;
  height:14px;
  border-radius:50%;
  background:#4a8476
}
.tl__item.is-active .tl__dot{
  background:#faff81; /* 활성 점(노랑/라임) */
}

/* 아래쪽(설명) */
.tl__bottom{
  margin-top:38px; /* 점 아래 간격 */
}

.tl__bottom p{font-weight: 600; font-size: 16px;}



.downloadBox{width:100%; background: #e9e9e9; padding: 23px 0;}
.dList{display:flex; justify-content:space-between; width: 1240px; margin: 0 auto;}
.dList li{}
.dList li a{display:flex; align-items: center; justify-content: center; padding:15px 42px; font-size:18px; font-weight:500; position:relative; width:290px; background: #fff; border-radius: 50px; gap:10px;}
.dList li a svg{width: 25px; height: 25px; color: #00664f;}
.dList li a:hover svg{color: #fff;}

.btn { background-color: transparent;}
.btn:hover {color: #fff;outline: 0;     }

.first {transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;}
.first:hover {box-shadow: 0 0 40px 40px #00664f inset; color:#fff}


/*footer*/
footer{}
.footerBox{border-top:1px solid #53535324; border-bottom:1px solid #53535324;}
.spBox{width:100%; max-width:1240px; margin:0 auto; display:flex; align-items:center; gap:225px;}
.spBox>div{padding:21px 0; display:flex; align-items:center; gap:23px;}
.spBox h1{font-size:19px; font-weight:500;}
.flogoList{display:flex; align-items:center; gap:21px;}
.flogoList li{}
.flogoList li img{}

.secInfo{width:100%; max-width:1240px; margin:0 auto; display:flex; gap:23px; padding:40px 0;}
.secInfo h1{color:#05795f; font-weight:800; font-size:21px;}
.secInfo>div{}
.secInfo div p{color:#767676; font-size:18px;}
.secInfoBox{display:flex; gap:37px;}
.secInfoBox p span{color: #05795f; font-weight: 600; background: #d9eae6; padding: 0px 6px; border-radius: 12px; display:inline-block; margin-top:5px;}
.secInfoBox p a{color:#767676; font-size:18px; transition:.3s ease;}
.secInfoBox p a:hover{text-decoration:underline;}

/*myBtntop*/
#myBtntop{display: none; position: fixed; bottom: 20px; right: 215px; z-index: 99; border: none; outline: none; background-color: #05795f; color: white; cursor: pointer; padding: 15px;  border-radius: 50px; box-shadow: 1px 1px 4px #adadad;animation: pulseAnim 2s infinite; }
@keyframes pulseAnim {
	0% {
		box-shadow: 0 0 0 0 rgb(109 187 188 / 40%);
	}
	70% {
		box-shadow: 0 0 0 10px rgb(109 187 188 / 0%);
	}
	100% {
		box-shadow: 0 0 0 0 rgb(109 187 188 / 0%);
	}
}

.update{position:absolute; width:22.8%; transition:.3s ease;}
.updateC{display:none; position:absolute; background:#000000e6; width:100%; height:100%; left:0; text-align:center; padding-top:21px; top:0; z-index:100;}
.update:hover .updateC{display:block;}