@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll; font-size:10px; width:100%; height:100%;}
body {margin:0;padding:0;font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;background:#f5f7f7; -webkit-text-size-adjust: 100%; letter-spacing:-0.5px; width:100%; height:100%;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;}
article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section {display:block;}
em, address {font-style: normal;}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999rem;overflow:hidden;}
label, input, button, select, img {vertical-align:middle;font-size:1.4rem;}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;font-size:1.4rem;}
input[type="submit"] {cursor:pointer}
button {cursor:pointer;  -webkit-appearance: none;}
img {max-width:100%; height:auto;}
textarea, select {font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;font-size:1.4rem;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.2rem}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  outline:none;
}

input[type=text],input[type=password], textarea {outline:none; -webkit-appearance: none;}

.wrap:after,
.clear:after {content:''; display:block; clear:both;}
.le {float:left;}
.ri {float:right;}
.blk {display:block;}
.wrap {max-width:125rem; padding:0 2rem; margin:0 auto; position:relative;}

#hd {}
#hd .logo {float:left; }
#hd .logo a {position:relative; z-index:1; display: block; width: 24rem; height: 10rem; background: url('../assets/j_img/logo-h-white.svg') no-repeat center; background-size: 100%;}
#hd .logo img {height:4.4rem;}
.live_on {float:right; padding: 2.35rem 0; margin-left: 2rem; position:relative; z-index:1;}
.live_on a {display:block; font-size: 2rem; color: #fff; font-weight: 500; background: #2190ba; padding: 1.2rem 2.5rem; border-radius: 5rem;}
.live_on img {height:2rem; margin-top: -0.5rem; margin-left: 0.5rem;}

#c_gnb {position:fixed; top:0; left:0; right:0; height:10rem; background:rgba(0,0,0,0.2); z-index:1000; padding:0 6rem; overflow:hidden; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
#c_gnb .mn_ul {position: absolute; top: 0; left: 50%; width:63%; text-align:center; z-index:1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);}
#c_gnb .mn_ul:after {content:''; display:block; clear:both;}
#c_gnb .mn_ul .tit_menu {display:inline-block; vertical-align:top; text-align:center; position:relative;}
#c_gnb .mn_ul .dep_w {}
#c_gnb .mn_ul .dep_w .de1 {position:relative;}
#c_gnb .mn_ul .tit_menu:after {opacity:0; content:''; position: absolute; top: 9.8rem; left: 0; width: 0; height: 2px; background: #2190ba; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
#c_gnb .mn_ul .tit_menu:hover:after {width:100%; opacity:1;}
#c_gnb .mn_ul li:hover.tit_menu {background:#faf8f5;}
#c_gnb .mn_ul li:hover .dep_w .de1 a {color: #191919;}
#c_gnb .mn_ul li:hover .dep_w .de1 a span:before {/*content: ''; position: absolute; height: 0.8rem; width: 0.8rem; border-radius: 50%; background: #4083a8; left: 50%; margin-left: -0.4rem; bottom: -3.1rem;*/}
#c_gnb .mn_ul .dep_w .de1 a {position:relative; display: block; font-size: 2rem; color: #fff; font-weight: 400; height: 10rem; line-height: 10rem; padding: 0 4rem;}
#c_gnb .mn_ul .dep_w .de1 a span {position:relative; letter-spacing:-1.5px;}
#c_gnb .mn_ul li:hover .dep_w .de1 span:after {}
#c_gnb .mn_ul li:hover .dep_m li a {color:#333;}
#c_gnb .mn_ul .dep_m {height: 53rem;  padding: 0 1.5rem; padding-top: 2rem;}
#c_gnb .mn_ul .dep_w .dep_m a {font-size:1.6rem; padding: 0.7rem 0; display: block; letter-spacing: -0.5px; word-break: keep-all; color:#fff; font-weight:400;}
#c_gnb .mn_ul .dep_w .dep_m a:hover {color: #2190ba; text-decoration:underline;}
#c_gnb .ov_bg {position:absolute; top:0; left:0; right:0; height:10rem;}

body.fix_scr #c_gnb {background:rgba(0,0,0,0.77);}

#right_menu {position: fixed; top: 50%; right: 0; margin-top: -12.3rem; z-index: 3; background:rgba(255,255,255,0.5); padding: 1rem 0; padding-left: 2rem;}
#right_menu .menu_wrap {}
#right_menu li {}
#right_menu li a {position:relative; font-size:1.8rem; color:rgba(0,0,0,0.7); display:block; text-align:right; padding: 0.75rem 0; padding-right: 3.5rem; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; cursor:pointer;}
#right_menu li a:after {content:''; position:absolute; right: 0; top: 50%; margin-top: -0.15rem; width: 2.5rem; height:0.3rem; background:rgba(0,0,0,0.3); transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
#right_menu .active a {color:#111; padding-right: 7.5rem;}
#right_menu .active a:after {background:#111; width: 6rem;}

#myVideo {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; height: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
video::-webkit-media-controls {display:none !important;}

#section1 {overflow:hidden; position:relative;}
.main_txt {text-align:center; z-index:1; padding:4rem 7.5rem; position:absolute;  top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.main_txt:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background: linear-gradient(to right, #44b8b7, #2190ba); z-index: -1; opacity: 0.3;}
.main_txt .m1 {display:inline-block; border-bottom:1px solid #fff; font-size:1.35rem; font-family:'Lato'; color:#fff; padding-bottom:0.5rem; font-weight:bold; letter-spacing:0.05rem;}
.main_txt .m2 {margin:1.5rem 0 2.5rem; font-size:3.6rem; color:#fff; font-family:'Noto Serif KR'; font-weight:normal; word-break:keep-all;}
.main_txt .m3 {font-size:1.6rem; color:#fff; font-family:'Noto Serif KR'}

#section2 {height: 90rem; background-position:top center; background-repeat:no-repeat; background-size:cover;}
#section2 .wrap {height:100%;}
.idx_wr {padding-top: 17rem;}
.idx_wr .in_txt {color:#fff; position:relative; z-index: 1;}
.idx_wr .in_txt:before {content:''; position:absolute; width: 12rem; top: -4rem; left: -3.5rem; bottom: -4rem; z-index: -1;}
.idx_wr .in_txt h2 {font-size:6rem; font-weight:500; margin-bottom:5rem;}
.idx_wr .in_txt h2 span {position:relative; display:inline-block;}
.idx_wr .in_txt h2 span:after {content:''; position:absolute; width: 4rem; height: 0.3rem; background: #fff; right: 0.5rem; top: 10.5rem;}
.idx_wr .in_txt .m1 {font-size:2.4rem; font-family:'Noto Serif KR'; font-style:italic;}
.idx_wr .in_txt .m2 {font-size:1.8rem; margin-top:0.5rem;}
.idx_wr .b_bg:before {background:#438ea3;}
.idx_wr .r_bg:before {background:#a93d55;}

.h2_tit {opacity:0;transform:translateY(50px); transition:transform .99s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .99s ease-in-out;}
.idx_wr .in_txt h2,
.idx_wr .in_txt .m1,
.idx_wr .in_txt .m2 {opacity:0;transform:translateY(100px); transition:transform .99s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .99s ease-in-out;}
.idx_wr .in_txt:before {opacity:0;transform:translateX(-100px); transition:transform .99s cubic-bezier(0.16, 0.68, 0.43, 0.99),opacity .99s ease-in-out;}
.action .h2_tit,
.action .idx_wr .in_txt h2,
.action .idx_wr .in_txt .m1,
.action .idx_wr .in_txt .m2 {transform:translateY(0);opacity:1;}
.action .idx_wr .in_txt:before {transform:translateX(0);opacity:1;}
.action .h2_tit,
.action .idx_wr .in_txt h2 {transition-delay:0.22s;}
.action .idx_wr .in_txt .m1 {transition-delay:0.44s;}
.action .idx_wr .in_txt .m2 {transition-delay:0.66s;}
.action .idx_wr .in_txt:before {transition-delay:0.5s;}

.swiper.swp_sd1 {padding-bottom:3rem;}
.slide_b1 {position:absolute; margin-left:13rem; bottom: 0; left: 0; right: 0; background: #fff; padding: 2rem; z-index:1;}
.slide_b1 .swiper-container {padding:1rem 0;}
.sec2_ctt {background:#fff; height:16rem; position:relative; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
.sec2_ctt .img {position:absolute; top:0; left:0; overflow:hidden;}
.sec2_ctt .img img {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.sec2_ctt:hover .img img {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(11); -o-transform:scale(1.1); }
.sec2_ctt .info {padding:2.5rem 2rem; margin-left:24rem; height:16rem;}
.sec2_ctt .info h3 {font-size:2.4rem; color:#2190ba; font-weight:500;}
.sec2_ctt .info h3 a {display:block; color:#2190ba;}
.sec2_ctt .info .s1 {font-size:1.8rem; color:#666; margin-top: 0.5rem; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden;}
.sec2_ctt .info .s2 {font-size:1.6rem; color:#111; margin-top: 2rem;}
.swiper-slide-active .sec2_ctt {box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.2);}
.slide_b1_arr {position:absolute; width: 9rem; height: 4.2rem; top: 11.8rem; left: -13rem; z-index:1;}
.slide_b1_arr .sd_n_btn {float:right; background-image:url('../assets/j_img/sd_next_g.svg')}
.slide_b1_arr .sd_p_btn {float:left; background-image:url('../assets/j_img/sd_prev_g.svg')}
.slide_b1_arr .sd_n_btn,
.slide_b1_arr .sd_p_btn {width:4.2rem; height:4.2rem; border:1px solid #ccc; background-color:#fff; cursor:pointer; background-repeat:no-repeat; background-position:center; background-size:2rem;}
.slide_b1_arr .sd_n_btn:hover {background-image:url('../assets/j_img/sd_next_w.svg'); background-color:#000; border:1px solid #000;}
.slide_b1_arr .sd_p_btn:hover {background-image:url('../assets/j_img/sd_prev_w.svg'); background-color:#000; border:1px solid #000;}
.sec2_more {margin-top:1rem;}
.sec2_more:after {content:''; display:block; clear:both;}
.sec2_more a {float:right; background:#2190ba; display:block; font-size:1.8rem; color:#fff; padding: 1rem 2.2rem; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
.sec2_more a img {height:2rem; margin-top: -0.5rem; margin-left: 1rem;}
.sec2_more a:hover {background: #a93d55;}

#section3 {height: 90rem; background-position:top center; background-repeat:no-repeat; background-size:cover;}
#section3 .wrap {height:100%;}
.swiper.swp_sd2 {padding-bottom:3rem;}
.slide_b2 {position:absolute; bottom: 0; left: 0; right: 0; background: #fff; padding: 2rem; z-index:1;}
.slide_b2 .swiper-container {padding:1rem 0;}
.sec3_ctt {background:#f8f8f8; height:12rem; position:relative; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
.sec3_ctt .img {position:absolute; top:0; left:0; overflow:hidden;}
.sec3_ctt .img img {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.sec3_ctt:hover .img img {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }
.sec3_ctt .info {padding:1.5rem 1.5rem; margin-left:19rem; height:12rem;}
.sec3_ctt .info h3 {font-size:2.4rem; color:#ba3453; font-weight:500;}
.sec3_ctt .info h3 a {display:block; color:#ba3453;}
.sec3_ctt .info .s1 {font-size:1.8rem; color:#666; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden;}
.sec3_ctt .info .s2 {font-size:1.6rem; color:#111; margin-top: 0.7rem;}
.swiper-slide-active .sec3_ctt {background:#fff; box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.2);}
#section3 .slide_b1_arr {position:absolute; width: 9rem; height: 4.2rem; top: -6.5rem; right: 0; z-index:1; left:auto;}
.sec3_more {margin-top:1rem;}
.sec3_more:after {content:''; display:block; clear:both;}
.sec3_more a {float:right; background:#fff; border-bottom:2px solid #ba3453; display:block; font-size:1.8rem; color:#ba3453; padding-bottom: 1rem; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
.sec3_more a img {height:2rem; margin-top: -0.5rem; margin-left: 1rem;}

.h2_tit {font-size:6rem; font-weight:500; text-align:center;}
.h2_tit span {position:relative; display:inline-block;}
.h2_tit span:after {content:''; position:absolute; width: 4rem; height: 0.3rem; background: #111; right: 0.5rem; top: 10.5rem;}

#section4 {padding-top:11rem; z-index:1; margin-bottom:3rem;}
#section4:before {content:''; position:absolute; top:0; left:0; right:0; height:61%; background:#f8f8f8;}
.main_tab {}
.main_tab .tab_tit {font-size:0; text-align: center; margin-top: 7rem;}
.main_tab .tab_tit:after {content:''; display:block; clear:both;}
.main_tab .tab_tit li {display:inline-block; text-align:center; cursor:pointer; font-size:2.4rem; color:#999; border-bottom:3px solid transparent; margin:0 2rem; padding-bottom:0.5rem;}
.main_tab .tab_tit li:hover,
.main_tab .tab_tit li.on {color:#2190ba; border-bottom:3px solid #2190ba;}
#section4 .conBox {display:none; margin-top:3rem;}
#section4 .conBox.on {display:block;}
.sec4_ctt {position:relative;}
.sec4_ctt .thumb {position:relative;}
.sec4_ctt .thumb img {width: 69%; height: auto;}
.sec4_ctt .thumb .you_ic {position:absolute; top: 3rem; left: 3rem; background: url('../assets/j_img/youtube_ic.svg') no-repeat center; background-size: 6rem; width: 6rem; height: 5rem;}
.sec4_ctt .info {position: absolute; top: 0; right: 0; bottom: 0; width: 31%; background: #2190ba; padding:4rem 4rem 0; color:#fff;}
.sec4_ctt .info .m1 {font-size:1.6rem;}
.sec4_ctt .info .m2 {font-size:2.4rem; font-weight:500; border-bottom: 1px solid #fff; padding-bottom: 1rem; margin-bottom: 2rem;}
.sec4_ctt .info h3 {font-size:3.6rem; font-weight:600;}
.sec4_ctt .info .m3 {font-size:1.8rem; font-weight:300; margin-top:0.5rem;}
.sec4_ctt .info .more {position: absolute; bottom: 3rem; left: 4rem; right: 4rem; z-index: 1;}
.sec4_ctt .info .more a {color:#2190ba; display:block; font-size:1.8rem; background:#fff; text-align:center; font-weight:500; padding: 1.2rem 0; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
.sec4_ctt .info .more a:hover {background: #a93d55; color: #fff;}


.fp-viewing-Main06 #right_menu li a,
.fp-viewing-Main05 #right_menu li a,
.fp-viewing-Main04 #right_menu li a {color: rgba(0,0,0,0.7);}

.fp-viewing-Main06 #right_menu li a:after,
.fp-viewing-Main05 #right_menu li a:after,
.fp-viewing-Main04 #right_menu li a:after {background: rgba(0, 0,0, 0.3);}

.fp-viewing-Main06 #right_menu .active a,
.fp-viewing-Main05 #right_menu .active a,
.fp-viewing-Main04 #right_menu .active a {color:#111;}

.fp-viewing-Main06 #right_menu .active a:after,
.fp-viewing-Main05 #right_menu .active a:after,
.fp-viewing-Main04 #right_menu .active a:after {background:#111;}

#section5 {padding-top:11rem; margin-bottom:13rem;}
#section5 .main_tab .tab_tit {text-align:left;}
#section5 .conBox {display:none; margin-top:3rem; position:relative;}
#section5 .conBox.on {display:block;}
.notice_ltt {}
.notice_ltt .list {float:left; width:25%; padding:0 1rem; margin-bottom:3rem;}
.notice_ltt .in {position:relative; z-index:1; display:block; padding: 3rem 0; background:#f8f8f8;}
.notice_ltt h3 {font-size: 2.2rem; color: #191919; padding: 0 2rem; height: 6.3rem; text-overflow: ellipsis; overflow: hidden; display: block; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.notice_ltt .date {border-top:1px solid #191919; margin-right:2rem; margin-top:6rem;}
.notice_ltt .date .txt {display: block; color: #999; font-size: 1.6rem; font-weight: 300; padding: 0 2rem; margin-top:1.5rem;}
.section {position:relative;}
.swiper-grid-column>.swiper-wrapper {flex-wrap: wrap; flex-direction: column;}
.sec5_tab .slide_b1_arr {top: -7.3rem; right: 1rem; left:auto;}
.news_ltt .in:before,
.news_ltt .in:after,
.notice_ltt .in:before,
.notice_ltt .in:after {content:''; position:absolute; z-index:-1; opacity:0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.news_ltt .in:before,
.notice_ltt .in:before {width: 0.5rem; right: 0; background: #2190ba; top: 1rem; height:0;}
.news_ltt .in:after,
.notice_ltt .in:after {height: 0.6rem; right: 0; bottom: 1px; background: #2190ba; width: 0;}
.news_ltt .in:hover:before,
.notice_ltt .in:hover:before {opacity:1; height:95%;}
.news_ltt .in:hover:after,
.notice_ltt .in:hover:after {opacity:1; width:97%; transition-delay: 0.25s; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s;}
.news_ltt .in:hover .date,
.notice_ltt .in:hover .date {border-top:1px solid #2190ba;}
#section5 .more {text-align:center; margin-top:3rem;}
#section5 .more a {width: 25rem; display:inline-block; color:#fff; background:#2190ba; font-size:1.8rem; text-align:center; font-weight:500; padding: 1.2rem 0; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
#section5 .more a:hover {background: #a93d55; color: #fff;}
.news_ltt {}
.news_ltt .list {float:left; width:25%; padding:0 1rem; margin-bottom:3rem;}
.news_ltt .in {position:relative; z-index:1; display:block; padding-bottom: 3rem; background:#f8f8f8;}
.news_ltt .in .img {overflow:hidden;}
.news_ltt .in .img img {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.news_ltt .in:hover .img img {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(11); -o-transform:scale(1.1); }
.news_ltt h3 {font-size: 2.2rem; color: #191919; padding: 0 2rem; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden; padding:0 2rem;}
.news_ltt .date {border-top:1px solid #191919; margin-right:2rem; margin-top:2rem;}
.news_ltt .date .txt {display: block; color: #999; font-size: 1.6rem; font-weight: 300; padding: 0 2rem; margin-top:1.5rem;}
.news_ltt .cate {color:#2190ba; padding:0 2rem; font-size:1.4rem; margin-top:1.5rem;}

#section6 {padding-top:11rem; padding-bottom:11rem; background:url('../assets/j_img/sec6_bg.jpg') no-repeat center top;}
#section6 .h2_tit {color:#fff;}
#section6 .h2_tit span {}
#section6 .h2_tit span:after {background:#fff;}
.sec6_tab {}
.sec6_tab.main_tab .tab_tit li {color:#fff; margin: 0 3.5rem;}
.sec6_tab.main_tab .tab_tit li:hover, .sec6_tab.main_tab .tab_tit li.on {border-bottom:3px solid #fff;}
.info_ctt {background:#fff; margin-top:3rem; padding: 3.5rem 4rem;}
.info_ctt .tit {font-size:3.6rem; color:#191919; font-weight:600;}
.info_ctt .tit span {position:relative; z-index:1;}
.info_ctt .tit span:before {content:''; position:absolute; z-index:-1; height:1rem; background:#bcddea; bottom:0.3rem; left:0; right:0;}
.info_ctt .list {margin-top:4rem;}
.info_ctt .list li {float:left; width:50%; padding:0 2rem; margin-bottom:3rem;}
.info_ctt .list .in {position:relative; background:#e9f3f6; padding:3rem 4rem; border-radius: 0 1.5rem 1.5rem 0;}
.info_ctt .list .in:before {content:''; position: absolute; top: 0; left: 0; width: 1.5rem; bottom: 0; z-index: 1;}
.info_ctt .list .bg1 {background: #e9f3f6;}
.info_ctt .list .bg2 {background: #f5e9eb;}
.info_ctt .list .bg3 {background: #e9ebf5;}
.info_ctt .list .bg1.in:before {background: #2190ba;}
.info_ctt .list .bg2.in:before {background: #ba3453;}
.info_ctt .list .bg3.in:before {background: #2b48ba;}
.info_ctt .list .yout_ic {width: 4rem; height: 4rem; position: absolute; top: 2.5rem; right: 4rem; background: url('../assets/j_img/youtube_ic.svg') no-repeat center; background-size: 4rem;}
.info_ctt .list h3 {font-size:2.8rem; color:#191919; font-weight:600;}
.info_ctt .list .abox {margin-top:0.5rem;}
.info_ctt .list .abox dl {font-size:2.4rem; text-align: right;}
.info_ctt .list .abox dl dt {color:#666; display: inline-block; vertical-align: middle;}
.info_ctt .list .abox dl dd {color:#191919; display: inline-block; vertical-align: middle; width: 13rem;}
#section6 .conBox {display:none; position:relative;}
#section6 .conBox.on {display:block;}
#main_idx {background:#fff; overflow:hidden;}
/* // cc #footer {background:#fff; border-top:1px solid #ccc; padding:5rem 0 15rem;}
#footer .logo {position:absolute; top:0; left:2rem;}
#footer .logo img {height:4rem;}
#footer .txt {font-size:1.6rem; margin-left: 30rem;}
#footer .txt .m1 {color:#191919; font-weight:500;}
#footer .txt .m2 {color:#444; margin-top:1rem;}
#footer .txt .m3 {font-size:1.4rem; margin-top:1.5rem; color:#999;}
#footer .txt .midline {display: inline-block; width: 1px; height: 1.2rem; background: #aaa; margin: 0 1rem;}
#footer .abox {position: absolute; top: 0; right: 2rem;}
#footer .abox li {float:left; position:relative;}
#footer .abox li:after {content:''; position: absolute; top: 0.7rem; right: 0; width: 1px; height: 1.2rem; background: #aaa;}
#footer .abox li:last-child:after {display:none;}
#footer .abox li a {font-size:1.6rem; color:#666; padding: 0 1.5rem;} */

.top-image {position: relative; height: 350px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: #fff;}
.media_wr {padding-bottom:15rem;}
.media_tab {}
.media_tab li {float:left; width:11.1111111%; text-align:center;}
.media_tab li a {display:block; font-size:1.8rem; padding: 0 0.5rem; padding-bottom: 1rem; color:#999; border-bottom:1px solid #ccc; position:relative;}
.media_tab li a:hover,
.media_tab li a.active {color:#2190ba; font-weight:500;}
.media_tab li a:hover:before,
.media_tab li a.active:before {content:''; position:absolute; bottom: -0.1rem; left: 0; right: 0; height: 0.3rem; background: #2190ba;}
.media_title {margin-top:4rem;}
.air_on {font-size: 1.2rem; background: #ed1c24; display: inline-block; vertical-align: middle; height: 1.8rem; line-height: 1.8rem; width: 3rem; text-align: center; border-radius: 0.3rem; margin-top: -0.2rem; margin-left: 1rem; letter-spacing: 0;}
.sec4_ctt .info .m4 {font-size:1.8rem; font-weight:500; margin-top:5rem;}
.media_ctt {position:relative; margin-top:5rem;}
.media_ctt .abox {text-align:center;}
.media_ctt .abox .sch {display:inline-block;}
.media_ctt .abox .sch .selc {float:left; width:12rem;height:4.8rem; padding: 1rem 1rem; padding-right:3rem; background: url('../assets/j_img/arr_down_b.svg') no-repeat 97% 50% #fff; background-size:2.4rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #2190ba; border-radius: 0;}
.media_ctt .abox .sch .selc::-ms-expand {display: none;}
.media_ctt .abox .sch .ipt {float:left; width:33rem; height:4.8rem; border: 1px solid #2190ba; border-left:0; border-radius:0; padding:0 2rem;}
.media_ctt .abox .sch .sch_btn {float:left; width:4.8rem; height:4.8rem; background:url('../assets/j_img/search_w.svg') no-repeat center #2190ba; background-size:3rem; border-radius:0; border:0;}
.type_box {position:absolute; top:0; right:0; width:11rem;}
.type_ck {}
.type_ck li {}
.type_ck .cc {display:block; width:4.8rem; height:4.8rem; border:1px solid #ddd; background-color:#fff; cursor:pointer; background-repeat:no-repeat; background-position:center; background-size:2.4rem;}
.type_ck .i1 {background-image:url('../assets/j_img/gall_type.svg');}
.type_ck .i2 {background-image:url('../assets/j_img/list_type.svg');}
.type_ck.on .i1 {background-image:url('../assets/j_img/gall_type_on.svg'); border:1px solid #2190ba;}
.type_ck.on .i2 {background-image:url('../assets/j_img/list_type_on.svg'); border:1px solid #2190ba;}
.type_ctt {margin-top:5rem;}
.type_ctt .conBox {display:none;}
.type_ctt .conBox.on {display:block;}
.gall_type_box {}
.gall_type_box li {padding:0 1rem; float:left; width:25%; margin-bottom:4rem;}
.gall_type_box .in {position:relative; background:#fff; display:block;}
.gall_type_box .cate {position:absolute; top:1rem; left:0; background:#2190ba; color:#fff; font-size:1.4rem; padding:0.7rem 1.5rem; z-index:1;}
.gall_type_box .img {position:relative; overflow:hidden;}
.gall_type_box .img img {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.gall_type_box .img .bbg {opacity:0; position:absolute; top:0; right:0; left:0; bottom:0; background-color:rgba(0,0,0,0.7); background-image:url('../assets/j_img/youtube_ic.svg'); background-repeat:no-repeat; background-position:center; background-size:6rem; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
.gall_type_box li:hover .img img {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(11); -o-transform:scale(1.1); }
.gall_type_box .txt {padding:2rem 0 1.5rem; background:#fff; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
.gall_type_box .txt .m1 {font-size:1.6rem; color:#999; padding:0 2rem; margin-bottom:0.3rem; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
.gall_type_box .txt h3 {font-size:2rem; color:#191919; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden; padding:0 2rem; margin-bottom:1.5rem; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
.gall_type_box .txt .m2 {font-size:1.6rem; color:#666; margin-right:2rem; text-align:right; border-top:1px solid #111; padding-top:1rem; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
.gall_type_box .in:hover .txt {background:#2190ba;}
.gall_type_box .in:hover .m1,
.gall_type_box .in:hover h3,
.gall_type_box .in:hover .m2 {color:#fff;}
.gall_type_box .in:hover .m2 {border-top:1px solid #fff;}
.gall_type_box .in:hover .img .bbg {opacity:1; z-index: 2;}

.page_wrap {font-size:0; text-align:center; margin: 5rem 0;}
.page_wrap .num {width:3.6rem; height:3.6rem; line-height:3.6rem; font-size:1.6rem; color:#999; text-align:center; margin:0 0.5rem;}
.page_wrap .num:hover,
.page_wrap .num.current {color:#2190ba; font-weight:bold;}
.page_wrap span {display:inline-block; vertical-align:middle; cursor:pointer;}
.page_wrap .prev,
.page_wrap .next,
.page_wrap .page_prev,
.page_wrap .page_next {width:3.6rem; height:3.6rem; background-size:3.5rem; background-repeat:no-repeat; background-position:center;}
.page_wrap .page_prev {background-image:url('../assets/j_img/page_prev.jpg');}
.page_wrap .page_prev:hover {background-image:url('../assets/j_img/page_prev_on.jpg');}
.page_wrap .page_next {background-image:url('../assets/j_img/page_next.jpg');}
.page_wrap .page_next:hover {background-image:url('../assets/j_img/page_next_on.jpg');}
.page_wrap .prev {background-image:url('../assets/j_img/prev.jpg'); margin-left: 0.5rem; margin-right: 1rem;}
.page_wrap .prev:hover {background-image:url('../assets/j_img/prev_on.jpg');}
.page_wrap .next {background-image:url('../assets/j_img/next.jpg'); margin-left: 1rem; margin-right: 0.5rem;}
.page_wrap .next:hover {background-image:url('../assets/j_img/next_on.jpg');}

.tbl_m {display:none;}
.tbl {}
.tbl table {width:100%; border-spacing:0; border-collapse:collapse;}
.tbl table caption {display:none;}
.tbl table th {border-top:2px solid #2190ba; background:#e9f3f6; border-bottom:1px solid #ddd; font-size:1.8rem; font-weight:500; padding:1rem 0.5rem;text-align: -webkit-center;}
.tbl table td {border-bottom:1px solid #ddd; font-size:1.7rem; padding:1.5rem 0.5rem; background:#fff;}
.tbl table td.td1 {text-align:center; color:#2190ba;}
.tbl table td.td2 {text-align:center;}
.tbl table td.td3 {}
.tbl table td.td3 .tit {}
.tbl table td.td3 .tit a {display:block;}
.tbl table td.td3 .sm {font-size:1.5rem; color:#999;}
.tbl table td.td4 {text-align:center;}

html.fix {overflow:hidden;}
.edu_btn {cursor:pointer;}
.layer-pop-wrap {position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 9999; overflow-y: auto;}
#view_ly .outb {display: table; width: 100%; height: 100%; table-layout: fixed;}
#view_ly .inb {display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 5rem 0;}
#view_ly .layer_ctt {position:relative; max-width: 87rem; margin: 0 auto; background: #fff; padding:3rem 3rem; border-radius:2rem;}
#view_ly .edu_close {position:absolute; top:2rem; right:-7rem; width:5rem; height:5rem; background:url('../assets/j_img/close_btn_w.svg') no-repeat center; background-size:3rem; cursor:pointer;}
.edu_wr {}
.edu_wr .abox {position:relative; min-height:48rem;}
.edu_wr .abox .img {position:absolute; top:1.8rem; left:0; height:48rem;}
.edu_wr .abox .info {margin-left:34rem; position:relative;}
.edu_wr .abox .info h2 {font-size:4.8rem; color:#111; font-weight:600; border-bottom: 1px solid #ccc; padding-bottom: 1rem;}
.edu_wr .abox .info .edu_sns {position: absolute; top: 1.5rem; right: 0;}
.edu_wr .abox .info .edu_sns a {display: inline-block; margin-left: 1rem;}
.edu_wr .abox .info .edu_sns a img {height:5rem; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35); border-radius: 2.3rem;}
.edu_list {background: #f8f8f8; padding-bottom: 2rem; margin-top: 2rem; border-radius: 3rem 0 0 0;}
.edu_list dl {padding-top: 2rem;}
.edu_list dl dt {text-align:left; font-size:2.4rem; font-weight:600; padding: 0 2rem;}
.edu_list dl dt img {height:2.4rem; margin-top: -0.3rem; margin-left: 0.5rem;} 
.edu_list dl dd {text-align:left; margin-right: 2rem; margin-top: 1.5rem; border-top: 1px solid #ccc; padding: 0 2rem; padding-top: 1.5rem; font-size: 1.6rem; color: #666;}
.edu_list dl dd.pyo {color:#2190ba; font-style:italic; font-family:'Noto Serif KR'; font-weight:bold;}
.edu_wr .bbox {margin-top:3rem;}
.edu_wr .bbox li {float:left; width:33.33333%; text-align:center;}
.edu_wr .bbox li img {}
.edu_list .m1 {position:relative; padding-left:1.5rem; margin-bottom:0.5rem;}
.edu_list .m1:before {content:'-'; position:absolute; top:0; left:0;}
.edu_list .m1 .sm {font-weight:500; color:#111;}
.edu_wr .cbox {margin-top:3rem;}
.edu_wr .dbox {margin-top:3rem;}
.edu_wr .dbox .w40 {float:left; width:40%;}
.edu_wr .dbox .w60 {float:left; width:60%;}

.main_top_bn {}
.main_top_bn .bn_slide {position:relative;}
.main_top_bn .img {height:12rem; background-repeat:no-repeat; background-size:cover; background-position:center; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.main_top_bn .img img {}
.main_top_bn .in_right {}
.main_top_bn .in_right .more_btn {position: absolute; right: 9rem; top: 50%; margin-top: -2.1rem;}
.main_top_bn .in_right .more_btn a {display:block; position:relative; z-index:1; background:rgba(0,0,0,0.1); font-size:1.4rem; border:1px solid #111; padding: 1rem 4rem;}
.main_top_bn .in_right .bn_close {position:absolute; top:50%; right:2rem; margin-top:-2.1rem; width:4.2rem; height:4.2rem; cursor:pointer; background:url('../assets/j_img/close_btn_b.svg') no-repeat center; background-size:2rem;}

.bn_off .main_top_bn .img {height:0; opacity:0; visibility: hidden;}
.bn_off #c_gnb {position:fixed; top:0;}
.main_top_bn .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {position: absolute; bottom:auto; width:auto; top: 50%; left: 3rem; z-index: 5; margin-top: -0.7rem;}
.main_top_bn .swiper-pagination-bullet {opacity:1; display: inline-block; width: 1.4rem; height: 1.4rem; background: #fff; border: 2px solid #ccc; border-radius: 50%; margin: 0 0.5rem; cursor:pointer; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.main_top_bn .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #2190ba; border: 2px solid #fff;}
.gnb_pc {display:block;}
.gnb_m {display:none;}



@media (max-width:1368px) {

#c_gnb {padding:0 2rem;}
#c_gnb .mn_ul .dep_w .de1 a {font-size:1.7rem;}
#c_gnb .mn_ul .dep_w .dep_m a {font-size:1.5rem;}

}


@media (max-width:1280px) {

#section3 .slide_b1_arr {right:0;}
.idx_wr .in_txt {margin-left: 5rem;}
.main_tab .tab_tit li {font-size:1.8rem;}

}

@media (max-width:1024px) {

#section2,
#section3 {height:80rem;}
.tbl {border-top:2px solid #2190ba;}
.tbl_m {display:block;}
.tbl table th {display:none;}
.tbl table td.td1,
.tbl table td.td2,
.tbl table td.td4 {display:none;}
.tbl table td {padding:1.5rem 1.5rem;}
.tbl table td.td3 .m1 {font-size: 1.5rem; color: #666; margin: 0.5rem 0;}
.tbl table td.td3 .m1 .c1 {color:#2190ba; margin-right:1.5rem;}
.tbl table td.td3 .m1 .c2 {}
.tbl table td.td3 .m2 {font-size:1.5rem; color:#666;}
.main_top_bn {display:none;}
.gnb_pc {display:none;}
.gnb_m {display:block;}
#right_menu {display:none;}
.s_menu {position: absolute; top: 0; right: 0; width: 6rem; height: 6rem; background: #2190ba; cursor:pointer;}
.s_menu:hover .slide_btn {}
.s_menu:hover .slide_btn span {width:20px;}
.s_menu:hover .slide_btn .s2 {width:28px;}
.slide_btn {width:28px; margin:1.5rem auto;}
.slide_btn:after {content:''; display:block; clear:both;}
.slide_btn span {float:left; background:#fff; height:2px; margin:0.4rem 0; width:28px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}
.slide_btn .s2 {width:20px;}
#menu {opacity:0; width: 30rem; height: 100%; position: fixed; top: 0; right:-100%; z-index: 11; background: #fff; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}
body.open #menu {right: 0px; opacity:1; z-index:1000;}
.dim {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9; opacity:0; display:none; background:rgba(0,0,0,0.5)}
body.open .dim {opacity:1; display:block;}
.slide_close {width: 60px; height: 60px; position: absolute; right: 0px; top: 0px; background-image: url('../assets/j_img/close_btn_b.svg'); background-size: 2rem; background-repeat: no-repeat; background-position: center; cursor: pointer;}
.s_logo {height: 6rem; border-bottom:1px solid #757575;}
.s_logo:after {content:''; display:block; clear:both;}
.s_logo a {position: relative; z-index: 1; display: inline-block; width: 24rem; height: 6rem; background: url('../assets/j_img/logo-h-color.svg') no-repeat center; background-size: 20rem;}
#m_gnb {position:fixed; top: 0; left: 0; right: 0; width:100%; z-index: 9; height:6rem;background:rgba(0,0,0,0.3); z-index:13;}
#m_gnb .m_logo {float:left;}
#m_gnb .m_logo a {position: relative; z-index: 1; display: block; width: 24rem; height: 6rem; background: url('../assets/j_img/logo-h-white.svg') no-repeat center; background-size: 20rem;}
#menu #cssmenu {position: relative;}
#menu #cssmenu li li {position: relative;}
#menu #cssmenu ul {}
#menu #cssmenu ul li a {display:block; position: relative;}
#menu #cssmenu .has-sub {}
#menu #cssmenu:after, #menu #cssmenu ul:after {content:''; display:block; clear:both;}
#menu #cssmenu ul ul {display: none;}
#menu .cssmenu_list > li:first-child {}
#menu #cssmenu > ul > li.active > ul {display: block;}
#menu #cssmenu > ul > li > a {padding: 15px 15px;margin:0 0; cursor: pointer; z-index: 2; font-size: 16px; text-decoration: none; color: #242424; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; border-bottom:1px solid #b7b7b7; font-weight:500;}
#menu #cssmenu > ul > li > a:hover {}
#menu #cssmenu ul > li.has-sub > a:after {position: absolute; right: 31px; top: 19px; z-index: 5; display: block; height: 19px; width: 1px; background: #666; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}
#menu #cssmenu ul > li.has-sub > a:before {position: absolute; right: 22px; top: 28px; display: block; width: 19px; height: 1px; background: #666; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}
#menu #cssmenu ul > li.has-sub.open > a:after {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
#menu #cssmenu ul > li.has-sub.open > a:before {}
#menu #cssmenu ul ul li a {padding: 10px 15px; cursor: pointer; z-index: 2; font-size: 15px; text-decoration: none; color: #666; background: #fff; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
#menu #cssmenu .open {}
#menu #cssmenu .open > a {}
#menu #cssmenu .open ul {padding: 10px 0; border-bottom:1px solid #b7b7b7;}
.main_txt .m2 {font-size:2.6rem;}
.idx_wr {padding-top: 11rem;}
.idx_wr .in_txt h2 {font-size: 4rem;}
.idx_wr .in_txt .m1 {font-size: 2rem;}
.idx_wr .in_txt h2 span:after {top: 7.5rem;}
.slide_b1 {background: #fff; padding: 3rem; margin-left:0;}
.sec2_more {margin-top:3rem;}
.slide_b1 .slide_b1_arr {top: -6rem; left: 0;}
.sec3_more {margin-top:3rem;}
.sec3_more a:hover {margin-right:0;}
.sec2_ctt {height:12rem;}
.sec3_ctt .img,
.sec2_ctt .img {width:18rem; height:12rem;}
.sec3_ctt .info,
.sec2_ctt .info {padding: 1.5rem 1.5rem; margin-left: 18rem; height: 12rem;}
.sec3_ctt .info h3,
.sec2_ctt .info h3 {font-size: 1.8rem;}
.sec3_ctt .info .s1,
.sec2_ctt .info .s1 {font-size:1.6rem;}
.sec3_ctt .info .s2,
.sec2_ctt .info .s2 {font-size:1.4rem;}
.slide_b1 .swiper-container,
.slide_b2 .swiper-container {padding-bottom:2rem;}
.h2_tit {font-size:4rem;}
.h2_tit span:after {top: 7.5rem;}
#section4 {padding-top: 7rem;}
.sec4_ctt .info .m2 {font-size:2rem;}
.sec4_ctt .info h3 {font-size:3rem;}
.sec4_ctt .info {padding:2rem 2rem 0;}
#section5 {padding-top:7rem;}
.notice_ltt h3 {font-size: 1.8rem; height: 5.2rem;}
.notice_ltt .date {margin-top: 3rem;}
.news_ltt h3 {font-size:1.8rem;}
#section6 {padding-top:7rem;}
.info_ctt .tit {font-size:3rem;}
.info_ctt .list h3 {font-size:2.2rem;}
.info_ctt .list .abox dl {font-size:1.8rem;}
#footer .abox {position:static; margin-bottom:3rem; margin-left: 29rem;}
#section3 {background-size: 132%;}
.sec4_ctt .thumb img {width:100%; }
.sec4_ctt .info {position:static; width:auto; padding:2rem 2rem;}
.sec4_ctt .info .more {position:static; margin-top:5rem;}
.sec4_ctt .info h3 {font-size:2.5rem;}
.sec4_ctt .thumb .you_ic {left:auto; right:3rem;}

.media_tab li {width: 33.333333%; margin-bottom: 1.5rem;}
.media_tab li a {font-size: 1.6rem;}
.media_ctt .abox:after {content:''; display:block; clear:both;}
.media_ctt .abox .sch {float:left; display:block;}
.gall_type_box li {width:33.333333%;}

.fix_scr #m_gnb {background: rgba(0,0,0,0.77);}

#view_ly .layer_ctt {max-width:64rem;}
.edu_wr .abox .img {height: auto; width: 16rem; top: 1rem;}
.edu_wr .abox .info {margin-left: 19rem;}
.edu_wr .abox .info h2 {font-size: 2.8rem;}
.edu_list dl dt {font-size: 1.8rem;}
.edu_wr .abox .info .edu_sns {top: 0;}
.edu_wr .abox .info .edu_sns a img {height: 4rem;}

.news_ltt .in:before, .notice_ltt .in:before,
.news_ltt .in:after, .notice_ltt .in:after {display:none;}

}

@media (max-width:768px) {

.slide_b2 {margin-top: 11rem;}
.idx_wr .in_txt h2 {font-size: 3rem;}
.main_tab .tab_tit li {font-size: 1.5rem; margin: 0 1rem;}
.h2_tit {font-size: 3rem;}
.h2_tit span:after {top: 5.5rem;}
.news_ltt .list,
.notice_ltt .list {width:33.33333%;}
.info_ctt {padding:2.5rem 2.5rem;}
.info_ctt .tit {font-size:2.5rem;}
.info_ctt .list li {padding:0 1rem;}
.info_ctt .list h3 {font-size:1.8rem;}
.info_ctt .list .abox {margin-top:1.5rem;}
.info_ctt .list .abox dl {font-size:1.6rem;}
#footer .logo {position:static; margin-bottom:3rem;}
#footer .abox {margin-left:0;}
#footer .txt {font-size:1.4rem; margin-left:0;}
#footer {padding:3rem 0 8rem;}

#view_ly .edu_close {top:0; right:0; background: url('../assets/j_img/close_btn_b.svg') no-repeat center; background-size: 2rem;}
.edu_wr .abox .info .edu_sns {right:3rem;}


}

@media (max-width:640px) {

.main_txt {padding: 3rem; width: 90%;}
.main_txt .m2 {font-size:2.4rem;}
.idx_wr .in_txt:before {width: 9rem; top: -2rem;}
.idx_wr .in_txt h2 span:after {top: 5.5rem;}
.idx_wr .in_txt .m2 {font-size:1.6rem;}
#section2 {background-position: 72% top;}

.sec3_ctt,
.sec2_ctt {height:auto;}
.sec3_ctt .img, .sec2_ctt .img {position:static; width:auto; height:auto;}
.sec3_ctt .img img, .sec2_ctt .img img {width:100%;}
.sec3_ctt .info, .sec2_ctt .info {height:auto; margin-left:0; padding:2.5rem 1.5rem;}
.slide_b1 .swiper-container, .slide_b2 .swiper-container {padding:2rem;}
.slide_b1 {padding:2rem;}
#section3 {}
.sec2_more {text-align:center;}
.sec2_more a {float:none;}
.sec3_more {text-align:center;}
.sec3_more a {float:none; display:inline-block;}

.main_tab .tab_tit li {display: block; float: left; width: 33.333333%; margin: 0 0 1.5rem; font-size: 1.35rem; letter-spacing: -1px;}
#section4 .conBox {margin-top:1rem;}
.sec4_ctt .info .m1 {font-size:1.4rem;}
.sec4_ctt .info .m2 {font-size:1.8rem;}
.sec4_ctt .info h3 {font-size:2.2rem;}
.sec4_ctt .info .m3 {font-size:1.6rem;}
.sec4_ctt .info .more a {font-size:1.4rem;}
#section5 {padding-top: 5rem; margin-bottom: 7rem;}
.sec5_tab.main_tab .tab_tit li {width: 50%; font-size: 1.5rem;}
.news_ltt .list, .notice_ltt .list {width:50%; margin-bottom:2rem;}
.notice_ltt h3 {font-size: 1.6rem; height: 4.8rem; padding: 0 1rem;}
.news_ltt h3 {font-size:1.6rem; padding:0 1rem;}
.notice_ltt .in {padding: 2rem 0;}
.news_ltt .date,
.notice_ltt .date {margin-top: 2rem;}
.news_ltt .date .txt,
.notice_ltt .date .txt {font-size:1.4rem; padding:0 1rem;}
.news_ltt .cate {padding:0 1rem;}
.sec6_tab.main_tab .tab_tit li {width:33.33333%; font-size: 1.5rem; margin:0 0;}
.info_ctt {padding:2rem 2rem;}
.info_ctt .tit {font-size:2.2rem;}
.info_ctt .list li {width:100%;}
.info_ctt .list .in {padding: 2rem 3rem;}
.info_ctt .list .yout_ic {top: 1.5rem; right: 3rem;}
#section6 {padding-bottom:5rem;}
#footer .logo img {height: 3rem;}
#footer .abox li {float:none; display:inline-block; vertical-align:middle;}
#footer .abox li a {font-size:1.4rem;}
#footer .abox ul {text-align:center;}
#footer .logo {text-align:center;}
#footer .txt {text-align:center;}
#footer .txt .midline {display:block; height:auto; width:auto;}
#footer .txt .m1,
#footer .txt .m2 {line-height: 2.5rem;}
#footer .txt .m3 {font-size:1.2rem;}

.media_tab li a {font-size:1.5rem;}
.media_title {margin-top: 1rem;}
.media_ctt .abox .sch {float:none;}
.type_box {position:static; margin-top:2rem; width:auto;}
.type_box:after {content:''; display:block; clear:both;}
.type_box ul {float:right; width:11rem;}
.media_ctt .abox .sch .selc {width: 30%;}
.media_ctt .abox .sch .ipt {width: 55%; padding:0 1rem;}
.media_ctt .abox .sch .sch_btn {width:15%;}
.gall_type_box li {width:100%;}
.gall_type_box .img img {width:100%;}

.tbl table td {font-size:1.6rem;}

#view_ly .layer_ctt {max-width:none; width:90%; padding: 2rem;}
.edu_wr .abox .img {width:auto; position:static;}
.edu_wr .abox .img img {width:100%;}
.edu_wr .abox .info {margin-left:0; margin-top:2rem;}
.edu_wr .abox .info h2 {font-size:2.2rem;}
.edu_wr .abox .info .edu_sns {right: 0; top: -1rem;}
.edu_list dl dd {font-size:1.4rem;}
.edu_wr .dbox .w40 {width:100%;}
.edu_wr .dbox .w60 {width:100%;}
#view_ly .edu_close {top:-5rem; background: url('../assets/j_img/close_btn_w.svg') no-repeat center; background-size: 2rem;}

.slide_b1 .slide_b1_arr {left: auto; right: 0;}
#section3 .slide_b1_arr {right: 0;}

#section2,
#section3 {height:auto;}

.slide_b1,
.slide_b2 {position:relative; margin-top: 14rem;}
.idx_wr {padding-top: 7rem;}
.idx_wr .in_txt h2 {font-size: 2.5rem;}
.idx_wr .in_txt .m1 {font-size:1.7rem;}



}