@charset "utf-8";


.doc{font-size: 16px;}
.box1{ width:1400px; max-width: 96%; margin:0 auto; position:relative } 
.mobile_only{display:none;}



:root{
	--mainColor: #025eb9;
	--subColor: #01337b;
	--Color01: ;
	--header_H: 85px;
	--font:   'NanumBarunGothic';
	--fs_01: "Montserrat", sans-serif;
	--fs_02: 'NanumBarunGothicLigth';
	--fs_03: 'Pretendard';
}

/*사이드메뉴여백*/

#header,
.sub_v_wrap,
#snb,
#container_wr
{padding-left: 100px;} 


/*header*/
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%; border-bottom: 1px solid rgba(255,255,255,.15);}
#header .va_wrap,
#header .h_wrap{height:var(--header_H);}
#header #logo{z-index:400;}
#header #logo .a_ver{display:none;}
#header #logo img{display:block;}
#header .gnb_wrap{margin:0 auto;}
#header .gnb_wrap .gnb .depth1{margin:0 25px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.125em; line-height: inherit; font-weight:400; color:#fff; position: relative;}
#header .gnb_wrap .gnb .depth1 > ul{background:#fff; min-width: 160px; border: 1px solid #ddd; border-top:0; margin-top:-2px; transition:all .5s; position:absolute; left:50%; transform:translateX(-50%); max-height:0; overflow:hidden; opacity:0 }
#header .gnb_wrap .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background-color:var(--mainColor); transform: scaleX(0); transition: .3s;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a{display: block; text-align: center; color:#444; border-top: 1px dotted #ddd; font-weight:400; padding: 15px 10px;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .gnb_wrap .gnb .depth1:hover ul{ max-height:900px; opacity:1 }
#header .gnb_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}

/*검색*/
#header .hd_sch_btn{font-size:1.125em; color:#fff; cursor: pointer;}
#header .hd_sch_btn.on .xi:before{content:'\e921';}
#header .hd_sch_wr #hd_sch{border:1px solid rgba(255,255,255,.8); border-radius: 50px; position: relative; width:240px; overflow: hidden;}
#header .hd_sch_wr #hd_sch #sch_stx{border:0; background:transparent; color:#fff; width:100%; height: 45px; padding:5px 55px 5px 20px; font-size:.95em; box-sizing: border-box;}
#header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:rgba(255,255,255,.8)!important;}
#header .hd_sch_wr #hd_sch button{border:0; background-color:var(--mainColor); width:38px; height: 38px; color:#fff; position: absolute; top:50%; transform: translateY(-50%); right:4px; border-radius: 50%; font-size:.9em;}

/*회원*/
#header .hd_login{margin-left:5px;}
#header .hd_login > li a{font-family: var(--fs_02); font-size: .937em; font-weight: 300; color:#fff; margin-left:35px; position: relative;}
#header .hd_login > li a:before{content: ''; display: block; width: 1px; height: 14px; background: #fff; position: absolute; top: 5px; left: -17px;}
#header .hd_login > li:first-child a{margin-left:0px;}
#header .hd_login > li:first-child a:before{display: none;}
#header .hd_login > li .xi{vertical-align: baseline; margin-right:4px;}

/*전체메뉴버튼*/
#header .btn_gnb{width:30px; height: 22px; position: relative; z-index: 10000; margin-left:25px;}


/* 사이드메뉴 */
#side_menu{position:fixed; left:0; top: 0; margin-top:0; margin-bottom:0;  transition: .5s; width:100px; height: 100vh; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); cursor: pointer; z-index: 501;}
#side_menu.on{left:0;}
#side_menu button{border:0; background-color: transparent; text-align: center;}
#side_menu .qk_tx{width:100%; font-size: .75em; margin-top:8px;}

