@charset "utf-8";
/* CSS Document */
.box0{ width:var(--fullWidth); margin:0 auto;}
.box1{ width:var(--baseWidth); margin:0 auto; max-width:var(--fullWidth);}

.site6 #header .all_wrap .all_layer .all_logo{ opacity: 0; pointer-events: none;}
.site6 #header .logo.ori,
.site6 .main_inquiry{ display: none;}

html:not(.site6) #header .logo.delntro{ display: none;}

.info_con .info_box > li:last-of-type{ display: none;}

.pcHide{ display:none !important;}
.moHide{}

.dn1024 {display: block;}

.ovhd {overflow: hidden;}

.gnb li.m_hide{ display:none}
.gnb .layer{ display:none !important;}
.gnb .blank .arrow:before{ content:"\e980";}

.sns_st{ gap:.5em;}
.sns_st > li .in{ width:2.5em; height:2.5em; background:#fff; border-radius:50%; color:#000; transition:.3s;}
.sns_st > li .in .tt{ display:none;}
.sns_st > li .in:hover{ background:var(--siteC); color:#fff;}
.cw > .sns_st > li .in{ background:transparent; color:#fff;}
.cw > .sns_st > li .in:hover{ background:#fff; color:#000;}

.fullH{ height:calc(100vh); box-sizing:border-box;}
.fullMH{ min-height:calc(100vh) !important; box-sizing:border-box;}

.filW{ filter:var(--crWhitefil);}/*화이트*/
.filB{ filter:var(--crBlackfil);}/*블랙*/
.filRE{ filter:var(--crfilRE);}  /*색상반전*/

/*header*/
.headT{ padding-top:calc(var(--headH) - 10px);}
.headH,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1{ height:var(--headH); transition:height .2s, background .2s; box-sizing:border-box;}
#header .gnb_wrap .gnb > li .dp1 .in{text-align: left;}

#header{ z-index:999; position:fixed; top:-3px; left:0; width:100%; background:#fff; transition:background .2s;}
#header .inner{ gap:0 1vw;}
#header .logo{}
#header .logo > .in{ transform-origin:left center; transition:.2s;}
#header .logo > .in img{ width:15em;}
#header .menu_wrap{ gap:0 2.5vw;}

#header .gnb_wrap{}
#header .gnb_wrap .gnb{}
#header .gnb_wrap .gnb > li{ position:relative; overflow:hidden;}
#header .gnb_wrap .gnb > li .dp3{ display:none;}
#header .gnb_wrap .gnb > li .dp1{ padding: 2.3em 1.25vw 0; align-items: start !important; transition: 0.2s;}
.scroll #header .gnb_wrap .gnb > li .dp1{padding: 1.5em 1.25vw;}
#header .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.063em; text-transform:uppercase;}
#header .gnb_wrap .gnb > li .dp1 .tt > span{color: #666; font-size: 0.94em; line-height: 1.5;}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; display:block; left:50%; width:100%; min-width:18em; padding:1.25em 1em; background:var(--siteC); color:#fff; transform:translateX(-50%); opacity:0; visibility:hidden; transition:.2s;}

#header .gnb_wrap .gnb > li .dp2:before{ content:""; position:absolute; left:0; top:-3px; width:100%; height:3px; background:var(--siteC2); transform:scaleX(0); opacity:0; transition:transform .3s;}
#header .gnb_wrap .gnb > li .dp2 > li > a{ display:block; padding:.75em .938em; text-align:left !important; transition:.2s;}
#header .gnb_wrap .gnb > li .dp2 > li:not(:last-child) > a{ border-bottom:1px dashed rgba(255,255,255,.15);}
#header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size:.938em; font-weight:300;}
#header .gnb_wrap .gnb > li .dp2 > li.act > a{ background:#fff !important;  color:var(--siteC);}
#header .gnb_wrap .gnb > li .dp2 > li > .link > .in > .xi{ font-size: 1em; margin-left: 3px;}
#header .gnb_wrap .gnb > li .dp2 > li.m2_art01 > a{border-radius: .313em .313em 0 0;}
#header .gnb_wrap .gnb > li .dp2 > li.m2_art06 > a{border-radius: 0 0 .313em .313em ;}
#header .gnb_wrap .gnb > li .dp2 > li.m2_art01 > a,
#header .gnb_wrap .gnb > li .dp2 > li.m2_art02 > a,
#header .gnb_wrap .gnb > li .dp2 > li.m2_art03 > a,
#header .gnb_wrap .gnb > li .dp2 > li.m2_art04 > a,
#header .gnb_wrap .gnb > li .dp2 > li.m2_art05 > a,
#header .gnb_wrap .gnb > li .dp2 > li.m2_art06 > a{background:rgb(9 50 145 / 40%); }
#header .gnb_wrap .gnb > li.m_transfer .dp2,
#header .gnb_wrap .gnb > li.m_majors .dp2{display: flex;flex-wrap: wrap;gap:0 .25em;width: 38em;}
#header .gnb_wrap .gnb > li.m_transfer .dp2 > li,
#header .gnb_wrap .gnb > li.m_majors .dp2 > li {flex: 0 0 calc((100% - .25em) / 2);}
#header .gnb_wrap .gnb > li.m_transfer .dp2 > li > a > .tt,
#header .gnb_wrap .gnb > li.m_majors .dp2 > li > a .tt{ letter-spacing:-.5px;}
#header .gnb_wrap .gnb > li.act .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC);}
#header .gnb_wrap .gnb > li.act{ overflow:visible;}
#header .gnb_wrap .gnb > li.act .dp2{ opacity:1; visibility:visible;}
#header .gnb_wrap .gnb > li.act .dp2:before{ transform:scaleX(1); opacity:1;}

#header .util_wrap{ gap:0 1.5vw;}
#header .search_wrap{}
#header .search_wrap .sc{}
#header .search_wrap .sc_btn .xi{ font-size:1.625em;}
#header .search_wrap .search_layer{ position:fixed; z-index:2; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden; transition:.2s;}
#header .search_wrap .search_layer .sc_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); backdrop-filter:blur(.375em);}
#header .search_wrap .search_layer .sc_inner{ position:relative; padding:4em 0 7em 0; background:#fff; box-shadow:0 3px 1em rgba(0,0,0,.2); text-align:center; color:#000;}
#header .search_wrap .search_layer .wrap_in{ gap:2em; width:52em; padding:0 3vw; margin:0 auto;}
#header .search_wrap .search_layer .sc_close{ position:relative; z-index:2;}
#header .search_wrap .search_layer .sc_close .close_btn{ position:absolute; top:4.5em; right:6vw; width:4em; height:4em; background:var(--siteC); border-radius:50%; color:#fff;}
#header .search_wrap .search_layer .sc_close .close_btn .xi{ font-size:1.875em; transition:.3s;}
#header .search_wrap .search_layer .sc_close .close_btn:hover .xi{ transform:rotate(180deg);}
#header .search_wrap .search_layer .sc_tit .tt{ font-size:2.500em;}
#header .search_wrap .search_layer .search{ max-width:100%; height:5em; border:3px solid var(--siteC2); border-radius:6em 6em 0 6em;}
#header .search_wrap .search_layer .search .input_st{ padding:0 2em; height:100%; font-size:1.250em; border:none; background:none;}
#header .search_wrap .search_layer .search .inp_txt{ flex:1;}
#header .search_wrap .search_layer .search .inp_btn .xi{ font-size:1.500em;}
#header .search_wrap .search_layer .search .inp_btn:hover{ color:var(--siteC);}

#header .search_wrap .search_layer .sc_keyword{ text-align:left;}
#header .search_wrap .search_layer .sc_keyword .kw_tit{ margin-bottom:1em;}
#header .search_wrap .search_layer .sc_keyword .kw_tit .tt{ font-size:1.188em; font-weight:700;}
#header .search_wrap .search_layer .sc_keyword .kw_list{ gap:.75em 1.5em;}
#header .search_wrap .search_layer .sc_keyword .kw_list > li{}
#header .search_wrap .search_layer .sc_keyword .kw_list > li > a{ display:block; color:#666;}
#header .search_wrap .search_layer .sc_keyword .kw_list > li > a .tt:before{ content:"# "}
#header .search_wrap .search_layer .sc_keyword .kw_list > li > a:hover{ color:#000; text-decoration:underline;}

.searchOn{ overflow-y:hidden}
.searchOn #header.active{ backdrop-filter:none !important;}
.searchOn #header .search_wrap .search_layer{ opacity:1; visibility:visible;}

#header .all_wrap{}
#header .all_wrap .all{ width:3em; height:3em; border:1px solid rgba(0,0,0,.1); border-radius:50%; transition:.2s;}
#header .all_wrap .all_btn{ position:relative; display:block; width:1.25em; height:.875em;}
#header .all_wrap .all_btn .ham,
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { display:block; width:100%; height:1px; background:#000; transition:.2s;}
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; left:0;}
#header .all_wrap .all_btn .ham:before{ top:calc(50% - 1px);}
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px);}
#header .all_wrap .all:hover{ background:#000; border-color:#000;}
#header .all_wrap .all:hover .ham,
#header .all_wrap .all:hover .ham:before,
#header .all_wrap .all:hover .ham:after { background:#fff;}

#header .all_wrap .all_layer{ position:fixed; top:0; left:0; width:100%; height:100vh; background:#fff; transform:translateY(-80%); opacity:0; visibility:hidden; transition:.3s;}
#header .all_wrap .all_layer .all_header{ position:absolute; z-index:9; top:0; left:0; width:100%; padding:2em 2vw 0 2.5vw;}
#header .all_wrap .all_layer .all_header .close_btn{ width:3.5em; height:3.5em; border:1px solid #ddd; border-radius:50%; color:var(--siteC);}
#header .all_wrap .all_layer .all_header .close_btn .xi{ font-size:1.625em; transition:.3s;}
#header .all_wrap .all_layer .all_header .close_btn:hover .xi{ transform:rotate(180deg);}
#header .all_wrap .all_layer .all_header .all_logo .in{ display:block;}
#header .all_wrap .all_layer .all_header .all_logo img{ display:block; width:5em;}

#header .all_wrap .all_layer .all_inner{ height:100%; opacity:0; transition:.3s; word-break:keep-all;}
#header .all_wrap .all_layer .wrap_img,
#header .all_wrap .all_layer .wrap_con{ height:100%; box-sizing:border-box;}
#header .all_wrap .all_layer .wrap_img{ width:28%; position:relative;}
#header .all_wrap .all_layer .wrap_img .all_bg{ position:absolute; top:1em; bottom:1em; left:1em; right:0; width:auto; border-radius:1em; overflow:hidden;}
#header .all_wrap .all_layer .wrap_img .all_bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0,rgba(0,0,0,.5),rgba(0,0,0,.15));}
#header .all_wrap .all_layer .wrap_img .all_cs{ position:relative; padding:2em 1vw 4em 2.5vw; gap:1em; color:#fff;}
#header .all_wrap .all_layer .wrap_img .all_cs .in{ gap:.5em;}
#header .all_wrap .all_layer .wrap_img .all_cs .in .tit{ width:3.25em; font-size:1.063em; font-weight:500;}
#header .all_wrap .all_layer .wrap_img .all_cs .in .txt{ flex:1; font-size:.938em;}

#header .all_wrap .all_layer .wrap_con{ flex:1; padding:7em 2.5vw 6em 3vw;}
#header .all_wrap .all_layer .wrap_con .all_gnb{ height:100%;}
#header .all_wrap .all_layer .wrap_con .gnb{ display:block;}
#header .all_wrap .all_layer .wrap_con .gnb a.flex{ display:block; text-align:left !important;}
#header .all_wrap .all_layer .wrap_con .gnb > li:not(.m_hide){ display:flex; flex-wrap:wrap; align-items:flex-start; gap:2em; flex-direction: column;}
#header .all_wrap .all_layer .wrap_con .gnb > li:not(:first-child){ border-top:1px dashed #ccc;}
#header .all_wrap .all_layer .wrap_con .gnb > li{ padding:2em 0;}
#header .all_wrap .all_layer .wrap_con .gnb > li .dp1{ width:23em; padding:1em 0; color:var(--siteC);}
#header .all_wrap .all_layer .wrap_con .gnb > li .dp1 .tt{ font-family:var(--fontEng); font-size:1.375em;}
#header .all_wrap .all_layer .wrap_con .gnb > li.act .dp1 .tt{ text-decoration:underline;}
#header .all_wrap .all_layer .wrap_con .gnb > li .dp2{ flex-wrap:wrap; flex:1; line-height:1.4;}
#header .all_wrap .all_layer .wrap_con .gnb > li .dp2 > li{ width:calc(33.33% + 1px); margin-left:-1px; padding:1em 1.375em; border:solid #eee; border-width:0 1px;}
#header .all_wrap .all_layer .wrap_con .gnb > li .dp2 > li > a{ position:relative; padding-left:1em;}
#header .all_wrap .all_layer .wrap_con .gnb > li .dp2 > li > a:before{ content:""; position:absolute; left:0; top:.438em; width:6px; height:6px; background:var(--siteC2); border-radius:50%;}
#header .all_wrap .all_layer .wrap_con .gnb > li .dp2 > li > a .tt{ font-size:.938em;}
#header .all_wrap .all_layer .wrap_con .gnb > li .dp2 > li.act{ background:var(--crGray);}
#header .all_wrap .all_layer .wrap_con .gnb > li .dp2 > li.act > a{ color:var(--siteC);}
#header .all_wrap .all_layer .wrap_con .gnb > li .dp3{ display:block;}

.allGnbOn{ overflow:hidden;}
.allGnbOn #header .all_wrap .all_layer{ transform:translateY(0); opacity:1; visibility:visible;}
.allGnbOn #header .all_wrap .all_layer .all_inner{ opacity:1; transition-delay:.4s;}

.stickyT{ position:sticky !important; top:var(--headHS);}
.wrapHide,
.scroll .headH,
.scroll #header .gnb_wrap .gnb > li,
.scroll #header .gnb_wrap .gnb > li .dp1{ height:var(--headHS);}
.scroll #header .logo > .in{ transform:scale(.85);}


/*footer*/
#footer{ background:var(--siteBg1);}
#footer .inner{ padding:3.75em 0; gap:2vw; color:#fff;}
#footer .info_wrap{ flex:1; gap:0.5em;}
#footer .info_wrap .site_name .tt{ font-size:1.25em; font-weight:700;}
#footer .info_wrap .info{ gap:.5em; line-height:1.3;}
#footer .info_wrap .info > li .tt{}
#footer .info_wrap .info > li{ float: left; margin-right: 2em; margin-bottom: .25em;}
#footer .info > li.br { clear: left; width: 100%;}
#footer .info_wrap .info > li .tt{}
#footer .info_wrap .copyright{ font-size:.813em; font-weight:300; text-transform:uppercase; opacity:.5;}
#footer .info_wrap .site_con{ margin-bottom: 1.5em;}
#footer .info_wrap .site_con .add{ margin-top: .5em; font-weight: 600;}

#footer .menu_wrap{ gap:1em;}
#footer .menu_wrap .menu{}
#footer .menu_wrap .menu > li > .in{ padding:1em 0;}
#footer .menu_wrap .menu > li:not(:last-child) > .in:after{ content:""; margin:0 1.25em; width:1px; height:1em; background:#fff; opacity:.3;}
#footer .menu_wrap .menu > li > .in .tt{ font-size:1.000em;}
#footer .menu_wrap .menu > li > .in.point{ font-weight:600; color:var(--siteC2);}
#footer .menu_wrap .menu > li > .in:hover{ text-decoration:underline;}
#footer .menu_wrap .sns{ gap:2em;}
#footer .menu_wrap .sns_st > li .in{ border:1px solid rgba(255,255,255,.1);}

.snsQuick { position: fixed; right: 3.5em; bottom: 3.5em; z-index: 999;} 
.snsQuick .snsInner,
.snsQuick .btn { position: relative; width: 3.5em; height: 3.5em; border-radius: 100%; } 
.snsQuick .snsInner { margin-bottom: 1em; } 
.snsQuick .sns_btn { position: absolute; left: 0; top: 0; background: #f55096; color: #fff; } 
.snsQuick .sns_btn:hover { background: #000; transition: .3s; } 
.snsQuick .sns { position: absolute; left: 50%; bottom: 5em; transform: translateX(-50%); transition: .1s}
.snsQuick .sns .sns_st { display: block; } 
.snsQuick .sns_st > li .in{width: 3.5em; height: 3.5em; background: none; color: #fff;}
.snsQuick .sns .sns_st > li > a { position: relative; width: 3.5em; height: 3.5em; border-radius: 100px; margin-bottom: .375em; background: var(--siteC); transition: .3s}
.snsQuick .sns .sns_st > li > a .tt { position: absolute; top: 50%; right: calc(100% + .5em); padding: .5em 1em; background: #222; border-radius: 6em; font-size: .813em; color: #fff; white-space: nowrap; transform: translateY(-50%); display: none; } 
.snsQuick .sns .sns_st > li > a .xi { font-size: 1.5em; line-height: 2.4em;}
.snsQuick .sns .sns_st > li > a:hover { background: #000; color: #fff; } 
.snsQuick .sns .sns_st > li:hover > a .tt { display: block; } 
.snsQuick .snsInner.on .sns { opacity: 1; visibility: visible}


#footer .goTop{ z-index:998; width:3.5em; height:3.5em; text-align:center; background:var(--siteC); color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s; border-radius: 2em; right: 50px; bottom: 40px;}
#footer .goTop .xi{ font-size:1.250em; transition:.3s}
#footer .goTop:hover .xi{ transform:translateY(-.25em)}
.scroll #footer .goTop{ opacity:1; transform:translateY(0)}


/*contents*/
#contents{}
#contents .sub_page_top{ position:relative; height:34em; padding:1em; padding-top:.5em; box-sizing:border-box; word-break:keep-all;}
#contents .sub_page_top > .inner{ position:relative; height:100%;}
#contents .sub_page_bg{ position:absolute; top:0; left:0; width:100%; height:100%; border-radius:1em; overflow:hidden;}
#contents .sub_page_bg > .bg{ position:absolute; top:0; right:0; width:calc(100% + 2vw); height:100%; transition:3s;}
#contents .sub_page_bg > .bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0,rgba(0,0,0,.7),rgba(0,0,0,.3));}
.load #contents .sub_page_bg > .bg{ right:-1vw;}
#contents .sub_page_tit{ flex:1; position:relative; z-index:101; padding:0 0 4.5em 0;}
#contents .sub_page_tit .sub_tit_wrap{ overflow:hidden;}
#contents .sub_page_tit .sub_tit_wrap:last-child .tit_inner{ padding-bottom:7.5em;}
#contents .sub_page_tit .tit_inner{ padding:1.5em 0 5.5em 0; text-align:center;}
#contents .sub_page_tit .wrap_tit{ color:#fff;}
#contents .sub_page_tit .wrap_tit .tt{ display:block;}
#contents .sub_page_tit .wrap_tit .sub_txt .tt{ font-size:3.250em; opacity:.25;}
#contents .sub_page_tit .wrap_tit .sub_tit .tt{ font-size:3.500em;}
#contents .sub_page_tit .wrap_tit .sub_tit .tt br{display: none;}
#contents .sub_page_tit .wrap_tit .sub_tit .tt > span{font-size: 30px; display: block; margin-top: 0.3em;}

#contents .sub_page_menu{ text-align:center;}
#contents .sub_page_menu .menu_wrap{ max-width:100%; backdrop-filter:blur(.5em);}
#contents .sub_page_menu .gnb{ display:block;}
#contents .sub_page_menu .wrapH{ height:4.5em; margin-right:-1px; background-color:rgba(0,0,0,.3); border:1px solid rgba(255,255,255,.3); color:#fff;}
#contents .sub_page_menu .home{ position:relative;}
#contents .sub_page_menu .home .in{ width:4.5em; transition:.2s;}
#contents .sub_page_menu .home .in .xi{ font-size:1.375em;}
#contents .sub_page_menu .home:hover .in{ background:var(--siteC2); border-color:var(--siteC2);}
#contents .sub_page_menu .drop_menu{ position:relative;}
#contents .sub_page_menu .drop_menu .drop_tit{ gap:0 2em; padding:0 .875em 0 1em; min-width:18em; transition:.2s;}
#contents .sub_page_menu .drop_menu .drop_tit .tt{ font-size:1.063em;}
#contents .sub_page_menu .drop_menu .drop_tit .tt br{ display: none;}
#contents .sub_page_menu .drop_menu .drop_tit .arrow{ transition:.2s;}
#contents .sub_page_menu .drop_menu .drop_tit .arrow:before{ content:"\e942";}
#contents .sub_page_menu .drop_menu ul{ display:block;}
#contents .sub_page_menu .drop_menu .gnb{ position:absolute; top:100%; left:0; padding:1.5em 1.75em; width:100%; background:var(--siteC3); color:#fff; display:none;}
#contents .sub_page_menu .drop_menu .gnb a.flex{ display:block; text-align:left !important;}
#contents .sub_page_menu .drop_menu .gnb li > a{ padding:.625em 0; font-weight:300; transition:.2s;}
#contents .sub_page_menu .drop_menu .gnb li > a .tt{ font-size:.938em;}
#contents .sub_page_menu .drop_menu .gnb li.act > a,
#contents .sub_page_menu .drop_menu .gnb li.on > a{ color:var(--siteC2);}
#contents .sub_page_menu .drop_menu .gnb li.on > a{ font-weight:600;}
#contents .sub_page_menu .home:hover,
#contents .sub_page_menu .drop_menu:hover,
#contents .sub_page_menu .drop_menu.on{ z-index:2;}
#contents .sub_page_menu .drop_menu:hover .drop_tit,
#contents .sub_page_menu .drop_menu.on .drop_tit{ border-color:var(--siteC2);}
#contents .sub_page_menu .drop_menu:hover .drop_tit{ background:var(--siteC2);}
#contents .sub_page_menu .drop_menu.on .drop_tit{ background:var(--siteC3);}
#contents .sub_page_menu .drop_menu.on .drop_tit .arrow{ transform:rotate(-180deg);}
#contents .sub_page_menu .drop_menu.on .gnb{ display:block;}

#contents .sub_page_menu .menu .gnb{ position:relative;}
#contents .sub_page_menu .menu .gnb:before{ content:""; position:absolute; left:0; top:50%; width:1px; height:1.25em; background:#fff; opacity:.2; transform:translateY(-50%);}
#contents .sub_page_menu .menu .gnb .dp2{}
#contents .sub_page_menu .menu .gnb .dp2 > li{}
#contents .sub_page_menu .menu .gnb .dp2 > li > a{ position:relative; padding:1em 3.5em; min-width:14em; color:rgba(255,255,255,.6); border-color:rgba(255,255,255,.3);}
#contents .sub_page_menu .menu .gnb .dp2 > li > a .tt{ font-size:1.250em; font-weight:600;}
#contents .sub_page_menu .menu .gnb .dp2 > li > a .in{ position:relative; padding:0 .5em;}
#contents .sub_page_menu .menu .gnb .dp2 > li > a:after{ content:""; position:absolute; left:0; bottom:-3px; width:100%; height:3px; background:var(--siteC3); transform:scaleX(0); transition:transform .3s;}
#contents .sub_page_menu .menu .gnb .dp2 > li.act > a,
#contents .sub_page_menu .menu .gnb .dp2 > li.on > a{ color:#fff;}
#contents .sub_page_menu .menu .gnb .dp2 > li.act > a:after,
#contents .sub_page_menu .menu .gnb .dp2 > li.on > a:after{ transform:scaleX(1);}
#contents .sub_page_menu .menu .gnb .dp3{ display:none;}

#contents .sub_page_con{ padding:1em 0 0; text-align:center;}
#contents .sub_page_con .con_tit{ gap:.625em;}
#contents .sub_page_con .con_tit .tt{ width:auto;}
#contents .sub_page_con .con_tit .t1{ font-size:2.625em; font-weight:500; color:var(--siteC); padding:.125em .125em; text-decoration: underline; line-height: 1.5; text-underline-offset: 16px;}
#contents .sub_page_con .con_tit .t1:not(.ffEN){ font-size:2.375em; font-weight:600;}
#contents .sub_page_con .con_tit .t2{ font-size:1.375em; font-weight:500; opacity:.8;}
.dp2_open #contents .sub_page_con .con_tit .t2{display: none;}

.dp2_art01 #contents .sub_page_con .con_tit,
.dp2_art02 #contents .sub_page_con .con_tit,
.dp2_art03 #contents .sub_page_con .con_tit,
.dp2_art04 #contents .sub_page_con .con_tit,
.dp2_art05 #contents .sub_page_con .con_tit,
.dp2_art06 #contents .sub_page_con .con_tit{display: none;}

#contents .doc{ padding:3em 0 6.5em;}
#contents .doc.s2{ padding:5em 0 0em;}
#contents .doc.s3{ padding:1em 0 10em;}

.dp1on .gnb .dp2{ display:none!important}
.dp2on .gnb > li,
.dp2on .gnb > li .dp1{ display:none!important}
.dp2on .gnb > li.on{ display:block!important}
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a{ display:none!important}
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on{ display:block!important}

.simple #contents .sub_page_bg,
.simple #contents .sub_page_tit .wrap_tit .sub_txt,
.simple #contents .sub_page_menu,
.simple #contents .sub_page_con{ display:none;}
.simple #contents .sub_page_top{ height:auto; padding:0 0;}
.simple #contents .sub_page_tit{ padding:0 0;}
.simple #contents .sub_page_tit .tit_inner{ padding:3em 0 0 0 !important;}
.simple #contents .sub_page_tit .wrap_tit{ color:#000;}



/*SUB PAGE*******************/
/*inc*/
.page_con{ padding:5em 0;}
.page_con.conP1{ padding:3em 0;}
.page_con.conP2{ padding:2em 0;}
.page_con.conP3{ padding:0 0 5em;}
.page_con.bg1{ background:var(--crGray);}
.page_con.bg2{ background:var(--crGray2);}
.page_con.bg3{ background:#f9f5eb;}
.page_con.bg4{ background:#fff;}
.page_con.bg5{ background:var(--siteC3);}
.doc.pd0 .page_con:last-child,
.doc.pb0 .page_con:last-child{ padding-bottom:10em;}

.tap_con{ padding:1em 0;}
.tap_con.bg1{ background:var(--crGray);}
.tap_con.bg2{ background:var(--crGray2);}
.tap_con.bg3{ background:var(--crGray3);}

.page_txt:not(:last-child){ margin-bottom:3.5em;}
.page_txt.m0{ margin-bottom:.75em;}
.page_txt.m1{ margin-bottom:1.25em;}
.page_txt.m2{ margin-bottom:5em;}
.page_txt .tit.icon .page_tt{ position:relative;}
.page_txt .tit.icon .page_tt:before,
.page_txt .tit.icon .page_tt:after{ content:"";}
.page_txt .tit.icon.st1 .page_tt{ display:inline-block; padding-left:1em; line-height:1.4;}
.page_txt .tit.icon.st1 .page_tt:before,
.page_txt .tit.icon.st1 .page_tt:after{ position:absolute; left:0; top:.313em; width:.625em; height:.625em; border-radius:50%; box-sizing:border-box;}
.page_txt .tit.icon.st1 .page_tt:before{ border:1px solid rgba(0,0,0,.15);}
.page_txt .tit.icon.st1 .page_tt:after{ background:var(--siteC); transform:scale(.5);}

.page_txt .tit.t_line{ margin-bottom: 3em; padding-top: 1em; position: relative;}
.page_txt .tit.t_line::before{ content: ''; width: 2em; height: 3px; background: var(--siteC); position: absolute; left: 0; top: 0;}

.page_txt .tit + .tit{ margin-top:1em;}
.page_txt .tit + .txt{ margin-top:1.5em;}
.page_txt .txt + .tit{ margin-top:2.5em;}
.page_txt .txt + .txt{ margin-top:1.5em;}

.page_txt .mark + div{ margin-top:.5em;}
.page_txt .mark.st1 img{ width:4.5em;}
.page_txt .mark.st2:before{ content:""; display:inline-block; width:1.875em; height:1.875em; background-image:url(../images/icon/ico_quotes.svg); background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.page_txt .mark.c1{ filter:var(--siteCfil);}
.page_txt .mark.c2{ filter:var(--siteCfil2);}
.page_txt .mark.c3{ filter:var(--crWhitefil);}

.page_txt .tit + .txt.st1 .ttdot + .ttdot{ margin-top: 0.5em;}

.page_txt .rank_box{ min-width: 4em;  padding: .3em .75em; border-radius: .3em; background: var(--siteC3); font-weight: 500; height: max-content; font-size: 1.19em;}
.page_txt .rank_box .R_in .Rn{color: var(--siteC2);}

.page_txt .page_tt{line-height: 1.5;}

.ttdot{ position:relative; padding-left:1rem; line-height:1.6;}
.ttdot:before{ content:""; position:absolute; left:0; top:9px; width:.313rem; height:.313rem; background:var(--siteC); border-radius:50%;}
.ttdot.s4:before{top: 14px;}
.ttdot + .ttdot{ margin-top:.95em;}
.ttdot.stw {}
.ttdot.stw:before {background:var(--crWhite);}

.ttdot2{ padding-left: 1rem; font-size: 1.25em; color:#333; word-break: keep-all; position: relative;}
.ttdot2::before{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--siteC3); position: absolute; left: 0; top: 13px;}

.ttdot3{ padding-left: 1.7em; word-break: keep-all; position: relative; margin-top: 0.3em;}
.ttdot3::before{ position: absolute; content: '-'; left: 10px;}

.ttline{ display:inline-block; padding:.125em .125em; border-bottom:2px solid var(--siteC2);}

.page_list{ counter-reset:subListIdx; word-break:keep-all;}
.page_list > li{ counter-increment:subListIdx;}
.page_list > li .num:before{ content:counter(subListIdx, decimal-leading-zero);}
.page_list.st2 > li .num:before{ content:counter(subListIdx);}
.page_list.addbg > li .in{ background:#fff;}
.page_list.addbg > li:nth-child(2n) .in{ background:var(--crGray3);}

.page_mq{ overflow:hidden;}
.page_mq .mqTT{ display:flex; flex-shrink:0; white-space:nowrap;}
.page_mq .mqTT > *{ margin:0 .375em;}

.page_col{ gap:2em 6em;}
.page_col.gp1{}
.page_col > li{}
.page_col > li.w1{ width:45%;}
.page_col > li.w2{ width: 25%;}
.page_col + .page_col{ margin-top:8em;}
.page_col > li .p1{ padding:4em 0 5em 0;}
.page_col > li .p2{ padding:1.5em 0 2em 0;}
.page_col > li .round{ border-radius:1.25em; overflow:hidden;}
.page_col > li.inImg:not(.flex) .wrap_img:not(.resize){ position:relative; height:100%;}
.page_col > li.inImg.flex .wrap_img{ flex:1;}
.page_col > li .stkH1{ height:var(--maxHeight);}
.page_col > li .stkH1 .wrap_img{ flex:1;}


.board_cate { position:relative; display:flex; align-items:center; margin-bottom:2.5em; box-sizing: border-box; z-index: 9; top: calc(var(--headHS) - 4px);} 
.board_cate.st1{margin-bottom: 6em;}
.board_cate * { box-sizing:border-box; } 
.board_cate > * { min-width:0; } 
.board_cate .stab { display:flex; flex-wrap:wrap; align-items:center; } 
.board_cate .stab > li { min-width:0; } 
.board_cate .stab > li > a { position:relative; width: 100%; display:flex; align-items:center; justify-content:center; text-align:center; height:3.65em; padding:0 1.5em; background: #f9f9f9; color:#666; transition:.2s; } 
.board_cate .stab > li > a .tt { font-size:1em; font-weight:500; word-break: keep-all;} 
.board_cate .stab > li > a:hover,
.board_cate .stab > li > a.on { background:var(--siteC); border-color:var(--siteC); color:#fff; } 

.board_cate .stab.st2 { margin: 0 0 0em -.5em; box-sizing: border-box; width: 100%; } 
.board_cate .stab.st2{}
.board_cate .stab.st2 > li { flex: 1 1 12.5%; max-width: 12.5%; } 
.board_cate .stab.st2 > li > a { margin: 0 0 0em .5em; padding:1em 1.5em; border: 1px solid #ddd; border-right: none; } 
.board_cate .stab.st2 > li:nth-child(8) > a{ border-right: 1px solid #ddd;}
.board_cate .stab.st2 > li:last-of-type > a { border-right: 1px solid #ddd; } 
.board_cate .stab.st3 > li{flex: 1; max-width: 100%;}
.board_cate .stab.st4 > li{flex: 1 1 16.6%; max-width: 16.6%;}
.board_cate .stab.st5 > li{flex: 1 1 25%; max-width: 25%;}
.board_cate .stab.st5 > li:nth-child(4) > a {border-right: 1px solid #ddd;}
.board_cate .stab.st5 > li:nth-child(5) > a,
.board_cate .stab.st5 > li:nth-child(6) > a{border-top: none;}

/***********************/
/*MAIN******************/
.visualSlider_wrap{ height:var(--fullHeight);}
.visualSlider_wrap .inner{ position:relative; padding:1em; padding-top:.5em; height:100%; box-sizing:border-box;}
.visualSlider{ height:100%; border-radius:1em; overflow:hidden;}
.visualSlider .el{ position:relative; overflow:hidden; height:100%;}
.visualSlider .el .bg{ position:absolute; left:0; top:0; width:calc(100% + 6em); height:100%; opacity:0; transition:3s, opacity 5s;}
.visualSlider .el .bg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4);}
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg{ left:-3em; opacity:1; transition:5s, opacity 1s;}

.visualSlider_wrap .slogan{ position:absolute; top:50%; left:0; width:100%; z-index:10; color:#fff; transform:translateY(-50%);}
.visualSlider_wrap .slogan .wrap_in{ gap:.75em; line-height:1.2;}
.visualSlider_wrap .slogan .mark img{ width:5.5em; filter:var(--crWhitefil);}
.visualSlider_wrap .slogan .tt.line{}
.visualSlider_wrap .slogan .tt.line > *{ display:inline-block; padding:0 .125em .125em; border-bottom:4px solid var(--siteC2); margin-top: 0.4em;}
.visualSlider_wrap .slogan .tt.pd{ padding:1.5em 0;}
.visualSlider_wrap .slogan .t1{ font-size:1.44em; font-weight:800;}
.visualSlider_wrap .slogan .t2{ font-size:1.75em; font-weight:300;}
.visualSlider_wrap .slogan .t3{ font-size:5.000em;}
.visualSlider_wrap .slogan .t4{ font-size:2em; font-weight:600;}
.visualSlider_wrap .slogan .tt{ opacity:0; transform:translateY(4em); transition:1s;}
.visualSlider_wrap .el.swiper-slide-active .slogan .tt{ opacity:1; transform:translateY(0); transition:2s;}
.visualSlider_wrap .el.swiper-slide-active .slogan .tt:nth-child(1){ transition-delay:0.2s;}
.visualSlider_wrap .el.swiper-slide-active .slogan .tt:nth-child(2){ transition-delay:0.8s;}
.visualSlider_wrap .el.swiper-slide-active .slogan .tt:nth-child(3){ transition-delay:1.4s;}
.visualSlider_wrap .el.swiper-slide-active .slogan .tt:nth-child(4){ transition-delay:2s;}
.visualSlider_wrap .el.swiper-slide-active .slogan .tt:nth-child(5){ transition-delay:2.6s;}

.visualSlider_control{ position:absolute; left:0; bottom:4vh; width:100%; z-index:10}
.visualSlider_control .swiperPG{ margin-right:2em;}
.visualSlider_control .swiperBtn{}

.edu_blist{ margin: 0 0 -1.5em -1.5em !important;}
.edu_blist > li{}
.edu_blist > li > .in{ margin: 0 0 1.5em 1.5em !important;}
.edu_blist > li > .in .edu_info{ border: 1px solid #e9e9e9; border-radius: .65em; overflow: hidden;}
.edu_blist > li > .in .edu_info .top_tit{ text-align: center; padding: 1.15em 0; background: var(--siteC); color: #fff;}
.edu_blist > li > .in .edu_info .top_tit > span{ font-size: 1.15em;}
.edu_blist > li > .in .edu_info .info_box{ padding: 2em; background: #f9f9f9; min-height: 7.5em;}


/**/
.main_con{ padding:6em 0; word-break:keep-all;}
.main_con.conpd1{ padding:4em 0;}
.main_con.round{ border-radius:1.5em; overflow:hidden;}
.main_con.bg1{ background:var(--siteBg1);}
.main_con.bg2{ background:var(--siteBg2);}
.main_con.bg3{ background:linear-gradient(to right,var(--siteBg3),var(--siteC3));}
.main_con.bg4{ background:var(--crGray);}

.main_txt{ position:relative;}
.main_txt:not(:last-child){ margin-bottom:2em;}
.main_txt.m1{ margin-bottom:1em;}
.main_txt.m2{ margin-bottom:5em;}
.main_txt .tit{ margin-top:1em;}
.main_txt .txt{ margin-top:2em; line-height:1.6;}
.main_txt .txt + .txt{ margin-top:1em;}
.main_txt .tit:first-child,
.main_txt .txt:first-child{ margin-top:0;}
.main_txt .o1{ opacity:.7;}
.main_txt .t1{ font-size:1.000em;}
.main_txt .t2{ font-size:1.063em;}
.main_txt .t3{ font-size:1.125em;}
.main_txt .t4{ font-size:1.250em;}
.main_txt .t5{ font-size:1.375em;}
.main_txt .t5.fontre{ font-size:1.25em; line-height: 1.5;}
.main_txt .t6{ font-size:1.500em;}
.main_txt .t7{ font-size:1.750em;}
.main_txt .t8{ font-size:2.250em;}
.main_txt .t9{ font-size:2.875em;}
.main_txt .t10{ font-size:3.250em;}

.main_txt .line{ display:inline-block; width:2px; height:3px;}
.main_txt .line:before{ content:""; display:block; width:100%; height:100%; background:var(--siteC2);}
.main_txt .line.w{ margin:1.3em 0; width:3em;}
.main_txt .line.h{ margin:1.5em .125em; height:1.5em;}
.main_txt .line:first-child{ margin-top:0;}
.main_txt .line:last-child{ margin-bottom:0;}
.main_txt .line + .tit,
.main_txt .line + .txt{ margin-top:0;}

.main_txt .ico.st1{}
.main_txt .ico.st1 > .bg{ display:inline-block; width:1.75em; height:1.75em; background-image:url(../images/icon/ico_quotes.svg);}
.main_txt .ico.st1.r > .bg{ margin-top:.5em; transform:rotate(180deg);}
.main_txt .ico.c1{ filter:var(--siteCfil);}
.main_txt .ico.c2{ filter:var(--siteCfil2);}

.main_txt_wrap:not(:last-child){ margin-bottom:3.5em;}
.main_txt_wrap.flex{}
.main_txt_wrap.flex .main_txt{ margin-bottom:0;}

.main_more > .more{ position:relative; gap:0 1em; padding:.5em 2em; height:3.75em; min-width:12em; max-width:100%; background:var(--siteC); border-radius:6em; text-align:center; color:#fff; transition:.2s;}
.main_more > .more .in_tt{ font-size:.938em; font-weight:500;}
.main_more > .more .xi{ font-size:1.250em;}
.main_more > .more.re{ background:transparent; border:1px solid var(--siteC); color:var(--siteC);}
.main_more > .more.re:hover{ background:var(--siteC); color:#fff;}

.main_more > .more.st1{ padding:0 0; width:3.5em; height:3.5em; min-width:auto; background:transparent; border:1px solid rgba(0,0,0,.2); border-radius:50%; color:#000; transition:.2s;}
.main_more > .more.st1 .xi{ font-size:1.250em;}
.main_more > .more.st1:hover{ background:var(--siteC); border-color:var(--siteC); color:#fff;}

.main_more > .more.st2{ height:3.25em; min-width:10em; font-size:.813em; text-transform:uppercase;}

.main_txt.cw .tt{ color:#fff;}
.main_txt.cw .line:before{ background:#fff;}
.main_more.cw > .more{ background:var(--siteC2);}
.main_more.cw > .more.re{ background:transparent; border:1px solid var(--siteC2); color:var(--siteC2);}
.main_more.cw > .more.st1{ background:transparent; border-color:var(--siteC2); color:var(--siteC2);}
.main_more.cw > .more.re:hover,
.main_more.cw > .more.st1:hover{ background:var(--siteC2); color:#fff;}

.main_layout{ gap:2em 6vw;}
.main_layout.gp1{ gap:2em 3vw;}
.main_layout > li{}
.main_layout > li.w1{ width:45%;}
.main_layout > li.w2{ width:35%;}
.main_layout + .main_layout{ margin-top:14em;}
.main_layout > li .p1{ padding:4em 0 5em 0;}
.main_layout > li .p2{ padding:1.5em 0;}
.main_layout > li .round{ border-radius:1.25em; overflow:hidden;}
.main_layout > li .wrap_img{ position:relative; height:100%;}
.main_layout > li.flex:not(.col) > *{ flex:1;}
.main_layout > li.inm1{ margin-top:8em; margin-left:10em;}
.main_layout > li.inm2{ margin-top:-8em;}

/**/
.main_rank { }
.main_rank .list { }
.main_rank .list > li { display: flex; width: 50%; border-top: 1px solid rgb(233, 233, 233); }
.page_con.bg1 .main_rank .list > li{border-top: 1px solid #ccc;}
.main_rank .list > li .wrap_in { flex: 1 1 0%; gap: 2vw; padding: 1em 2vw 1em 1vw; }
.main_rank .list > li .wrap_in > div { }
.main_rank .list > li .wrap_in .in.flex { gap: 0.75em; }
.main_rank .list > li .wrap_in .img_wrap { width: 20%; border-radius: 0.5em; overflow: hidden; }
.main_rank .list > li .wrap_in .img_wrap img { display: block; }
.main_rank .list > li .wrap_in .rank_wrap { flex: 1 1 0%; text-align: right; line-height: 1; }
.main_rank .list > li .wrap_in .rank_wrap * { vertical-align: middle; }
.main_rank .list > li .wrap_in .rank_wrap .tt { font-size: 1.125em; }
.main_rank .list > li .wrap_in .rank_wrap .point { font-size: 1.75em; }
.main_rank .list > li .wrap_in .rank_wrap .point b { display: inline-block; min-width: 1.5em; text-align: center; font-size: 1.875em; font-weight: 900; }
.main_rank .list > li .wrap_in .rank_wrap .point b.st1{ font-size: 1em;}
.main_rank .list > li .wrap_in .txt_wrap { width: 40%; word-break: keep-all;}
.main_rank .list > li .wrap_in .txt_wrap .t1 { font-size: 1.125em; font-weight: 700; color: var(--siteC); }
.main_rank .list > li .wrap_in .txt_wrap .t2 { color: rgb(85, 85, 85); line-height: 1.4; }


.main_tamuc{}
.mainTamucSlider,
.mainTamucSlider .el{ height:100%;}
.mainTamucSlider .el .img{ position:absolute; top:0; left:0;}

.mainTxtSlider_wrap{ min-height:26em; background:var(--crGray2); border-radius:1.25em; overflow:hidden;}
.mainTxtSlider .el{ height:auto;}
.mainTxtSlider .el .in{ padding:3em;}

.main_features{}
.main_features .circleItem_wrap{ position:relative; width:24em; max-width:70%; margin:0 auto; padding:2em 0;}
.main_features .circleItem{}
.main_features .circleItem:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1.25em solid var(--crGray2); border-radius:50%; opacity:.4; box-sizing:border-box;}
.main_features .circleItem .item_wrap{ position:absolute; gap:2em;}
.main_features .circleItem .item_wrap .icon .in{ width:8em; height:8em; background:var(--siteC2); border-radius:50%;}
.main_features .circleItem .item_wrap:nth-child(2n) .icon .in{ background:var(--gradC1);}
.main_features .circleItem .item_wrap .icon .in img{ width:40%;}
.main_features .circleItem .item_wrap .txt{ width:20em; color:#fff;}
.main_features .circleItem .item_wrap .txt .t1{ font-size:1.250em; font-weight:700;}
.main_features .circleItem .item_wrap .txt .t2{ margin-top:.5em; opacity:.6;}
.main_features .circleItem .item_wrap.item01{ left:50%; top:0; margin-left:2em; margin-top:-2em;}
.main_features .circleItem .item_wrap.item02{ left:100%; top:50%; margin-left:-4em; transform:translateY(-50%);}
.main_features .circleItem .item_wrap.item03{ left:50%; bottom:0; margin-left:2em; margin-bottom:-2em;}
.main_features .circleItem .item_wrap.item04{ right:50%; bottom:0; margin-right:2em; margin-bottom:-2em;}
.main_features .circleItem .item_wrap.item05{ right:100%; top:50%; margin-right:-4em; transform:translateY(-50%);}
.main_features .circleItem .item_wrap.item06{ right:50%; top:0; margin-right:2em; margin-top:-2em;}
.main_features .circleItem .item_wrap.item04,
.main_features .circleItem .item_wrap.item05,
.main_features .circleItem .item_wrap.item06{ flex-flow:row-reverse; text-align:right;}

.main_support{}
.main_support .list_wrap{}
.main_support .list{ gap:3em; counter-reset:listIdx;}
.main_support .list > li{ display:flex; width:calc(33.33% - 2em); counter-increment:listIdx;}
.main_support .list.w2 > li { display:flex; width:calc(50% - 2.6666em); } 
.main_support .list > li .in{ flex:1; background:#fff; border-radius:1.5em; overflow:hidden; box-shadow:0 3px 1em rgba(0,0,0,.09);}
.main_support .list > li .in .img{ padding-bottom:45%;}
.main_support .list > li .in .img:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.15;}
.main_support .list > li .in .con{ gap:.625em; padding:2em 1em; text-align:center; position:relative;}
.main_support .list > li .in .numPos{ position:absolute; top:0; left:1.5em; width:auto; text-align:left; transform:translateY(-50%);}
.main_support .list > li .in .num{ font-size:4.000em; font-weight:800;}
.main_support .list > li .in .num:before{ content:counter(listIdx, decimal-leading-zero); background:linear-gradient(180deg, var(--crWhite), var(--crWhite) 50%, var(--siteC) 50%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}
.main_support .list > li .in .tit{ font-size:1.375em; font-weight:600;}
.main_support .list > li .in .txt{ color:#555;}
.main_support .list > li .in .txt.t1{ font-size:1.125em; line-height: 1.5; color:#333; text-align: left; word-break: keep-all;}

.main_video{ padding:0 0;}
.main_boardList .list{}
.main_boardList .list.flex{ gap:1em;}
.main_boardList .list .in{ gap:1em; border-radius:1.5em; transition:.2s;}
.main_boardList .list .in .img .imgfix{ border-radius:1em; overflow:hidden;}
.main_boardList .list .in .con{ gap:.625em; padding:1.25em 1.25em;}
.main_boardList .list .in .con .cate{ gap:.5em; color:var(--siteC);}
.main_boardList .list .in .con .cate .ico{ width:.5em; height:.5em; background:var(--siteC);}
.main_boardList .list .in .con .cate .tt{ font-size:.875em;}
.main_boardList .list .in .con .tit{ font-size:1.250em; font-weight:700;}
.main_boardList .list .in .con .txt{ color:#555;}
.main_boardList .list .in .con .date{ font-size:.875em; color:#555;}
.main_boardList .list_big{ display:flex;}
.main_boardList .list_big .in{ flex:1;}
.main_boardList .list_big .in .con{ flex:1 0 auto; padding:1.25em 2em 2em;}
.main_boardList .list_big .in .con .tit{ font-size:1.500em;}
.main_boardList .list > li{}
.main_boardList .list > li .in{}
.main_boardList .list > li .in .img{ width:30%; min-width:20.75em;}
.main_boardList .list > li .in .con{ flex:1;}
.main_boardList .list .in:hover{ background:var(--siteC2);}

.main_boardList.st2 .list > li .in .img{ width:22%; min-width:12em;}

.main_interview .list{ gap:2em;}
.main_interview .list > li{ display:flex; width:calc(25% - 1.5em);}
.main_interview .list > li .in{ flex:1; gap:1.5em; position:relative; padding:.625em; background:#fff; border-radius:1.25em; overflow:hidden;}
.main_interview .list > li .in:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; background:var(--siteC2); opacity:0; transform:scaleY(0); transform-origin:center bottom; transition:transform .3s;}
.main_interview .list > li .in > *{ position:relative;}
.main_interview .list > li .in .con{ padding:1.75em 1.5em 0;}
.main_interview .list > li .in .con .tit{ gap:1em;}
.main_interview .list > li .in .con .tit .tt{ flex:1; font-size:1.375em; font-weight:700;}
.main_interview .list > li .in .con .tit .xi{ color:var(--siteC);}
.main_interview .list > li .in .con .date{ font-size:.875em; color:#555; margin-top:1.25em;}
.main_interview .list > li .in .img .imgfix{ border-radius:1em; overflow:hidden;}
.main_interview .list > li .in:hover:before{ opacity:1; transform:scaleY(1);}
/*.main_interview .list > li .in:hover .con *{ color:#fff !important; transition:.2s;}*/

.main_gallery{ overflow:hidden;}
.mainGallerySlider{ overflow:visible !important;}
.mainGallerySlider .el .in{ display:block;}
.mainGallerySlider .el .in .img{ border-radius:1em; overflow:hidden;}
.mainGallerySlider .swiper-wrapper{ transition-timing-function:linear;}

.main_inquiry{}
.main_inquiry .wrap_in{ position:relative;}
.main_inquiry .wrap_in:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,30,52,.75);}

.main_news .aligncenter {display: none;}

/*  */

.swide-bg { } 
.swide-bg .wide-con { position:relative; padding: 5em 0; } 
.swide-bg .wide-con .bg_inf { position: relative; z-index: 2; } 
.swide-bg .wide-con .bg_inf .page_txt.mb_n { margin-bottom: 0em; } 
.swide-bg .wide-con:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--bgblack1); content: ''; } 
.swide-bg .wide-con .sub_bgline { width: 1px; height: 55px; background: #fff; margin: 0 auto; margin-top: 1em; } 
.wide-con.fac { height: 20em; } 
.wide-con.sub { height: 12.5em; overflow: hidden; border-radius: 1em; } 

.page_tit{ margin-bottom:1.75em; box-sizing:border-box;}
.page_tit.icon:after{ content:""; display:inline-block; width:1px; height:2em; margin:1.5em .375em 0 .375em; background:#111;}
.page_tit.line{ padding-bottom:1em; border-bottom:1px solid #ddd;}
.page_tit.flex > .tt{ padding-right:.375em;}
.page_tit.flex > .tt:last-child{ padding-right:0;}
.page_tit.flex > .tt + .page_more{ margin-left:2em;}
.page_tit.flex .flexW100{ width:100%;}
.page_tit > .tt{ color:#323232;}
.page_tit > .tt > *{ vertical-align:baseline;}
.page_tit > .tt > strong{ font-weight:700; line-height: 1.4;}
.page_tit > .tt > .bm{ font-weight:500;}
.page_tit > .tt + .page_tit{ margin-top:.75em;}
.page_tit > .t0{ font-size:.875em; color:#666; line-height:1.5;}
.page_tit > .t0.en{ font-size:1em;}
.page_tit > .t1{ font-size:2.375em; color:#111;}
.page_tit > .t1.en{ font-size:2.750em; letter-spacing:.5px;}
.page_tit > .t2{ font-size:1.125em; padding:.625em 0; color:#666; line-height:1.5;}
.page_tit > .t2.en{ font-size:1.313em;}
.page_tit > .t3{ font-size:1.500em; font-weight:500;}
.page_tit > .t3.en{ font-size:1.750em; font-weight:400; letter-spacing:.5px;}
.page_tit > .t4{ font-size:1.938em; color:#111;}
.page_tit > .t4:not(.en){ letter-spacing:-1px;}
.page_tit > .t4.en{ font-size:2.250em; letter-spacing:.5px;}
.page_tit > .t5{ font-size:1.250em; font-weight:500;}
.page_tit > .t6{ font-size:3.000em; line-height:1.4; letter-spacing:-1px;}
.page_tit > .c1{ color:var(--siteC);} /*파랑*/
.page_tit > .c2{ color:var(--siteC2);} /*진한남색*/
.page_tit > .c3{ color:var(--siteC3);} /*황색*/
.page_tit > .c4{ color:#111111;} /*검정*/


.bg_tit{position: relative; z-index: 100; }

.page_txt{ word-break: keep-all;}
.page_txt > .tt{ margin-top:1.25em; color:#333; line-height:1.6; word-break: keep-all;}
.page_txt > .tt:first-child{ margin-top:0;}
.page_txt > .tt.st1{margin-top: 0.25em;}
.page_txt > .tt > *{ vertical-align:baseline;}
.page_txt > .tt > strong{ font-weight:500;}
.page_txt > .tt > strong.b{ font-weight:700;}
.page_txt > .tt a{ vertical-align:baseline; color:inherit;}
.page_txt > .tt a:hover{ text-decoration:underline;}
.page_txt > .t1{ font-size:1.125em; line-height:1.7;}
.page_txt > .t2{ font-size:1em;}
.page_txt > .t3{ font-size:1.250em;}
.page_txt > .t4{ font-size:.938em;}
.page_txt .in_link{ position:relative; padding:.375em 0 .375em .125em; color:#b0822c;}
.page_txt .in_link:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#b0822c;}
.page_txt .in_link > .tt{ font-weight:500;}
.page_txt .in_link > .icon{ font-size:1em; padding-left:1em; transition:.2s;}
.page_txt .in_link > .icon:before{ content:"\e93e";}
.page_txt .in_link:hover > .icon{ padding-left:1.75em;}

.page_tit .tt_sdw,
.page_txt .tt_sdw{ text-shadow:2px 2px 0 rgba(255,255,255,1);}

.dot_list { margin: 0 -1em -.5em 0; width: 100%; } 
.dot_list.st1 > li { flex: 1 1 50%; max-width: 50%; } 
.dot_list.st2 > li { flex: 1 1 33.33%; max-width: 33.33%; } 
.dot_list.st3 > li { flex: 1 1 25%; max-width: 25%; } 
.dot_list > li { position:relative; flex: 1 1 50%; padding-left: 1em; max-width: 50%; } 
.dot_list > li > p { margin: 0 1em .85em 0; font-size: .95em; } 
.dot_list > li:before { position: absolute; top: 6px; left: 1px; width: 5px; height: 5px; border-radius: 50%; background: var(--siteC); content: ''; } 

.page_con.pd{ padding:3.5em 0 7.5em 0 !important;}
.page_con.cw .page_tit > .tt,
.page_con.cw .page_txt > .tt{ color:#fff;}
.page_con.cw .page_tit.icon:after{ background:#fff;}
.page_con.cw .page_more.st1{ color:#fff !important;}
.page_con.cw .page_more.st1:before{ border-color:#fff;}
.page_con.cw .page_more.st1 > .icon{ background:#fff;}
.page_con.cw a.page_more.st1:hover:before{ border-color:#093291;}
.page_con.cw .tt_sdw{ text-shadow:2px 2px 0 rgba(0,0,0,.3);}


.page_list.number { } 
.page_list.number > li { } 
.page_list.number > li .in { gap:1.5em; padding:2em 0; } 
.page_list.number > li:not(:last-child) .in { border-bottom:1px solid #ddd; } 
.page_list.number > li .in .img_wrap.flex{ gap: 0.5em;}
.page_list.number > li .in .img_wrap.flex .img{ width: calc((100% - .5em) / 2);}
.page_list.number > li .in .img_wrap > .img{ width: 11em; height: 9em; border-radius: .5em; overflow: hidden;}
.page_list.number > li .in .img_wrap > .img > img{ width: 100%; height: 100%; object-fit: cover;}
.page_list.number > li .in .num_wrap { gap:1.125em; } 
.page_list.number > li .in .num_wrap .num { min-width:1.5em; font-size:1.375em; } 
.page_list.number > li .in .num_wrap:after { content:""; width:2.5em; height:1px; background:#999; } 
.page_list.number > li .in .con_wrap { flex:1; } 


.page_list.number.st1 > li .in { padding: 1.35em 0; } 
.page_list.number.st1 > li .in .con_wrap .page_txt.mbn { margin-bottom: 1em; } 

.page_list.number.st2{ margin: 0 -2em 0 0;}
.page_list.number.st2 > li{ flex: 1 1 50%; max-width: 50%;}
.page_list.number.st2 > li .in{  margin: 0 2em 0 0;}

.page_list.number2 {} 
.page_list.number2.bgw {background: #fff; border-radius: .8em; padding: 2em;} 
.page_list.number2 > li { padding: 2.5em 0; border-bottom: 1px solid #ddd; } 
.page_list.number2 > li:last-of-type { border-bottom: none; padding: 2.5em 0 0 0; } 
.page_list.number2 > li > .in { align-items: center; gap: 0 4em;} 
.page_list.number2 > li > .in .img-Con { border-radius: .8em; object-fit: cover; overflow: hidden;} 
.dp2_do .page_list.number2 > li > .in .img-Con{width: 23em; height: 17rem;}
.page_list.number2.st1 > li > .in .img-Con { width: 23em; height: 17rem; } 
.page_list.number2 > li > .in .img-Con > img { width: 100%; height: 100%;  } 
.page_list.number2 > li > .in .wrap-Con { flex: 1; } 
.page_list.number2 > li > .in .wrap-Con .num_wrap { gap: 1.125em; } 
.page_list.number2 > li > .in .wrap-Con .num_wrap:after { content: ""; width: 2.5em; height: 1px; background: #999; display: block; } 
.page_list.number2 > li > .in .wrap-Con .num_wrap .num { font-size: 1.35em; } 
.page_list.number2 > li > .in .wrap-Con .con_wrap { margin-top: 1em; } 

.page_dot_list { padding: 0 1.25em; margin-top: 1.25em; } 
.page_dot_list > li { position:relative; margin-bottom: .5em; } 
.page_dot_list > li > .txt { font-size: 1em; } 
.page_dot_list > li:before { position: absolute; left: -15px; top: -1px; content: '-'; } 
.page_dot_list > li:last-of-type { margin-bottom: 0em; } 

.page_list.icoInfo { gap:2em 1em; } 
.page_list.icoInfo > li { width:calc(33.33% - .6666em); } 
.page_list.icoInfo > li .in { gap:.875em; text-align:center; } 
.page_list.icoInfo > li .in .ico_wrap .ico { width:8em; height:8em; background:#fff; box-shadow:0 3px .75em rgba(0,0,0,.05); border-radius:50%; } 
.page_list.icoInfo > li .in .ico_wrap .ico img { width:34%; } 

.page_list.roundbox { gap:1.5em; } 
.page_list.roundbox > li { width:calc(25% - 1.125em); display:flex; } 
.page_list.roundbox > li .in { flex:1; gap:1em; padding:2.5em 1em; border:1px solid var(--crGray2); box-shadow:0 3px .75em rgba(0,0,0,.06); border-radius:1em; text-align:center; } 

.page_list.roundbox.st1 > li { width:calc(33.33% - 1.125em); display:flex; } 
.page_list.roundbox.st1 > li .in { padding: 1.5em 1em; } 
.page_list.roundbox.st1 > li .in .com_list { margin: 0 0 -.3em -.3em; } 
.page_list.roundbox.st1 > li .in .com_list > li { flex: 1 1 50%; max-width: 50%; } 
.page_list.roundbox.st1 > li .in .com_list > li > p { margin: 0 0 .3em .3em; font-size: .9em; padding: .3em; background: var(--crGray); } 

/**/
.dash_list{}
.dash_list > li{ position:relative; padding-left: 1em; line-height: 1.3; margin-bottom: .5em;}
.dash_list > li:last-of-type{ margin-bottom: 0em;}
.dash_list > li:before{ position: absolute; left: 0; content: '-';}

.movBg_wrap{}
.movBg{ position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden;}
.movBg.w2{ width: 1020px; margin:0 auto;}
.movBg.rnd{ border-radius: .8em; overflow: hidden;}
.movBg > .vod{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%);}
.movBg.movT > .vod{ top:0; transform:translate(-50%, 0);}
.movBg.movB > .vod{ top:auto; bottom:0; transform:translate(-50%, 0);}

.video_wrap{ width: 70%; margin:0 auto;}
.video_wrap.rnd{ border-radius: .8em; overflow: hidden;}
.video-container {
position: relative;
width: 100%;
height: 100%;
/* margin:0 auto 2em; */
padding-top: 56.25%;
}
.video-container iframe {
z-index: 1;
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
}

.flex_box .fst2 > li{ flex: 1 1 50%; max-width: 50%;}
.flex_box .fst2 > li > .in{ margin: 0 0 1em 1em;}
.flex_box .fst3 > li{ flex: 1 1 33.33%; max-width: 33.33%;}

.sub-tab { margin-bottom: 3.5em; margin: 0 0 -1em 0; padding-bottom: 2em; } 
.sub-tab > li { flex: 1 1 14.28%; max-width: 14.28%; cursor: pointer; } 
.sub-tab > li.w2 {flex: 1 1 19.28%; max-width: 19.28%;}
.sub-tab > li.w3 {flex: 1 1 16.28%; max-width: 16.28%;}
.sub-tab > li.w50 { flex: 1 1 28%; max-width: 28%; cursor: pointer; } 
.sub-tab.d6{ gap:.5em 0;}
.sub-tab.d6 > li{ flex: 0 0 calc(100% / 6); max-width: 20%;}
.sub-tab > li .in { text-align: center; margin: 0 0 1em 0; border-right: 1px solid #ccc; padding: 0 1em; } 
.sub-tab > li:last-of-type .in { border-right: none; } 
.sub-tab > li .in > .tab-btn { position:relative; font-size: 1.05em; font-weight: 400; color: #444; } 
.sub-tab > li .in > .tab_sub_tit{display: block;  color: #333; margin-top: 0.3em;}  
.sub-tab > li.w50 .in > .tab-btn {font-size: 1.13em; display: inline-block; } 
.sub-tab > li .in > .tab-btn:after { position: absolute; top: -4px; right: -11px; width: 5px; height: 5px; border: 1px solid #111; border-radius: 50%; content: ''; transition: .2s; opacity: 0; } 
.sub-tab > li.on .in { } 
.sub-tab > li.on .in > .tab-btn { font-weight: 600; color: #111; transition: .2s; } 
.sub-tab > li .in:hover > .tab-btn:after,
.sub-tab > li.on .in > .tab-btn:after { opacity: 1; border: 1px solid var(--siteC); background: var(--siteC); transition: .2s; } 

.sub-tab.st1{margin: 0 auto;}
.sub-tab.st1 > li{flex: 1; max-width: none;}

.sub-tab2 { display: flex; flex-wrap: wrap; } 
.sub-tab2 > li { width: calc(20% - 3px); margin: 0 3px 3px 0; border: 2px solid #f0f0f0; transition: .2s; } 
.sub-tab2 > li > .in { display: table; width: 100%; height: 100%; background-color: #f0f0f0; table-layout: fixed; cursor: pointer; transition: .2s; } 
.sub-tab2 > li > .in > .tab-btn { display: table-cell; padding: 16px 10px; font-weight: 700; color: #333; line-height: 26px; text-align: center; word-break: keep-all; vertical-align: middle; overflow-wrap: break-word; transition: .2s; } 
.sub-tab2 > li.on { border: 2px solid var(--siteC); } 
.sub-tab2 > li.on > .in { background-color: #fff; } 
.sub-tab2 > li.on > .in > .tab-btn { padding: 15px 10px; color: var(--siteC); } 


.wrap_idx.bg {padding-top: 5.5em; background: var(--crGray3);}

/* about */

.about_mov_back {position: relative;}
.about_mov_back:before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}

.vod_wrap{position: relative;height: 100%; overflow: hidden; border-radius: .8em;}
.vod_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.25); z-index: -1; /* background-image:linear-gradient(180deg,rgba(3,26,58,.45),rgba(0,0,0,.2));*/}
.vod{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}

.about_wrap .check_list { padding: 1.5em; background: #f7f7f7; border-radius: .5em; margin-top: .5em; } 
.bg .about_wrap .check_list{ background: #fff;}
.check_list { } 
.check_list > li { display: flex; align-items: start; gap: .5em; margin-bottom: 1em; } 
.check_list > li:last-of-type { margin-bottom: 0em; } 
.check_list > li > .xi { color: var(--siteC); } 
.check_list > li > .tt { color: #666; line-height: 1.6; }
.check_list.st1 > li{display: block;}
.check_list.st1 > li > .tt.dot1{position: relative; padding-left: 0.7em;} 
.check_list.st1 > li > .tt.dot1::before{position: absolute; content: '-'; left: 0; top: 0;} 
.check_list > li > .tit{font-size: 1.125em; font-weight: 700; color: var(--siteC);}
.check_list.st1 > li > .tt { font-size: 1.063em; color: #444; } 


/* 주요전공 */

.anm_wrap{ flex:1;}
.anm_wrap .anm_list{ margin:0 0 -3.125em -3.125em;}
.anm_wrap .anm_list > li{ width:50%;}
.anm_wrap .anm_list > li .in{ margin:0 0 3.125em 3.125em; display: block; position: relative;}
.anm_wrap .anm_list > li:nth-child(2n){ transform:translateY(5em);}
.anm_wrap .anm_list > li .in .con{ padding:1.625em .375em 0 .375em;}
.anm_wrap .anm_list > li .in .con .tit{ line-height:1.5; font-weight: 600;}
.anm_detail {background: #fff; padding: 1em 1.5em; border-radius: 1em;}

.anm_wrap .anm_list > li .in:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; text-align: center; background: rgba(0, 0, 0, .4); z-index: 10; border-radius: .8em; opacity: 0;}
.anm_wrap .anm_list > li .in .arrow {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff;  font-size: 1.8em; z-index: 20; border: 1px solid #fff; width: 2.5em; line-height: 2.5em; height: 2.5em; border-radius: 50%; text-align: center; background: rgba(255, 255, 255, .2); opacity: 0;}
.anm_wrap .anm_list > li .in:hover:before,
.anm_wrap .anm_list > li .in:hover .arrow {opacity: 1; transition: .3s;}

.mbaCourse_wrap{}
.table_list{ gap:2em 2em;}
.table_list .table_wrap{ width: calc((100% - 2em) / 2);}
.table_list .table_wrap .table_st{ width: 100%;}
.table_list .table_wrap .table_st .w_courseNum{ width: 10em;}
.table_list .table_wrap .table_st .w_credit{ width: 8em;}
.table_list .table_wrap .table_st thead th:first-child,
.table_list .table_wrap .table_st tbody td:first-child{ padding-left: 1.5em; text-align: left;}
.table_list .table_wrap .table_st tbody td:last-child{ text-align: center;}

/*캠퍼스생활*/
.facility_Wrap { } 
.facility_Wrap .fac_info { margin-top: 1.5em; margin-bottom: 3em; gap: 5em; } 
.facility_Wrap .fac_info .logo_icon { margin: 3.5em 0 1.25em 0; } 
.facility_Wrap .fac_info .logo_icon > img { width: 15em; } 
.facility_Wrap .fac_info .left_c { width: 100%; } 
.facility_Wrap .viewSlider { } 
.facility_Wrap .viewSlider { position:relative; overflow: visible; } 
.facility_Wrap .viewSlider .img_con { width: 100%; height: 45rem; border-radius: 1.5em; overflow: hidden; } 
.facility_Wrap .viewSlider .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.facility_Wrap .viewSlider .swiper-slide { box-sizing: border-box; border: 1px solid rgba(255, 255, 255, .2); border-right: 0; } 
.facility_Wrap .viewSlider .swiperControl .swiperPG { position: absolute; bottom: 3em; left: 50%; transform: translate(-50%, 0); z-index: 9;} 

.campus_health_box {gap: 1em;}
.campus_health_box .img {width: calc(50% - 1em);}

.iacbe_wrap{}
.iacbe_wrap .line{ width: 1px; height: 1.5em; margin:1em auto; background: #fff; opacity: .8;}
.logo_img{ text-align: center; filter: var(--crWhitefil); opacity: .9;}
.logo_img img{ max-height:5em; }

/*홈스테이 및 카페테리아*/

/* 비용 및 장학금 */

.page_col.div_T { gap: 6em; } 
.page_col.div_T .Tleft { flex: 1 1 25%; } 
.page_col.div_T .Tright { flex: 1 1 75%; } 

.imgdiv_Wrap { } 
.imgdiv_Wrap .s_imgdiv { gap: 1.5em; } 
.imgdiv_Wrap .s_imgdiv.st1 > li { } 
.imgdiv_Wrap .s_imgdiv.st1 > li:first-of-type { flex: 2; } 
.imgdiv_Wrap .s_imgdiv.st2 > li .imgsec { height: 18.5em; } 

.imgdiv_Wrap .s_imgdiv > li { flex: 1; } 
.imgdiv_Wrap .s_imgdiv > li .imgsec { width: 100%; height: 28.5em; overflow: hidden; border-radius: .75em; } 
.imgdiv_Wrap .s_imgdiv > li .imgsec > img { width: 100%; height: 100%; object-fit: cover; }
.imgdiv_Wrap .s_imgdiv.st3 > li {width: calc(33.3% - 1em); flex: none;}
.imgdiv_Wrap .s_imgdiv.st3 > li .imgsec { height: 12.5em; } 
.imgdiv_Wrap .s_imgdiv.st4 > li .imgsec { height: 28.5em; width: 69%; margin: 0 auto;} 

.col_unT { } 
.col_unT .col_Tlist { margin-top: 3em; } 
.col_unT .col_Tlist > li { margin-bottom: 4em; } 
.col_unT .col_Tlist > li:last-of-type { margin-bottom: 0em; } 

/* 인턴쉽 및 취업 */
.partner-container { margin-top: 3em; } 
.partner-container .p-list { } 
.partner-container .p-list > li { flex: 1 1 25%; max-width: 25%; display: flex; align-items: center; justify-content: center; cursor: pointer; } 
.partner-container .p-list > li .img-wrap { padding: 3em; box-sizing: border-box; } 
.partner-container .p-list > li .img-wrap .imgfix > img { filter: grayscale(1); transition: .5s; } 
.partner-container .p-list > li .img-wrap:hover .imgfix > img { filter: grayscale(0); } 


/*대학교 위치*/
.map_Wrap { position: relative; } 
.info_con { } 
.info_con .info_box { position: relative; top: -9em; gap: 3em; width: 100%; margin: 0 auto; } 
.info_con .info_box > li { flex: 1 1 50%; } 
.info_con .info_box > li:nth-child(2) .in { background: #fff; border: 1px solid var(--siteBg1); color: #111; } 
.info_con .info_box > li > .in { padding: 3.5em 3em; background: var(--siteBg1); color: #fff; border-radius: 1em; height: 13em;display: flex;flex-direction: column;justify-content: space-between; } 
.info_con.st1 .info_box > li > .in{height: auto;}
.info_con .info_box > li .in .btm_Wrap { gap: 2em; align-items: flex-end; } 
.info_con .info_box > li .in .btm_Wrap .info { width: 60%; } 
.info_con .info_box > li .in .btm_Wrap .info.w2 { width: 100%; } 
.info_con .info_box > li .in .btm_Wrap .location_btn { width: 40%; } 
.info_con .info_box > li:nth-child(2) .in .btm_Wrap .location_btn > a { border: 1px solid #111; color: #111; } 
.info_con .info_box > li .in .btm_Wrap .location_btn > a { border: 1px solid #fff; border-radius: 5em; padding: .95em 1.5em; } 
.info_con .info_box > li .in .btm_Wrap .location_btn > a > .xi { padding-left: .45em; } 
.info_con .info_box > li .in .btm_Wrap .location_btn > a > span { font-size: 1.05em; } 


/* 전공소개 */
.facSlider { overflow: hidden; } 
.facSlider .in { } 
.facSlider .in > .img_con { width: 100%; height: 33.5rem; overflow: hidden; border-radius: 1.5em; } 
.facSlider .in > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.fac_col { align-items: center; } 
.fac_col.gp1 { gap: 4em; } 
.fac_col .img_slide { width: 48.5%; } 
.fac_col .fTbox { width: 51.5%; } 
.fac_col .fTbox .f_bl { flex: 1 1 35%; margin-bottom: 2em; }  
.fac_col .fTbox .f_br { flex: 1 1 65%; padding: 2em 1.5em; border-top: 1px solid #111; border-bottom: 1px solid #ddd; } 
.fac_col .fTbox .f_br .in { gap: 1.125em; } 
.fac_col .fTbox .f_br .in .depart { gap: 1.125em; } 
.fac_col .fTbox .f_br .in .depart:after { content: ""; width: 2.5em; height: 1px; background: #999; } 
.fac_col .fTbox .f_br .in .depart > p { } 
.dot_list { margin: 0 -1em -.5em 0; width: 100%; } 
.dot_list.st1 > li { flex: 1 1 50%; max-width: 50%; } 
.dot_list.st2 > li { flex: 1 1 33.33%; max-width: 33.33%; } 
.dot_list.st3 > li { flex: 1 1 25%; max-width: 25%; } 
.dot_list > li { position:relative; flex: 1 1 50%; padding-left: 1em; max-width: 50%; } 
.dot_list > li > p { margin: 0 1em .85em 0; font-size: .95em; } 
.dot_list > li:before { position: absolute; top: 6px; left: 1px; width: 5px; height: 5px; border-radius: 50%; background: var(--siteC); content: ''; } 

.majar_col {gap: 0 4em;}
.majar_col .img_box { width: 48.5%; } 
.majar_col .img_box .img{ border-radius: .8em;}
.majar_col.st1 .img_box > img{ width: 100%; height: 100%; object-fit: cover; border-radius: 1em; overflow: hidden;}
.majar_col .fTbox { width: 51.5%; } 
.majar_col .page_txt{ width: 100%;}

.majar_col2 {gap: 0 4em;}
.majar_col2 .img_box { width: 50%; height: 25em; border-radius: .8em; overflow: hidden;} 
.majar_col2 .img_box img{ width: 100%; height: 100%; object-fit: cover;} 
.majar_col2 .fTbox { width: 50%; } 

.majar_col.st1 .img_box > p{border-radius: .8em; overflow: hidden; height: 22em; }
.majar_col.st1 .img_box > p img{width: 100%; object-fit: cover; height: 100%; }

.f_en { margin-bottom: 2em;}
.f_ko {}

.majarCon_st1 {gap: 6em; border-bottom: 1px solid #ddd; padding-bottom: 3em;}
.majarCon_st1:last-child {border-bottom:none; padding-bottom: unset;}
.majarCon_st1 .right_tit {flex: 1 1 25%;}
.majarCon_st1 .left_con {flex: 1 1 75%;}

.program_inn {}
.program_inn.line {border: 1px solid var(--siteC); border-radius: 0.8em; padding: 3em 3em;}
.program_inn .tit {background: var(--siteC); width: 12%; text-align: center; margin: 0 auto 3em; border-radius: 3em; padding: .5em 1em; font-size: 1.25em; color: #fff;}
.program_inn .tit.w2 {width: 18%;}

/* 주요전공안내 */

.smain_section {height: 20em; position: relative;}
.smain_section .txt_wrap{ position: relative; z-index: 1;}
.smain_section::after{ content:''; width:100%; height:100%; background:rgba(0, 0, 0, .4); position:absolute; left:0; top:0;}
.smain_section .smain_tit{z-index: 10;}
.smain_section .box1.aos-init{position: relative; z-index: 1;}

.anm_list2 {gap: 1em;}
.anm_list2 li {width: calc(33.3% - 1em);}

.mng_xi { font-size: 1.2em; vertical-align: middle;}

/*  */

.fresno_link { color: var(--siteC);}
.fresno_link:hover {color: #06304f;}

.memo_box{ padding:2em 2.5em; background:var(--crGray); border-radius: .8em;}
.memo_box.st1{ display:flex; flex-wrap:wrap; gap:1em 2em;}
.memo_box.st1 > *{ box-sizing:border-box; min-width:0;}
.memo_box.st1 .memo_con{ flex:1;}
.memo_box.st2{background:#fff;}
.memo_box.st3 {padding:1.5em 2em; margin-top: 1.25em;}
.memo_box.st4 {padding: 1.5em 2em; margin: 1.25em auto; width: 66%; text-align: left; background: var(--gradC2); color: #fff; min-height: 7em;}
.memo_box.st5 .ttdot + .ttdot{margin-top: 0.65em;}

.bg1 .memo_box{background: #fff;}

.inquiry_call { margin: 0 .5em 0 .3em;}
.inquiry_call .xi {}

.agree_box_wrap .agree_box{ padding:0; border:none;}
.agree_box{ border-radius:.5em; border:1px solid #ddd; padding:1.5em}
.agree_box.tt1{ color:#666; font-size:.938em; line-height:1.4}
.agree_box.h1{ height:12em; overflow-y: auto; }

.form_wrap .form_tit{ border-bottom:1px solid #111; padding:.75em 0}
.form_wrap .form_tit.bd0{ border-bottom:none}
.form_wrap .form_tit .t1{ font-weight:700; font-size:1.375em}
.form_wrap .form_tit .t2{ font-weight:700; font-size:1.625em}
.form_wrap .form_tit .t3{ font-weight:500; font-size:1.125em}

.page_txt_bn{}
.page_txt_bn > .list{ margin:0 0 -1em -1em;}
.page_txt_bn > .list.flexW2 > li{ flex:1 1 50%;}
.page_txt_bn > .list.flexW3 > li{ flex:1 1 33.33%;}
.page_txt_bn > .list.flexW4 > li{ flex:1 1 25%;}
.page_txt_bn > .list.flexW100 > li{ flex:1 1 100%;}
.page_txt_bn > .list > li{ flex:1;}
.page_txt_bn > .list > li .in{ flex:1; margin:0 0 1em 1em; padding:1.5em 1.75em; border:1px solid rgba(255,255,255,.6); border-radius:.313em; color:#fff;}
.page_txt_bn > .list > li .in .icon{ margin:.875em 0;}
.page_txt_bn > .list > li .in .icon:first-child{ margin-top:0;}
.page_txt_bn > .list > li .in .icon:last-child { margin-bottom:0;}
.page_txt_bn > .list > li .in .icon img{ width:3.5em;}
.page_txt_bn > .list > li .in .icon.line{ width:5.5em; height:5.5em; background:#f2f2f2; border-radius:100%;}
.page_txt_bn > .list > li .in .icon.line img{ width:2.75em;}
.page_txt_bn > .list > li .in .txt{ padding:.25em 0;}
.page_txt_bn > .list > li .in .txt.line{ padding-bottom:.75em; border-bottom:1px solid #d4dade;}
.page_txt_bn > .list > li .in .txt.line + .txt{ padding-top:.75em;}
.page_txt_bn > .list > li .in .txt .tt{ line-height:1.4;}
.page_txt_bn > .list > li .in .txt .tt b{ display:inline; vertical-align:baseline; font-weight:700;}
.page_txt_bn > .list > li .in .txt .t0{ line-height:1.7;}
.page_txt_bn > .list > li .in .txt .t1{ font-size:1.125em; font-weight:700;}
.page_txt_bn > .list > li .in .txt .t2{ font-size:1em; line-height:1.6;}
.page_txt_bn > .list > li .in .txt .t3{ font-size:1.750em; color:#000;}
.page_txt_bn > .list > li .in .txt .t4{ font-size:1.250em; font-weight:700; line-height: 2.1; color: var(--siteC);}
.page_txt_bn > .list > li .in .txt.flex .tt + .tt{ flex:1; margin-left:1em;}
.page_txt_bn.cw > .list > li .in{ background:#fff; border:#fff; box-shadow:2px 2px .5em rgba(0,0,0,.15); color:#333;}
.page_txt_bn.cw > .list > li .in .txt .t1{ color:var(--siteC);}

/* 편입 */

.page_img_list{}
.page_img_list > .list{ margin:0 0 -2em -2em;}
.page_img_list > .list > li{ flex:1 1 25%; max-width:25%;}
.page_img_list > .list.flexW2 > li{ flex:1 1 50%; max-width:50%;}
.page_img_list > .list.flexW3 > li{ flex:1 1 33.33%; max-width:33.33%;}
.page_img_list > .list.flexW4 > li{ flex:1 1 25%; max-width:25%;}
.page_img_list > .list.flexW5 > li{ flex:1 1 20%; max-width:20%;}
.page_img_list > .list.flexW6 > li{ flex:1 1 16.66%; max-width:16.66%;}
.page_img_list > .list:not(.max) > li{ max-width:none !important;}
.page_img_list > .list > li:not(.in_list) .in,
.page_img_list > .list > li.in_list > .in{ flex:1; position:relative; margin:0 0 2em 2em; background:#fff; box-shadow:0 .375em .375em rgba(0,0,0,.05); color:#333; transition:box-shadow .3s;}
.page_img_list > .list > li .in .img{ position:relative; overflow:hidden; background:#fff;}
.page_img_list > .list > li .in .img:not(.resize){ height:18em;}
.page_img_list > .list > li .in .img .bg{ position:absolute; top:0; left:0; width:100%; height:100%; transform:scale(1); transition:.4s;}
.page_img_list > .list > li .in .img2{ padding:2em 2em; text-align:center;}
.page_img_list > .list > li .in .imgPD{ padding:.5em .5em;}
.page_img_list > .list > li .in .mov .vod{ width:100%; height:100%;}
.page_img_list > .list > li .in .con{ padding:.5em 1.75em; height:5.5em;}
.page_img_list > .list > li .in .con.hAuto{ padding-top:1.25em; padding-bottom:1.25em; height:auto;}
.page_img_list > .list > li .in .con.pos{ position:relative; padding-top:2.5em;}
.page_img_list > .list > li .in .con.pos .pos_num{ position:absolute; top:0; left:1.75em; width:3.75em; height:3.75em; background:#093291; border-radius:100%; color:#fff; transform:translateY(-50%);}
.page_img_list > .list > li .in .con .tt{ flex:1;}
.page_img_list > .list > li .in .con .tt > *{ display:block; padding:.125em 0;}
.page_img_list > .list > li .in .con .tt b{ font-weight:700; vertical-align:baseline;}
.page_img_list > .list > li .in .con .t0{ line-height:1.5;}
.page_img_list > .list > li .in .con .t1{ font-size:.875em; color:#093291; font-weight:700;}
.page_img_list > .list > li .in .con .t2{ font-size:1.375em; font-weight:700; letter-spacing:-.5px;}
.page_img_list > .list > li .in .con .t3{ font-size:1.125em; color:#111; font-weight:500;}
.page_img_list > .list > li .in .con .t4{ font-size:.938em; color:#111; font-weight:500;}
.page_img_list > .list > li .in .con .t5{ font-size:.938em; color:#555; line-height:1.5;}
.page_img_list > .list > li .in .con .t6{ font-size:1.250em; color:#111; font-weight:500;}
.page_img_list > .list > li .in .con .ex{ font-size:.813em; margin-top:.75em; line-height:1.4em; height:2.875em; opacity:.7; overflow:hidden;}
.page_img_list > .list > li .in .con .city{ font-size:.938em; color:#093291; padding:.25em 0;}
.page_img_list > .list > li .in .con .date{ font-size:.813em; color:#888; padding-top:.5em;}
.page_img_list > .list > li .in .con .num{ font-size:1.625em;}
.page_img_list > .list > li .in .con .num.en{ font-weight:700;}
.page_img_list > .list > li .in .con .en{ font-weight:400;}
.page_img_list > .list > li .in .con .plus{ display:inline-block; width:2.813em; height:2.813em; line-height:2.625em; border:1px solid #fff; border-radius:100%;}
.page_img_list > .list > li .in .con .plus .xi{ font-size:1.500em;}
.page_img_list > .list > li .in .con .plus .xi:before{ content:"\e914";}
.page_img_list > .list > li .in .con .plus + .tt{ margin-top:1em;}
.page_img_list > .list > li .layer .con{ position:absolute; top:1em; bottom:1em; left:1em; right:1em; padding:1em 1em !important; overflow:hidden; opacity:0; visibility:hidden; transition:.4s;}
.page_img_list > .list > li .layer .con > *{ position:relative;}
.page_img_list > .list > li .layer .con .tt > *{ color:#fff;}
.page_img_list > .list > li .layer .con:before{ content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#093291; opacity:.7; transform:scaleY(0); transition:.4s;}
.page_img_list > .list > li .layer:hover .con{ opacity:1; visibility:visible;}
.page_img_list > .list > li .layer:hover .con:before{ transform:scaleY(1);}

.page_img_list > .list > li a.in:hover{ box-shadow:0 .625em .5em rgba(0,0,0,.1);}
.page_img_list > .list > li a.in:hover .img .bg{ transform:scale(1.1);}

.page_img_list.st1{}
.page_img_list.st2 > .list > li .in{ background:transparent; box-shadow:none !important;}
.page_img_list.st2 > .list > li .in .con{ padding:1.5em .25em; height:auto;}
.page_img_list.st3 > .list > li .in{ border:1px solid #e5e5e5;}
.page_img_list.st3 > .list > li .in .imgPD{ border-bottom:1px solid #e5e5e5;}
.page_img_list.st3 > .list > li .in .con{ padding:1.5em 1.25em; height:auto;}

.page_board_list{}
.page_board_list > .list > li{ padding:.5em .125em;}
.page_board_list > .list > li .img{ width:6em; margin-right:1em;}
.page_board_list > .list > li .txt{ flex:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.page_board_list > .list > li .txt.pl{ margin-top: 0.5em; padding-left: 1em;}
.page_board_list > .list > li .txt .in_tt{ vertical-align:baseline; color:#b0822c;}
.page_board_list > .list > li .num{ position:relative; width:2.5em; margin-right:1em; font-size:1.250em; text-align:center; color:#093291; font-weight:700;}
.page_board_list > .list > li .num:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:.625em; background:#093291; opacity:.2;}
.page_board_list > .list > li .qtit{ width:1.75em; height:1.75em; margin-right:1em; background:#b0822c; border-radius:100%; font-size:1.250em; color:#fff; font-weight:700;}
.page_board_list > .list > li .date{ margin-left:1em; font-size:.875em; color:#888;}
.page_board_list > .list > li .t1{ font-size:1.063em; font-weight:700;}
.page_board_list > .list > li .t2{ font-size:.938em; color:#333;}
.page_board_list > .list > li .t3{ font-size:1em; color:#333;}
.page_board_list > .list > li .t4{ font-size:1.063em; color:#111;}
.page_board_list.rank > .list > li{ padding-top:.375em; padding-bottom:.375em;}
.page_board_list.faq > .list > li{ padding-top:.25em; padding-bottom:.25em;}
.page_board_list.basic > .list > li .txt{ position:relative; padding-left:1em;}
.page_board_list.basic > .list > li .txt:before{ content:""; position:absolute; left:0; top:50%; width:4px; height:2px; background:#888; transform:translateY(-50%);}
.page_board_list.photo > .list > li{ padding-top:.75em; padding-bottom:.75em; border-top:1px dashed #e5e5e5;}
.page_board_list.photo > .list > li:first-child{ border-top-width:0;}
.page_board_list.photo > .list > li .txt{ white-space:normal; overflow:visible;}
.page_board_list > .list > li:first-child{ padding-top:0;}
.page_board_list > .list > li .link:hover .txt{ color:#093291;}

.page_board_list.rank2{ border-top:4px solid #093291;}
.page_board_list.rank2 > .list > li{ padding:1.25em 1em; background:#fff; border-bottom:1px solid #ddd;}
.page_board_list.rank2 > .list > li.c2 { background:var(--siteC3); }
.page_board_list.rank2 > .list > li:nth-child(2n){ background:#f7f7f7;}
.page_board_list.rank2 > .list > li .txt{ padding-top:.25em; white-space:normal !important; overflow:visible;}
.page_board_list.rank2 > .list > li .num{ margin-right:1.5em;}

.page_board_list.rank_div2{ border-top:4px solid #093291;}
.page_board_list.rank_div2 .list{}
.page_board_list.rank_div2 .list > li{ padding:1.25em 1.5em; box-sizing: border-box; background:#fff; border-bottom:1px solid #ddd;}
.page_board_list.rank_div2 .list > li:not(.tit){ width: 50%;}
.page_board_list.rank_div2 .list > li:nth-child(2n){ border-right: 1px solid #ddd;}
.page_board_list.rank_div2 .list > li.c2{ background:var(--siteC3);}
.page_board_list.rank_div2 .list > li.tit{ width: 100%;}
.page_board_list.rank_div2.d3 .list > li:not(.tit){ width: calc(100% / 3);}
.page_board_list.rank_div2.d3 .list > li:not(.tit){ border-right: 1px solid #ddd;}
.page_board_list.rank_div2.d3 .list > li:last-child{ border-right: none;}

.trans_tit {background: var(--gradC2); display: inline-block; padding: .5em 1em; border-radius: 3em; color: #fff;}

.usc_con {gap: 1em;}
.usc_con p { width: calc(33.3% - 1em); text-align: center; background: var(--crGray2); padding: 2em 1em;}
.usc_con p:nth-child(even) {background: var(--crGray);}

.usc_con2 {}
.usc_con2 p {background: var(--crWhite); padding: 1em; border-radius: .8em;}

  /* 채용안내 */
  .sub_process_wrap{ position:relative; padding-right:0%}
  .sub_process_wrap .line{ position:absolute; background:#f1f1f1}
  .sub_process_wrap .line1{ width:73.5%; height:5px; left:12.5%; top:7em}
  .sub_process_wrap .line:after{ content:""; position:absolute; background:#333}
  .sub_process_wrap .line1:after{ width:0; height:100%; left:0; top:0; transition:2s; transition-delay:2s}
  .load .sub_process_wrap .line1:after{ width:100%}
  
  .sub_process{ position:relative;}
  .sub_process > li{ width:20%;}
  .sub_process.w2 > li {width:33.3%;}
  .sub_process.w3 > li {width:25%;}
  .scroll .sub_process > li{ visibility:visible; opacity:1}
  .sub_process > li .in{}
  /*.sub_process > li:first-child .in{ margin: 0 0 4em 0em;}*/
  .sub_process > li .in .icon{ display:block; margin:0 auto; width:8em; height:8em; text-align:center; border: 1px solid #ddd; background:#fff; font-size:1.5em; color:#000; border-radius:50%; box-shadow:0 0 .5em rgba(0,0,0,.1); position:relative;transition:.2s;}
  .sub_process > li .in .icon:hover { color: #333; border: 1px solid var(--siteC); transition:.2s;}
  .sub_process > li .in .con{ margin-top:1em; text-align:center;position: relative;}
  .sub_process > li .in .con .t1{ font-size: 1.25em; font-weight: 600; margin-top: .5em; color: var(--siteC);}
  .sub_process > li .in .con .t2{ color: #888;font-weight: 500;font-size: 1em; text-align: center; margin-top: 0.5em;}
  .sub_process > li .in .con .t3 { font-size: 0.96em;}
  
  .circleAni{ position:absolute; width:100%; height:100%; border:1px solid var(--siteC); left:-1px; top:-1px; opacity:0; border-radius:100%; animation-duration: 3s; animation-iteration-count: infinite; opacity:0;transition-delay:3s}
  .load .circleAni.c1{ opacity:.7}
  .circleAni.c1{ animation-name: circleAni}
  .circleAni.c2{ animation-name: circleAni; animation-delay: 1s}
  .circleAni.c3{ animation-name: circleAni; animation-delay: 2s}

@keyframes circleAni{
  0% {opacity:.7}
  100% {opacity:0;transform:scale(1.2)}
}




/*popupzone*/
#popupzone .box1 {padding-left:0;}
#popupzone .box3{ width:100em; max-width:96%; margin:0 auto; box-sizing:border-box;}
#popupzone{ position:fixed; z-index:999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); display:none;}
#popupzone .popWrap{ position:relative; height:inherit; box-sizing:border-box; padding-bottom:12vh;}
#popupzone.popOpen{ display:block;}
#popupzone .con_box { position:relative;}
#popupzone .todayChk{ z-index:2; position:absolute; bottom:-6em; right:0;}
#popupzone .todayChk,
#popupzone .todayChk .close_btn{ } 
#popupzone .todayChk .close_btn{ width:3.5em; height:3.5em; background:#ed1c24; color:#fff; transition:.2s; border-radius:10px; margin-left:1em;}
#popupzone .todayChk .close_btn .xi{ font-size:1.8em;}
#popupzone .todayChk .close_btn:hover{ background:#a68d7a;}
#popupzone .todayChk .label_st {color:#fff; font-size:.95em;}
#popupzone .todayChk .label_st *{ color:inherit;}

#popupzone .popWrap .popup { width: 100%; }
#popupzone .popup_zone .main_text {font-size:1.7em; color:#fff; font-weight:500;}
/*.hover_st1{width:25% !important; }*/
.hover_st1 .hover_in{ position:relative; overflow:hidden;}

.hover_st1:hover .hover_in .layer{ opacity:1}
.hover_st1:hover .hover_in .layer .more{ transform:rotate(90deg)}
.img_btn { margin-bottom:2em; }
.sliderBtnSt{ line-height:2em; cursor:pointer; color: #111; background:#fff; margin-right:5px; border-radius:10px; width:3em; height:3em;}
.sliderBtnSt .xi{ font-size: 1.5em; color:#111;}
.sliderBtnSt.pause .xi{ font-size: 1.3em; }
.sliderBtnSt.prev{  }
.sliderBtnSt.next{ }
.mainPipeline-pause {margin-right:0;}

.resize.s7 {padding-bottom: 100%;}

.mainPipeline_area .mV_pagination{width:70px; color:#fff; font-size: 1.125em; display:flex; justify-content:center; align-items:flex-end; box-sizing:border-box; margin-right:1em;}
.mainPipeline_area .mV_pagination .swiper-pagination-current{margin-right:.25em; font-weight:600; font-size: 1.3em; color:#ed1c24;}
.mainPipeline_area .mV_pagination .swiper-pagination-total{margin-left:.25em;}
/*popupzone*/

/*랭킹*/
.page_list.rank .rank_logo { position: relative; width: 100%; padding: 2em; margin-bottom: 2.15em; box-shadow: 1px 0 6px rgba(0,0,0, .125); background: #fff; text-align: center; box-sizing: border-box; } 
.page_list.rank .rank_logo img { width: 40%; } 
.page_list.rank .rank_logo .university{position: absolute; font-size: 18px; bottom: 1em; right: 1em; height: 40px; padding: 0 1em; line-height: 40px; background: rgb(0, 0, 0, 0.3); color: #fff; border-radius: .5em;}
.page_list.rank > li .con_wrap .rank_list { } 
.page_list.rank > li .con_wrap .rank_list > li { } 
.page_list.rank > li .con_wrap .rank_list > li .rank_box { margin-top: .5em; padding: 1em 1.5em; background: #f9f9f9; border-radius: .5em; } 
.page_list.rank > li .con_wrap .rank_list > li .rank_box .R_in { align-items: center; gap:.5em; margin-bottom: .65em; } 
.page_list.rank > li .con_wrap .rank_list > li .rank_box .R_in > .Rn { min-width: 4em; text-align: center; padding: .3em .75em; border-radius: .5em; background: var(--siteC3); color: var(--siteC2); font-weight: 500; } 
.page_list.rank > li .con_wrap .rank_list > li .rank_box .R_in:last-of-type { margin-bottom: 0em; } 
.page_list.rank > li .con_wrap .rank_list > li .rank_box .R_in > span { font-size: .95em; color: #444; } 

.txt_box{margin-top: 2em;}

/*연혁*/
.page_ttbg_bg3{ position: relative; border-radius: .25em; overflow: hidden; background: url(../images/sub/his_img.jpg) center center no-repeat; background-size: cover; padding: 6em 0; margin: 0 0; background-attachment: fixed;}
.page_ttbg_bg3:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: '';}
.page_ttbg_bg3 .tit{ position: relative; z-index: 2; font-size: 2.15em; font-weight: 800; color: #fff;}

.history_container{margin-top: -4em;}
.history_wrap{ position:relative; overflow:hidden; padding:5em 0}
.history_wrap .his_topD{ position: absolute; left: 50%; top: 1em; margin-left: -0.4em; width: 1em; height: 1em; background: #fff; border: 0.25em solid var(--siteC); border-radius: 100%; box-sizing: border-box;}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:2em; width:2px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background: var(--siteC); transition:.3s}
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.4em; width:1em; height:1em; background:#fff; border:.25em solid var(--siteC); border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:4em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:30em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:3em; font-weight:700; letter-spacing:-3px; color:var(--siteC);}
.history_wrap .history > li .year .img { margin-top:2em; margin-right: 2em; display: inline-block; padding: 2em; background-color: #f9f9f9; border-radius: 1em;}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:8em; border-top:2px dotted #aaa}
.history_wrap .history > li .year .tt:after{ content:"'"; font-weight:400; font-style:italic}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em; margin-top:1em;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:50% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 4em}
.history_wrap .history > li .list .month .tt{ position: relative; top: 3px; color:#333; font-size:1.3em; font-weight:700;}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; word-break: keep-all; padding:0 1.5em; margin-top:.125em; font-size: 1.215em; font-weight: 400; margin-bottom: .3em;}
.history_wrap .history > li .list .detail .tt:last-of-type{ margin-bottom: 0em;}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}
.history_wrap .history > li:nth-child(2n) .year .img {margin-right: 0em; margin-left:2em;}

.page_list.number.history{ background: #fff; padding: 2em; box-sizing: border-box; border-radius: 1em; gap: 0 3em;}
.page_list.number.history li{width: calc((100% - 3em) / 2);}
.page_list.number.history > li .in{flex-direction: column-reverse; gap: 0.6em; padding: 1em 0; height: auto;}
.page_list.number.history > li .in .num_wrap{width: 100%; justify-content: flex-end;}
.page_list.number.history > li .in .num_wrap .num{font-size: 2.38em; font-family: var(--fontBase); font-weight: 900; color: #111;}
.page_list.number.history > li .num:before{content: '';}
.page_list.number.history > li .in .num_wrap:after{display: none;}
.page_list.number.history > li:nth-child(7) .in{border: none;}


/*  President’s Message */
.greeting_tab { position: absolute; right: 0; top: -3em; gap: .5em; display: flex;} 
.greeting_tab > li { } 
.greeting_tab > li > .in { cursor: pointer; } 
.greeting_tab > li > .in .tab_btn { padding: .35em 1em; font-size: .9em; border: 1px solid #111; border-radius: 5px; color: #111; } 
.greeting_tab > li.on > .in .tab_btn { background: #111; color: #fff; } 

.greeting_wrap { position: relative; } 
.greeting_wrap .greeting_Bg { position: absolute; left: 0; bottom: -9em; opacity: .045; z-index: -1; } 
.greeting_wrap .greeting_Bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(360deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100%); content: ''; } 
.ceo_wrap {  display: flex; gap: 4em; align-items: center; word-break: keep-all; padding: 0 5em; box-sizing: border-box; } 
.ceo_wrap>.ceo_img { width: 40%; } 
.ceo_wrap>.ceo_img>img { width: 100%; height: 100%; border: 1px solid #ddd; object-fit: cover; } 
.ceo_wrap .infoT{width: 65%;}
.ceo_wrap .infoT>.tt { font-size: 18px; font-weight: 500; line-height: 30px; color: #333; letter-spacing: -.5px; margin-bottom: 1.5em; } 
.ceo_wrap .infoT .tit { font-size: 45px;  color: #333; line-height: 1.5; margin-top: .5em;} 
.ceo_wrap .infoT .tit2 { font-size: 32px;  color: #333; margin-bottom: .8em; font-weight: 700;} 
.ceo_wrap .infoT>.tt:last-of-type { margin-bottom: 0em; } 
.ceo_wrap .infoT>.name { font-size: 1.415em; font-weight: 700; margin-top: 3em; } 
.ceo_wrap .infoT p b { display: inline; word-break: keep-all; } 

/* 전공 */
.intro_infoW { display: flex; gap: 4em; margin-top: 4em; } 
.intro_infoW .txt_area { width: 100%; } 
.intro_infoW .txt_area > .tt { font-size: 1.125em; line-height: 1.6; color: #444; margin-bottom: 1.5em; word-break: keep-all; } 
.intro_infoW .txt_area > .tt:last-of-type { margin-bottom: 0em; } 
.midLine { width: 100%; height: 1px; background: #ddd; margin: 3em 0; } 

/* 대학소개 */
.mid_wideBg { position:relative; padding: 6em 0; } 
.mid_wideBg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--bgblack1); content: ''; } 
.mid_wideBg .wide-con { position: relative; z-indeX: 2; } 

.rank_wrap{}
.rank_wrap .box_list{ margin: 0 0 -1em -1em;}
.rank_wrap .box_list > li{ flex: 1 1 25%; max-width: 25%;}
.rank_wrap .box_list > li > .in{ margin: 0 0 1em 1em; border: 1px solid #ddd; box-shadow: 2px 0 6px rgba(0,0,0, .15); background: #fff; border-radius: 1em; overflow: hidden; text-align: center; padding: 2em; box-sizing: border-box;}
.rank_wrap .box_list > li > .in .info_area{}
.rank_wrap .box_list > li > .in .info_area > .rank{ font-size: 3.85em; font-weight: 700; color: var(--siteC);}
.rank_wrap .box_list > li > .in .info_area > .di_line{ height: 2px; width: 40px; background: var(--siteC2); margin: 1em auto;}
.rank_wrap .box_list > li > .in .info_area > .txt{ font-size: 1.15em; font-weight: 600;}

.system_wrap{}
.system_wrap .sys_top{ margin-bottom: 2.5em;}
.system_wrap .sys_top > .img_wrap{ background: #fff; padding: 2.5em; box-sizing: border-box; border-radius: 1em;}
.sys_boxlist > li > .in > .box_con{ position:relative; padding: 1.25em 1.5em; text-align: left; align-items: center; background: #fff;}
.sys_boxlist > li > .in > .box_con:before{ position: absolute; left: 0; height: 100%; width:5px; background: var(--siteC); content: '';}
.sys_boxlist > li > .in > .box_con > span{ font-size: 1.15em; font-weight: normal;}

.lo_con{ }
.lo_con .img_wrap{ position:relative; text-align: center; border: 1px solid #ddd; border-radius: 1em;}    
.lo_con .img_wrap .spot{ display: block; width: 25px; height: 25px; border-radius: 50%;}
.lo_con .img_wrap .spot.top_dot{ position: absolute; left: 57.5%; top: 29.5%; background: var(--siteC);}
.lo_con .img_wrap .spot.btm_dot{ position: absolute; left: 57.5%; top: 54.5%; background: var(--siteC3);}   
.lo_con .img_wrap .spot .tbox{ position: absolute; left: 2.5em; border-radius: .5em; width: 20em; padding: 1em 1.5em; text-align: left; line-height: 1.8; background: var(--siteC); color: #fff; box-shadow: 2px 0 6px rgba(0,0,0, .25);}
.lo_con .img_wrap .spot.btm_dot .tbox{ left: 0em; top: 3em; background: var(--siteC3);}

.ttUP{ text-transform: uppercase;}
.aLink:hover .link{ color:var(--siteC); text-decoration: underline; transition: all .3s; }


.page_txt .mark.st3{ width: 3em; height: 3px; margin-bottom: 2em; background: var(--siteC);}

.csu_list{}
.csu_list > li{ padding:1em 0; border-bottom: 1px solid #ddd;}
.csu_list > li .in{ gap: 2em;}
.csu_list > li .in .img_wrap{width: 40%;}
.csu_list > li .in .img_wrap.w2{width: 30%;}
.csu_list > li .in .con_wrap{flex:1;padding: 1em 0;}
.csu_list > li .in .con_wrap .s_name{margin-bottom:.5em; font-weight:700; font-size:1.25em; color:var(--siteC)}
.csu_list > li .in .con_wrap .info_list{ padding-left:.2em;}
.csu_list > li .in .con_wrap .info_list > li{ font-size:.9375em; color:#555; line-height:1.5; }
.csu_list > li .in .con_wrap .info_list > li dl{ display: flex; }
.csu_list > li .in .con_wrap .info_list > li + li dl{ margin-top: 1em;}
.csu_list > li .in .con_wrap .info_list > li dt{ width: 8em;}
.csu_list > li .in .con_wrap .info_list > li dt .tit{ padding-left: .5em; font-weight: 600; color:#111; position: relative;}
.csu_list > li .in .con_wrap .info_list > li dt .tit::before{ content: ''; width: 2px; height: 0.8em; background: var(--siteC); position: absolute; left: 0; top: 3px; opacity: .5;}
.csu_list > li .in .con_wrap .info_list > li dd{ flex:1;}
.csu_list > li .in .con_wrap .btn_more{margin-top:1em;  text-align: right;}
.csu_list > li .in .con_wrap .btn_more .in_tt{ font-size: .875em;}
.csu_list > li .in .con_wrap .btn_more .xi{ }


.threeflout.csu{}
.threeflout.csu > li{}
.threeflout.csu > li .img{display: flex; justify-content: center; align-items: center; overflow: hidden; height: 15em; padding: 2em; box-sizing:border-box; border: 1px solid #ddd; border-radius:1em; background: #fff;}
.threeflout.csu > li .img img{ width: 100%; object-fit: contain;}
.threeflout.csu > li .tt{margin-top: 1em; margin-left: .5em; padding-left: 0.5em; font-weight: 700; font-size: 1.25em; color:#555; position: relative;}
.threeflout.csu > li .tt::before{content: ''; width: 3px; height: 1em; background:var(--siteC); position: absolute; left: 0; top: 0;}


.page_board_list.rank2 > .list > li.point{ background:#eaf0ff}
.page_board_list.rank2 > .list > li .num2{ font-weight: 700; font-size: 1.125em; text-align: right; color:#555;}


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


.test1{
    position: relative;
}
.pos{
    position: absolute;
    bottom: 10px;
    left: 5px;
}
.ts1 .cpp{
    width: 100%;    
    overflow: hidden;
    gap: 1em;
}
.ts1>.cpp>li{
  width: calc(20% - 1em);
}
.ts1 > .cpp.d4{ gap:2em 1em; width: 70%; margin:0 auto;}
.ts1 > .cpp.d4 > li{
  width: calc((100% - 3em) / 4);
}
.ts1>.cpp>li .page_txt { margin-top: 0.5em;}
.ts1 >.cpp>li>p{
    width: 100%;
    text-align: center;


}
.ts1 >.cpp>li>img{width:100%; border-radius: .8em;}

.test2{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 3px 0.5em rgba(0,0,0,.15);

}
.by1{
    width: 20%;
    background-color: #333;
}
.threeline{
    display: flex;
    align-items: center;    
}
.threeline.bg1 {
    background: var(--crGray2);
    padding: 2em;
    border-radius: 0.8em;
    box-shadow: 0 3px 0.5em rgba(0,0,0,.15);
}
.threeline .threeflout{
    width: 100%;    
    overflow: hidden;
    gap: 3.5em 1em;
}

.threeline > .threeflout >li{
    width: calc((100% - 2em) / 3);
}
.threeline.w2 > .threeflout >li{
    width: calc((100% - 1em) / 2);
}
.threeline.w4 > .threeflout >li{
    width: calc((100% - 3em) / 4);
}
.threeline > .threeflout > li .in .school_btn{display: flex ; justify-content: center; align-items: center; gap: .5em; width: 100%; color: #fff; background: var(--siteC3); padding: 1em; box-sizing: border-box; border-radius: .5em; transition: all 0.2s ease;}
.threeline > .threeflout > li .in .school_btn:hover{opacity: 0.8;}
.threeline > .threeflout > li .in .school_btn .xi{transition: transform 0.2s ease;}
.threeline > .threeflout > li .in .school_btn:hover .xi{transform: translateX(10px);}
.threeline > .threeflout > li .in .school_name{ min-height: 2.4em; display: inline-block;}
.threeline .threeflout.st3 > li{ box-shadow: 0 0 .5em rgba(0, 0, 0, .1); overflow: hidden; border-radius: 1em;}
.threeline > .threeflout > li .in{ display: flex; flex-direction: column; height: 100%;}
.threeline > .threeflout > li .in > img{ width:100%; height: 100%; border-radius: .8em; object-fit: cover;}
.threeline > .threeflout > li .img.rnd{ border-radius: .8em;}
.threeline > .threeflout > li .in .memo_box{ flex:1;}

.threeline.st3 > .threeflout > li .in{padding: 1em; box-sizing: border-box; background: #fff; border-radius: 1em;}
.threeline.st3 > .threeflout > li .in .img_box{background: #f1f1f1; padding: 1em; box-sizing: border-box; border-radius: 1em;}
.threeline.st3 > .threeflout > li .in .memo_box{ padding: 1em; display: flex; flex-direction: column; justify-content: space-between;}
.threeline.st3 > .threeflout > li .R_in{gap: 0.5em; margin-top: 0.5em; font-size: 0.88em;}
.threeline.st3 > .threeflout > li .R_in > .Rn { min-width: 4em; text-align: center; padding: .3em .75em; border-radius: .5em; background: var(--siteC3); color: var(--siteC2); font-weight: 500; }
.threeline.st3 .page_txt .txt + .txt{margin-top: 0.9em;}

.grievance_sec {padding: 1em 0 4em;}
.grievance_sec .grie_con {gap: 2em; margin-top: 3em; width: 100%;} 
.grievance_sec .grie_con li {width: calc(25% - 2em); position: relative;}
/* .grievance_sec .grie_con.w2 li {width: calc(25% - 2em);} */
.grievance_sec .grie_con li .inn{background: var(--crGray); padding: 5em 0; border-radius: 5em;}
.grievance_sec .grie_con li .inn .icon {background: var(--siteC3); width: 6em; height: 6em; line-height: 6em; border-radius: 50%; margin: 0 auto;}
.grievance_sec .grie_con li .inn .icon .xi{color: #fff; font-size: 2.5em;}
.grievance_sec .grie_con li .inn .tit {margin-top: 1em; position: relative; display: inline-block; font-size: 1.25em; font-weight: 700;}
/* .grievance_sec .grie_con li .inn .tit:before {position: absolute; content: ''; bottom: 0; left: 0; background: var(--siteC3); opacity: .2; width: 100%; height: .5em; border-radius: 1em;} */
.grievance_sec .grie_con li .inn .tt {font-size: 1.05em; font-weight: 500; margin-top: 1em;}
.grievance_sec .grie_con li .inn .tt2 {font-size: 1.25em; font-weight: 500; margin-top: 1em;}
.grievance_sec  .grie_wrap { background: var(--crGray); padding: 0.1em 3em 2em 3em; border-radius: 1em;  margin-top: 3em;}
.grievance_sec .grie_con li .xi_arrow {position: absolute; right: -1.5em; top: 50%; transform: translate(-50%, -50%); font-size: 2em; color: var(--siteC3);;}

.grievance_sec.st1 .grie_con{flex-wrap: wrap;}
.grievance_sec.st1 .grie_con li{width: calc(20% - 2em);}
.grievance_sec.st1 .grie_con li .inn{height: 13em; position: relative; background: #fff;}
.grievance_sec.st1 .grie_con li.bottom_arrow .inn::before{content: ''; position: absolute; left: 50%; transform: translateX(-50%) rotate(45deg); bottom: -20px; border: solid #002c62 !important; border-width: 0 3px 3px 0 !important; display: inline-block; padding: 2px; margin-right: 10px; margin-bottom: 2px; width: 6px; height: 6px;}

.page_tt.wW{width: 100%;}

span.re > img{border-radius: .8em;}
span.re.st1{text-align: center;}
span.re.st1 > img{height: 100%; }
.txtbox{background: var(--crGray); padding: 2em; border-radius: 0.8em; box-shadow: 0 3px 0.5em rgba(0,0,0,.15);}