@charset "utf-8";
/* CSS Document */


/* ====== font ======================================================================================================= */
/* Montserrat */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Thin.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Thin.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-ExtraLight.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-ExtraLight.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-ExtraLight.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Light.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Light.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Regular.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Regular.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Medium.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Medium.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-SemiBold.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-SemiBold.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-SemiBold.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Bold.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Bold.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-ExtraBold.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-ExtraBold.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-ExtraBold.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Black.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Black.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Black.otf) format('opentype');
}

/* Noto Sans */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100;
  src:
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Thin.woff2) format('woff2'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Thin.woff) format('woff'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Thin.otf.eot) format('eot'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 200;
  src:
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Light.woff2) format('woff2'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Light.woff) format('woff'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Light.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src:
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Regular.woff2) format('woff2'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Regular.woff) format('woff'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Regular.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src:
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Medium.woff2) format('woff2'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Medium.woff) format('woff'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Medium.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src:
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Bold.woff2) format('woff2'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Bold.woff) format('woff'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Bold.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src:
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Black.woff2) format('woff2'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Black.woff) format('woff'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Black.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Black.otf) format('opentype');
}


/* ====== common ======================================================================================================= */
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.ellipsis2, .ellipsis3{display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; word-wrap:break-word}
.ellipsis2{-webkit-line-clamp:2}
.ellipsis3{-webkit-line-clamp:3}
input, button, select{-webkit-appearance:none; border-radius:0}
select::-ms-expand{display:none}
.site_width{position:relative; max-width:1200px; margin:0 auto}
.title{font-size:30px; line-height:50px; font-weight:500; letter-spacing:-0.5px; color:#231916; text-align:center; padding:0 0 60px}
.title a{position:relative; display:inline-block; width:25px; height:25px; vertical-align:middle; margin:-4px 0 0 20px; border:1px solid rgba(0,0,0,.2); font-size:0}
.title a svg{transform:rotate(90deg) scale(0.5); fill:rgba(0,0,0,.5)}
@media screen and (max-width:1099px){
.title{font-size:24px; line-height:30px; padding:0 0 30px}
}


/* ====== index ======================================================================================================= */
/* header */
.header{position:fixed; font-size:0; top:0; left:0; width:100%; height:110px; z-index:11; background:#fff; transition:.2s; border-bottom:1px solid transparent}
.header_logo{position:absolute; display:block; top:-10px; left:0; width:170px; height:50px; z-index:1}
.header_logo svg{position:absolute; top:0; left:0; width:100%; height:100%; transition:.2s; fill:#231916}
.header_logo .header_logo_col1{fill:#f2e5da}
.header_menu{position:relative; text-align:right}
/* 게이트웨이 생기면서 임시교체
.header_menu_gnb{position:absolute; top:-40px; right:10px}
*/
.header_menu_gnb{position:absolute; top:-34px; right:30px}

.header_menu_gnb li{display:inline-block; vertical-align:middle}
.header_menu_gnb li:after{position:relative; content:""; display:inline-block; vertical-align:middle; width:1px; height:10px; background:rgba(0,0,0,.2); margin-top:-8px; transition:.2s}
.header_menu_gnb li:last-child:after{display:none}

/* 게이트웨이 생기면서 임시교체
.header_menu_gnb li a{display:inline-block; font-size:12px; line-height:20px; font-weight:300; letter-spacing:0.5px; color:rgba(0,0,0,.5); padding:10px 20px; transition:.2s}
*/

.header_menu_gnb li a{border:1px solid #ccc; padding:0 10px; line-height:29px; border-radius:6px; color:#4289ce; font-weight:400; letter-spacing:0; font-size:13px; display:block}

.header_menu_gnb li a.on{color:#111; font-weight:400; transition:.2s}
.header_menu_lnb{position:relative; margin-top:40px;}
.header_menu_lnb li{display:inline-block; vertical-align:middle}
.header_menu_lnb li a{display:block; position:relative; font-size:20px; line-height:26px; font-weight:400; letter-spacing:-0.5px; color:#231916; padding:10px 30px; transition:.2s}
.header_menu_lnb li a.on, .header_menu_lnb li a:hover, .header.change .header_menu_lnb li a.on, .header.change .header_menu_lnb li a:hover{color:#4289ce}
/* change */
.header.change{background:#fff; border-bottom-color:rgba(0,0,0,.1)}
.header.change .header_logo svg{fill:#231916}
.header.change .header_menu_gnb li:after{background:rgba(0,0,0,.2)}
/* 게이트웨이
.header.change .header_menu_gnb li a{color:rgba(0,0,0,.5)}
*/
.header.change .header_menu_lnb li a{color:#231916}
/* header_menu_m */
.header_menu_m{display:none}
@media screen and (max-width:1099px){
.header{height:55px; border-bottom-color:transparent}
.header_logo{top:12.5px; left:50%; width:102px; height:30px; margin-left:-51px}
.header_menu{text-align:center}
.header_menu_gnb{position:absolute; margin-right:0; /*top:17.5px; right:10px;*/ z-index:1}
.header_menu_gnb{top:13px; right:10px}/* 게이트웨이 */
.header_menu_gnb li a{font-size:11px; letter-spacing:0; padding:0 5px}
.header_menu_lnb{display:none}
/* header_menu_m */
.header_menu_m{position:fixed; overflow:hidden; top:0; left:0; height:55px; width:50px; z-index:2; display:block}
.header_menu_m .burger-container{position:relative; display:inline-block; height:55px; width:50px; cursor:pointer; transition:.2s; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent}
.header_menu_m .burger-container #burger{width:18px; height:8px; position:relative; display:block; margin:-4px auto 0; top:50%}
.header_menu_m .burger-container #burger .bar{width:100%; height:1px; display:block; position:relative; background:#231916; transition:.1s}
.header_menu_m .burger-container #burger .bar.topBar{transform:translateY(0px) rotate(0deg)}
.header_menu_m .burger-container #burger .bar.btmBar{transform:translateY(6px) rotate(0deg)}
.header_menu_m ul.menu{position:relative; display:block; padding:0px 30px; margin-top:50px}
.header_menu_m ul.menu li.menu-item{border-bottom:1px solid rgba(0,0,0,.05); transform: scale(1.15) translateY(-30px); opacity: 0}
.header_menu_m ul.menu li.menu-item a{display:block; position:relative; color:#231916; font-weight:400; font-size:16px; line-height:4; width:100%; letter-spacing:-0.5px}
.header_menu_m ul.menu li.menu-item.menu-item-all a{text-align:center; border:1px solid #bbb; margin-top:30px; line-height:3}
.header_menu_m ul.menu li.menu-item a.on{color:#4289ce}
.header_menu_m.menu-opened{height:100%; background:#fff; width:100%}
.header_menu_m.menu-opened .burger-container{-webkit-transform:rotate(90deg); transform:rotate(90deg)}
.header_menu_m.menu-opened .burger-container #burger .bar{transition:all 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); background:#231916}
.header.change .header_menu_m .burger-container #burger .bar{background:#231916}
.header_menu_m.menu-opened .burger-container #burger .bar.topBar{-webkit-transform:translateY(4px) rotate(45deg); transform:translateY(4px) rotate(45deg)}
.header_menu_m.menu-opened .burger-container #burger .bar.btmBar{-webkit-transform:translateY(3px) rotate(-45deg); transform:translateY(3px) rotate(-45deg)}
.header_menu_m.menu-opened ul.menu li.menu-item{transform: scale(1) translateY(0px); opacity:1}
}
/* main */
.main{position:relative; height:630px; background:url("//static.heraldcorp.com/wbazic/gbf/2025_2/images/main.jpg") center no-repeat; background-size:cover}
.main img{display:none}
/* person_bg */
.person_bg{position:relative; overflow:hidden; padding:80px 0}
.person_bg .site_width{max-width:1100px}
.person_swiper, .person_swiper2{position:relative; overflow:hidden}
.person_swiper .swiper-slide, .person_swiper2 .swiper-slide{position:relative; overflow:hidden; display:block; width:200px; margin:0 10px}
.person_swiper_img{position:relative; overflow:hidden; width:200px; height:200px; border-radius:50%; margin-bottom:15px}
.person_swiper_img img{position:absolute; top:0; left:0; width:100%; height:100%}
.person_swiper_img:after{position:absolute; content:""; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.1); border-radius:50%}
.person_swiper_t{text-align:center; font-size:17px; line-height:26px; color:#231916; font-weight:500; letter-spacing:-0.5px; word-break:keep-all}
.person_swiper_info{font-size:13px; line-height:16px; color:#999; font-weight:300; margin-top:7px; word-break:keep-all}
.person_bg .swiper-button-prev, .person_bg .swiper-button-next{width:50px; height:50px; margin-top:-10px; outline:none}
.person_bg .swiper-button-prev{left:-50px}
.person_bg .swiper-button-next{right:-50px}
.person_bg .swiper-button-prev:after, .person_bg .swiper-button-next:after{display:none}
.person_bg .swiper-button-prev svg, .person_bg .swiper-button-next svg{position:absolute; top:50%; left:50%; width:30px; height:30px; fill:#aaa}
.person_bg .swiper-button-prev svg{transform:translate(-50%, -50%) rotate(-90deg)}
.person_bg .swiper-button-next svg{transform:translate(-50%, -50%) rotate(90deg)}
@media screen and (max-width:1099px){
/* main */
.main{height:auto; background:#1e2b45}
.main img{display:block; width:100%; max-width:500px; margin:0 auto}
/* person_bg */
.person_bg{padding:50px 0}
.person_bg .site_width{max-width:calc(100% - 60px)}
.person_swiper .swiper-slide, .person_swiper2 .swiper-slide{width:calc(50% - 20px)}
.person_swiper_img{width:100%; height:0; padding-bottom:100%}
.person_swiper_t{font-size:17px; line-height:24px}
.person_swiper_info{font-size:13px; line-height:19px; letter-spacing:-0.8px}
.person_bg .swiper-button-prev, .person_bg .swiper-button-next{width:30px; height:30px; margin-top:-15px}
.person_bg .swiper-button-prev{left:-25px}
.person_bg .swiper-button-next{right:-25px}
.person_bg .swiper-button-prev svg, .person_bg .swiper-button-next svg{width:25px; height:25px}
}
/* main_intro */
.main_intro{text-align:center; background:url("//static.heraldcorp.com/wbazic/gbf/2025_2/images/main_intro.jpg") center no-repeat; background-size:cover; font-size:30px; line-height:45px; font-weight:100; color:#fff; padding:80px 0; letter-spacing:-1px; word-break:keep-all}
.main_intro b{font-weight:500}
.main_intro a{display:block; line-height:48px; width:200px; border:1px solid rgbA(255,255,255,.5); margin:40px auto 0; border-radius:8px; font-size:16px; font-weight:300; transition:.2s; letter-spacing:-0.2px}
.main_intro a:hover{border-color:rgba(255,255,255,.7); background:rgba(0,0,0,.5)}
/* edu_bg */
.edu_bg{position:relative; padding:80px 0; background:#f3f3f3}
.edu{font-size:0}
.edu li{width:33.33%; display:inline-block; vertical-align:top}
.edu li a{display:block; margin:0 20px}
.edu_li_img{padding-bottom:78%; position:relative; margin-bottom:20px}
.edu li a img{position:absolute; top:0; left:0; width:100%; height:100%}
.edu_li_t1{font-size:17px; line-height:25px; color:#231916; font-weight:500; letter-spacing:-1px; word-break:keep-all; text-align:center; padding:0 10px 3px}
.edu_li_t2{font-size:13px; line-height:18px; color:#aaa; font-weight:300; letter-spacing:0; word-break:keep-all; text-align:center; padding:0 10px}
@media screen and (max-width:900px){
.main_intro{font-size:18px; line-height:30px; padding:50px 20px; font-weight:200}
.main_intro a{margin-top:30px; font-size:15px}
.edu_bg{padding:50px 0}
.edu{margin:0 5px}
.edu li a{margin:0 10px}
}
@media screen and (max-width:500px){
.edu li{width:100%; margin-bottom:25px}
.edu li:last-child{margin-bottom:0}
.edu li a{margin:0 20px}
.edu_li_img{margin-bottom:15px}
.edu_li_t1{font-size:17px; line-height:26px; font-weight:400; letter-spacing:-0.7px; padding-bottom:6px}
.edu_li_t2{font-size:14px; letter-spacing:-0.5px}
}
/* footer */
.footer{position:relative; padding:50px 0; border-top:1px solid rgba(0,0,0,.1); text-align:center}
.footer_li{font-size:0; margin-bottom:30px}
.footer_li li{position:relative; display:inline-block; vertical-align:top; margin:0 20px}
.footer_li li a{display:block}
.footer_li li a img{max-width:183px; max-height:22px}
.footer_t{font-size:11px; line-height:15px; color:#999; font-weight:300; letter-spacing:0.3px}
@media screen and (max-width:1099px){
/* footer */
.footer{padding:30px 0}
.footer_li{margin-bottom:15px}
.footer_li li{margin:0 5px}
.footer_li li:first-child{margin-left:0}
.footer_li li:last-child{margin-right:0}
.footer_li li a img{max-width:90px; max-height:12px}
.footer_t{font-size:10px; line-height:14px; letter-spacing:0}
}


/* ====== intro ======================================================================================================= */
.sub_top{position:relative; margin-top:111px; padding:50px 0; background:url("//static.heraldcorp.com/wbazic/gbf/2025_2/images/sub_top.jpg") center no-repeat; background-size:cover}
.sub_top .site_width, .intro .site_width, .person_page .site_width, .schedule .site_width, .contact .site_width, .application_page .site_width{max-width:1080px}
.sub_top_t1{font-size:30px; line-height:24px; font-weight:300; color:#f2e5da; padding-bottom:5px}
.sub_top_t2{font-size:18px; line-height:27px; font-weight:200; color:#f2e5da; padding-bottom:15px}
.sub_top_t3{font-size:44px; line-height:54px; font-weight:400; color:#4289ce; letter-spacing:-1px}
.title.sub_title{padding-top:60px}
.intro_align{margin-bottom:100px}
.intro_align:after{content:""; display:table; table-layout:fixed; clear:both}
.intro_align_l .intro_l, .intro_align_l .intro_r{float:left}
.intro_align_r .intro_l, .intro_align_r .intro_r{float:right}
.intro_align_r .intro_l{margin-right:0; margin-left:50px}
.intro_align_r .intro_l_t1, .intro_align_r .intro_l_t2{text-align:right}
.intro_l{width:300px; margin-right:50px}
.intro_r{width:calc(100% - 350px)}
.intro_poster{position:relative}
.intro_poster img{width:100%}
.intro_poster:after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.1)}
.intro_l_t1{font-size:24px; line-height:32px; font-weight:400; padding:20px 0 10px; color:#231916}
.intro_l_t2{font-size:14px; line-height:21px; letter-spacing:-0.3px; font-weight:300; color:#888}
.intro_r_t1{font-size:26px; line-height:1.6; font-weight:400; color:#4289ce; letter-spacing:-1.5px; word-break:keep-all; padding:0 150px 50px 0}
.intro_r_t2{font-size:17px; line-height:1.6; font-weight:300; color:#231916; letter-spacing:-0.5px; word-break:keep-all; margin-bottom:50px}
.intro_r_t3{font-size:17px; line-height:1.6; font-weight:300; color:#231916; letter-spacing:-0.5px; word-break:keep-all; text-align:right}
.intro_r_t3 b{font-size:24px; font-weight:400}
@media screen and (max-width:1099px){
.sub_top{margin-top:56px; padding:20px; background:url("//static.heraldcorp.com/wbazic/gbf/2025_2/images/sub_top_m.jpg") center no-repeat; background-size:cover}
.sub_top_t1{font-size:18px; line-height:20px; font-weight:300; padding-bottom:5px}
.sub_top_t2{font-size:11px; line-height:16px; padding-bottom:10px}
.sub_top_t3{font-size:28px; line-height:34px; letter-spacing:-0.5px}
.title.sub_title{padding-top:50px}
.intro_align{margin-bottom:50px; padding:0 20px}
.intro_align_l .intro_l, .intro_align_l .intro_r, .intro_align_r .intro_l, .intro_align_r .intro_r{float:none}
.intro_align_r .intro_l{margin:0}
.intro_align_r .intro_l_t1, .intro_align_r .intro_l_t2{text-align:center}
.intro_l{width:100%; margin-right:0}
.intro_r{width:100%}
.intro_poster{max-width:200px; margin:0 auto; width:40%}
.intro_l_t1{font-size:21px; line-height:1.6; padding:15px 0 10px; text-align:center}
.intro_l_t2{font-size:12px; line-height:1.5; text-align:center}
.intro_r_t1{font-size:21px; letter-spacing:-1.5px; padding:25px 0 20px; text-align:center}
.intro_r_t2{font-size:16px; line-height:1.7; color:#444; letter-spacing:-1px; word-break:break-all; margin-bottom:20px}
.intro_r_t3{font-size:14px; color:#444}
.intro_r_t3 b{font-size:20px; color:#231916}
}


/* ====== edu_intro ======================================================================================================= */
.edu_intro{margin-bottom:60px}
.edu_intro_main{background:url("//static.heraldcorp.com/wbazic/gbf/2025_2/images/edu_intro_main.jpg") center no-repeat; background-size:cover; padding:80px 0; margin:0 20px 0; text-align:center; color:#fff}
.edu_intro_main_title{font-size:36px; line-height:54px; font-weight:100; letter-spacing:-1.3px}
.edu_intro_main_title b{font-weight:500}
.edu_intro_main_line{font-size:30px; padding:25px 0; font-weight:100}
.edu_intro_main_li li{font-size:18px; font-weight:200; line-height:27px; letter-spacing:-0.7px;}
.edu_intro_main_li li div{display:inline-block; border-bottom:1px solid rgba(255,255,255,.5); padding:8px 0 4px}
.edu_intro_tb_bg{background:#f3f3f3; padding:60px 60px 40px; margin:0 20px 60px}
.edu_intro_tb th, .edu_intro_tb td{font-size:16px; line-height:24px; padding:5px 0; vertical-align:middle}
.edu_intro_tb th{font-weight:500; padding-right:60px; color:#231916; text-align:center}
.edu_intro_tb td{font-weight:300; color:#444}
.edu_intro_tb td a{color:#0093d1}
.edu_intro_tb td a:hover{text-decoration:underline}
.edu_intro_down{font-size:0; padding:30px 0 0; text-align:center}
.edu_intro_down li{display:inline-block; vertical-align:top}
.edu_intro_down li a{display:block; width:200px; line-height:48px; border:1px solid rgba(0,0,0,.2); border-radius:8px; font-size:16px; font-weight:300; letter-spacing:-0.2px; background:#fff; color:#231916}
.edu_intro_li{font-size:0}
.edu_intro_li li{width:calc(50% - 40px); display:inline-block; vertical-align:top; margin:0 20px 40px}
.edu_intro_li li a{display:block; cursor:inherit}
.edu_intro_li_img{padding-bottom:78%; position:relative; margin-bottom:20px}
.edu_intro_li_img img{position:absolute; top:0; left:0; width:100%; height:100%}
.edu_intro_li_t1{font-size:20px; line-height:30px; color:#4289ce; font-weight:400; letter-spacing:-1px; word-break:keep-all; text-align:center; padding:0 10px 10px}
.edu_intro_li_t2{font-size:15px; line-height:22px; color:#666; font-weight:300; letter-spacing:-0.5px; word-break:keep-all; text-align:center; padding:0 10px}
@media screen and (max-width:1099px){
.edu_intro{margin-bottom:30px}
.edu_intro_main{padding:40px 20px 35px; margin:0 0 30px}
.edu_intro_main_title{font-size:18px; line-height:30px; letter-spacing:-1.3px; font-weight:200; word-break:keep-all}
.edu_intro_main_line{font-size:16px; padding:20px 0 15px}
.edu_intro_main_li li{font-size:14px; line-height:22px; letter-spacing:-0.5px; word-break:keep-all}
.edu_intro_main_li li div{padding:5px 0; border:none; text-decoration:underline}
.edu_intro_tb_bg{padding:30px 20px; margin:0 0 30px}
.edu_intro_tb th, .edu_intro_tb td{font-size:15px; line-height:23px; padding:6px 0; vertical-align:top; letter-spacing:-0.5px}
.edu_intro_tb th{padding-right:20px; width:70px}
.edu_intro_tb td{word-break:keep-all}
.edu_intro_down{padding-top:20px}
.edu_intro_down li a{font-size:15px}
.edu_intro_li{margin:0 10px}
.edu_intro_li li{width:calc(50% - 20px); margin:0 10px 20px}
.edu_intro_li_img{margin-bottom:15px}
.edu_intro_li_t1{font-size:16px; line-height:24px; letter-spacing:-1px; padding:0 0 10px}
.edu_intro_li_t2{font-size:13px; line-height:19px}
}


/* ====== person ======================================================================================================= */
.sub_title_cap{font-size:13px; line-height:18px; font-weight:300; letter-spacing:-0.3px; color:#999; text-align:center; margin:-50px 0 50px}
.person{position:relative; font-size:0; padding-bottom:70px}
.person li{position:relative; margin-bottom:30px; border:1px solid #ddd; padding:50px; box-shadow:0 20px 20px rgba(0,0,0,.03)}
.person_l, .person_r{position:relative; display:inline-block; vertical-align:top}
.person_l{width:150px; height:150px; border-radius:50%; overflow:hidden; margin:0 50px 0 0}
.person_l img{width:100%; height:100%}
.person_l:after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.1); border-radius:50%}
.person_l_m_img{display:none}
.person_r{width:calc(100% - 200px); line-height:1.5; letter-spacing:-1px; word-break:keep-all}
.person_r_name{font-size:24px; font-weight:500; color:#231916; margin-bottom:10px}
.person_r_title{font-size:18px; font-weight:300; color:#4289ce; padding-bottom:20px; border-bottom:1px solid rgba(0,0,0,.1); margin-bottom:20px}
.person_r_info{font-size:15px; font-weight:300; color:#777; line-height:27px}


.person.e_person li{box-sizing:border-box; width:20%; padding:30px; text-align: center}
.person.e_person .person.e_person .person_l, .person.e_person .person_r{position:relative; display:block; vertical-align:top}
.person.e_person .person_l{margin:0}
.person.e_person .person_r{width:100%}
.person.e_person .person_r_name{margin-top:20px}
.person.e_person .person_r_title{padding-bottom:0; border-bottom:0; margin-bottom:0}
.person.e_person .person_r_info{font-size:15px; font-weight:300; color:#777; line-height:27px}


.no_person{padding:250px 0 350px; text-align:center; font-weight:300; color:#999}
.person_page .sub_title{padding-bottom:20px}
.person_page .sub_title_cap{margin-top:0}
@media screen and (max-width:1099px){
.sub_title_cap{font-size:14px; line-height:21px; letter-spacing:-0.8px; margin:-15px 40px 30px; word-break:keep-all}
.person{max-width:calc(100% - 40px); margin:0 auto 50px; padding-bottom:0}
.person li{margin-bottom:30px; padding:20px; box-shadow:0 10px 10px rgba(0,0,0,.03)}
.person_l{display:none}
.person_r{width:100%}
.person_l_m_img, .person_r_name_bg{position:relative; display:inline-block; vertical-align:middle}
.person_l_m_img{width:90px; height:90px; margin:0 20px 0 0; border-radius:50%; overflow:hidden}
.person_l_m_img img{width:100%; height:100%}
.person_l_m_img:after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.1); border-radius:50%}
.person_r_name_bg{width:calc(100% - 110px)}
.person_r_name{font-size:19px; margin:0 0 5px}
.person_r_title{font-size:14px; padding-bottom:0; margin-bottom:0; border-bottom:none}
.person_r_info{font-size:14px; line-height:24px; border-top:1px solid rgba(0,0,0,.1); padding-top:20px; margin-top:20px}

.person.e_person li{box-sizing:border-box; width:20%; padding:30px; text-align: center}
.person.e_person .person.e_person .person_l, .person.e_person .person_r{position:relative; display:block; vertical-align:top}
.person.e_person .person_l{margin:0}
.person.e_person .person_r{width:100%}
.person.e_person .person_r_name{margin-top:20px}
.person.e_person .person_r_title{padding-bottom:0; border-bottom:0; margin-bottom:0}
.person.e_person .person_r_info{font-size:15px; font-weight:300; color:#777; line-height:27px}

}
/* person_e */
.person_e{position:relative; font-size:0; padding-bottom:60px}
.person_e li{display:inline-block; vertical-align:top; width:calc(20% - 20px); margin:0 10px 40px}
.person_e_img{padding-bottom:100%; position:relative}
.person_e_img img{position:absolute; top:0; left:0; width:100%; height:100%;}
.person_e_img:after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.1)}
.person_e_t1{text-align:center; font-size:17px; line-height:21px; color:#231916; font-weight:500; letter-spacing:-0.5px; word-break:keep-all; margin:15px 0 7px}
.person_e_t2{text-align:center; font-size:13px; line-height:16px; color:#999; font-weight:300; letter-spacing:-0.3px; word-break:keep-all}
@media screen and (max-width:1099px){
.person_e{padding-bottom:20px; margin:0 10px}
.person_e li{width:calc(50% - 20px); margin:0 10px 30px}
.person_e_t1{font-size:16px; line-height:20px}
.person_e_t2{font-size:12px; line-height:15px; letter-spacing:-0.5px}
}

.person_tab{text-align:center; font-size:0; padding:0 0 20px}
.person_tab li{display:inline-block; min-width:175px; margin-right:-1px; vertical-align:top}
.person_tab .person_tab_title{display:block; padding:0 30px; font-size:20px; line-height:40px; font-weight:400; color:#231916; cursor:pointer; border:1px solid #4289ce}
.person_tab li.on .person_tab_title{color:#fff; background:#4289ce}
.person_tab .on{position:relative}
.person_con{position:relative}
@media screen and (max-width:1099px){
  .person_tab{max-width:calc(100% - 40px);margin:0 auto}
  .person_tab li{width:50%}
  .person_tab .person_tab_title{padding:5px 20px; font-size:16px}
}


/* ====== schedule ======================================================================================================= */
.schedule{padding-bottom:100px}
.schedule_li{margin-bottom:40px}
.schedule_li li{display:table; width:100%}
.schedule_li_th1, .schedule_li_th2, .schedule_li_th3, .schedule_li_th4, .schedule_li_td1, .schedule_li_td2, .schedule_li_td3, .schedule_li_td4{display:table-cell; vertical-align:middle; text-align:center; font-size:15px; font-weight:300; line-height:26px; color:#231916}
.schedule_li_th1, .schedule_li_th2, .schedule_li_th3, .schedule_li_th4{border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background:#f3f3f3; font-weight:400; padding:10px 0}
.schedule_li_th1, .schedule_li_td1{width:100px}
.schedule_li_th2, .schedule_li_td2{width:calc(100% - 300px)}
.schedule_li_th3, .schedule_li_td3{width:100px}
.schedule_li_th4, .schedule_li_td4{width:100px}
.schedule_li_td1, .schedule_li_td2, .schedule_li_td3, .schedule_li_td4{border-bottom:1px solid #e3e3e3; padding:20px 0}
.schedule_li_notice{color:#4289ce; font-weight:400}
.schedule_li_td2{text-align:left; word-break:keep-all}
.schedule_li_td2:hover{text-decoration:underline}
.schedule_li_td2_rock{display:inline-block; vertical-align:middle; width:16px; height:16px; fill:#bbb; margin:-3px 0 0 10px}
.schedule_li_td3 svg{width:13px; fill:#231916; transition:.2s; display:inline-block; vertical-align:middle}
.schedule_li_td3:hover svg{fill:#4289ce}
/* schedule_sch */
.schedule_sch{position:relative; text-align:center; font-size:0; margin-bottom:40px;}
.schedule_sch form{display:inline-block; vertical-align:top; width:100%}
.schedule_sch_sel, .schedule_sch_intype1, .schedule_sch_btn{display:inline-block; vertical-align:top; font-weight:300}
.schedule_sch_sel{width:105px; height:42px; border:1px solid #ccc; margin-right:10px; position:relative}
.schedule_sch_sel select{width:100%; height:100%; background:#fff; font-size:14px; color:#231916; padding-left:10px}
.schedule_sch_sel svg{position:absolute; top:15px; right:10px; width:8px; height:13px; transform:rotate(90deg); fill:#999}
.schedule_sch_intype1{width:300px; height:42px; padding:0 20px; letter-spacing:-0.5px; border:1px solid #ccc; color:#231916; border-right:none; font-size:15px}
.schedule_sch_btn{width:100px; height:44px; background:#231916; color:#fff; font-size:14px}
.schedule_reset{position:absolute; top:0; right:0; width:100px; line-height:42px; border:1px solid #ccc; color:#777; font-size:14px; font-weight:300}
/* schedule_paging */
.schedule_paging{text-align:center; font-size:0}
.schedule_paging ul, .schedule_paging ul li{display:inline-block; vertical-align:middle}
.schedule_paging ul li a{display:block; font-size:14px; font-weight:300; line-height:40px; width:40px; color:#231916; transition:.2s}
.schedule_paging ul li a:hover,.schedule_paging ul li a.on{background:#f2f2f2; font-weight:500}
.schedule_view_top{border-bottom:1px solid #231916; padding:30px 0; font-size:0}
.schedule_view_top_l, .schedule_view_top_r{display:inline-block; vertical-align:middle}
.schedule_view_top_l{width:calc(100% - 100px); font-size:25px; font-weight:500; line-height:36px; color:#231916; word-break:keep-all; letter-spacing:-1px}
.schedule_view_top_r{width:100px; text-align:right; font-size:14px; font-weight:300; letter-spacing:0.5px; color:#666}
.schedule_view_con{font-size:17px; font-weight:300; line-height:27px; padding:50px 0; color:#444; letter-spacing:-0.5px}
.schedule_view_con img{max-width:100%; display:block; margin:0 auto}
.schedule_view_bottom{display:block; background:#f3f3f3; padding:30px 30px; margin-bottom:50px; font-size:15px; font-weight:300; line-height:22px}
.schedule_view_bottom svg{width:14px; display:inline-block; vertical-align:middle; transition:.2s; margin:0 10px}
.schedule_view_bottom span{display:inline-block; vertical-align:middle; max-width:900px;}
.schedule_view_bottom:hover span{text-decoration:underline;}
.schedule_view_btn_bg{text-align:center}
.schedule_view_btn{display:block; margin:0 auto; border:1px solid rgba(0,0,0,.2); line-height:48px; max-width:290px; font-size:16px; font-weight:300; color:#231916; border-radius:8px; transition:.2s}
.schedule_view_btn:hover{border-color:rgba(0,0,0,.5)}
.schedule_pwd, .schedule_pwd_btn{display:block; margin:0 auto; font-size:16px; border-radius:8px}
.schedule_pwd{border:1px solid rgba(0,0,0,.2); margin-bottom:30px; height:48px; font-weight:300; padding:0 20px; width:250px; transition:.2s}
.schedule_pwd_btn{border:none; background:#231916; color:#fff; height:50px; font-weight:400; width:290px; margin-bottom:110px}
.schedule_pwd:focus{border-color:rgba(0,0,0,.5)}
@media screen and (max-width:1099px){
.schedule{padding-bottom:50px}
.schedule_li{margin-bottom:30px}
.schedule_li_th1, .schedule_li_th2, .schedule_li_th3, .schedule_li_th4, .schedule_li_td1, .schedule_li_td2, .schedule_li_td3, .schedule_li_td4{font-size:13px; line-height:22px; letter-spacing:-0.5px}
.schedule_li_th1, .schedule_li_td1{width:60px}
.schedule_li_th2, .schedule_li_td2{width:calc(100% - 190px)}
.schedule_li_th3, .schedule_li_td3{width:50px}
.schedule_li_th4, .schedule_li_td4{width:80px}
.schedule_li_td1, .schedule_li_td2, .schedule_li_td3, .schedule_li_td4{padding:15px 0}
.schedule_li_td2_rock{width:14px; height:14px; margin:-3px 0 0 5px}
/* schedule_sch */
.schedule_sch{margin:0 20px 30px}
.schedule_sch_sel{width:75px; height:38px; margin-right:-1px}
.schedule_sch_sel select{font-size:13px}
.schedule_sch_sel svg{top:14px; right:9px; width:7px; height:11px}
.schedule_sch_intype1{width:calc(100% - 219px); height:38px; padding:0 10px; font-size:14px}
.schedule_sch_btn{width:50px; height:40px; font-size:13px; margin-right:70px}
.schedule_reset{width:70px; line-height:38px; font-size:11px; right:0; border-left:none}
/* schedule_paging */
.schedule_paging ul li a{font-size:14px; line-height:34px; width:34px}
.schedule_view_top{padding:10px 20px 20px}
.schedule_view_top_l{display:block; width:100%; font-size:19px; font-weight:400; line-height:30px; letter-spacing:-1px; margin-bottom:10px}
.schedule_view_top_r{display:block; width:100%; font-size:13px; letter-spacing:0; text-align:left; color:#888}
.schedule_view_con{font-size:15px; line-height:25px; padding:30px 20px; color:#555}
.schedule_view_bottom{padding:20px; margin-bottom:30px; font-size:13px; line-height:20px}
.schedule_view_bottom svg{width:12px; margin:0 5px}
.schedule_view_bottom span{letter-spacing:-0.5px}
.schedule_view_btn{display:block; width:calc(100% - 40px); margin:0 auto}
.schedule_pwd, .schedule_pwd_btn{font-size:15px}
.schedule_pwd{max-width:250px; width:calc(100% - 42px)}
.schedule_pwd_btn{max-width:290px; max-width:290px; width:100%}
}


/* location_bg 메인 */
.location_bg{position:relative; overflow:hidden; padding:80px 0}
.location{position:relative; font-size:0}
.location_l, .location_r{display:inline-block; vertical-align:top; position:relative; overflow:hidden}
.location_l{width:50%; padding-bottom:30%; background:#999; margin-right:50px}
.location_l iframe{width:100%; height:100%; position:absolute; top:0; left:0}
.location_r{width:calc(50% - 50px)}
.location_r dl{font-size:0; margin-bottom:40px}
.location_r dl:last-child{margin-bottom:0}
.location_r dl dt{font-size:20px; line-height:30px; color:#111; font-weight:500; margin-bottom:15px; letter-spacing:-1px; word-break:keep-all}
.location_r dl dd{margin-bottom:20px}
.location_r dl dd:last-child{margin:0}
.location_r dl dd svg, .location_r_t{display:inline-block; vertical-align:top}
.location_r dl dd svg{width:30px; height:30px; margin:0 15px 0 0; fill:#4289ce}
.location_r_t{width:calc(100% - 50px); font-size:16px; line-height:27px; color:#444; font-weight:300; letter-spacing:-0.5px; word-break:keep-all}
.location_r_t b{font-weight:500}
@media screen and (max-width:1099px){
/* location_bg 메인 */
.location_bg{padding:50px 0}
.location_l, .location_r{display:block}
.location_l{width:100%; padding-bottom:50%; margin-right:0}
.location_r{width:auto; padding:30px 30px 0}
.location_r dl{margin-bottom:30px}
.location_r dl dt{font-size:18px; line-height:24px; margin-bottom:15px; letter-spacing:-1px}
.location_r dl dd{margin-bottom:15px}
.location_r dl dd svg{width:24px; height:24px}
.location_r_t{width:calc(100% - 40px); font-size:15px; line-height:22px; letter-spacing:-1px}
}

/* location 상세  */
.location_view{position:relative; font-size:0}
.location_view_l, .location_view_r{position:relative; overflow:hidden}
.location_view_l{padding-bottom:40%; margin-bottom:50px; background:#999}
.location_view_l iframe{width:100%; height:100%; position:absolute; top:0; left:0}
.location_view_r{margin-bottom:100px}
.location_view_r dl{font-size:0; border-bottom: 1px solid #eee; margin-bottom:40px}
.location_view_r dl:last-child{border-bottom:none; margin-bottom:0}
.location_view_r dl dt{font-size:20px; line-height:30px; color:#231916; font-weight:500; margin-bottom:15px; letter-spacing:-1px; word-break:keep-all}
.location_view_r dl dt a{font-size:12px; font-weight:300; line-height:26px; display:inline-block; vertical-align:middle; border:1px solid rgba(0,0,0,.2); padding:0 10px; border-radius:4px; margin:-4px 0 0 15px; transition:.2s}
.location_view_r dl dt a:hover{border-color:rgba(0,0,0,.5)}
.location_view_r dl dd{display:inline-block; width:50%; margin-bottom:40px}
.location_view_r dl dd svg, .location_view_r_t{display:inline-block; vertical-align:top}
.location_view_r dl dd svg{width:30px; height:30px; margin:0 15px 0 0; fill:#4289ce}
.location_view_r_t{width:calc(100% - 150px); font-size:16px; line-height:27px; color:#444; font-weight:300; letter-spacing:-0.5px; word-break:keep-all}
.location_view_r_t b{font-weight:500}
@media screen and (max-width:1099px){
/* location */
.location_view_l{padding-bottom:60%; margin-bottom:0}
.location_view_r{padding:30px 20px 50px; margin-bottom:0}
.location_view_r dl{padding-bottom:30px; margin-bottom:30px}
.location_view_r dl:last-child{padding-bottom:0}
.location_view_r dl dt{font-size:18px; line-height:24px; margin-bottom:20px}
.location_view_r dl dd{display:block; width:auto; margin-bottom:15px}
.location_view_r dl dd:last-child{margin:0}
.location_view_r dl dd svg{width:24px; height:24px}
.location_view_r_t{width:calc(100% - 40px); font-size:15px; line-height:23px; letter-spacing:-1px}
}

/* ====== program ======================================================================================================= */
.program{padding-bottom:100px}
.program ul{display:table; width:100%}
.program ul li{box-sizing:border-box; display:table-cell; border-collapse:collapse; color:#231916; font-size:15px; line-height: 18px;}
.program ul li span{color:#666}
.program .tbl_header{border:1px solid #e3e3e3; border-width:1px 0; background:#f3f3f3}
.program .tbl_header li.item01, .program .tbl_header li.item02{text-align:center; border-bottom:0}
.program .tbl_item01{box-sizing: border-box;}
.program .tbl_item01 li{vertical-align:middle;}
.program .tbl_item01 li.item_first{width:15%; padding:20px 5px; text-align: center; border: 1px solid #e3e3e3; border-width:0 1px 0 0}
.program .tbl_item01 + .tbl_item01 li.item_first{border-bottom:1px solid #e3e3e3}
.program .tbl_item02 li{box-sizing:border-box; padding:20px 30px; border:1px solid #e3e3e3; border-width: 0 1px 1px 0}
.program .tbl_item02 li.item01{width:44%}
.program .tbl_item02 li.item02{width:56%;border-right:0}
.program ul li.item_alone_cell{border-bottom:1px solid #e3e3e3;background:#e9f7ff}
.program ul li.item_alone_cell .tbl_item02 li.item_alone{border-bottom:0}
.program .tbl_item02 li.item_alone{width:100%; text-align:center; border-right:0; background:#e9f7ff}

@media screen and (max-width:1099px){
    .program ul li{font-size:14px}
    .program .tbl_header .tbl_item02 li.item02{border-bottom:0}
    .program .tbl_item01 li.item_first{width:30%;padding:10px; word-break:break-all;}
    .program .tbl_item02{display:block}
    .program .tbl_item02 li{display:block;width:100%;padding:15px 10px;border:none;text-align:center}
    .program .tbl_item02 li.item01{width:100%;padding:15px 10px 5px;font-weight:bold}
    .program .tbl_item02 li.item02{width:100%;padding:0 10px 15px;border-bottom:1px solid #e3e3e3;}
    .program .tbl_item02 li.item_alone{padding:20px 10px}
}

/* ====== application ======================================================================================================= */
.application{box-sizing:border-box;margin:50px 0 100px;text-align:center}
.application .info_txt{color:#111;font-size:20px;line-height:32px}
.application_down{font-size:20px; margin:40px 0}
.application_down dt{line-height:32px; margin-bottom:20px; color:#111;}
.application_down dd{display:inline-block; vertical-align:middle; margin:0 5px}
.application_down dd a{display:block; font-size:16px; color:#4289ce; padding:20px 30px; border:1px solid #4289ce; transition:.2s;}
.application_down dd a:hover{background:#4289ce; color:#fff}
.application_down dd a img{display:inline-block; width:25px; vertical-align:middle; margin:-11px 0 -9px 10px;}
.application .contact_txt{box-sizing:border-box;margin-top:80px;padding:80px 0;background:#f6f6f6}
.application .contact_txt p{color:#333;font-size:16px}
.application .contact_txt p + p{margin-top:30px}
.application .contact_txt p + p a{color:#4289ce}
.application .contact_txt span{display:inline-block}
.application .contact_txt span + span{position:relative;margin-left:26px}
.application .contact_txt span + span::before{position:absolute;top:0;bottom:0;left:-13px;width:1px;height:14px;background:#231916;content:''}
@media screen and (max-width:1099px){
.application{max-width:calc(100% - 40px);margin:50px auto 100px}
.application .info_txt{font-size:16px}

.application_down{font-size:18px; margin:20px 0}
.application_down dt{margin-bottom:10px}
.application_down dd{display:block; margin:10px 0}
.application_down dd a{padding:20px 0}
.application_down dd a img{width:25px;margin:-11px 0 -9px 10px;}

.application .contact_txt{margin-top:40px;padding:40px;font-size:14px}
.application .contact_txt p{font-size:14px}
.application .contact_txt p + p{margin-top:20px}
.application .contact_txt span + span{display:block;margin:15px 0 0 0}
.application .contact_txt span + span::before{display:none}
}