/*메인 비주얼*/
#main-wrap{position:relative;}
#visual{position:relative; width:100%;  background:#000; overflow:hidden;}
#visual .visual_item{position:relative; background: #000 url(../../images/main/main-visual-bg.jpg) no-repeat; background-size:cover; background-position:center;}
#visual .visual_item:before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; z-index:1;}
#visual .visual_item .v_bg{position: relative; width:100%; height:100%;}
#visual .visual_item video{object-fit:cover; width:100%; height:100%;}
#visual .visual_item .v_bg .v_wrap, #visual .visual_item .v_bg .v_wrap iframe{ position: absolute; top: 0;left: 0; width: 100%; height: 100%; pointer-events: none;}

@media (min-aspect-ratio: 16/9) {
  #visual .visual_item .v_bg .v_wrap{height:300%; top:-100%;}
}
@media (max-aspect-ratio: 16/9) {
  #visual .visual_item .v_bg .v_wrap{width:400%; left:-150%;}
}

.f_green{color:#00ff42;}

#visual .visual_item .v_txt{position:absolute; top:50%; left:0; text-align:center; width:100%; transform:translateY(-47%); color:#fff; z-index:2;}
#visual .visual_item .v_txt .symbol img{height:176px;}
#visual .visual_item .v_txt .tit{font-size:5rem; margin-top:1rem;}
#visual .visual_item .v_txt .info{font-size:3.2rem; display:inline-block; margin-top:7rem;}
#visual .visual_item .v_txt .info dl{position:relative; margin-top:1rem;}
#visual .visual_item .v_txt .info dt{position:absolute; top:0; left:0;}
#visual .visual_item .v_txt .info dd{margin-left:150px; text-align:left;}

.dot_list li{position:relative; padding-left:2rem; margin-top:1rem;}
.dot_list li:first-child{margin-top:0;}
.dot_list li span{position:absolute; top:0; left:0;}

#main-overview{padding:8rem 0; position:relative;}
#main-overview:after{content:""; display:block; width:100%; height:41.5%; /*height:55%;*/ background:#f5f5f5; position:absolute; bottom:0; left:0; z-index:-1;}
#main-overview .inner{position:relative;}
#main-overview .left_box{position:absolute; top:0; left:0;}
#main-overview .left_box span{position:relative; display:inline-block;}
#main-overview .left_box span:before{content:""; display:block; width:162px; height:186px; background:url(../../images/main/symbol-opacity.png) no-repeat; background-size:162px auto; position:absolute; top:-66px; left:-82px; z-index:-1;}
#main-overview .left_box img{position:relative; height:425px; box-shadow:10px 10px 7px rgba(0,0,0,0.2);}
#main-overview .right_box{margin-left:400px; padding-top:2rem; /*padding-top:3rem;*/ }
#main-overview .right_box .txt{font-size:1.8rem; line-height:1.5em;}
#main-overview .right_box .info_box{margin-top:0; /*margin-top:4.5rem;*/}
#main-overview .right_box .info_box dl{position:relative; padding:1.5rem 0; border-bottom:1px dashed #a3a3a3; }
#main-overview .right_box .info_box dt{position:absolute; top:50%; left:0; transform:translateY(-50%); padding-left:2rem; font-size:1.8rem; font-weight:600; color:#20639b;}
#main-overview .right_box .info_box dd{margin-left:170px;font-size:1.8rem; font-weight:400;}
#main-overview .right_box .info_box .theme_style02 .title{margin-bottom:0;}
#main-overview .right_box .quick_box{margin-top:10rem; /*margin-top:5rem;*/}
#main-overview .right_box .quick_box ul{font-size:0;}
#main-overview .right_box .quick_box li{display:inline-block; width:calc((100% - 1.5rem)/2); margin-left:1.5rem; border:1px solid #006299; background:#fff; box-sizing:border-box;margin-bottom:1.5rem; transition:all 0.2s;}
#main-overview .right_box .quick_box li:nth-child(2n+1){margin-left:0;}
#main-overview .right_box .quick_box li a{position:relative; display:block; font-size:1.9rem; font-weight:600; padding:1.8rem 3rem;}
#main-overview .right_box .quick_box li a i{font-size:2.5rem; position:absolute; top:50%; right:3rem; transform:translateY(-50%);}

#main-speaker{padding:8rem 0 12rem;}
.title_box .main_tit, .title_box .more_btn{display:inline-block; vertical-align:middle; margin-bottom:0;}
.title_box .more_btn{margin-left:1.5rem;}
.title_box .more_btn a{display:inline-block; width:4.5rem; height:4.5rem; line-height:4.7rem; text-align:center; font-size:3.5rem; border:1px solid #c9c9c9; border-radius:999px; box-sizing:border-box; color:#a2a2a2;}
.title_box .more_btn a i{transition:all 0.2s;}

#main-speaker .inner{position:relative;}
#main-speaker .speak_slide{margin-top:4rem;}
#main-speaker .speak_slide .s_item{text-align:center;}
#main-speaker .speak_slide .img_box img{display:inline-block;max-width:240px;}
#main-speaker .speak_slide .txt_box{margin-top:2rem; padding:0 3rem;}
#main-speaker .speak_slide .txt_box .position{font-size:1.9rem; font-weight:500;}
#main-speaker .speak_slide .txt_box .name{font-size:2.3rem; color:#006299; font-weight:600; position:relative; padding-bottom:2rem; margin-bottom:2rem;}
#main-speaker .speak_slide .txt_box .name:after{content:""; display:block; width:35px; height:2px; background:#006299; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
#main-speaker .speak_slide .txt_box .belong{font-size:1.6rem; color:#595959;}

#main-speaker .slick-dots{position:absolute; left:50%; bottom:-45px; transform:translateX(-50%); width:auto;}
#main-speaker .slick-dots li{float:left; margin:0;}
#main-speaker .slick-dots li button{ width: 13px; height: 13px; margin: 0 0.5rem; border-radius: 50px; background-color: #d7d7d7; text-indent: -9999em;  overflow: hidden; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow:2px 2px 2px rgba(0,0,0,0.15);}
#main-speaker .slick-dots li.slick-active button{  background-color: #006299;}

#main-speaker .LR_btn{position:absolute; top:0; right:0;}
#main-speaker .LR_btn li{display:inline-block; width:4.5rem; height:4.5rem; line-height:4.7rem; text-align:center; font-size:2.8rem; border:1px solid #c9c9c9; border-radius:999px; box-sizing:border-box; color:#a2a2a2; cursor:pointer;}
#main-speaker .LR_btn li.prev{margin-right:1rem;}

#main_notice{background:url(../../images/main/notice-bg.jpg) no-repeat; background-size:cover; background-position:center; padding:8rem 0;}
#main_notice .inner{position:relative;}
#main_notice .title_box{position:absolute; top:0; left:0;}
#main_notice .title_box .main_tit, #main_notice .title_box .more_btn i{color:#fff;}
#main_notice .cont_wrap{margin-left:260px;}
#main_notice .cont_wrap ul{font-size:0;}
#main_notice .cont_wrap li{position:relative; display:inline-block; width:calc((100% - 5rem)/2); border-bottom:2px solid #fff;}
#main_notice .cont_wrap li:first-child{margin-right:5rem;}
#main_notice .cont_wrap li::after { content: '';  display: block;  width: 0;  height: 2px;  background: #7bd0ff;  transition: width .3s; position:absolute; bottom:-2px; left:0;}
#main_notice .cont_wrap li a{display:block; padding-bottom:3.5rem; }
#main_notice .cont_wrap li p{font-weight:500;}
#main_notice .cont_wrap li .date{font-size:1.8rem; color:rgba(255,255,255,0.7); margin-bottom:1rem;}
#main_notice .cont_wrap li .title{font-size:2.3rem; color:#fff; max-height:60px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

#main-meeting{padding:8rem 0;}
#main-meeting ul{font-size:0; margin-top:4rem;}
#main-meeting li{position:relative; display:inline-block; width:calc((100% - 8rem)/5); margin-left:2rem; box-sizing:border-box;}
#main-meeting li:first-child{margin-left:0;}
#main-meeting li .img_box{ border:1px solid #e2e2e2; overflow:hidden;}
#main-meeting li .img_box img{max-width:100%; transition:all 0.2s;}
#main-meeting li .year{position:absolute; bottom:0; right:0;}
#main-meeting li .year span{display:inline-block; font-size:1.9rem; font-weight:600; color:#fff; padding:0 1.5rem; height:4rem; line-height:4rem; background:rgba(140, 201, 11, 0.9);}

#main-video{margin-bottom:8rem;}
#main-video .video_box{margin:0 auto; margin-top:4rem; width:900px; max-width:100%;}

@media (hover: hover) and (pointer: fine) {
#main-overview .right_box .quick_box li:hover {background:#006299;}
#main-overview .right_box .quick_box li:hover a{color:#fff;}

.title_box .more_btn a:hover i{transform: rotate( 90deg );}

#main_notice .cont_wrap li:hover{border-bottom-width:0;}
#main_notice .cont_wrap li:hover::after { width: 100%;}
#main_notice .cont_wrap li:hover .title{color:#7bd0ff;}

#main-meeting li:hover .img_box img{transform:scale(1.1);}
}

@media (max-width:1300px) {
#main-overview .left_box{left:15px;}
#main-overview .left_box span:before{display:none;} 

#main-speaker .LR_btn{right:15px;}

#main_notice .title_box{left:15px;}
}

@media (max-width:1200px) {
#main-wrap{padding-top:135px;}
#visual .visual_item{min-height:836px;}
#visual .visual_item .v_txt{padding:0 2rem; box-sizing:border-box; transform: translateY(-50%);}
#visual .visual_item .v_txt .symbol img{height:130px;}
#visual .visual_item .v_txt .tit{font-size:4.5rem;}
#visual .visual_item .v_txt .info{margin-top:4rem; font-size:2.8rem;}

#main-overview .right_box{margin-left:350px;}

#main-speaker .speak_slide .img_box img{max-width:220px;}
}

@media (max-width:1024px) {
#main-wrap{padding-top:71px;}

#visual .visual_item{min-height:600px;}
#visual .visual_item .v_txt .symbol img{height:100px;}
#visual .visual_item .v_txt .tit{font-size:3.8rem;}
#visual .visual_item .v_txt .info{margin-top:2rem; font-size:2.3rem;}

#main-overview:after{height:70%;}
#main-overview .left_box{position:static; top:auto; left:auto; text-align:center;}
#main-overview .left_box span:before{display:block; top:-50px; left:-50px; background-size:110px auto;} 
#main-overview .left_box img{height:300px;}
#main-overview .right_box{margin-left:0;}
#main-overview .right_box .info_box{margin-top:2.5rem;}

.speak_slide .custom-paging {position:absolute; left:50%; bottom:-65px; transform:translateX(-50%); width:auto; z-index:1; display:block; width:11rem; height:3.8rem;  background-color:rgba(0,0,0, 0.8); border-radius:999px;  text-align:center;}
.speak_slide .custom-paging li {display:none; color:#e0e0e0; font-size:1.8rem; line-height:3.8rem;letter-spacing:0.04em}
.speak_slide .custom-paging li.slick-active {display:block}
.speak_slide .custom-paging li strong {color:#fff;}

#main_notice .title_box{position:static; top:auto; left:auto; margin-bottom:3rem;}
#main_notice .cont_wrap{margin-left:0;}
}

@media (max-width:767px) {
#visual .visual_item{min-height:500px;}
#visual .visual_item .v_txt .symbol img{height:60px;}
#visual .visual_item .v_txt .tit{font-size:2.5rem;}
#visual .visual_item .v_txt .info{font-size:1.9rem;}
#visual .visual_item .v_txt .info dd{margin-left:75px;}

#main-overview{padding:4rem 0;}
#main-overview:after{height:80%;}
#main-overview .right_box .info_box dt{position:static; top:auto; left:auto; transform:inherit; padding-left:0; margin-bottom:0.5rem;}
#main-overview .right_box .info_box dd{margin-left:0;}
#main-overview .right_box .quick_box{margin-top:3rem;}
#main-overview .right_box .quick_box li a{padding:1.2rem; font-size:1.6rem;}
#main-overview .right_box .quick_box li a i{right:0.5rem; font-size:2.1rem;}

#main-speaker{padding:4rem 0 12rem;}
#main-speaker .speak_slide{margin-top:2.5rem;}
#main-speaker .speak_slide .img_box img{max-width:170px;}
.speak_slide .custom-paging{bottom:-60px;}

#main_notice{padding:4rem 0;}
#main_notice .title_box{margin-bottom:2.5rem;}
#main_notice .cont_wrap li{display:block; width:100%;}
#main_notice .cont_wrap li:first-child{margin-right:0; margin-bottom:3rem;}
#main_notice .cont_wrap li a{padding-bottom:1.5rem;}
#main_notice .cont_wrap li .title{font-size:2rem;}

#main-meeting{padding:4rem 0; text-align:center;}
#main-meeting ul{margin:0 auto; margin-top:2.5rem; max-width:620px; text-align:left;}
#main-meeting li{width:calc((100% - 2rem)/2);  max-width:300px;}
#main-meeting li:nth-child(2n+1){margin-left:0;}
#main-meeting li:nth-child(-n+4){margin-bottom:2rem;}

#main-video{margin-bottom:4rem;}
#main-video .title_box{text-align:center;}
#main-video .video_box{margin-top:2.5rem;}
}

@media (max-width:650px) {
#visual .visual_item{min-height:380px;}
}