@charset "utf-8";

body{overflow-x:hidden;}
body.mainBody{background:#f8f8f8;}

/* 상단 팝업 */
div.top_Popup{position:relative;}
div.top_Popup div.tp_close{position:absolute; top:10px; right:10px; display:inline-block; z-index:2;}
div.top_Popup div.tp_close label{margin-right:10px; vertical-align:middle; color:rgba(255, 255, 255, 0.8);}
div.top_Popup div.tp_close label input{vertical-align:middle;}
div.top_Popup div.tp_close a.btn_tp_close{display:inline-block; width:20px; height:20px; vertical-align:middle;}
div.top_Popup div.tp_close a.btn_tp_close img{width:100%; height:auto;}
div.top_Popup div.tp_wrap div.item{width:100%; height:auto; padding-bottom:2rem;}
div.top_Popup div.tp_wrap div.item.item01{background:#02143a;}
div.top_Popup div.tp_wrap div.item.item02{background:#1180ae;}
div.top_Popup div.tp_wrap div.item.item03{background:#f37a29;}
div.top_Popup div.tp_wrap div.item div.con_wrap{width:1200px; height:auto; margin:0 auto; padding:10px 0; color:#fff;}
div.top_Popup div.tp_wrap div.item div.con_wrap div.tit{margin-bottom:10px; font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
div.top_Popup div.tp_wrap div.item div.con_wrap div.con{margin:0;}
div.top_Popup div.tp_wrap div.item div.con_wrap div.con div.txt{float:left; width:80%; line-height:24px;}
div.top_Popup div.tp_wrap div.item div.con_wrap div.con a.btn_link{float:right; display:block; width:15%; height:35px; line-height:35px; background:#fff; border-radius:30px; box-shadow:0 0 30px rgba(0, 0, 0, 0.2); text-align:center;}
div.top_Popup div.tp_wrap div.item div.con_wrap div.con table,
div.top_Popup div.tp_wrap div.item div.con_wrap div.con table th,
div.top_Popup div.tp_wrap div.item div.con_wrap div.con table td{border:1px solid #fff; padding:0.5rem;}
div.top_Popup div.tp_wrap div.item.item01 div.con_wrap div.con a.btn_link{box-shadow:0 0 30px rgba(255, 255, 255, 0.4); color:#02143a;}
div.top_Popup div.tp_wrap div.item.item02 div.con_wrap div.con a.btn_link{color:#1180ae;}
div.top_Popup div.tp_wrap div.item.item03 div.con_wrap div.con a.btn_link{color:#f37a29;}
div.top_Popup div.tp_wrap ul.slick-dots{position:absolute; bottom:10px; left:50%; transform:translateX(-50%);}
div.top_Popup div.tp_wrap ul.slick-dots li{display:inline-block; width:0.5rem; height:0.5rem; margin:0 0.5rem; border-radius:50%; background:rgba(255, 255, 255, 0.3); text-indent:-9999px;}
div.top_Popup div.tp_wrap ul.slick-dots li.slick-active{background:#fff;}
div.top_Popup div.tp_wrap ul.slick-dots li button{background:none; border:0;}

/* 레이어 팝업 */
div.valex-popup{opacity:0; visibility:hidden; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0, 0, 0, 0.8); z-index:-1;}
div.valex-popup.open{opacity:1; visibility:visible; z-index:999;}
div.valex-popup div.popup-wrap{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; color:#fff;}
div.valex-popup div.popup-wrap div.pop-tit{margin-bottom:3rem; text-align:center; font-size:2.5rem; font-family:"Montserrat_L";}
div.valex-popup div.popup-wrap div.inner{width:1368px; height:432px; padding:0 3rem; margin:0 auto; text-align:center; overflow:visible;}
div.valex-popup div.popup-wrap div.inner div.list{position:relative; display:inline-block; width:384px !important; height:432px; margin:0 20px; padding:1.5rem 2rem; overflow:hidden;}
div.valex-popup div.popup-wrap div.inner div.list.list01{background:#102d4d;}
div.valex-popup div.popup-wrap div.inner div.list.list02{background:#004890;}
div.valex-popup div.popup-wrap div.inner div.list.list03{background:#017cc2;}
div.valex-popup div.popup-wrap div.inner div.list.list04{background:#102d4d;}
div.valex-popup div.popup-wrap div.inner div.list.list05{background:#004890;}
div.valex-popup div.popup-wrap div.inner div.list.list06{background:#017cc2;}
div.valex-popup div.popup-wrap div.inner div.list.list07{background:#102d4d;}
div.valex-popup div.popup-wrap div.inner div.list.list08{background:#004890;}
div.valex-popup div.popup-wrap div.inner div.list.list09{background:#017cc2;}
div.valex-popup div.popup-wrap div.inner div.list > img{position:absolute; top:0; left:0; width:100%; height:auto;
  image-rendering:-webkit-optimize-contrast;
  transform:translateZ(0);
  backface-visibility:hidden;
}
div.valex-popup div.popup-wrap div.inner div.list div.num{position:relative; font-size:2rem; text-align:right; font-family:"Montserrat_SB";}
div.valex-popup div.popup-wrap div.inner div.list div.num:before{content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); display:inline-block; width:70%; height:3px; background:#fff;}
div.valex-popup div.popup-wrap div.inner div.list div.tit{width:100%; height:4rem; margin:1.5rem 0; overflow:hidden; text-align:left; font-size:1.5rem; font-family:"NotoKr_M"; }
div.valex-popup div.popup-wrap div.inner div.list div.cont{width:100%; height:6.5rem; line-height:1.5; padding-top:1.5rem; border-top:1px solid rgba(255, 255, 255, 0.3); overflow:hidden; text-align:left; font-size:1.125rem; color:rgba(255, 255, 255, 0.7); font-family:"NotoKr_L";}
div.valex-popup div.popup-wrap div.inner div.list div.cont img{width:100%; height:100%; object-fit:contain;}
div.valex-popup div.popup-wrap div.inner div.list.nolink div.cont{height:14rem;}
div.valex-popup div.popup-wrap div.inner div.list div.link{position:absolute; bottom:0; left:0; width:100%; padding:0 2rem 2rem;}
div.valex-popup div.popup-wrap div.inner div.list div.link a{display:block; width:100%; height:3rem; line-height:3rem; border:1px solid #fff; color:#fff; text-align:center; font-size:1.125rem;}
div.valex-popup div.popup-wrap div.inner div.list > a{position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%;}
div.valex-popup div.popup-wrap div.inner div.list > a img{display:inline-block; width:100%; height:100%;}
div.valex-popup div.popup-wrap div.inner button.slick-arrow{position:absolute; top:50%; transform:translateY(-50%); width:2rem; height:2rem; background:url("/fro_end/img/arrow_right_WH.png") center / 1.25rem auto no-repeat; border:0; padding:0; color:rgba(0, 0, 0, 0); font-size:0; text-indent:-9999px; cursor:pointer;}
div.valex-popup div.popup-wrap div.inner button.slick-arrow.slick-prev{left:0; transform:translateY(-50%) rotate(180deg);}
div.valex-popup div.popup-wrap div.inner button.slick-arrow.slick-next{right:0;}
div.valex-popup div.popup-wrap div.btn-wrap{margin-top:3rem; text-align:center;}
div.valex-popup div.popup-wrap div.btn-wrap ul li{display:inline-block; margin:0 0.5rem;}
div.valex-popup div.popup-wrap div.btn-wrap ul li a{display:inline-block; width:auto; height:3rem; line-height:3rem; padding:0 2rem; border-radius:1.5rem; border:1px solid #fff; color:#fff; font-size:1.125rem;}
div.valex-popup div.popup-wrap div.btn-wrap ul li.go-link a{background:var(--color-main03); border-color:var(--color-main03);;}
div.valex-popup div.popup-wrap div.btn-wrap ul li.btn-close a{background:#fff; color:#333; font-family:"NotoKr_M";}
div.valex-popup div.popup-wrap div.btn-wrap ul li a img{display:inline-block; width:1.5rem; height:1.5rem; margin-left:0.25rem; vertical-align:middle;}
div.valex-popup div.popup-wrap div.inner div.list div.popup_more_btn a{background:#102d4d; border-color:#102d4d; box-shadow:0 3px 15px rgba(0, 0, 0, 0.3);}
a.btn-popup{display:flex; animation:changeBg 5s infinite; position:fixed; bottom:16%; right:2%; flex-direction:column; align-items:center; font-size:0.95rem; justify-content:center; width:4.8rem; height:4.8rem; font-family:'NotoKr_M'; transition:0.3s; line-height:1.2; background:#f78421; color:#fff; border-radius:50%; z-index:99; box-shadow:0 10px 20px rgba(0,0,0,0.3); text-align:center;}
a.btn-popup span.Mont_M{font-size:0.9em;}
@keyframes changeBg{
	0%{background:#ff7f10;}
	50%{background:#ffa04e;}
	800%{background:#dd6600;}
	100%{background:#ff7f10;}
}
@media(hover:hover){
	a.btn-popup:hover{transform:scale(1.1) translateY(-3px); animation:none;}
}


header{width:100%; height:auto; background:#fff;}
header div.h_wrap{width:100%; height:auto;}
header div.h_wrap div.h_top{width:100%; height:auto; border-bottom:1px solid #ccc;}
header div.h_wrap div.h_top div.wrap{position:relative; width:1200px; height:70px; margin:0 auto;}
header div.h_wrap div.h_top div.wrap a.logo{position:absolute; top:0; left:0; display:block; width:330px; height:auto; padding:11px 0;}
header div.h_wrap div.h_top div.wrap a.logo img{width:100%; height:auto;}
header div.h_wrap div.h_top div.wrap div.member_btn{position:absolute; top:50%; right:0; transform:translateY(-50%);}
header div.h_wrap div.h_top div.wrap div.member_btn ul li{display:inline-block;}
header div.h_wrap div.h_top div.wrap div.member_btn ul li:after{display:inline-block; content:""; width:1px; height:15px; background:#ccc; margin:0 10px; vertical-align:middle;}
header div.h_wrap div.h_top div.wrap div.member_btn ul li:last-child:after{display:none;}
header div.h_wrap div.h_top div.wrap div.member_btn ul li a{font-size:14px; color:#888;}
header div.h_wrap div.h_bot{position:relative; width:1200PX; height:auto; margin:0 auto;}
header div.h_wrap div.h_bot nav.nav{width:100%; text-align:center; z-index:99;}
header div.h_wrap div.h_bot nav.nav > ul{display:inline-block; width:100%; text-align:center;}
header div.h_wrap div.h_bot nav.nav > ul > li{position:relative; display:inline-block; width:14%;}
header div.h_wrap div.h_bot nav.nav > ul > li.myClass > a{padding-left:25px; background:url("/fro_end/img/ic_myClass.png") 35px center no-repeat; background-size:auto 18px; color:#017cc2;}
header div.h_wrap div.h_bot nav.nav > ul > li > a{position:relative; display:block; width:100%; height:60px; line-height:60px; text-align:center; color:#333; z-index:100; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
header div.h_wrap div.h_bot nav.nav > ul > li > a:hover:before,
header div.h_wrap div.h_bot nav.nav > ul > li.on > a{font-weight:bold;}
header div.h_wrap div.h_bot nav.nav > ul > li.on > a:before{width:100%; margin-left:-50%;}
header div.h_wrap div.h_bot nav.nav > ul > li > a:before{content:""; position:absolute; top:0; left:50%; width:0; height:3px; background:#004890; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
header div.h_wrap div.h_bot nav.nav > ul > li div.nav_2dep{opacity:0; visibility:hidden; z-index:-1; position:absolute; top:60px; left:0px; width:100%; text-align:left; background:#004890; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
header div.h_wrap div.h_bot nav.nav > ul > li div.nav_2dep ul{padding:15px 0;} 
header div.h_wrap div.h_bot nav.nav > ul > li div.nav_2dep ul li{position:relative; padding:0 20px;}
header div.h_wrap div.h_bot nav.nav > ul > li div.nav_2dep ul li a{display:block; padding:8px 0; color:#a4c5e2; font-size:14px; text-align:left; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition: all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
header div.h_wrap div.h_bot nav.nav > ul > li div.nav_2dep ul li a:hover{color: #fff; padding-left:15px;}
header div.h_wrap div.h_bot nav.nav > ul > li div.nav_2dep ul li a:before{position:absolute; top:17px; left:20px; content:""; width:9px; height:2px; background:#fff; opacity:0; filter:Alpha(opacity=0); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
header div.h_wrap div.h_bot nav.nav > ul > li div.nav_2dep ul li a:hover:before{opacity:1; filter:Alpha(opacity=100);}
header div.h_wrap div.h_bot nav.nav > ul > li.on div.nav_2dep{opacity:1; visibility:visible; z-index:102;}
/* site map */
div.menu_btn{position:absolute; top:0; right:0; width:60px; height:60px;}
div.menu_btn a.btn_open{position:absolute; top:15px; right:0; display:block; width:35px; height:30px; border:1px solid #333; cursor:pointer;}
div.menu_btn a.btn_open span{position:absolute; top:13px; left:7px; display:block; width:12px; height:2px; background:#333;}
div.menu_btn a.btn_open span:before{position:absolute; top:-6px; left:0; content:""; width:150%; height:2px; background:#333;}
div.menu_btn a.btn_open span:after{position:absolute; top:6px; left:0; content:""; width:120%; height:2px; background:#333;}
div.Amenu_bg{display:none; position:fixed; top:0; left:0; width: 100vw; height:100vh; background:rgba(0, 0, 0, 0.8); z-index:101;}
div.Amenu_bg div.wrap{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:1200px; height:auto; background:#fff;}
div.Amenu_bg div.wrap div.tit{position:relative; width:100%; height:auto; padding:15px 0; background:#004890; color:#fff; text-align:center; font-size:28px; letter-spacing:3px;}
div.Amenu_bg div.wrap > ul{width:100%; height:auto; padding:30px 0; text-align:center;}
div.Amenu_bg div.wrap > ul > li{display:inline-block; width:16%; height:auto; text-align:center; vertical-align:top; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.Amenu_bg div.wrap > ul > li > a{display:block; margin-bottom:10px; color:#333; font-size:18px; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.Amenu_bg div.wrap > ul > li div.nav_2dep ul li a{position:relative; width:100%; height:30px; line-height:30px; color:#333; font-size:14px; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.Amenu_bg div.wrap > ul > li div.nav_2dep ul li a:before{position:absolute; bottom:0; left:0; content:""; display:inline-block; width:0; height:7px; background:rgba(11, 191, 242, 0.3); -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.Amenu_bg div.wrap > ul > li div.nav_2dep ul li a:hover{font-weight:bold;}
div.Amenu_bg div.wrap > ul > li div.nav_2dep ul li a:hover:before{width:100%;}
div.Amenu_bg a.btn_close{position:absolute; top:1rem; right:1rem; display:block; width:30px; height:30px; border:1px solid #fff; cursor:pointer;}
div.Amenu_bg a.btn_close span{position:absolute; top:50%; left:50%; display:block; width:15px; height:2px; background:#fff; transform:translate(-50%, -50%) rotate(-45deg);}
div.Amenu_bg a.btn_close span:before{position:absolute; top:-0 ; left:0; content:""; width:100%; height:2px; background:#fff; transform:rotate(90deg);}

section.main_slide{width:100%; height:auto;}
div.main_img{width:100%; height:590px; text-align:center;}
div.main_img div.item img{width:auto; height:100%; text-align:center;}
div.main_img ul.slick-dots{position:absolute; bottom:5.5rem; left:50%; transform:translateX(-50%);}
div.main_img ul.slick-dots li{display:inline-block; width:0.7rem; height:0.7rem; border-radius:50%; margin:0 0.5rem; background:rgba(255, 255, 255, 0.3); text-indent:-9999px; cursor:pointer;}
div.main_img ul.slick-dots li button{border:0; background:0;}
div.main_img ul.slick-dots li.slick-active{background:#fff;}

div.SL_wrap{position:relative; width:1200px; height:auto; margin:0 auto; z-index:2;}
div.SL_wrap div.quick{width:300px; height:auto; margin-top:-395px; background:#102d4d; border-top-left-radius:50px;}
div.SL_wrap div.quick div.tit{width:100%; height:auto; padding:30px; text-align:right;}
div.SL_wrap div.quick div.tit div.kor{margin-bottom:5px; font-size:22px; color:#fff;}
div.SL_wrap div.quick div.tit div.eng{font-size:14px; color:#9098a3;}
div.SL_wrap div.quick > ul{width:100%; height:auto;}
div.SL_wrap div.quick > ul li{width:100%; line-height:50px; border-top:1px solid #405771;}
div.SL_wrap div.quick > ul li a{position:relative; display:block; width:100%; line-height:50px; padding:0 30px; color:rgba(255, 255, 255, 0.5); -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.SL_wrap div.quick > ul li:last-child a{color:#ffe400;}
div.SL_wrap div.quick > ul li a:after{position:absolute; top:0; right:15px; content:""; width:50px; height:50px; background:url("/fro_end/img/quick_arrow.svg") 15px center no-repeat; background-size:auto 14px; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.SL_wrap div.quick > ul li:last-child a::after{background:url("/fro_end/img/quick_arrow_yellow.png") 15px center no-repeat; background-size:auto 14px;}
div.SL_wrap div.quick > ul li a:hover{background:#28425f; color:#fff;}
div.SL_wrap div.quick > ul li:last-child a:hover{background:#28425f; color:#ffe400;}
div.SL_wrap div.quick > ul li a:hover:after{background:url("/fro_end/img/quick_arrow_wh.svg") 25px center no-repeat; background-size:auto 14px;}
div.SL_wrap div.quick > ul li:last-child a:hover:after{background:url("/fro_end/img/quick_arrow_yellow.png") 25px center no-repeat; background-size:auto 14px;}

div.search{float:left; width:100%; height:auto; margin-top:-75px; box-shadow:0 0 50px rgba(0, 0, 0 ,0.3);}
div.search > div.FL{width:900px; height:155px; padding:40px 70px; background:#fff;}
div.search > div.FL div.tit{width:30%; height:auto;}
div.search > div.FL div.tit div.kor{margin-bottom:5px; font-size:28px;}
div.search > div.FL div.tit div.eng{font-size:18px; color:#bbb; letter-spacing:16.5px;}
div.search > div.FL div.con{width:70%; height:auto;}
div.search > div.FL div.con input.search_in{display:block; width:100%; height:37px; line-height:37px; padding:0; border:0; border-bottom:3px solid #333; font-size:18px;}
div.search > div.FL div.con input.search_in:-ms-input-placeholder{font-size:18px; font-family:"NotoKr_L";}
div.search > div.FL div.con input.search_in:-moz-input-placeholder{font-size:18px; font-family:"NotoKr_L";}
div.search > div.FL div.con input.search_in::-webkit-input-placeholder{font-size:18px; font-family:"NotoKr_L";}
div.search > div.FL div.con input.search_in::placeholder{opacity:1; font-size:18px; font-family:"NotoKr_L";}
div.search > div.FL div.con div.tag{width:100%; height:auto; margin-top:5px;}
div.search > div.FL div.con div.tag a{display:inline-block; margin-right:15px; color:#333;}
div.search > div.FL div.con div.tag a:last-child{margin-right:0;}
div.search > div.FR{width:300px; height:155px; background:#004890;}
div.search > div.FR a{display:block; width:100%; line-height:155px; color:#fff; font-size:18px; text-align:center;}

section.curriculum{width:100%; height:auto; margin-top:80px;}
section.curriculum h3.sect_tit{width:100%; height:auto; margin-bottom:30px; text-align:center; font-size:35px;}
section.curriculum div.cal_bar{width:100%; height:auto; background:#102d4d;}
section.curriculum div.cal_bar div.wrap{width:1200px; height:auto; margin:0 auto;}
section.curriculum div.cal_bar div.wrap > div{float:left;}
section.curriculum div.cal_bar div.wrap div.ing{position:relative; width:200px; height:70px; line-height:70px; background:#28425f; color:#fff; font-size:24px; text-align:center;}
section.curriculum div.cal_bar div.wrap div.ing:before{position:absolute; top:50%; left:-2px; content:""; transform:translteY(-50%); width:5px; height:5px; background:#8896a6; border-radius:100%;}
section.curriculum div.cal_bar div.wrap div.ing:after{position:absolute; top:50%; right:-2px; content:""; transform:translteY(-50%); width:5px; height:5px; background:#8896a6; border-radius:100%;}
section.curriculum div.cal_bar div.wrap div.date{width:850px; height:70px;}
section.curriculum div.cal_bar div.wrap div.date ul{display:block; padding:0 50px;}
section.curriculum div.cal_bar div.wrap div.date ul li{float:left; height:70px; line-height:70px; margin-right:40px; font-size:18px; color:#fff;}
section.curriculum div.cal_bar div.wrap div.date ul li:last-child{margin-right:0;}
section.curriculum div.cal_bar div.wrap div.date ul li > div{float:left;}
section.curriculum div.cal_bar div.wrap div.date ul li > div.timer{position:relative; width:25px; height:25px; border:3px solid #ffe400; border-radius:50%; margin:23px 8px 23px 0;}
section.curriculum div.cal_bar div.wrap div.date ul li > div.timer:before,
section.curriculum div.cal_bar div.wrap div.date ul li > div.timer:after{content:""; position:absolute; top:calc(50% - 3px/2); left:calc(50% - 3px/2); height:3px; border-radius:50px; background:#ffe400; -webkit-transform-origin:2px 2px; transform-origin:2px 2px;}
section.curriculum div.cal_bar div.wrap div.date ul li > div.timer:before{width:40%; -webkit-animation:timer 24s linear infinite; animation:timer 24s linear infinite;}
section.curriculum div.cal_bar div.wrap div.date ul li > div.timer:after{width:40%; -webkit-animation:timer 2s linear infinite; animation:timer 2s linear infinite;}
@keyframes timer{
  0%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
  100%{-webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
section.curriculum div.cal_bar div.wrap div.date ul li div.tit{position:relative; padding-right:10px; margin-right:10px; color:#ffe400;}
section.curriculum div.cal_bar div.wrap div.date ul li div.tit:after{position:absolute; display:block; content:""; top:50%; right:0; transform:translateY(-50%); width:1px; height:15px; background:#8896a6;}
section.curriculum div.cal_bar div.wrap div.date ul li span.dday{color:#ffe400;}
section.curriculum div.cal_bar div.wrap div.cal_search{width:150px; height:70px;}
section.curriculum div.cal_bar div.wrap div.cal_search > a{position:relative; display:block; width:100%; height:40px; line-height:40px; padding-left:25px; margin:12px 0; border:1px solid #fff; border-radius:3px; color:#fff; text-align:center; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
section.curriculum div.cal_bar div.wrap div.cal_search > a:before{position:absolute; display:block; top:50%; left:30px; content:""; transform:translateY(-50%); width:18px; height:18px; background:url("/fro_end/img/cal_search.png") center no-repeat; background-size:auto 100%;}
section.curriculum div.cal_bar div.wrap div.cal_search > a:hover{background:#fff; color:#102d4d;}
section.curriculum div.cal_bar div.wrap div.cal_search > a:hover:before{background:url("/fro_end/img/cal_search_hover.png") center no-repeat; background-size:auto 100%;}
/* 일정조회 modal */
div.modal.calS_modal{background:transparent; padding:0;}
div.modal.calS_modal div.tit{height:70px; line-height:70px; background:#004890; border-top-left-radius:10px; border-top-right-radius:10px; font-size:27px; color:#fff; letter-spacing:1px;}
div.modal.calS_modal div.con{background:#fff; padding:30px 35px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
div.modal.calS_modal div.con div.ing{width:100%; height:auto;}
div.modal.calS_modal div.con div.ing div.time{width:100%; height:auto; font-size:24px; text-align:center; letter-spacing:9px;}
div.modal.calS_modal div.con div.ing div.schedule{width:100%; height:auto; margin:15px 0 20px;}
div.modal.calS_modal div.con div.ing div.schedule > div{display:inline-block;}
div.modal.calS_modal div.con div.ing div.schedule > div.dday{font-size:50px; color:#004890; text-align:left;}
div.modal.calS_modal div.con div.ing div.schedule > div.dday:after{content:""; display:inline-block; width:1px; height:50px; margin:0 15px; background:#ccc; vertical-align:middle;}
div.modal.calS_modal div.con div.ing div.schedule > div ul li{text-align:left;}
div.modal.calS_modal div.con div.coming{width:100%; height:auto; padding:15px 25px; background:#f5f5f5;}
div.modal.calS_modal div.con div.coming > ul > li{width:100%; height:auto; padding:15px 0; border-bottom:1px solid #ccc;}
div.modal.calS_modal div.con div.coming > ul > li:last-child{border-bottom:0;}
div.modal.calS_modal div.con div.coming > ul > li div.num{float:left; width:30%; height:auto;}
div.modal.calS_modal div.con div.coming > ul > li div.num span{display:inline-block; width:auto; height:30px; line-height:30px; padding:0 10px; background:#ddd; border-radius:30px; font-size:14px;}
div.modal.calS_modal div.con div.coming > ul > li ul.date{float:left; width:70%; height:auto; text-align:left;}
section.curriculum div.class{width:100%; height:auto; margin:100px 0;}
section.curriculum div.class div.wrap{width:1200px; height:auto; margin:0 auto;}
section.curriculum div.class div.wrap div.categoty{position:relative; width:100%; height:auto;}
section.curriculum div.class div.wrap div.categoty h4.tit{width:100%; height:auto; text-align:center; font-size:32px;}
section.curriculum div.class div.wrap div.categoty h4.tit span{color:#017cc2;}
section.curriculum div.class div.wrap div.categoty a.more{position:absolute; top:15px; right:0; display:inline-block; width:100px; height:auto; padding-bottom:5px; border-bottom:1px solid #333; color:#333; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
section.curriculum div.class div.wrap div.categoty a.more:after{position:absolute; top:5px; right:0; content:""; width:12px; height:12px; background:url("/fro_end/img/right_arrow.svg") center no-repeat; background-size:auto 100%; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
section.curriculum div.class div.wrap div.categoty a.more:hover:after{right:-5px;}
section.curriculum div.class div.wrap div.categoty ul.tabs{width:100%; height:auto; margin:30px 0 40px 0; text-align:center;}
section.curriculum div.class div.wrap div.categoty ul.tabs li{position:relative; display:inline-block; width:auto; height:45px; line-height:45px; cursor:pointer; padding:0px 30px; margin:0 5px; border-radius:30px; background:#e4e4e4; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
section.curriculum div.class div.wrap div.categoty ul.tabs li.active{background:#017cc2; transform:translateY(-5px); -webkit-box-shadow:0 7px 20px rgba(0, 0, 0, 0.4); -o-box-shadow:0 7px 20px rgba(0, 0, 0, 0.4); -ms-box-shadow:0 7px 20px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 7px 20px rgba(0, 0, 0, 0.4); box-shadow:0 7px 20px rgba(0, 0, 0, 0.4); color:#fff; font-weight:bold;}
section.curriculum div.class div.wrap div.categoty ul.tabs li:hover{transform:translateY(-5px);}
section.curriculum div.class div.wrap div.categoty div.tabs_con{width:100%;}
section.curriculum div.class div.wrap div.categoty div.tabs_con h3.head{display:none;}
section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con{display:none; width:100%; height:auto;}
section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul{width:100%; height:auto;} 
section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li{float:left; width:216px; height:auto; margin-right:30px; background:#fff; box-shadow:0 3px 10px rgba(0, 0, 0, 0.15); -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li:last-child{margin-right:0;}
section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li:hover{box-shadow:0 8px 30px rgba(0, 0, 0, 0.4);}
section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li a.co_list{display:block; width:100%; height:auto;}
section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li a.co_list div.image{position:relative; width:100%; height:150px; background:url("/fro_end/img/course_img.jpg") center no-repeat; background-size:cover; overflow:hidden; text-align:center;}
section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li a.co_list div.image img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; height:100%;}
section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li a.co_list div.txt{width:100%; height:auto; padding:15px 20px; font-size:14px;}
section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li a.co_list div.txt div.tit{width:100%; height:45px; margin-bottom:15px; overflow:hidden; color:#333; letter-spacing:-0.5px;}
section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li a.co_list div.txt div.price{color:#aaa;}

/* 배너 */
section.type_banner{margin-bottom:100px;}
section.type_banner div.b_wrap{width:1200px; height:auto; margin:0 auto; display:flex; justify-content:space-between;}
section.type_banner div.b_wrap div.left_tit{position:relative;}
section.type_banner div.b_wrap div.left_tit h3.tit{font-size:30px;}
section.type_banner div.b_wrap div.left_tit h3.tit:before{content:''; display:block; width:6rem; height:1.5rem; background:url("/fro_end/img/job_logo_bl.png")center/100% auto no-repeat; opacity:.5;}
section.type_banner div.b_wrap div.left_tit div.b_slider_arrow{position:absolute; bottom:0; left:0;}
section.type_banner div.b_wrap div.left_tit div.b_slider_arrow a.bs_arrow{display:inline-block; width:3rem; height:3rem; border:1px solid #333; background:url("/fro_end/img/arrow.png")center/30% auto no-repeat; opacity:.5;}
section.type_banner div.b_wrap div.left_tit div.b_slider_arrow a.bs_arrow.prev{transform:rotate(-180deg); margin-right:0.5rem;}
section.type_banner div.b_wrap div.left_tit div.b_slider_arrow a.bs_arrow:hover{opacity:1;}
section.type_banner div.b_wrap div.right_con{width:75%;}
section.type_banner div.b_wrap div.right_con div.b_slider{width:100%;}
section.type_banner div.b_wrap div.right_con div.b_slider div.b_item{width:100%; height:18rem;}
section.type_banner div.b_wrap div.right_con div.b_slider div.b_item > div{width:100%; height:18rem;}
section.type_banner div.b_wrap div.right_con div.b_slider div.b_item a{ width:100%; height:100%;}
section.type_banner div.b_wrap div.right_con div.b_slider div.b_item img{width:100%; height:100%;}
section.type_banner div.b_wrap div.right_con div.b_slider div.b_item.two{}
section.type_banner div.b_wrap div.right_con div.b_slider div.b_item.two > div{display:inline-block; width:48%; margin-right:3%;}
section.type_banner div.b_wrap div.right_con div.b_slider div.b_item.two > div:last-child{margin-right:0;}

section.type_banner div.b_wrap div.right_con div.b_slider ul.slick-dots{position:absolute; bottom:10px; left:50%; transform:translateX(-50%);}
section.type_banner div.b_wrap div.right_con div.b_slider ul.slick-dots li{display:inline-block;}
section.type_banner div.b_wrap div.right_con div.b_slider ul.slick-dots li button{width:10px; height:10px; margin:0 5px; padding:0; border-radius:100%; border:0; background:#fff; box-shadow:0 2px 10px rgba(0, 0, 0, 0.15); text-indent:-9999px; cursor:pointer;}
section.type_banner div.b_wrap div.right_con div.b_slider ul.slick-dots li.slick-active button{background:#004890; box-shadow:0 2px 10px rgba(0, 0, 0, 0.3);}


section.B_link{width:100%; height:450px; background:#102d4d url("/fro_end/img/link_bg.png") center no-repeat; background-size:cover; background-attachment:fixed}
section.B_link div.wrap{width:1200px; height:auto; margin:0 auto;}
section.B_link div.wrap ul{width:100%; height:auto; padding:92px 0;}
section.B_link div.wrap ul li{float:left; margin-right:67px;}
section.B_link div.wrap ul li:last-child{margin-right:0;}
section.B_link div.wrap ul li a{display:block; width:355px; height:265px; padding:40px 45px; outline:1px solid rgba(255, 255, 255, 0.5); -webkit-transition:outline 0.2s linear; -ms-transition:outline 0.2s linear; -moz-transition:outline 0.2s linear; -o-transition:outline 0.2s linear; transition:outline 0.2s linear;} 
section.B_link div.wrap ul li a div.tit{position:relative; width:100%; height:auto;}
section.B_link div.wrap ul li a div.tit:after{position:absolute; top:3px; right:0; content:""; width:18px; height:27px; background:url("/fro_end/img/right_arrow_wh.svg") 100% 5px no-repeat; background-size:100%; opacity:0; visibility:hidden; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
section.B_link div.wrap ul li a div.tit span{display:block;}
section.B_link div.wrap ul li a div.tit span.kor{font-size:24px; color:#fff;}
section.B_link div.wrap ul li a div.tit span.eng{margin-top:5px; font-size:14px; color:rgba(255, 255, 255, 0.3); letter-spacing:1px;}
section.B_link div.wrap ul li a div.con{position:relative; width:100%; height:auto; line-height:26px; margin-top:75px; color:rgba(255, 255, 255, 0.5);}
section.B_link div.wrap ul li a div.con:after{position:absolute; top:6px; right:0; content:""; width:40px; height:40px; opacity:0.5; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
section.B_link div.wrap ul li.bl_01 a div.con:after{background:url("/fro_end/img/Blink_01.svg") center no-repeat; background-size:auto 100%;}
section.B_link div.wrap ul li.bl_02 a div.con:after{background:url("/fro_end/img/Blink_02.svg") center no-repeat; background-size:auto 100%;}
section.B_link div.wrap ul li.bl_03 a div.con:after{background:url("/fro_end/img/Blink_03.svg") center no-repeat; background-size:auto 100%;}
section.B_link div.wrap ul li a:hover{outline:5px solid #fff;}
section.B_link div.wrap ul li a:hover div.tit:after{opacity:1; visibility:visible;}
section.B_link div.wrap ul li a:hover div.con:after{opacity:1;}

section.job{width:100%; height:80px; background:#004890; overflow:hidden;}
section.job div.wrap{width:1200px; height:80px; margin:0 auto;}
section.job div.wrap div.tit{position:relative; float:left; width:130px; height:80px; padding:17px 0;}
section.job div.wrap div.tit:after{position:absolute; top:50%; right:0; content:""; transform:translateY(-50%); width:1px; height:40%; background:rgba(255, 255, 255, 0.5);}
section.job div.wrap div.tit span{display:block;}
section.job div.wrap div.tit span.logo{width:80px; height:auto;}
section.job div.wrap div.tit span.logo img{width:100%; height:auto; opacity:0.3;}
section.job div.wrap div.tit span.txt{margin-top:-5px; font-size:22px; color:#fff;}
div.job_slide{float:right; position:relative; width:1020px; height:auto; overflow:hidden;}
div.job_slide div.slick-list{width:85%; height:80px;}
div.job_slide div.item{width:100%; height:80px; line-height:80px; overflow:hidden;}
div.job_slide div.item a{display:block; color:#fff; font-size:18px;}
div.job_slide button.slick-arrow{position:absolute; top:22px; width:35px; height:35px; border:1px solid #fff; background:url("/fro_end/img/right_arrow_wh.svg") center no-repeat; background-size:auto 35%; text-indent:-9999px; cursor:pointer;}
div.job_slide button.slick-arrow.slick-prev{right:40px; transform:rotate(-90deg);}
div.job_slide button.slick-arrow.slick-next{right:0; transform:rotate(90deg);}

section.banner{width:100%; height:auto; margin-top:40px;}
section.banner div.wrap{width:1200px; height:auto; margin:0 auto;}
section.banner div.wrap > div{float:left; width:585px; height:250px; overflow:hidden;}
section.banner div.wrap > div.bn_02{float:right;}
div.banner_slide ul.slick-dots{position:absolute; bottom:20px; left:50%; transform:translateX(-50%);}
div.banner_slide ul.slick-dots li{display:inline-block;}
div.banner_slide ul.slick-dots li button{width:10px; height:10px; margin:0 5px; padding:0; border-radius:100%; border:0; background:#fff; box-shadow:0 2px 10px rgba(0, 0, 0, 0.15); text-indent:-9999px; cursor:pointer;}
div.banner_slide ul.slick-dots li.slick-active button{background:#004890; box-shadow:0 2px 10px rgba(0, 0, 0, 0.3);}

section.S_link{width:100%; height:auto; margin:35px 0;}
section.S_link div.wrap{width:1200px; height:auto; margin:0 auto;}
section.S_link div.wrap ul{width:100%; height:auto;}
section.S_link div.wrap ul li{float:left; width:20%; height:auto; border-right:1px solid #ccc;}
section.S_link div.wrap ul li:last-child{border-right:0;}
section.S_link div.wrap ul li a{position:relative; display:block; width:100%; height:auto; padding-left:110px; color:#333;}
section.S_link div.wrap ul li a:before{position:absolute; content:""; width:45px; height:45px;}
section.S_link div.wrap ul li.sl_01 a{padding-left:70px;}
section.S_link div.wrap ul li.sl_01 a:before{top:-3px; left:20px; background:url("/fro_end/img/Slink_01.svg") center no-repeat; background-size:auto 80%;}
section.S_link div.wrap ul li.sl_02 a:before{top:0; left:55px; background:url("/fro_end/img/Slink_02.svg") center no-repeat; background-size:auto 70%;}
section.S_link div.wrap ul li.sl_03 a:before{top:0; left:50px; background:url("/fro_end/img/Slink_03.svg") center no-repeat; background-size:auto 80%;}
section.S_link div.wrap ul li.sl_04 a:before{top:0; left:55px; background:url("/fro_end/img/Slink_04.svg") center no-repeat; background-size:auto 80%;}
section.S_link div.wrap ul li.sl_05 a:before{top:0; left:55px; background:url("/fro_end/img/Slink_05.svg") center no-repeat; background-size:auto 80%;}
section.S_link div.wrap ul li a:hover:before{-webkit-animation:swing 0.5s; -o-animation:swing 0.5s; -ms-animation:swing 0.5s; -moz-animation:swing 0.5s; animation:swing 0.5s;}
/* animation */
@-webkit-keyframes swing{
	20%{-webkit-transform:rotate3d(0, 0, 1, 15deg); transform:rotate3d(0, 0, 1, 15deg);}
	40%{-webkit-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg);}
	60%{-webkit-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg);}
	80%{-webkit-transform:rotate3d(0, 0, 1, -5deg); transform:rotate3d(0, 0, 1, -5deg);}
	to {-webkit-transform:rotate3d(0, 0, 1, 0deg); transform:rotate3d(0, 0, 1, 0deg);}
}

@keyframes swing{
	20%{-webkit-transform:rotate3d(0, 0, 1, 15deg); transform:rotate3d(0, 0, 1, 15deg);}
	40%{-webkit-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg);}
	60%{-webkit-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg);}
	80%{-webkit-transform:rotate3d(0, 0, 1, -5deg); transform:rotate3d(0, 0, 1, -5deg);}
	to {-webkit-transform:rotate3d(0, 0, 1, 0deg); transform:rotate3d(0, 0, 1, 0deg);}
}
.swing{-webkit-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; animation-name:swing;}

section.customer{width:100%; height:auto; margin-bottom:50px;}
section.customer div.wrap{width:1200px; height:auto; margin:0 auto;}
section.customer div.wrap div.service{float:left; width:300px; height:380px; background:#102d4d; padding:40px; border-bottom-right-radius:50px;}
section.customer div.wrap div.service div.tit{position:relative; width:100%; height:auto; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #405771;}
section.customer div.wrap div.service div.tit:after{position:absolute; top:0; right:0; content:""; width:50px; height:50px; background:url("/fro_end/img/ic_tel.svg") center no-repeat; background-size:auto 100%; transform:rotate(-90deg); opacity:0.1;}
section.customer div.wrap div.service div.tit div.eng{margin-bottom:5px; font-size:14px; color:rgba(255, 255, 255, 0.5);}
section.customer div.wrap div.service div.tit div.kor{font-size:24px; color:#fff;}
section.customer div.wrap div.service div.tel{width:100%; height:auto;}
section.customer div.wrap div.service div.tel div.num{font-size:33px; color:#fff;}
section.customer div.wrap div.service div.tel div.txt{line-height:24px; margin-top:10px; font-size:14px; color:rgba(255, 255, 255, 0.5);}
section.customer div.wrap div.service a.faq-con{border:1px solid #405771; border-radius:30px; margin-top:0.5rem; text-align:center; padding:0.5rem; color:#fff; display:block;} 
section.customer div.wrap div.service div.FnM{width:100%; height:auto; margin-top:20px; color:rgba(255, 255, 255, 0.7); letter-spacing:-0.8px;}
section.customer div.wrap div.service div.FnM div.fax{margin-bottom:5px;}
section.customer div.wrap div.cr{float:left; width:450px; height:290px; background:#fff; padding:30px 35px;}
section.customer div.wrap div.cr div.tit{margin-bottom:15px; font-size:24px;}
section.customer div.wrap div.cr.notice ul li a{position:relative; display:block; width:100%; height:35px; line-height:35px; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
section.customer div.wrap div.cr.notice ul li a span.tit{position:absolute; top:0; left:0; display:inline-block; max-width:280px; padding-left:10px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
section.customer div.wrap div.cr.notice ul li a span.tit:before{position:absolute; top:15px; left:0; content:""; width:3px; height:3px; border-radius:100%; background:#004890;}
section.customer div.wrap div.cr.notice ul li a span.date{position:absolute; top:0; right:0; display:inline-block; font-size:14px; color:#aaa;}
section.customer div.wrap div.cr.notice ul li a span.tit:hover{font-weight:bold;}
section.customer div.wrap div.cr.event div.event_slider{width:100%; height:165px;}
section.customer div.wrap div.cr.event div.event_slider div{height:165px;}
section.customer div.wrap div.cr.event div.event_slider div.slick-slide img{width:auto; height:100%;}
section.customer div.wrap div.cr.event div.event_slider button.slick-arrow{position:absolute; top:-40px; right:0; width:20px; height:20px; background:none; border:1px solid #333; cursor:pointer; text-indent:-9999px;}
section.customer div.wrap div.cr.event div.event_slider button.slick-arrow:before{position:absolute; top:0; left:0; content:""; width:100%; height:100%; background:url("/fro_end/img/right_arrow.svg") center no-repeat; background-size:auto 50%;}
section.customer div.wrap div.cr.event div.event_slider button.slick-arrow.slick-prev{right:25px;}
section.customer div.wrap div.cr.event div.event_slider button.slick-arrow.slick-next{right:0;}
section.customer div.wrap div.cr.event div.event_slider button.slick-arrow.slick-prev:before{transform:rotate(180deg);}

footer{width:100%; height:auto;}
footer div.foo_top{width:100%; height:60px; background:#eee; border-bottom:1px solid #ccc;}
footer div.foo_top div.wrap{position:relative; width:1200px; height:auto; margin:0 auto;}
footer div.foo_top div.wrap ul{width:50%;}
footer div.foo_top div.wrap ul li{float:left; width:auto; height:auto; margin-right:30px;}
footer div.foo_top div.wrap ul li a{display:block; width:auto; height:60px; line-height:60px; color:#333;}
footer div.foo_top div.wrap a.remote{position:absolute; top:-40px; right:0; display:block; width:50%; height:100px; padding:20px 30px; overflow:hidden; box-shadow:0 0 40px rgba(0, 0, 0, 0.4); background:linear-gradient(-45deg, #102d4d, #004890, #017cc2, #0bbff2);background-size: 400% 400%;-webkit-animation: Gradient 6s ease infinite;-ms-animation: Gradient 6s ease infinite;-o-animation: Gradient 6s ease infinite;-moz-animation: Gradient 6s ease infinite;animation: Gradient 6s ease infinite;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#102d4d', endColorstr='#017cc2',GradientType=1 );}
footer div.foo_top div.wrap a.remote:before{position:absolute; top:0; right:0; content:""; width:100%; height:100%; background:url("/fro_end/img/remote_bg.png") right center no-repeat; -webkit-transition:1s; -ms-transition:1s; -moz-transition:1s; -o-transition:1s; transition:1s;}
footer div.foo_top div.wrap a.remote:after{position:absolute; top:50%; right:30px; content:""; width:33px; height:33px; background:#102d4d url("/fro_end/img/right_arrow_wh.svg") center no-repeat; background-size:auto 35%; border-radius:100%; transform:translateY(-50%); -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
footer div.foo_top div.wrap a.remote div.tit{font-size:22px; color:#fff;}
footer div.foo_top div.wrap a.remote div.con{margin-top:5px; font-size:14px; color:rgba(255, 255, 255, 0.7);}
footer div.foo_top div.wrap a.remote:hover:before{transform:scale(1.15);}
footer div.foo_top div.wrap a.remote:hover:after{box-shadow:0 10px 30px rgba(255, 255, 255, 0.5);}

footer div.foo_bot{width:100%; height:auto; background:#eee;}
footer div.foo_bot div.wrap{width:1200px; height:auto; margin:0 auto; padding:30px 0;}
footer div.foo_bot div.wrap div.add{float:left; width:75%; height:auto;}
footer div.foo_bot div.wrap div.add ul{width:100%; height:30px;}
footer div.foo_bot div.wrap div.add ul li{float:left; margin-right:30px; font-size:14px; color:#888;}
footer div.foo_bot div.wrap div.add ul li:last-child{margin-right:0;}
footer div.foo_bot div.wrap div.ban{float:right; width:250px; height:auto;}
footer div.foo_bot div.wrap div.ban ul li{float:left;}
footer div.foo_bot div.wrap div.ban ul li.hrd{float:right;}
footer div.foo_bot div.wrap div.ban ul li a{display:block; width:120px; height:50px; padding:12px 0; background:#fff; border:1px solid #ddd; text-align:center;}
footer div.foo_bot div.wrap div.ban ul li a img{width:75%; height:auto;}
footer div.copy{width:100%; height:auto; padding:12px 0; font-size:14px; color:#aaa; text-align:center; font-size:12px;}

/* 퀵버튼 */
footer div.quick-btn{position:fixed; bottom:5.5%; right:2.5%; z-index:999;}
footer div.quick-btn a.qb{display:block; width:5.5rem; height:5.5rem; box-shadow:4px 8px 15px rgba(0,0,0,0.1); background:rgb(255,166,0); background:linear-gradient(60deg, rgba(255,166,0,1) 0%, rgba(241,76,30,1) 100%); border-radius:10px 0 10px 10px; transition:0.3s; -webkit-transition:0.3s;}
footer div.quick-btn a.qb div.txt{width:100%; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:'NotoKr_M'; color:#fff; line-height:1.1; font-size:0.9rem;}
footer div.quick-btn a.qb div.txt:before{content:''; display:block; width:1.65rem; height:1.65rem; background:url("/fro_end/img/ic_upload_wh.svg")center/100% auto no-repeat; margin:0 auto; margin-bottom:0.25rem;}
footer div.quick-btn a.qb:hover{transform:scale(1.05) translateY(-5px); box-shadow:5px 10px 15px rgba(0,0,0,0.25);}

/* 원격지원 background gradient */
@-webkit-keyframes Gradient{
	0% {background-position:0% 50%}
	50% {background-position:100% 50%}
	100% {background-position:0% 50%}
}

@-ms-keyframes Gradient{
	0% {background-position:0% 50%}
	50% {background-position:100% 50%}
	100% {background-position:0% 50%}
}

@-o-keyframes Gradient{
	0% {background-position:0% 50%}
	50% {background-position:100% 50%}
	100% {background-position:0% 50%}
}
@-moz-keyframes Gradient{
	0% {background-position:0% 50%}
	50% {background-position:100% 50%}
	100% {background-position:0% 50%}
}
@keyframes Gradient{
	0% {background-position:0% 50%}
	50% {background-position:100% 50%}
	100% {background-position:0% 50%}
}



@media screen and (max-width:1600px){

	/* 2025-03-07 상단 슬라이드 이미지 높이값에 맞춤 */
	div.main_img{height:auto;}
	div.main_img div.item{height:auto;}
	div.main_img div.item img{width:100%; height:auto;}
}

@media screen and (max-width:1440px){
	
}

@media screen and (max-width:1366px){

}

@media screen and (max-width:1280px){
	
	div.valex-popup div.popup-wrap{width:100%;}
	div.valex-popup div.popup-wrap div.inner{width:100%;}
	div.valex-popup div.popup-wrap div.inner div.list{width:350px !important;}

	div.main_img div.item{position:relative; overflow:hidden;}
	/* div.main_img div.item img{margin-left:-16rem;} 2025-03-07 상단 슬라이드 이미지 높이값에 맞춤 */
}

@media screen and (max-width:1200px){
	div.top_Popup div.tp_wrap div.item div.con_wrap{width:100%; padding:1rem;}
	
	header div.h_wrap div.h_top div.wrap{width:100%;}
	header div.h_wrap div.h_top div.wrap a.logo{left:1rem;}
	header div.h_wrap div.h_top div.wrap div.member_btn{right:1rem;}
	header div.h_wrap div.h_bot{width:100%;}
	header div.h_wrap div.h_bot nav.nav{width:90%; text-align:left;}
	header div.h_wrap div.h_bot nav.nav > ul{text-align:left;}
	header div.h_wrap div.h_bot nav.nav > ul > li{width:16%;}
	
	div.menu_btn{width:10%;}
	div.menu_btn a.btn_open,
	div.menu_btn a.btn_close{right:1rem;}
	div.Amenu_bg div.wrap{width:90%;}
	
	div.SL_wrap{width:100%;}
	div.SL_wrap div.quick{width:25%;}
	div.search > div.FL{width:75%;}
	div.search > div.FR{width:25%;}
	
	section.curriculum div.cal_bar div.wrap{width:100%;}
	section.curriculum div.cal_bar div.wrap div.date{width:65%;}
	section.curriculum div.cal_bar div.wrap div.date ul{padding:0 2rem;}
	section.curriculum div.cal_bar div.wrap div.cal_search{width:10rem;}
	section.curriculum div.class{padding:0 1.5rem;}
	section.curriculum div.class div.wrap{width:100%;}
	section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li{width:18.4%; margin-right:2%;}

	section.type_banner div.b_wrap{width:100%; padding:0 1.5rem;}
	
	section.B_link{height:auto;}
	section.B_link div.wrap{width:100%;}
	section.B_link div.wrap ul{padding:3rem 1.5rem;}
	section.B_link div.wrap ul li{width:31.3%; margin-right:3%;}
	section.B_link div.wrap ul li a{width:100%; height:100%; padding:2rem;}
	
	section.job div.wrap{width:100%; padding:0 1.5rem;}
	section.job div.wrap div.tit{width:15%; text-align:center;}
	section.job div.wrap div.tit span.logo{margin:0 auto;}
	div.job_slide{width:85%; padding-left:1rem;}
	
	section.banner div.wrap{width:100%; padding:0 1.5rem;}
	section.banner div.wrap > div{width:48%; text-align:center;}
	section.banner div.wrap > div img{width:auto; height:100%;}
	
	section.S_link div.wrap{width:100%;}

	section.customer div.wrap{width:100%;}
	
	footer div.foo_top{height:3.7rem;}
	footer div.foo_top div.wrap{width:100%;}
	footer div.foo_top div.wrap ul{width:auto; padding-left:1.5rem;}
	footer div.foo_top div.wrap ul li{margin-right:1.5rem;}
	footer div.foo_top div.wrap ul li a{height:3.7rem; line-height:3.7rem;}
	footer div.foo_bot div.wrap{width:100%; padding:1.5rem;}
	footer div.foo_bot div.wrap div.add{width:auto;}
	footer div.foo_bot div.wrap div.add ul li{margin-right:1.5rem;}
	
	
}

@media screen and (max-width:1024px){
	div.valex-popup div.popup-wrap div.inner{width:384px; margin:0 auto; padding:0;}
	div.valex-popup div.popup-wrap div.inner div.list{margin:0;}
	div.valex-popup div.popup-wrap div.inner button.slick-arrow{position:absolute; top:50%; transform:translateY(-50%); width:2rem; height:2rem; padding:0; border:0; font-size:0; color:rgba(0, 0, 0, 0); z-index:1;}
	div.valex-popup div.popup-wrap div.inner button.slick-arrow.slick-prev{left:-3rem; transform:translateY(-50%) rotate(180deg);}
	div.valex-popup div.popup-wrap div.inner button.slick-arrow.slick-next{right:-3rem;}

	div.top_Popup div.tp_wrap div.item div.con_wrap div.tit{font-size:1.2rem; margin-bottom:0.5rem;}
	div.top_Popup div.tp_wrap div.item div.con_wrap div.con{font-size:0.8rem;}
	div.top_Popup div.tp_wrap div.item div.con_wrap div.con div.txt{line-height:1.5rem;}
	div.top_Popup div.tp_wrap div.item div.con_wrap div.con a.btn_link{height:2rem; line-height:2rem;}
	div.top_Popup div.tp_close{font-size:0.8rem}
	div.top_Popup div.tp_close label{margin-right:0.2rem;}
	div.top_Popup div.tp_close a.btn_tp_close{width:0.8rem; height:0.8rem;}

	header div.h_wrap div.h_top div.wrap{height:7rem;}
	header div.h_wrap div.h_top div.wrap a.logo{top:auto; bottom:0.8rem; padding:0;}
	header div.h_wrap div.h_top div.wrap div.member_btn{top:0; right:0; width:100%; transform:none; padding:0.5rem 0; border-bottom:1px solid #ddd; text-align:center;}
	header div.h_wrap div.h_bot nav.nav{display:none;}
	div.menu_btn{top:-4.5rem; width:4.5rem; height:4.5rem;}
	div.menu_btn a.btn_open{top:50%; left:50%; transform:translate(-50%, -50%); width:3rem; height:3rem;}
	div.menu_btn a.btn_open span{width:1rem; top:1.3rem; left:0.7rem;}
	div.menu_btn a.btn_open span:before{top:-8px;}
	div.menu_btn a.btn_open span:after{top:8px;}
	div.Amenu_bg div.wrap{position:fixed; top:0; left:0; transform:none; width:100%; height:100%; /*overflow-y:auto;*/}
	div.Amenu_bg div.wrap div.tit{height:4.5rem; line-height:4.5rem; padding:0;}
	div.Amenu_bg a.btn_close{top:0.8rem; width:3rem; height:3rem;}
	div.Amenu_bg div.wrap > ul{padding:1.5rem;}
	div.Amenu_bg div.wrap > ul > li{display:block; width:100%; text-align:left;}
	div.Amenu_bg div.wrap > ul > li > a{position:relative; padding:1rem 0; margin-bottom:0; border-bottom:1px solid #ddd; font-size:1.2rem;}
	div.Amenu_bg div.wrap > ul > li > a:after{position:absolute; top:50%; right:0; transform:translateY(-50%); content:""; display:inline-block; width:0.8rem; height:0.8rem; background:url("../img/ic_arrowR_bk.svg") center no-repeat; background-size:cover; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
	div.Amenu_bg div.wrap > ul > li div.nav_2dep{display:none; padding:1.5rem; background:#f8f8f8;}
	div.Amenu_bg div.wrap > ul > li.open > a:before{transform:rotate(90deg);}
	div.Amenu_bg div.wrap > ul > li div.nav_2dep ul li a:hover:before{display:none;}

	/*
	div.main_img,
	div.main_img div.item{height:30rem;} 2025-03-07 상단 슬라이드 이미지 높이값에 맞춤 */ 
	div.main_img ul.slick-dots{bottom:3rem;}
	
	div.SL_wrap div.quick{margin-top:-20rem;}
	div.SL_wrap div.quick div.tit{padding:1rem 1.5rem;}
	div.SL_wrap div.quick div.tit div.kor{font-size:1.3rem;}
	div.SL_wrap div.quick div.tit div.eng{font-size:0.8rem;}
	div.SL_wrap div.quick > ul li a{line-height:3rem; padding:0 1.5rem;}
	div.SL_wrap div.quick > ul li a:after{top:50%; right:1.5rem; transform:translateY(-50%); width:1rem; height:1rem; background:url("/fro_end/img/quick_arrow.svg") center no-repeat; background-size:cover;}
	
	div.search{margin-top:-2.5rem;}
	div.search > div.FL{height:7rem; padding:1.5rem 2rem;}
	div.search > div.FL div.tit div.kor{font-size:1.5rem;}
	div.search > div.FL div.tit div.eng{font-size:1rem; letter-spacing:0.85rem;}
	div.search > div.FL div.con input.search_in{height:2rem; line-height:2rem; border-bottom:2px solid #333; font-size:1rem;}
	div.search > div.FL div.con div.tag a{margin-right:0.8rem; font-size:0.8rem;}
	div.search > div.FR{height:7rem;}
	div.search > div.FR a{line-height:7rem; font-size:1rem;}

	section.curriculum h3.sect_tit{margin-bottom:2rem; font-size:2rem;}
	section.curriculum div.cal_bar div.wrap div.ing{width:10rem; height:4rem; line-height:4rem; font-size:1.2rem;}
	section.curriculum div.cal_bar div.wrap div.date{height:4rem;}
	section.curriculum div.cal_bar div.wrap div.date ul{padding:0 1.5rem;}
	section.curriculum div.cal_bar div.wrap div.date ul li{height:4rem; line-height:4rem; margin-right:1.5rem; font-size:1rem;}
	section.curriculum div.cal_bar div.wrap div.date ul li > div.timer{width:1.5rem; height:1.5rem; margin:1.2rem 0.5rem 0 0;}
	section.curriculum div.cal_bar div.wrap div.cal_search{width:auto; height:4rem;}
	section.curriculum div.cal_bar div.wrap div.cal_search > a{height:2.5rem; line-height:2.5rem; margin:0.75rem 0; padding:0 1rem 0 3rem;}
	section.curriculum div.cal_bar div.wrap div.cal_search > a:before{left:1.3rem; width:1rem; height:1rem;}
	section.curriculum div.class{margin:5rem 0;}
	section.curriculum div.class div.wrap div.categoty ul.tabs{margin:2.5rem 0;}
	section.curriculum div.class div.wrap div.categoty ul.tabs li{height:2.5rem; line-height:2.5rem; padding:0 1.5rem;}
	section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li a.co_list div.image{height:8rem;}
	section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li a.co_list div.txt{padding:1rem; font-size:0.8rem;}
	section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li a.co_list div.txt div.tit{height:3.5rem; margin-bottom:0.8rem;}

	section.type_banner div.b_wrap{display:block;}
	section.type_banner div.b_wrap div.left_tit{margin-bottom:1rem;}
	section.type_banner div.b_wrap div.left_tit div.b_slider_arrow{left:unset; right:0;}
	section.type_banner div.b_wrap div.right_con{width:100%;}

	section.B_link div.wrap ul li a div.tit span.kor{font-size:1.3rem;}
	section.B_link div.wrap ul li a div.tit span.eng{font-size:0.8rem;}
	section.B_link div.wrap ul li a div.con{line-height:1.5rem; margin-top:3rem; font-size:0.8rem;}
	section.B_link div.wrap ul li a div.con:after{top:0.5rem; width:2rem; height:2rem;}

	section.job{height:auto;}
	section.job div.wrap{height:auto;}
	section.job div.wrap div.tit{height:auto; padding:1rem 0;}
	section.job div.wrap div.tit span.logo{width:50%;}
	section.job div.wrap div.tit span.txt{font-size:1.2rem;}
	div.job_slide div.item{height:4.5rem; line-height:4.5rem;}
	div.job_slide div.item a{font-size:1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	div.job_slide button.slick-arrow{top:1.5rem; width:2rem; height:2rem;}
	div.job_slide button.slick-arrow.slick-prev{right:2.5rem;}

	section.banner{margin-top:3rem;}
	section.banner div.wrap > div{height:12rem;}
	section.banner div.wrap > div.bn_02 div{height:100%;}

	section.S_link{margin:2rem 0;}
	section.S_link div.wrap ul li a{padding-left:5rem;}
	section.S_link div.wrap ul li a:before{width:1.5rem; height:1.5rem;}
	section.S_link div.wrap ul li.sl_01 a{padding-left:3rem; letter-spacing:-1px;}
	section.S_link div.wrap ul li.sl_01 a:before{top:-1px; left:1.5rem;}
	section.S_link div.wrap ul li.sl_02 a:before{left:3rem;}
	section.S_link div.wrap ul li.sl_03 a:before{left:2.8rem;}
	section.S_link div.wrap ul li.sl_04 a:before{left:3rem;}
	section.S_link div.wrap ul li.sl_05 a:before{left:3rem;}
	section.S_link div.wrap ul li a div.go{display:none;}

	section.customer div.wrap div.service{width:30%; height:auto; padding:2rem;}
	section.customer div.wrap div.service div.tit{padding-bottom:1rem; margin-bottom:1rem;}
	section.customer div.wrap div.service div.tit div.eng{font-size:0.8rem;}
	section.customer div.wrap div.service div.tit div.kor{font-size:1.5rem;}
	section.customer div.wrap div.service div.tit:after{width:3rem; height:3rem;}
	section.customer div.wrap div.service div.tel div.num{font-size:2rem;}
	section.customer div.wrap div.service div.tel div.txt{line-height:1.5rem; font-size:0.8rem;}
	section.customer div.wrap div.service div.FnM{margin-top:3rem; font-size:0.8rem;}
	section.customer div.wrap div.cr{width:35%; height:17rem; padding:1.5rem;}
	section.customer div.wrap div.cr div.tit{margin-bottom:0.8rem; font-size:1.2rem;}
	section.customer div.wrap div.cr.notice ul li a{height:2rem; line-height:2rem;}
	section.customer div.wrap div.cr.notice ul li a span.tit{max-width:14rem;}
	section.customer div.wrap div.cr.notice ul li a span.date{font-size:0.8rem;}
	section.customer div.wrap div.cr.event div.event_slider,
	section.customer div.wrap div.cr.event div.event_slider div{height:10.5rem;}
	section.customer div.wrap div.cr.event div.event_slider button.slick-arrow{width:1.2rem; height:1.2rem; padding:0;}
	section.customer div.wrap div.cr.event div.event_slider button.slick-arrow.slick-prev{right:1.5rem;}
	
	footer div.foo_top div.wrap a.remote{top:-2.8rem; height:6.5rem; padding:1.5rem 1.8rem;}
	footer div.foo_top div.wrap a.remote div.tit{font-size:1.35rem;}
	footer div.foo_top div.wrap a.remote div.con{font-size:0.8rem;}
	footer div.foo_top div.wrap a.remote:after{right:1.8rem; width:2rem; height:2rem;}
	footer div.foo_bot div.wrap div.add,
	footer div.foo_bot div.wrap div.ban{float:none; width:100%; text-align:center;}
	footer div.foo_bot div.wrap div.add ul{height:auto;}
	footer div.foo_bot div.wrap div.add ul li{float:none; display:inline-block; margin-bottom:0.5rem;}
	footer div.foo_bot div.wrap div.ban ul li,
	footer div.foo_bot div.wrap div.ban ul li.hrd{float:none; display:inline-block; margin-top:1rem;}
	

}

@media screen and (max-width:768px){
	html{font-size:15px;}
	
	div.menu_btn{top:-3rem; right:1rem; width:2.5rem; height:2.5rem;}
	div.menu_btn a.btn_open{width:2.5rem; height:2.5rem;}
	div.menu_btn a.btn_open span{top:1.2rem; left:0.5rem;}
	div.menu_btn a.btn_open span:before{top:-7px;}
	div.menu_btn a.btn_open span:after{top:7px;}
	header div.h_wrap div.h_top div.wrap{height:6rem;}
	header div.h_wrap div.h_top div.wrap a.logo{width:15rem;}
	header div.h_wrap div.h_top div.wrap div.member_btn ul li a{font-size:0.8rem;}
	
	section.curriculum div.cal_bar div.wrap{position:relative; height:8rem;}
	section.curriculum div.cal_bar div.wrap > div{float:none; position:absolute;}
	section.curriculum div.cal_bar div.wrap div.ing{position:absolute; top:0; left:0; width:100%;}
	section.curriculum div.cal_bar div.wrap div.ing:before,
	section.curriculum div.cal_bar div.wrap div.ing:after{display:none;}
	section.curriculum div.cal_bar div.wrap div.date{bottom:0; left:0; width:100%; text-align:center;}
	section.curriculum div.cal_bar div.wrap div.date ul li{float:none; display:inline-block; vertical-align:top;}
	section.curriculum div.cal_bar div.wrap div.cal_search{top:0; right:1.5rem; }
	section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li{width:23.5%;}
	section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li:nth-of-type(4){margin-right:0;}
	section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li:last-child{display:none;}

	div.modal.calS_modal{width:70%; max-width:100%;}
	
	section.S_link div.wrap{padding:0 1.5rem;}
	section.S_link div.wrap ul li a,
	section.S_link div.wrap ul li.sl_01 a{padding:0; padding-top:2.5rem; text-align:center;}
	section.S_link div.wrap ul li a:before{width:2rem; height:2rem;}
	section.S_link div.wrap ul li.sl_01 a:before,
	section.S_link div.wrap ul li.sl_02 a:before,
	section.S_link div.wrap ul li.sl_03 a:before,
	section.S_link div.wrap ul li.sl_04 a:before,
	section.S_link div.wrap ul li.sl_05 a:before{top:0; left:50%; transform:translateX(-50%);}
	
	section.customer{margin-bottom:7rem;}
	section.customer div.wrap{position:relative;}
	section.customer div.wrap div.service{float:none; width:100%; border-radius:0;}
	section.customer div.wrap div.cr{width:50%;}
	section.customer div.wrap div.cr.event div.event_slider button.slick-arrow{top:-2rem;}

	footer div.foo_top{border-bottom:0;}
	footer div.foo_top div.wrap ul{position:absolute; top:3.7rem; width:100%; border-bottom:1px solid #ccc; text-align:center;}
	footer div.foo_top div.wrap ul li{float:none; display:inline-block;}
	footer div.foo_top div.wrap a.remote{top:-3.5rem; width:80%;}

	footer div.foo_bot{padding-top:3.7rem;}
}

@media screen and (max-width:640px){
	
	/*
	div.main_img,
	div.main_img div.item{height:22rem;}
	div.main_img div.item img{margin-left:-9rem;}  2025-03-07 상단 슬라이드 이미지 높이값에 맞춤 */
	
	div.SL_wrap{margin-top:-2rem;}
	div.SL_wrap div.quick{display:none;}
	
	div.search{margin-top:0;}
	div.search > div.FL{height:10rem; padding:1.5rem;}
	div.search > div.FL div.tit{float:none; width:100%;}
	div.search > div.FL div.tit div.kor{font-size:1.2rem;}
	div.search > div.FL div.tit div.eng{display:none;}
	div.search > div.FL div.con{float:none; width:100%;}
	div.search > div.FL div.con input.search_in:-ms-input-placeholder{font-size:0.8rem;}
	div.search > div.FL div.con input.search_in:-moz-input-placeholder{font-size:0.8rem;}
	div.search > div.FL div.con input.search_in::-webkit-input-placeholder{font-size:0.8rem;}
	div.search > div.FL div.con input.search_in::placeholder{font-size:0.8rem;}
	div.search > div.FR{height:10rem;}
	div.search > div.FR a{height:10rem; line-height:10rem;}
	
	section.curriculum div.cal_bar div.wrap{height:auto;}
	section.curriculum div.cal_bar div.wrap div.ing{position:inherit;}
	section.curriculum div.cal_bar div.wrap div.date{position:inherit; height:auto;}
	section.curriculum div.cal_bar div.wrap div.date ul li{width:100%; height:auto; line-height:normal; margin:0.5rem 0;}
	section.curriculum div.cal_bar div.wrap div.date ul li:first-child{margin-top:1rem;}
	section.curriculum div.cal_bar div.wrap div.date ul li:last-child{border-top:1px solid rgba(255, 255, 255, 0.3); padding:0.5rem 0;}
	section.curriculum div.cal_bar div.wrap div.date ul li > div{float:none; display:inline-block;}
	section.curriculum div.cal_bar div.wrap div.date ul li > div.timer{position:relative; top:0.4rem; right:0.5rem; margin:0;}
	section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li{width:49%; margin-bottom:2%;}
	section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li:nth-of-type(2),
	section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li:nth-of-type(4){margin-right:0;}
	section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li a.co_list div.image{height:14rem;}
	
	section.type_banner{margin-bottom:15px;}
	section.type_banner div.b_wrap div.left_tit h3.tit:before{width:5rem; height:1rem;}
	section.type_banner div.b_wrap div.left_tit h3.tit{font-size:25px;}
	section.type_banner div.b_wrap div.left_tit div.b_slider_arrow a.bs_arrow{width:2.25rem; height:2.25rem;}
	section.type_banner div.b_wrap div.right_con div.b_slider div.b_item > div{height:15rem;}
	section.type_banner div.b_wrap div.right_con div.b_slider div.b_item.two > div{width:100%; margin:0;}
	
	section.S_link{margin:1rem 0;}
	section.S_link div.wrap ul li{float:none; width:100%; border-right:0; border-bottom:1px solid #ccc;}
	section.S_link div.wrap ul li:last-child{border-bottom:0;}
	section.S_link div.wrap ul li a,
	section.S_link div.wrap ul li.sl_01 a{height:3rem; line-height:3rem; padding-top:0; padding-left:3rem; text-align:left; letter-spacing:0;}
	section.S_link div.wrap ul li.sl_01 a:before,
	section.S_link div.wrap ul li.sl_02 a:before,
	section.S_link div.wrap ul li.sl_03 a:before,
	section.S_link div.wrap ul li.sl_04 a:before,
	section.S_link div.wrap ul li.sl_05 a:before{top:50%; left:0; transform:translateY(-50%);}

	section.B_link div.wrap ul li{float:none; width:100%; margin-right:0; margin-bottom:1.5rem;}
	section.B_link div.wrap ul li:last-child{margin-bottom:0;}
	section.B_link div.wrap ul li a{padding:1.5rem 2rem;}
	section.B_link div.wrap ul li a div.con{line-height:1.2rem; margin-top:1rem;}

	section.banner{margin-top:2rem;}
	section.banner div.wrap > div{height:8rem;}
	div.banner_slide ul.slick-dots{bottom:0.2rem;}
	div.banner_slide ul.slick-dots li button{width:5px; height:5px;}
	
	section.customer div.wrap div.service div.tit:after{width:2.5rem; height:2.5rem;}
	section.customer div.wrap div.service div.tit div.kor{font-size:1.2rem;}
	section.customer div.wrap div.service div.tel div.num{font-size:1.5rem;}
	section.customer div.wrap div.service div.FnM{margin-top:1.5rem;}
}

@media screen and (max-width:480px){
	html{font-size:14px;}

	div.valex-popup div.popup-wrap div.pop-tit{margin-bottom:1.5rem; font-size:2rem;}
	div.valex-popup div.popup-wrap div.inner{width:280px; height:315px;}
	div.valex-popup div.popup-wrap div.inner div.list{width:280px !important; height:315px; box-shadow:none;}
	div.valex-popup div.popup-wrap div.inner div.list div.num{font-size:1.5rem;}
	div.valex-popup div.popup-wrap div.inner div.list div.tit{height:3.5rem; margin:1rem 0; font-size:1.25rem;}
	div.valex-popup div.popup-wrap div.inner div.list div.cont{height:8.5rem; padding-top:1rem; font-size:1rem;}
	div.valex-popup div.popup-wrap div.inner div.list.nolink div.cont{height:12rem;}
	div.valex-popup div.popup-wrap div.inner div.list div.link{padding:0 1.5rem 1rem;}
	div.valex-popup div.popup-wrap div.inner div.list div.link a{height:2.5rem; line-height:2.5rem; font-size:1rem;}
	div.valex-popup div.popup-wrap div.btn-wrap{margin-top:1.5rem;}
	div.valex-popup div.popup-wrap div.btn-wrap ul li{margin:0 0.25rem;}
	div.valex-popup div.popup-wrap div.btn-wrap ul li a{height:2.5rem; line-height:2.5rem; padding:0 1.5rem; font-size:1rem;}
	div.valex-popup div.popup-wrap div.btn-wrap ul li a img{width:1rem; height:1rem;}
	div.valex-popup div.popup-wrap div.inner button.slick-arrow{width:1.5rem; height:1.5rem;}
	div.valex-popup div.popup-wrap div.inner button.slick-arrow.slick-prev{left:-2rem;}
	div.valex-popup div.popup-wrap div.inner button.slick-arrow.slick-next{right:-2rem;}
	div.valex-popup div.popup-wrap div.btn-wrap ul li.go-link{display:block; margin-bottom:0.5rem;}

	div.top_Popup div.tp_close{top:auto; bottom:0.5rem;}
	div.top_Popup div.tp_wrap div.item{padding-bottom:1rem;}
	div.top_Popup div.tp_wrap div.item div.con_wrap div.con table{width:100% !important;}
	
	div.main_img,
	div.main_img div.item,
	div.main_img div.item a{display:block; height:16rem;}
	div.main_img div.item img{width:100%; height:100%; object-fit:cover;}
	div.main_img ul.slick-dots{bottom:2rem;}

	section.curriculum{margin-top:5rem;}
	section.curriculum div.class{margin:3rem 0;}
	section.curriculum h3.sect_tit{margin-bottom:1rem; font-size:1.8rem;}
	section.curriculum div.class div.wrap div.categoty h4.tit{font-size:1.8rem;}
	section.curriculum div.class div.wrap div.categoty a.more{top:0.5rem; width:6rem;}
	section.curriculum div.class div.wrap div.categoty a.more:after{top:3px; width:0.8rem; height:0.8rem;}
	section.curriculum div.class div.wrap div.categoty ul.tabs{margin:2rem 0;}
	section.curriculum div.class div.wrap div.categoty ul.tabs li{padding:0 1rem; margin:0 0.2rem;}
	section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li{width:48%; margin-bottom:4%; margin-right:4%;}
	section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li a.co_list div.image{height:11rem;}
	section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li a.co_list div.txt div.tit{height:2.5rem;}

	section.type_banner div.b_wrap div.right_con div.b_slider div.b_item > div{height:12rem;}

	section.B_link div.wrap ul{padding:2rem 1.5rem;}
	section.B_link div.wrap ul li a div.tit{float:left; width:50%;}
	section.B_link div.wrap ul li a div.con{float:right; width:50%; margin:0; text-indent:-9999px;}
	section.B_link div.wrap ul li a div.con br{display:none;}

	section.job div.wrap div.tit{display:none;}
	div.job_slide{width:100%; padding-left:0;}
	div.job_slide div.slick-list{width:100%;}
	div.job_slide div.item{height:4rem; line-height:4rem;}

	section.customer div.wrap div.cr{width:100%; height:auto;}
	section.customer div.wrap div.cr:nth-child(2) ul{padding-bottom:1.5rem; border-bottom:1px solid #ccc;}
	section.customer div.wrap div.cr:nth-child(3){padding-top:0;}
	
	footer div.quick-btn{bottom:4%;}
	footer div.quick-btn a.qb{width:4.5rem; height:4.5rem; border-radius:50%;}
	footer div.quick-btn a.qb div.txt{line-height:initial;}
	footer div.quick-btn a.qb div.txt:before{display:none;}
}

@media screen and (max-width:425px){
	/* 
	div.main_img div.item img{margin-left:-12rem;}
	div.main_img ul.slick-dots{bottom:3rem;} 2025-03-07 상단 슬라이드 이미지 높이값에 맞춤 */
	div.main_img, 
	div.main_img div.item, 
	div.main_img div.item a{height:13rem;}
	
	div.modal.calS_modal{width:80%;}
	div.modal.calS_modal div.tit{height:4rem; line-height:4rem; font-size:1.5rem;}
	div.modal.calS_modal div.con{padding:1.5rem;}
	div.modal.calS_modal div.con div.ing div.time{padding:1rem 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:1.3rem; letter-spacing:0.3rem;}
	div.modal.calS_modal div.con div.ing div.schedule > div{width:100%; margin-top:0.5rem;}
	div.modal.calS_modal div.con div.ing div.schedule > div.dday{font-size:3rem; text-align:center;}
	div.modal.calS_modal div.con div.ing div.schedule > div.dday:after{display:none;}
	div.modal.calS_modal div.con div.coming{padding:1rem;}
	div.modal.calS_modal div.con div.coming > ul > li div.num{float:none; width:100%; text-align:left}
	div.modal.calS_modal div.con div.coming > ul > li div.num span{width:5rem; height:2rem; line-height:2rem; padding:0 0.8rem; border-radius:1rem; font-size:1rem; text-align:center;}
	div.modal.calS_modal div.con div.coming > ul > li ul.date{float:none; width:100%; margin-top:0.5rem;}

	section.banner div.wrap > div{float:none; width:100%; height:12rem;}
	section.banner div.wrap > div.bn_01{margin-bottom:1rem;}
}

@media screen and (max-width:390px){
	div.main_img, 
	div.main_img div.item, 
	div.main_img div.item a{height:12rem;}
}

@media screen and (max-width:375px){
	/* 
	div.main_img,
	div.main_img div.item{height:20rem;} 2025-03-07 상단 슬라이드 이미지 높이값에 맞춤 */
	
	section.curriculum{margin-top:3rem;}
	section.curriculum div.class div.wrap div.categoty ul.tabs li{height:2.2rem; line-height:2.2rem; margin:0; letter-spacing:-0.1rem;}
	section.curriculum div.class div.wrap div.categoty div.tabs_con div.in_con ul li a.co_list div.image{height:8rem;}

	section.B_link div.wrap ul li a{padding:1rem 1.5rem;}
}

@media screen and (max-width:320px){
	section.curriculum div.cal_bar div.wrap div.cal_search > a{height:2rem; line-height:2rem; margin:1rem 0; padding:0 0.8rem 0 2.2rem; font-size:0.8rem;}
	section.curriculum div.cal_bar div.wrap div.cal_search > a:before{left:0.8rem; width:0.8rem; height:0.8rem;}
	section.curriculum div.class div.wrap div.categoty a.more{width:auto; padding-bottom:0.2rem; font-size:0.8rem; letter-spacing:-0.1rem;}
	section.curriculum div.class div.wrap div.categoty a.more:after{display:none;}
	section.curriculum div.class div.wrap div.categoty ul.tabs li{font-size:0.8rem;}

	div.modal.calS_modal div.con div.ing div.time{letter-spacing:0;}

	div.main_img, 
	div.main_img div.item, 
	div.main_img div.item a{height:10rem;}

}