.all_menu{z-index: 10000; width:30px; height: 22px;}
.all_menu .bar{display:block; width:100%; height: 2px; background-color: #111; transition: .3s;}
.all_menu .bar.st02{margin:8px 0; width:80%;}
.all_menu.on{padding-top:8px;}
.all_menu.on .bar{margin:-2px 0;}
.all_menu.on .bar.st01{transform: rotate(-45deg);}
.all_menu.on .bar.st03{transform: rotate(45deg);}
.all_menu.on .bar.st02{display:none;}
 
.mobile_only .all_menu .bar{ background-color: #fff;}
.mobile_only .all_menu .bar.st02{margin-left: auto;}
.mobile_only.on .all_menu .bar{background-color: #333;}
.mobile_only.on .all_menu{padding-top:8px; }
.mobile_only.on .all_menu .bar{margin:-2px 0;}
.mobile_only.on .all_menu .bar.st01{transform: rotate(-45deg);}
.mobile_only.on .all_menu .bar.st03{transform: rotate(45deg);}
.mobile_only.on .all_menu .bar.st02{display:none;}

.pc_all_menu{opacity: 1!important; left: -100%; align-content: center; transition: .3s;}
.pc_all_menu.on{left: 0; padding-left: 100px;}
.pc_all_menu .gnb_all{padding: 0;}
.pc_all_menu .gnb_all > li.depth1{margin-bottom: 1.25em; padding-bottom: 1.25em; border-bottom: 1px solid #ddd; }
.pc_all_menu .gnb_all > li.depth1:last-child{border-bottom: 0;}
.pc_all_menu .gnb_all > li.depth1 > a.dp1{font-weight: 600;}
.pc_all_menu .gnb_all > li.depth1 .dp2_menu > li a{font-family: var(--fs_02); color: #999; margin-right: 40px; margin-bottom: 10px; display: inline-block; transition: .3s;}
.pc_all_menu .gnb_all > li.depth1 .dp2_menu > li a:after{display: none;}
.pc_all_menu .gnb_all > li.depth1:hover{border-color: #333;}



/*스크롤 header*/
.scroll #header{background-color: rgba(255,255,255,.8); backdrop-filter: blur(5px);}
.scroll #header #logo .a_ver{display:block;}
.scroll #header #logo .b_ver{display:none;}
.scroll #header .gnb_wrap .gnb .depth1 > a{color:#222;}
.scroll #header .hd_sch_btn{color:#555;}
.scroll #header .hd_sch_wr #hd_sch{border-color:#ccc;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx{color:#555;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:#aaa!important;}
.scroll #header .hd_login > li a{color:#555;}
.scroll #header .btn_gnb .a_rd{background-color:#666;}
.scroll #header .hd_login > li a:before{background: #aaa;}
.scroll #header .mobile_only .all_menu .bar{background-color: #333;}


/*탑버튼*/
.qk_list{position: fixed; bottom:10px; right: 15px; z-index: 100;font-size: 16px; }
.qk_list li{ margin-top: 5px;}
.qk_list li a{display: block; width: 52px; height: 52px; line-height: 52px; text-align: center;  border-radius: 20px; font-size: 1.45em;  box-shadow: 2px 2px 3px rgb(0 0 0 / 20%); overflow: hidden; margin-left: auto; background-color: #333; color: #fff; transition: .5s; border:1px solid #0000;}
.qk_list li .xi{width: 52px; line-height: 52px; text-align:center;}
.qk_list li .stx{font-style: normal; font-size: .75em; width:0; overflow: hidden; display: none; font-weight: 700;}
.qk_list li a:hover .stx{width:auto; overflow: hidden; display: block;}
.qk_list li .qk_call{background-color: #fff; color:#222; border:1px solid #333;}
.qk_list li .qk_call:hover{width:200px;}
.qk_list li .qk_kakao{background-color: #faea00; color:#111;}
.qk_list li .qk_kakao .xi{font-size:1.2em;}
.qk_list li .qk_kakao .stx{font-size:.7em; color:#111;}
.qk_list li .qk_kakao:hover{width:170px;}


/*footer*/
#footer{font-family: var(--fs_02); background-color:#050505; padding:54px 0 50px 100px; margin-top:7.5em;}
#footer .f_top{padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid rgba(204,204,204,.25);}
#footer .f_logo{display: block; filter: grayscale(1); opacity: .5;}
#footer .f_info > li{color:#999; margin-right:36px; font-size:.937em; margin-bottom: 8px; position: relative;}
#footer .f_info > li:before{content: ''; display: block; width: 1px; height: 12px; background: #999; position: absolute; top: 5px; right: -20px;}
#footer .f_menu > li:first-child a{margin-left:0px;}
#footer .f_info > li:nth-child(2):before, 
#footer .f_info > li:last-child:before{display: none;}
#footer .f_menu > li a{font-size: .937em; color: #ccc; margin-left: 30px;}
#footer .f_copy{font-size:.937em; color:#555; text-transform: uppercase; margin-top:34px;}


#footer .f_site{width:200px; position: relative; margin-left:auto;}
#footer .f_site .f_site_btn{width:100%; font-size: .937em; color:#999; padding:10px 20px; cursor: pointer; background: #262626;}
#footer .f_site .f_site_btn .xi{vertical-align: middle; margin-left:10px;}
#footer .f_site .f_site_list{width:100%; background-color: #444; padding:3px 10px; max-height: 150px; overflow-y: scroll; position: absolute; top:-160px; left: 0; display: none; z-index: 5;}
#footer .f_site .f_site_list.on{display:block;}
#footer .f_site .f_site_list > li a{ color:#bbb; padding:10px 0; border-bottom:1px dotted #888; display:block; font-size:.938em;}
#footer .f_site .f_site_list > li a:hover{ color:#eee;}
#footer .f_site .f_site_list > li:last-child a{border-bottom:none;}
#footer .f_site .f_site_list::-webkit-scrollbar{width:3px;}
#footer .f_site .f_site_list::-webkit-scrollbar-thumb{background-color: #999; border-radius: 5px;}
#footer .f_site .f_site_list::-webkit-scrollbar-track{}


/*서브 비주얼*/
.sub_v_wrap{position: relative;}
#sub_visual{height:430px; position: relative; overflow: hidden;}
#sub_visual .bgfix{position:absolute; top: 0; left:0; width:100%; height: 100%; transform: scale(1.15); transition-timing-function: ease-in-out; transition: 1s;}
#sub_visual .sub_v_tit{ font-weight: 700; text-align:center; font-size:3.625em; color:#fff; position: relative; z-index: 10; margin-right:3em; opacity:0; transition:1s;}
.load #sub_visual .bgfix{transform: scale(1);}
.load #sub_visual .sub_v_tit{margin-right:0; opacity:1}

#sub_visual.sub10 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub20 .bgfix{background-image:url(../img/sub/sub_v_02.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/sub_v_03.jpg);} 
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/sub_v_04.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/sub_v_05.jpg);}
#sub_visual.sub60 .bgfix{background-image:url(../img/sub/sub_v_06.jpg);}
#sub_visual.sub70 .bgfix{background-image:url(../img/sub/sub_v_07.jpg);}

/*snb*/
#snb { position: absolute; bottom:4em; left:50%; transform: translateX(-50%); z-index: 10; opacity: 0; transition: 1.5s; width:96%;}
#snb .snb_list .sdp1 a{display:block; width:55px; height: 55px; line-height: 55px; border-radius: 50%; text-align:center; background-color:var(--mainColor); color:#fff; font-size:1.125em;}
#snb .snb_list .sdp2,
#snb .snb_list .sdp3,
#snb .snb_list .last{position: relative; width:250px; border-bottom:1px solid rgba(255,255,255,.3);padding:15px 20px; margin-left:20px; cursor: pointer; box-sizing: border-box;}
#snb .snb_list .last{cursor: default;}
#snb .snb_list .sdp_tt{ color:#fff; font-size:1.125em; font-weight: 500; padding-right:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#snb .snb_list .sdp_tt:before{content:'\e943'; font-family: 'xeicon'; position: absolute; top: 50%; right:20px; transform: translateY(-50%); font-size:.938em;}
#snb .snb_list .last .sdp_tt:before{display:none;}
#snb .snb_list .sdp_list_wrap{ max-height: 0px; position: absolute; top: 75px; left: 0;  width: 100%;  background: #fff; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); z-index: 10; transition: .3s; transition-timing-function: ease-in-out; opacity: 0; overflow: hidden;}
#snb .snb_list .Aon .sdp_list_wrap{ max-height: 1000px; opacity: 1;}
#snb .snb_list .sdp_list{ padding: 25px; }
#snb .snb_list .sdp_list > li{margin-bottom:7px;}
#snb .snb_list .sdp_list > li:last-child{margin-bottom:0;}
#snb .snb_list .sdp_list > li a{color:#777; font-size:1.05em;}
#snb .snb_list .sdp_list > li.on a{color:var(--mainColor); font-weight: 500;}
.load #snb{ opacity: 1;}

/*컨텐츠 페이지*/
.ctt_admin{display:none;}/*관리자 내용수정 버튼*/
#ctt header{display:none;}/*컨텐츠 페이지 타이틀 header*/

/*컨텐츠 타이틀*/
.container_title{font-weight: 600; font-size: 2.125em; padding-top: 35px; margin: 55px 0; text-align: center; position: relative;}
.container_title:before{content:''; width:1px; height: 26px; visibility: hidden; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top; background: #222; position: absolute; top: 0; left: 50%;}
.load .container_title:before{transform: scaleY(1); visibility: visible;} 

/*개인정보&이용약관*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em; font-family: var(--fs_02);}
.agree_box .in_con .agree_wrap span{ display: block;}


/*=================================================================main============================================================*/

/*메인 비주얼*/
.mainSlider{position:relative;}
.mainSlider .el{ height:930px; position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.2,1.2); transition-delay:1s}
.mainSlider .slogan{ position:absolute; top:50%; left:50%; transform: translate(-50%, -60%); color:#fff;}
.mainSlider .slogan .t1{ font-size:4.125em; display:block; transform:translateY(1em); font-weight: 700; opacity:0; margin-bottom: 5px; line-height: 1.2; font-family: var(--fs_01);}
.mainSlider .slogan .t2{ font-size:1.75em; font-weight: 500; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:40px;}
.mainSlider .slogan .t3{ font-size:1.25em; font-weight: 400; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:30px;}
.mainSlider .slogan .main_more{ transform:translateY(1em); opacity:0; line-height: 1.5;}
.mainSlider .el.swiper-slide-active .bg{ transform:scale(1); transition:2s; transition-delay:0; transition-timing-function:ease-in}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
.mainSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s}
.mainSlider .el.swiper-slide-active .main_more{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s}
.mainSlider .mainSlider-pagination{ position: absolute; left:50%; bottom:3.75em; transform: translateX(-50%); z-index: 100; width: 390px;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet{font-family: var(--fs_01); width:120px; height:auto; margin: 0 10px 0 0; border-radius: 0; opacity: .4; background:transparent; color:#fff; border-bottom:2px solid #fff; padding-bottom:5px;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet-active{opacity: 1;}

 

/*메인 샘플용 css*/
.main_section{padding:7em 0;}
.main_section_bg{background-color: #f9f9f9;}
.main_tit{ margin-bottom: 50px;}
.main_tit .in_en{ font-size:1.375em; margin-bottom: 10px;}
.main_tit .in_tt{ font-size:3.4375em; font-weight: 700; color:#111; line-height: 1; font-family: var(--fs_03); text-transform: uppercase;}
.main_tit .in_tx{font-family: var(--fs_02); font-size: 1.125em; font-weight: 400; color: #444; margin-top: 25px; line-height: 1.8;}
.main_more{margin-top: 50px; display: inline-block;}
.main_more a{font-size: 1em; color: #fff; width: 175px; height: 55px; padding:15px 20px 11px 25px; background: rgba(255,255,255,.25); border: 1px solid #fff; border-radius: 60px; box-sizing: border-box;  position: relative; z-index: 1; overflow: hidden; transition: .3s;}
.main_more a .xi{font-size: 1em; color: #333; line-height: 1.6;}
.main_more a:before{content: ''; display: block; width: 40px; height: 40px; background: #fff; border-radius: 55px; position: absolute; top: 50%; right: 8px; transform: translateY(-50%); z-index: -1; transition: .3s;}
.main_more a:hover{color: #333; background: #fff;}
.main_more a:hover:before{width: 300px; height: 300px; right: -50px;}


/*main*/
.main_box{padding-left: 100px; overflow: hidden;}

/**/
.main_about{padding: 150px 0 140px; overflow: hidden;}
.main_about .about_slide_01{margin-bottom: 40px;}
.main_about .about_list .in{box-shadow: 0 0 15px rgba(0, 0, 0, .08);}
.main_about .about_list .in .img_box{}
.main_about .about_list .in .img_box .img_z{height: 230px; padding: 15px 25px; display: flex; align-items: end; justify-content: flex-end}
.main_about .about_list .swiper-slide .in .img_box .tt{font-size: .937em; color: #fff;} 
.main_about .about_list .swiper-slide .in .img_box .tt.st{color: #bbb;} 


/**/
.main_curr{padding: 100px 0 70px; position: relative;}
.main_curr .main_tit .in_tt{color: #fff;}
.main_curr .main_tit .in_tx{color: #fff;}
.main_curr .curr_slide{width: 71.43%; margin: 0 auto;} 
.main_curr .curr_slide .swiper-container{overflow: visible} 
.main_curr .curr_slide .swiper-slide{opacity: 0!important;}
.main_curr .curr_slide .swiper-slide.swiper-slide-active{opacity: 1!important;}
.main_curr .curr_slide .in{}
.main_curr .curr_slide .img_box{width: 50%; position: relative; z-index: 10;}
.main_curr .curr_slide .img_box .img_z{width: 100%; height:550px;} 
.main_curr .curr_slide .txt_box{width: 50%; padding-left: 100px;}
.main_curr .curr_slide .txt_box .tit{position: relative; height: 180px; align-content: end;}
.main_curr .curr_slide .txt_box .num{font-family: var(--fs_01); font-size: 5.625em; font-weight: 700; color: #fefefe; line-height: 1; opacity: .15; position: absolute; right: -85px; bottom: 0;}
.main_curr .curr_slide .txt_box .en{font-family: var(--fs_01); font-size: 1.25em; font-weight: 400; color: #fefefe; opacity: .45; margin-bottom: 5px;}
.main_curr .curr_slide .txt_box .ti{font-size: 2.3125em; color: #fefefe;}
.main_curr .curr_slide .txt_box .tt{font-family: var(--fs_02); font-size: 1.125em; font-weight: 300; color: #fff; line-height: 1.8; margin-top: 70px;}
.main_curr .curr_slide .txt_box .main_more{margin-top: 55px;}
.main_curr .curr_control{width: 100%; position: absolute; top: 49%; left: 50%; transform:translate(-50%,-50%);}
.main_curr .curr_control:before{content: ''; display: block; width: 100%; height: 1px; background: #fff; opacity: .3; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: -1}
.main_curr .curr_control .in-prev{position: absolute; top: -45px; left: 0; cursor: pointer;}
.main_curr .curr_control .in-next{position: absolute; top: -45px; right: 0; cursor: pointer;}
.main_curr .curr_slide .curr_pagen{text-align: center; margin-top: 60px;}
.main_curr .curr_slide .curr_pagen .swiper-pagination-bullet{width: 40px; height: 3px; border-radius: 0; background: #f4f7ed; opacity: .4; margin: 0 4px;}
.main_curr .curr_slide .curr_pagen .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}


/**/
.main_now{background: #f9f9f9; padding: 100px 0 90px;}
.main_now .now_con{}
.main_now .now_con .left_box{width: 67%; padding-right: 90px;} 
.main_now .now_con .right_box{width: 33%; padding-left: 90px; border-left: 1px dashed #ccc;}
.main_now .now_con .left_box .tit{margin-bottom: 10px;}
.main_now .now_con .left_box .tit .tt{font-size: 1.375em; font-weight: 600; color: #444;}
.main_now .now_con .left_box .tit .btn_more a{font-family: var(--fs_03); color: #666;}
.main_now .now_con .left_box .tit .btn_more a .xi{margin-left: 10px; font-size: .937em;}
.main_now .now_con .right_box .in{ margin-bottom: 40px; display: block;}
.main_now .now_con .right_box .img_box{margin-bottom: 15px;}
.main_now .now_con .right_box .img_box .img_z{height: 170px;}
.main_now .now_con .right_box .ti{font-size: 1.375em; font-weight: 600; color: #444; margin-bottom: 5px;}
.main_now .now_con .right_box .tt{font-size: .937em; font-family: var(--fs_02); color: #666;}

/**/
.main_info{padding-top: 100px;}
.main_info .info_bn{padding: 140px 0 130px; margin-bottom: 120px;}
.main_info .info_bn .tit{font-size: 2.25em; color: #fff;}
.main_info .info_bn .main_more{margin-top: 40px;}




/**/
.tab_idx{ margin:-1em 0 3em -1em;}
.tab_idx > li{flex:1 20%;}
.tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s;}
.tab_idx > li > a .va{font-size:1.068em; font-weight:500}
.tab_idx > li > a:hover,
.tab_idx > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:var(--mainColor); border-color:var(--mainColor)}

/**/
.nm_page_tt{font-size:1.5em; text-align: center; margin:80px auto 30px;}
.nm_page_tt .nmb{width:50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: var(--mainColor); display: inline-block; color:#fff; margin-right:5px;}
.page_en{font-size: 1em; font-weight: 500; font-family: var(--fs_01); color: #999; margin-bottom: 20px;}
.page_tt{font-size:1.75em; font-weight: 600; font-family: var(--fs_03);}
.page_stt{font-size:1.45em; font-weight: 600; font-family: var(--fs_03);}
.page_tx{font-size:1.125em; font-weight: 400;}
.page_stx{font-size:1em; font-weight: 400;}


/*교육원소개*/
.edu_wrap .edu_box{background: #ddd; padding: 5em 5em; color: #fff; margin-bottom: 4em;}
.edu_wrap .edu_box .page_tt{padding-bottom: 60px; border-bottom: 1px solid rgba(255,255,255,.2); margin-bottom: 40px;}
.edu_wrap .edu_box .page_stt{margin-bottom: 15px;}
.edu_wrap .edu_box .page_tx{margin-bottom: 5px;}
.edu_wrap .edu_box .page_stx{}
.edu_wrap .edu_list{margin-top: 40px;}
.edu_wrap .edu_list > li{width: 33.33%; margin-bottom: 40px;}
.edu_wrap .edu_list > li .in{height: 100%; padding: 20px 40px; border-right: 1px solid #ddd;}
.edu_wrap .edu_list > li:nth-child(3) .in,
.edu_wrap .edu_list > li:nth-child(6) .in{border-right: 0;}
.edu_wrap .edu_list > li .in .icon{margin-bottom: 30px;}
.edu_wrap .edu_list > li .in .num{display: inline-block; padding: 7px 15px 5px; background: var(--subColor); border-radius: 50px; line-height: 1; margin-bottom: 20px; font-size: .937em; color: #fff;}
.edu_wrap .edu_list > li .in .page_stt{margin-bottom: 10px;}
.edu_wrap .edu_list > li .in .page_stx{color: #666;}
.edu_wrap .edu_list > li .in .page_stx .xi{font-size: .937em; line-height: 1; margin: 0 5px;}

/*자격증*/
.cert_wrap .cert_box{border-bottom: 2px dashed #ddd; padding-bottom: 4em;  margin-bottom: 4em;}
.cert_wrap .cert_box .page_stt{margin-top: 10px; color: #666;}
.cert_wrap .cert_box .cert_cont{margin-top:60px; width: 100%;}
.cert_wrap .cert_box .cert_cont > li{}
.cert_wrap .cert_box .cert_cont > li .in{width:230px; height:230px; border:1px solid var(--mainColor); border-radius: 50%; margin:0 45px; background-color: #fff; position: relative; padding: 40px;}
.cert_wrap .cert_box .cert_cont > li:not(:last-child) .in:after{content:"\e913"; font-family: 'xeicon'; font-size: 1.5em; color: #999; position: absolute; top:45%; right: -25%;}
.cert_wrap .cert_box .cert_cont > li:nth-child(3) .in:after{content: ;}
.cert_wrap .cert_box .cert_cont > li:last-child .in{background: var(--mainColor); color: #fff;} 
.cert_wrap .cert_box .cert_cont > li .in .page_tx{font-weight: 600;}
.cert_wrap .cert_list .page_tt{margin-bottom: 10px;}
.cert_wrap .cert_list .page_tx{ color: #666;}
.cert_wrap .cert_list .list_box{margin-top: 30px; margin-right: -20px; margin-bottom: 30px;}
.cert_wrap .cert_list .list_box > li{}
.cert_wrap .cert_list .list_box > li .in{display: inline-block; background: #f9f9f9; padding: 10px 40px; border-radius: 50px; margin-right: 20px; font-size: 1em; color: #333; line-height: 1;}
.cert_wrap .cert_list .list_box > li .in .xi{color: var(--mainColor); line-height: 1; margin-right:3px;}
.cert_wrap .main_more{margin-top: 50px; display: inline-block;}
.cert_wrap .main_more a{font-size: 1em; color: #333; width: 220px; height: 55px; padding:15px 20px 11px 25px; border: 1px solid #ddd; border-radius: 60px; box-sizing: border-box;  position: relative; z-index: 1; overflow: hidden; transition: .3s;}
.cert_wrap .main_more a .xi{font-size: 1em; color: #fff; line-height: 1.6;}
.cert_wrap .main_more a:before{content: ''; display: block; width: 40px; height: 40px; background: var(--mainColor); border-radius: 55px; position: absolute; top: 50%; right: 8px; transform: translateY(-50%); z-index: -1; transition: .3s;}
.cert_wrap .main_more a:hover{color: #fff; border-color: var(--mainColor);}
.cert_wrap .main_more a:hover:before{width: 300px; height: 300px; right: -50px;}


/*커리큘럼*/
.curr_wrap{}
.curr_wrap .box1.st{padding-top: 4em; padding-bottom: 2em; border-bottom: 1px solid #eee; overflow: hidden;}
.curr_wrap .curr_box{margin-bottom: 1em;}
.curr_wrap .curr_box .curr_tit{width: 60%; padding-right: 40px;}
.curr_wrap .curr_box .curr_tit .line{padding-top:30px; margin-bottom: 30px; border-bottom: 2px dashed #ddd;}
.curr_wrap .curr_box .curr_tit .page_tt{margin-bottom: 5px;}
.curr_wrap .curr_box .curr_tit .page_stt{margin-bottom: 5px;}
.curr_wrap .curr_box .curr_tit .page_stx{color: #333;}
.curr_wrap .curr_box .curr_tit .page_tx{background: #f9f9f9; padding: 20px;}
.curr_wrap .curr_box .img_box{width: 40%; padding-left: 40px;}
.curr_wrap .curr_box .img_box .img_z{height: 300px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);}
.curr_wrap .curr_list{margin-top: 10px; margin-right: -30px;} 
.curr_wrap .curr_list > li{width: 20%; margin-bottom: 30px;}
.curr_wrap .curr_list > li .in{height: 100%; text-align: center; border: 1px solid #ddd; margin-right: 30px; padding: 20px 30px; position: relative;}
.curr_wrap .curr_list > li .in:before{content: "\e93f"; display: block; font-family: xeicon; color: #666; position: absolute; top: 50%; right: -25px; transform: translateY(-50%);}
.curr_wrap .curr_list > li:last-child .in:before{display: none;}
.curr_wrap .curr_list > li:last-child .in{background: var(--mainColor); border-color: var(--mainColor);}
.curr_wrap .curr_list > li:last-child .in .step,
.curr_wrap .curr_list > li:last-child .in .page_stx{color: #fff;}
.curr_wrap .curr_list > li .in .step{font-size: .937em; font-weight: 700; font-family: var(--fs_01); color: var(--mainColor); margin-bottom: 5px;}
.curr_wrap .curr_list > li .in .page_stx{color: #666;}
.curr_wrap .pro_box{padding: 6em 0; color: #fff; margin-top: 6em; margin-bottom: -7.5em; overflow: hidden;}
.curr_wrap .sub_tit{margin-bottom: 40px;}
.curr_wrap .sub_tit .page_tx{font-family: var(--fs_02); margin-top: 15px;}
.curr_pr{margin-top: 10px; margin-right: -15px; text-align: center; color: #666;}
.curr_pr > li{margin-bottom: 15px;}
.curr_pr > li .in{margin-right: 20px; padding: 5px 20px; background: #f9f9f9; border-radius:50px; transition: .3s;}
.curr_pr > li:hover .in{border-color: #fff;}
.curr_wrap .curr_pr > li .in .num{font-family: var(--fs_01); font-weight: 600; margin-right: 5px; opacity: .5;}

/*문의하기*/
.inq_wrap{margin-bottom: 20px; background: #f9f9f9; padding: 20px;}
.inq_wrap .page_stt{margin-bottom: 10px;} 
.inq_wrap .page_stx{color: #666;}
.inq_wrap .page_stx a{font-size: .937em; color: #fff; line-height: 1; background: var(--subColor); padding: 6px 15px; border-radius: 50px; margin-left: 10px;}
.inq_wrap .page_stx a .xi{font-size: 1em; line-height: 1; margin-left: 10px;}


/*게시판*/
#bo_cate ul li{padding: 2px 2.5px;}