.scroll_on { opacity: 0; transition: all 1s;}
.scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;}
.scroll_on.type_top {transform: translate(0, -50px);}
.scroll_on.type_bottom {transform: translate(0, 50px);}
.scroll_on.type_left {transform: translate(-50px, 0);}
.scroll_on.type_right {transform: translate(50px, 0);}

.scroll_on02 { opacity: 0; transition: all 1s;}
.scroll_on02.active {opacity: 1 !important; }

.wrap { position: relative; width: 1440px; margin: 0 auto; }

/* head */
#header { position: absolute; left: 0px; top: 0px; width: 100%; height: 90px; z-index: 90; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#header:after { content:""; opacity:1; visibility:visible; position:absolute; left:50%; top:90px; z-index:1; width:100%; height:1px; background:rgba(255, 255, 255, 0); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -ms-transition:opacity 0.3s; -o-transition:opacity 0.3s; transition:opacity 0.3s; }
.head .wrap { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 90px; }

.logo { position: absolute; top: 20px; left: 0%; z-index: 9; }

#header .hd-menu .gnb-wrap { height:100%;}
#header .hd-menu .gnb-wrap .gnb { display:flex; justify-content:center; align-items:center;height:100%; text-align:center;}
#header .hd-menu .gnb-wrap .gnb > li { position: relative; display: flex; justify-content: center; align-items: center; padding: 0px 40px; height: 90px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; }
#header .hd-menu .gnb-wrap .gnb > li:after { content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#133a67; -webkit-transform:translate(-50%); -moz-transform:translate(-50%); -ms-transform:translate(-50%); -o-transform:translate(-50%); transform:translate(-50%); }
#header .hd-menu .gnb-wrap .gnb > li > a { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 20px; font-weight: 600; letter-spacing: -0.03em; line-height: 1; }
#header.on .hd-menu .gnb-wrap .gnb > li {  }
#header.on .hd-menu .gnb-wrap .gnb > li.on > a{ color:#133a67; } 
#header .hd-menu .gnb-wrap .gnb > li .depth { opacity:0; visibility:hidden; position:absolute; left:0; top:100%; padding-top:30px; width:100%; }
#header .hd-menu .gnb-wrap .gnb > li .depth:before { content: ""; position: absolute; left: 0; top: 30px; width: 1px; height: 190px; background: #ddd; }
#header .hd-menu .gnb-wrap .gnb > li:first-child .depth:before {display:none;}
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a { display: block; padding: 8px 10px; color: #666; font-size: 1em; letter-spacing: -0.03em; line-height: 1.4; word-break: keep-all; }
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li { position:relative;}  
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li > i { position:absolute; right:0; top:10px; font-size:2rem; color:#666; cursor:pointer;}
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li > i:hover { color:#133a67;}
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a > span {position:relative;} 
#header .hd-menu .gnb-wrap .gnb > li.open .depth { display:block;} 
#header .hd-menu .gnb-wrap .gnb > li.open > a:after { top:28px; border-left:2px solid #999; border-top:2px solid #999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li:hover > a{ color:#666; }
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li.active > a, #header .hd-menu .gnb-wrap .gnb > li .depth2 > li.on > a, #header .hd-menu .gnb-wrap .gnb > li.open .depth > ul > li.on > a{ color:#133a67; }
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li.on > a{ color:#133a67; }
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li.active > a { color:#133a67 }
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li.active .depth2 { display:block; }
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li:hover > a { color: #133a67; font-weight: 500; }

#header.on { overflow:hidden; height:340px; background:#fff; -webkit-box-shadow:1px 1px 25px rgb(67 67 67 / 10%); box-shadow:1px 1px 25px rgb(67 67 67 / 10%);}
#header.on:after { background:rgba(0, 0, 0, 0.1); }
#header.on .hd-menu .gnb-wrap .gnb > li > a, #header.scrolled .hd-menu .gnb-wrap .gnb > li > a { color:#000; }
#header.on .hd-menu .gnb > li .depth { opacity:1; visibility:visible; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }

.head_rightbox { position: absolute; top: 25px; right: 0%; display: flex; flex-wrap: wrap; align-items: center; }

.dropdown_main { position: absolute; right: 0; top: 0; display: flex; flex-wrap: wrap; align-items: center; width: 120px; background: transparent; border-radius: 22px; border: 2px solid rgba(255, 255, 255, 0.4); }
.dropdown_bar { position: relative; display: inline-flex;flex-wrap: wrap; align-items: center; justify-content: flex-start; width: 100%; height: 40px; padding: 0 20px; color: #fff; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s; }
.dropdown_bar:after { content: "\e942"; position: absolute; top: 13px; right: 20px; font-family: 'xeicon' !important; }
.dropdown_content { position: relative; display: none; width: 100%; margin-top: 0px; border-radius: 500px; animation: fade-in 1s ease; z-index: 99; }
.dropdown_content a { display: block; padding: 8px 20px 15px 20px; color: rgba(255, 255, 255, 0.7); font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration:none; transition: all 0.3s; }
.dropdown_content a:hover { color: rgba(255, 255, 255, 1); }

.head.on .dropdown_main, .head.scrolled .dropdown_main, .sub_body .dropdown_main { background: rgba(0, 0, 0, 0.1); border: none; }
.head.on .dropdown_bar, .head.scrolled .dropdown_bar, .sub_body .dropdown_bar { color: #888; }

.head.on .dropdown_content a, .head.scrolled .dropdown_content a, .sub_body .dropdown_content a { color: #888; }
.head.on .dropdown_content a:hover, .head.scrolled .dropdown_content a:hover, .sub_body .dropdown_content a:hover { color: #555; }

.drop_icon2 { display: none; }

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

.menu-toggler, .mobile_menu { display: none; }

/* footer */
.footer { padding: 80px 0; background: #111; color: #fff; }
.footer .wrap { display: flex; flex-wrap: wrap; }
.footer_logo { width: 200px; }
.footer_info { width: calc(100% - 200px); padding-right: 190px; color: #888; line-height: 1.6; }
.footer_info span { position: relative; display: inline-flex; flex-wrap: wrap; padding: 0 20px; }
.footer_info span.pl00 { padding-left: 0px; }
.footer_info span:after { content:''; position: absolute; top: 20%; right: 0px; width: 1px; height: 60%; background: rgba(255, 255, 255, 0.2); }
.footer_info span.noline:after { display: none; }
.footer_info span i { margin-right: 5px; font-style: normal; font-weight: 600; }
.footer_info p { margin-top: 20px; color: #666; }
.footer_info p a { color: #666; }
.footer_sns { position: absolute; top: 0; right: 0; display: flex; flex-wrap: wrap; gap: 0 10px; }
.footer_sns a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 500px; background: #222; color: #fff; font-size: 20px; transition: all 0.3s; }
.footer_sns a:hover { background: #333; }

.quick { position: fixed; right: 2%; bottom: 20px; z-index: 99; width: 90px; padding: 35px 10px; background: #fff; border-radius: 45px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); }
.quick_title { position: absolute; top: -50px; left: 0; display: inline-flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; width: 90px; height: 90px; background: #313b62; border-radius: 90px; color: #fff; font-size: 20px; }
.quick_title i { margin-top: 5px; font-size: 16px; }
.quick_list li { text-align: center; padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
.quick_list li:last-child { padding-bottom: 0px; border-bottom: none; }
.quick_list li a .icon { margin-bottom: 5px; }
.quick_list li a .title { color: #333; font-size: 14px; font-weight: 600; }

/* main */
.main_movie { position: relative; width: 100%; height: 100vh; }
.main_movie:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.main_movie .wrap { display: flex; flex-wrap: wrap; align-items: flex-end; height: 100%; }
.main_movie .main_text { position: relative; z-index: 99; margin-bottom: 80px; color: #fff; }
.main_movie .main_text h2 { margin-bottom: 40px; font-family: 'S-Core'; font-size: 64px; line-height: 1; }
.main_movie .main_text p { font-family: 'S-Core'; font-size: 42px; line-height: 1.4; }

.typing::after { content: '|'; animation: blink 0.7s infinite; }
@keyframes blink {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}

.main_con { font-size: 20px; }
.main_con_title { margin-bottom: 50px; }
.main_con_title.align_Center { text-align: center; }
.main_con_title h2 { font-family: 'S-Core'; font-size: 55px; line-height:1; }

.main_con01 { padding: 150px 0 250px; }
.main_con01 .wrap { padding-right: 430px; }
.main_con01 h2 { margin-bottom: 50px; color: #313b62; font-size: 45px; font-weight: 900; letter-spacing: -0.03em; }
.main_con01 p { line-height: 1.8; letter-spacing: -0.03em; word-break: keep-all; }

.icfc_result { position: absolute; top: -150px; right: 0px; width: 340px; padding: 80px 50px; background: #313b62; border-radius: 0 0 10px 10px; color: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); }
.icfc_result h3 { margin-bottom: 30px; font-size: 30px; font-weight: 700; letter-spacing: -0.03em; }
.icfc_result_list li { margin-bottom: 30px; font-family: 'S-Core'; font-size: 38px; font-weight: 500; line-height: 1; }
.icfc_result_list li:last-child { margin-bottom: 0px; }
.icfc_result_list li span { display: block; margin-bottom: 20px; font-size: 16px; font-weight: 300; opacity: 0.5; }

.main_con02 { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 200px; background: #000; color: #fff; }
.main_con02:after { content:''; position: absolute; left: 0px; top: 0px; width: 45%; height: 100%; background: #313b62; }
.main_con02:before { content: ''; position: absolute; top: 0px; left: 45%; width: 0; height: 0; border-left: 200px solid #313b62; border-bottom: 200px solid transparent; }

.main_con02 .wrap { z-index: 99; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.main_con02 h3 { font-family: 'S-Core'; font-size: 30px; }
.main_con02 h3 span { position: relative; display: inline-block; margin-left: 20px; padding-left: 20px; font-weight: 200; }
.main_con02 h3 span:after { content:''; position: absolute; left: 0px; top: 20%; width: 1px; height: 60%; background: rgba(255, 255, 255, 0.2); }
.main_con02 .main_time { display: flex; flex-wrap: wrap; gap: 0 20px; }
.main_con02 .main_time span { font-family: 'S-Core'; font-size: 48px; font-weight: 500; }
.main_con02 .main_time span i { display: inline-block; margin-left: 5px; font-family: 'S-Core'; font-style: normal; font-size: 20px; }

.main_con03 { position: relative; display: flex; flex-wrap: wrap; padding:150px 0; }
.main_con03_inr { width: 50%; }
.main_con03_inr01 { height: 700px; background: url('../image/main/main_con03_img01.jpg') center center no-repeat; background-size: cover; }
.main_con03_inr02 { display: flex; flex-wrap: wrap; align-content: center; padding: 0 100px; }
.main_con03_logo { margin-bottom: 50px; }
.main_con03_logo img { max-width: 100%; }

.overview_list01 {  }
.overview_list01 li { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.overview_list01 li:last-child { margin-bottom: 0px; }
.overview_list01 li strong { display: inline-flex; flex-wrap: wrap; justify-content: space-between; width: 100px; color: #313b62; font-weight: 800; }
.overview_list01 li strong i { color: #313b62; font-style: normal; }
.overview_list01 li p { width: calc(100% - 100px); padding-left: 50px; word-break: break-word;}

.main_con04 { position: relative; padding-bottom: 150px; }
.main_con04:after { content:''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 400px; background: #313b62; z-index: -1; }
.main_con04_list { display: flex; flex-wrap: wrap; gap: 0 30px; }
.main_con04_list li { flex: 1; overflow: hidden; position: relative; }
.main_con04_list li:after { content: ""; display: block; padding-bottom: 100%; }
.main_con04_list li .main_con04_inr { position: absolute; display: flex; flex-wrap: wrap; align-content: flex-end; width: 100%; height: 100%; padding: 50px; }
.main_con04_list li .main_con04_inr h3 { position: relative; z-index: 9; width: 100%; color: #fff; font-family: 'S-Core'; font-size: 42px; font-weight: 500; line-height: 1.2; }
.main_con04_list li .imgbox{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform:scale(1); transition: all 2s; }
.main_con04_list li .imgbox.img01 { background: url('../image/main/main_con04_img01.jpg') center center no-repeat; background-size: cover; }
.main_con04_list li .imgbox.img02 { background: url('../image/main/main_con04_img02.jpg') center center no-repeat; background-size: cover; }
.main_con04_list li .imgbox.img03 { background: url('../image/main/main_con04_img03.jpg') center center no-repeat; background-size: cover; }
.main_con04_list li .imgbox:hover { transform: scale(1.1); }

.main_con05 { padding: 150px 0; }

.ytp-info-panel-detail-body {display: none !important;}

/* sub */
.sub_vis { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; width: 100%; height: 550px; background: #000 url('../image/sub/sub_vis01.jpg') center bottom no-repeat; background-size: cover; }
.sub_text { margin-bottom: 80px; color: #fff; }
.sub_text h2 { margin-bottom: 30px; font-family: 'S-Core'; font-size: 52px; line-height: 1; }
.sub_text  p { font-family: 'S-Core'; font-size: 36px; line-height: 1.4; }

@keyframes ani { 0%{transform:translate(0,-5px);} 100%{transform:translate(0,5px);} }

.sidebar { border-bottom: 1px solid #ddd; }
.sidebar_inr { display: flex; flex-wrap: wrap; justify-content: center; }
.sidebar_inr li { flex:1; position: relative; width: 25%; height: 60px; }
.sidebar_inr li:after { content:''; position: absolute; left:0px; top: 25%; width: 1px; height: 50%; background: #ccc; }
.sidebar_inr li:first-child:after { display: none; }
.sidebar_inr li:before { content:''; position: absolute; left:0px; bottom: -1px; width: 0px; height: 2px; background: #133a67; transition: 0.3s; }
.sidebar_inr li:hover:before, .sidebar_inr li.active:before { width: 100%; }
.sidebar_inr li a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; color: #222; font-size: 1.1em; font-weight: 600; }
.sidebar_inr li a:hover, .sidebar_inr li.active a { color: #133a67; }

.sub_contents { margin: 120px 0; font-size: 18px; }

.sub_title { text-align: center; width: 100%; margin-bottom: 80px; }
.sub_title h2 { margin-bottom: 20px; font-size: 48px; font-weight: 800; }
.sub_title p { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #666; font-size: 0.9em; }
.sub_title p span { margin: 0 5px; }

.sub_page_inr { margin-bottom: 80px; }
.sub_page_inr:last-child { margin-bottom: 0px; }

/* 구글 번역 */
#google_translate_element { position: relative; left: 120px; top: 8px; z-index: 9999; }
.goog-te-gadget-simple { width: 110px; height: 25px; border: 1px solid #aaa !important; border-radius: 5px; }

.greetings .wrap { display: flex; flex-wrap: wrap; }
/* .greetings_imgbox { width: 100%; height: 250px; margin-bottom: 50px; background: url('../image/sub/greetings_img01.jpg') center top no-repeat; background-size: cover; } */
.greetings_imgbox { width: 410px; }
.greetings_imgbox img { max-width: 100%; }
.greetings_textbox { width: calc(100% - 410px); padding-left: 80px; }
.greetings_title { margin-bottom: 50px; color: #313b62; font-family: 'MaruBuriBold'; font-size: 1.5em; line-height: 1.6; word-break: keep-all; }
.greetings p { margin-bottom: 80px; line-height: 1.7; word-break: keep-all; }
.greetings .sign { display: block; text-align: right; font-family: 'InkLipquid'; font-size: 1.7em; line-height: 1.7; }

.program_table01 { margin-bottom: 30px; line-height: 1.7; }
.program_table01 th, .program_table01 td { text-align: center; padding: 20px 10px; border-bottom: 1px solid #ddd; }
.program_table01 thead th { width: 20%; background: #133a67; border-bottom: none; border-left: 1px solid rgba(255, 255, 255, 0.2); color: #fff; }
.program_table01 thead th:first-child { border-left: none; border-radius: 10px 0 0 10px; }
.program_table01 thead th:last-child { border-radius: 0px 10px 10px 0px; }
.program_table01 tbody th { background: #f4f4f4; }
.program_table01 tbody td { border-left: 1px solid #ddd; }
.program .noti { color: #777; font-size: 0.95em; }

.program_daylist {}
.program_daylist li { position: relative; display: flex; flex-wrap: wrap; padding-right: 50px; margin-bottom: 20px; background: #f4f4f4; border-radius: 500px; }
.program_daylist li:last-child { margin-bottom: 0px; }
.program_daylist li h4 { display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; width: 200px; height: 200px; background: #313b62; border-radius: 500px; color: #fff; font-size: 1.8em; }
.program_daylist li h4 span { display: block; width: 100%; text-align: center; color: rgba(255, 255, 255, 0.7); font-size: 17px; font-weight: 500; }
.program_daylist li dl { display: flex; flex-wrap: wrap; align-content: center; align-items: center; width: calc(100% - 250px); margin-left: 50px; }
.program_daylist li dl dd { position: relative; width: 100%; margin-bottom: 10px; padding-left: 20px; font-weight: 500; }
.program_daylist li dl dd:last-child { margin-bottom: 0px; }
.program_daylist li dl dd:after { content:''; position: absolute; top: 7px; left: 0px; width: 8px; height: 8px; border-radius: 500px; border:2px solid #313b62; }
.program_daylist li dl dd p { position: relative; padding-left: 20px; color: #666; font-size: 0.9em; }
.program_daylist li dl dd p:after { content:''; position: absolute; top: 9px; left: 0px; width: 8px; height: 1px; background: #888; }
.program_daylist li dl dd p:first-child { margin-top: 5px; margin-bottom: 5px; }