@charset "utf-8";

/********************
HEADER
********************/
@media all and (min-width:1281px){
  header{background: #fff;position: absolute;z-index:1;width: 100%;}
  header::before{content:"";display:block;width:100%;height:40px;background: #8b0028;position:absolute;left:0;top:0;}
  header .h-util{max-width:1800px; margin:0 auto; position:relative; height:40px;}
  header .h-util > a{font-size: 14px; font-family: 'Noto Regular'; color:#fff; display:inline-block; line-height:40px; background:url(./../../images/h-icon.png) left center no-repeat;padding-left:30px;}

  header .container{max-width:1800px; margin:0 auto; display:flex;justify-content:space-between;background:transparent; padding:0 15px;}
  header .head_logo{width:470px; display:flex;align-items:center;}
  header .head_logo a{display:flex;align-items:center;}
  header .head_logo a .logo_w{display:block;}
  header .head_logo a img{max-width:250px;}
  header .head_logo a span{display:flex;align-items:center;margin-left:30px;font-family:'Noto Medium'; font-size:35px;line-height:1; color:#000;}
  header .head_logo a span::before{content:"";display:block;width:1px;height:40px;background:#ccc;margin-right:30px;}
  header  .gotoSitemap{width:100px;height:100px;background:url(./../../images/sitemap_b.png) no-repeat center;display:block;text-indent:-9999px;}
  header .openNavi{display:none;}
  header .m_Menu_sns{display:none;}
  
  /*20241223 ~ S*/
  .openFullPopup {position: relative; margin-left: 16px;}
  .openFullPopup::before {content: ''; display: inline-block; width: 1px; height: 10px; position: absolute; left: -8px; top: 6px; background: #fff;}
  .openFullPopup span {font-size: 12px; font-family:'Noto Bold'; color:#FFF;}
  .openFullPopup .fPopLength {font-size: 12px; font-family:'Noto Bold'; color: #8b0029; background: #fff; display: inline-block; width: 20px; height: 20px; margin-left: 5px; border-radius: 100%;}
  /*20241223 ~ E*/
}

/********************
NAVIGATION_DESKTOP
********************/
@media all and (min-width:1281px){
  .head_navi{width:calc(100% - 700px);}
  .head_util,
  .head_link{display:none;}
  .menuUItop .ul_1{display:flex;gap: 5%;align-items: center;justify-content: space-between;}
  .menuUItop .li_1{position:relative;}
  .menuUItop .a_1{height:100px;font-size: 23px;color: #151515;font-family: 'Noto Bold';display:flex;align-items:center;justify-content:center;position:relative;}
  .menuUItop .li_1:hover .a_1::before,
  .menuUItop .a_1._active::before{transform:scale(1);}
  .menuUItop .div_2{display:none;padding:0;border-top:1px solid #000; position:absolute; left:50%; background-color:#8b0028; padding:20px 35px 20px; transform: translateX(-50%);}
  .menuUItop .div_2:after{content:''; width:100%; height:5px; display:block; background-color:#fff; position:absolute; left:0; top:0;}
  .menuUItop .div_2.active{display:block;}
  .menuUItop .li_1 .div_2 .ul_2 .li_2{margin:10px 0;}
  .menuUItop .li_1 .div_2 .ul_2 .li_2 .a_2{color:#fff;white-space: nowrap;font-size:17px;display:block;position:relative;font-family: 'Noto Medium';}
  .menuUItop .li_1 .div_2 .ul_2 .li_2 .a_2._active:before,
  .menuUItop .li_1 .div_2 .ul_2 .li_2:hover .a_2:before{content:'';width:5px;height:5px;display:block;position:absolute;left:-15px;top: 10px;background:#fff;border-radius:100%;}
}

@media (max-width: 1550px) and (min-width: 1282px){
  header .head_navi{width: calc(100% - 520px);}
  header .head_logo{width: 330px;}
  header .head_logo a img{max-width: 200px;}
  header .head_logo a span{font-size: 25px;margin-left: 15px;}
  header .head_logo a span::before{margin-right: 15px;height: 30px;}
  header .menuUItop .a_1{font-size: 21px;}
}

.menuUItop .li_1#top_li_1_8763{display:none;}

/****************************************
footer
****************************************/
footer{background:#000000;position:relative;}
footer .container{max-width:1610px; margin:0 auto;}
footer .foot_top{padding: 30px 0;border-bottom:1px solid rgba(255,255,255,.3);position: relative;}
footer .foot_privacy{display: inline-block;}
footer .foot_privacy ul li a{color: #f4f4f4; font-size: 16px;}
footer .foot_sns{display: inline-block;vertical-align: middle;margin-left: 50px;}
footer .foot_sns a{display: inline-block;}
footer .foot_sns a img{filter: brightness(100);}

footer .wrap{padding:30px 30px;display:flex;}
footer .wrap::before{content:"";display:block;width:60px;height:85px;margin-right:20px;background:url(/sites/templateGuide/images/common/logo_footer.png) no-repeat left 4px;background-size:100%;opacity:0.7;}
footer .foot_info{padding-top:10px;}
footer .foot_info address{color: #8c8b8b;font-family: Noto Regular;font-size: 16px; margin-bottom:10px;}
footer .foot_info address br{display:none;}
footer .foot_info address span a{color:#fff;}
footer .foot_info address span.na{color:#8b0028; margin-right:50px;}
footer .foot_info address span.tel{margin-right: 20px;}
footer .foot_info address span.fax{}
footer .foot_info p{color:#4e4e4e; font-size: 16px; font-family:'Noto Light';}

footer .foot_link{position: absolute;right: 0;top: 25px;min-width: 300px;}
footer .foot_link .item{}
footer .foot_link .openLinkList{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border:1px solid rgba(255,255,255,0.3);font-family: 'Noto Medium';font-size:14px;color:#FFF;}
footer .foot_link .openLinkList::after{content:"";display:block;width:9px;height:7px;background:url(/sites/templateGuide/images/common/arrow_d_w.png) center;transition:0.5s;}
footer .foot_link .linkList{background:#1d1d1d;position:absolute;bottom:53px;left:0;width:100%;max-height:0;overflow-y:auto;transition:max-height .5s;z-index:1;}
footer .foot_link .linkList a{display:block;width:100%;padding:15px 20px;border:1px solid #343434;border-top:0;font-size:14px;color:#FFF;font-family:'Noto Regular';}
/*footer .foot_link .openLinkList.active::after{background:url(/sites/templateGuide/images/common/arrow_d_p.png) center;transform:rotate(90deg);transform:scaleY(-1);filter:FlipH;}*/
footer .foot_link .linkList.active{max-height:415px;}

@media all and (max-width:1610px){
  footer .container{padding:0 10px;}
}

@media all and (max-width:1024px){
  footer .foot_top{padding:20px 0;}
  footer .container{padding:0 10px;}
  footer .foot_sns{margin-left:20px;}
  footer .wrap{display:block;margin-bottom: 20px; padding:30px 15px 160px;}
  footer .wrap::before{margin-right: 0;position: absolute;left: 50%;bottom: 40px; transform: translateX(-50%);}
  footer .foot_info{text-align: center;}
  footer .foot_info address{font-size:14px;}
  footer .foot_info address i{display:block; margin:10px;}
  footer .foot_info address span.na{display:block; margin-right:0;}
  footer .foot_info p{font-size:13px;}
  footer .foot_privacy ul li a{font-size:14px;}
  footer .foot_link{top:15px;}
}

@media all and (max-width:767px){
  footer .foot_link{top: 0; position: relative; margin: 30px 0 10px;}
}
/****************************************
고탑
****************************************/
.goto_top a{display:block;text-indent:-9999px;background:url(/sites/templateGuide/images/common/goTop.png) no-repeat center;width:64px;height:64px;position:fixed;bottom:-100px;right:20px;opacity:0.5;transition: 1s;}
.fix .goto_top a{bottom:30px;}
@media all and (max-width:768px) {
  .goto_top a{width:50px;height:50px;opacity:0.8;border-radius:100%;}
}
/*HOVER*/
@media all and (min-width:1281px) {
  .goto_top a:hover{opacity:1;}
}



/********************
HEADER
********************/
@media all and (max-width:1280px){
  .gotoKor,
  .gnb,
  .gotoAdmission,
  .openSearch,
  .gotoSitemap{display:none;}

  header{position:fixed;left:0;top:0;width:100%;height:70px;background:#FFF;transition:0.5s;z-index:1000;}
  .head_logo{padding: 20px 140px 12px 10px;}
  .head_logo a{display:flex;align-items:center;}
  .head_logo a img{max-width:200px;}
  .head_logo a .logo_w{display:none;}
  .head_logo a .logo_c{display:block;}
  .head_logo a span{display:flex;align-items:center;margin-left:15px; font-family:'Noto Medium'; color:#333; font-size:25px;line-height:30px;}
  .head_logo a span::before{content:"";display:block;width:1px;height:30px;background:#ccc;margin-right:10px;}
  .openFullPopup{width:70px;height:70px;position:fixed;right:70px;top:0;display:flex;align-items:center;background:#7d7776 url(/sites/templateGuide/images/common/fullPopup_w.png) no-repeat center;}
  .openFullPopup span{text-indent:-9999px;}
  .openFullPopup .fPopLength{position:absolute;right:12px;top:12px;font-size:12px;font-family:'Noto Bold';color:#FFF;background:#70122b;width:20px;height:20px;margin-left:5px;border-radius:100%;display:flex;align-items:center;justify-content:center;}
  /*20241223 ~ S*/
  .openFullPopup {margin-left: 0;}
  .openFullPopup::before {display: none;}
  /*20241223 ~ E*/
  .openNavi{width:70px !important;height:70px !important;text-indent:-9999px;position:fixed;right:0;top:0;z-index:10;display:flex;align-items:center;background: url(./../../images/sitemap_b.png) no-repeat center;}
}

@media all and (max-width:768px){
  .head_logo{/*padding-right: 80px;*/padding-right: 60px;}
  .head_logo a .logo_c{width:150px;display: inline-block;vertical-align: middle;}
  .head_logo a span{font-size:19px;margin-left:10px;display: inline-block;vertical-align: middle;}
  .head_logo a span::before{height:20px;display: inline-block;vertical-align: middle;}
  .openFullPopup{width:50px;height:50px;right:unset;left:15px;top:95px;background:url(/sites/templateGuide/images/common/fullPopup_w.png) no-repeat center;transition:0.3s;}
  /*20241223 ~ S*/
  .openFullPopup .fPopLength{top: 3px; right: 3px;}
  /*20241223 ~ E*/
  .openNavi{display:block;}
}


/********************
NAVIGATION_MOBILE
********************/
@media all and (max-width:1280px){
  .head_navi{padding:40px;position:fixed;right:-100%;top:0;width:420px;height:100%;z-index:11;overflow-y:auto;transition:0.3s;}
  .head_navi::before{content:"";display:block;position:fixed;right:-100%;top:0;width:420px;height:100%;transition:0.3s;background: #8b0029;}
  .head_navi.active,
  .head_navi.active::before{right:0;}

  .head_util{display:flex;margin-bottom:40px;position:relative;}
  .head_util .sign a,
  .head_util .m_gotoKor{font-size: 14px;font-family: 'Noto Regular';color: #fff;display: inline-block;line-height: 40px;background: url(./../../images/h-icon.png) left center no-repeat;padding-left: 30px;}
  .head_util .closeNavi{width:25px;height:25px;position:absolute;top:12.5px;right:0;display:block;text-indent:-9999px;background:url(/sites/templateGuide/images/common/x_4_w.png) no-repeat center;}

  .head_navi .m_Menu_sns{position:relative; top:50px;}
  .head_navi .m_Menu_sns a{}
  .head_navi .m_Menu_sns a img{
	filter: brightness(10);
  }

  .head_link .closeNavi{background:rgba(0,0,0,0.4);}

  .menuUItop{border-top:1px solid rgba(255,255,255,0.5);position:relative;}
  .menuUItop a{color:#fff;display:block;}
  .menuUItop .a_1{color:#fff; font-size: 23px;font-family: 'Noto Light';padding:15px;border-bottom:1px solid rgba(255,255,255,0.5);transition:0.3s;}

  .menuUItop .div_2{display:none;border-bottom:1px solid rgba(255,255,255,0.5);padding:15px 0;transition:0.3s;}
  .menuUItop .a_2{font-size:16px;padding:5px 15px;position:relative;color:#fff;}
  .menuUItop .a_2::before{content:"";display:block;width:0;height:1px;background:#FFF;position:absolute;left:0px;top:15px;transition:0.3s;}

  .menuUItop .div_3{background:#7d7776;padding:10px 0;margin:5px 15px;}
  .menuUItop .li_3{}
  .menuUItop .a_3{font-size:14px;padding:3px 15px 3px 35px;position:relative;}
  .menuUItop .a_3::before{content:"";display:block;width:3px;height:3px;background:#FFF;position:absolute;left:20px;top:11px;}

  .menuUItop .li_1{position:relative;}
  .menuUItop .li_1::after{content:"";display:none;width:20px;height:20px;position:absolute;right:15px;top:18px;background:url(/sites/templateGuide/images/common/plus_0_w.png) no-repeat center;}
  .menuUItop .li_1._useChildDiv::after{display:block;}
  .menuUItop .li_1._useChildDiv.active::after{background:url(/sites/templateGuide/images/common/minus_5_w.png) no-repeat center;}

  .menuUItop .li_1._active .div_2,
  .menuUItop .div_2.active{display:block;}
  .menuUItop .li_1._active._useChildDiv::after{background:url(/sites/templateGuide/images/common/minus_5_w.png) no-repeat center;}
  .menuUItop .a_1._active{border-color:rgba(255,255,255,1);}
  .menuUItop .a_2._active{color:#97baf6;}
  .menuUItop .a_2._active::before{width:5px;background:#97baf6;}
  .menuUItop .a_3._active{color:#00d7cb;}
  .menuUItop .a_3._active::before{background:#00d7cb;}

  .menuUItop .a_2.new_win::after,
  .menuUItop .a_3.new_win::after{content:"";display:inline-block;width:20px;height:16px;vertical-align:-1px;background:url(/sites/templateGuide/images/common/btn_icon_blank_w.png) no-repeat right center;}
}
@media all and (max-width:768px){
  .head_navi{width:100%;padding:20px;}
  .head_navi::before{width:100%;}
  .head_link a,
  .head_link button{height:40px;font-size:13px;}
  .menuUItop .a_1{font-size:20px;}
  .menuUItop .a_2{font-size:15px;}
  .menuUItop .a_3{font-size:14px;}
}


/****************************************
서브페이지
****************************************/
/* visual */
.wrap_sub_visual{height:450px; background:url(./../../images/subVisual-bg.jpg) center top / cover no-repeat;}
.wrap_sub_visual .container{max-width:1800px;margin:0 auto 0;padding-left:100px;padding-top:150px;position:relative;height: 100%;}
.wrap_sub_visual .container a{display:none !important;}
.wrap_sub_visual .container .visual_intro{color:#fff;position: absolute;bottom: 60px;}
.wrap_sub_visual .container .visual_intro strong{font-size:50px;font-family:'Noto Bold';margin-bottom: 25px;display: block;}
.wrap_sub_visual .container .visual_intro span{display:block;}

.subNav{}
.subNav .div_2{}
.subNav .div_2 .count4{}
.subNav .div_2 .count4 .li_2{display: inline-block;}
.subNav .div_2 .count4 .li_2 .count4{display:none;}

.tabNav{}
.tabNav .ul_3{display: flex;gap: 2px; padding:20px 0;}
.tabNav .ul_3 .li_3{width: 100%;text-align: center;}
.tabNav .ul_3 .li_3 .a_3{display: block;padding: 20px 10px;border: 1px solid #ddd;}
.tabNav .ul_3 .li_3 .a_3._active{background:#8b0028; color:#fff; font-family:'Noto Medium';}

/* tab2line */
.tabNav .ul_3.count6{display: grid; grid-template-columns: 1fr 1fr 1fr;}

@media all and (max-width:1024px){
  .tabNav .ul_3{padding:0; margin-bottom:-20px;}
  .tabNav .ul_3.count6{display: grid; grid-template-columns: 1fr 1fr;}
  .tabNav .ul_3 .li_3 .a_3{font-size:15px; padding:15px 5px;}
}

/*sub cont*/
.wrap_contents{max-width:1620px; margin:0 auto; }
.wrap_contents .inner{}
.wrap_contents .inner .page_title{padding:100px 0 50px 0;}
.wrap_contents .inner .page_title h1{font-size:60px; color:#222; font-family:'Noto Regular'; text-align:center;}

/*현재위치*/
.sub_navi{text-align:center; margin-bottom:50px; position: relative; z-index: 101;}
.sub_navi > ul{position:relative; }
.sub_navi > ul > li{position:relative;  display:inline-block;}
.sub_navi > ul > li:after{content:""; width:20px; height:1px; display:inline-block; background-color:#666; margin:0 15px; vertical-align:middle;}
.sub_navi > ul > li.home a,
.sub_navi > ul > li > button{font-family:'Noto Medium'; font-size:16px; color:#666;}
.sub_navi > ul > li > button::after{content:"";display:block;margin:0 10px;width:10px;height:10px;background:url(/sites/templateGuide/images/common/arrow_1_w.png) no-repeat center;transition:0.5s;}
.sub_navi > ul > li:last-child::after{display:none;}
.sub_navi > ul > li.home a:before{content:''; margin:-3px 10px 0 0; width:8px; height:8px; display:inline-block; vertical-align:middle; border-radius:100%; background-color:#8b0029; border-radius:100%;}
.sub_navi > ul > li ul{display:none;background:#fff;width:100%;min-width: 170px;overflow-y:auto;position:absolute;left: 0;top:45px;z-index:1;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.sub_navi > ul > li ul.active{display:block;}
.sub_navi > ul > li ul li a{display:block;font-family: 'Noto Regular';font-size: 15px;padding: 10px 15px;color:#222;border-top:1px solid #EEE;transition:0.5s;text-align: left;}

.sub .wrap_contents .contents{max-width:1600px; margin:50px auto;}

@media all and (max-width:1600px){
  .sub .wrap_contents .contents{padding:0 10px;}
  footer .container{padding:0 10px;}
}
@media all and (max-width:1280px){
  .wrap_sub_visual .container{padding:50px 0 0 50px;}
  .wrap_sub_visual{height:350px;}
}
@media all and (max-width:767px){
  .wrap_sub_visual .container{padding:50px 20px 0 30px;}
  .wrap_sub_visual .container .visual_intro strong{font-size: 35px;}
  .wrap_sub_visual .container .visual_intro span{font-size: 14px;}
  .wrap_contents .inner .page_title{padding: 50px 0 30px 0;}
  .wrap_contents .inner .page_title h1{font-size: 30px;}
  .wrap_sub_visual .container .visual_intro{padding-right:50px;}
  .sub_navi > ul > li:after{margin: 0 5px; width: 10px;}
  .sub_navi > ul > li#pagetitle1{display:none;}
  .sub_navi > ul > li ul.pageNavigation{position:absolute; width: calc(100% - 60px); margin: 0 30px; top:45px; border:1px solid #ddd;box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);}
  .sub_navi > ul > li{position:static;}
}
@media all and (max-width:767px){
  body .wrap_contents{font-size: 15px; line-height:1.5;}
}