@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

@font-face {font-family: 'Bookk Myungjo';font-weight: 200;font-style: normal;font-display: swap;src: url('https://cdn.jsdelivr.net/gh/fonts-archive/BookkMyungjo/BookkMyungjo-Light.woff2') format('woff2'),url('https://cdn.jsdelivr.net/gh/fonts-archive/BookkMyungjo/BookkMyungjo-Light.woff') format('woff'),url('https://cdn.jsdelivr.net/gh/fonts-archive/BookkMyungjo/BookkMyungjo-Light.ttf') format('truetype');}

@font-face {
    font-family: 'SchoolSafetyFoundation';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimBareonbatangR.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'SchoolSafetyFoundation';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimBareonbatangB.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}


body {
  font-family: 'Pretendard', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* header */
.h2Position{position: absolute;left:-9999px;width:1px;height:1px;line-height: 0;font-size:1px;overflow:hidden;}
.background_class{background-repeat: no-repeat;background-size: auto 100%;background-position: center center;}
.clear0:after{content:"";display:block;clear:both;}

#contents{margin-top:100px;}
.header{width: 100%;position: fixed;z-index: 99999;background-color: #fff;}
.header .header_top{width:100%;height:100px;margin:0 auto;text-align: center;position: relative;background:#fff;}
.header .header_top .logo{position:absolute;left:0;top:50%;transform: translateY(-50%);}
.header .header_top .gnb{display: inline-block;width:70%;overflow: visible !important;margin-left:50px;}
.header .header_top .gnb .dep1_con{width:12%;box-sizing: border-box;float: left;position: relative;z-index: 1000;min-width: 140px;max-width: 250px;margin: 0;padding:0;list-style: none;}

.header .header_top .gnb .dep1_con > a {box-sizing: border-box;display: table;position: relative;width: 100%;height: 100px;}
.header .header_top .gnb .dep1_con > a > span {display: table-cell;width: 140px;vertical-align: middle;text-align: center;}
.header .header_top .gnb .dep1_con > a > span:hover{color:#0f6052;transition:.3s}
.header .header_top .gnb .dep1_con > a > span:before {content: '';position: absolute;bottom: 0;right: 100%;left: 0;height: 3px;background: #0f6052;transition: right .3s ease-in-out;}
.header .header_top .gnb .dep1_con:hover > a > span:before {right: 0;}
.header .header_top .h_inner{height:inherit;max-width:1650px;position:relative;margin: 0 auto;}
.header {background:transparent;transition: background-color 0.3s ease;}
.header .gnb .dep1_con a {color:#000}
.header .header .header_top .btn_area .user p a {color:#000 !important;}

.header .gnb_bg{position: absolute;left: 0;top: 100px; /* header 높이 */width: 100%;height:290px; /* dep2_wrap 높이랑 맞추기 */background: #f5f5f5;display: none;z-index: 10;}
.header .header_top .gnb .dep2_wrap{position: absolute;z-index: 20;}/* dep2_wrap은 위로 올려줘야 함 */



.ic{background:#FFC000;padding:3px;font-size:16px;border-radius:50px;font-weight:bold;position:absolute;left:-20px;top:-10px;}
.pr{position:relative;}


/* 
.header .header_top .h_inner:hover .gnb .dep1_con a {color:#000;}
.header .header_top .h_inner:hover .btn_area .user p a{color:#000;}
.header .gnb_area .left:hover .gnb .dep1_con a {color:#000;}
.header .gnb_area .left:hover .btn_area .user p a{color:#000;}
 */


.header .header_top .gnb .dep2_wrap{height:0;position: absolute;text-align: left;font-weight: normal;line-height: normal;letter-spacing: -0.64px;color: #555;z-index: 999;height:300px;text-align:center;width:100%;}
.header .header_top .gnb .dep2_con{margin:10px 0;}
.header .header_top .gnb .dep2_con a{display: inline-block;padding-right:0;position:relative;}
.header .header_top .gnb .dep2_con a:after{content:"";display:none; width: 5px;height: 10px;background: no-repeat url("/img/cate_icon.png") center center / 100% 100%; ;position:absolute;right:0;top:50%;transform: translatey(-50%);}
.header .header_top .gnb .dep2_con:hover a{color:#0f6052}
.header .header_top .gnb .dep2_con:hover a:after{display: block;}
.header .header_top .btn_area{position:absolute;right:0;top:50%;transform: translateY(-50%);}
.header .header_top .btn_area p{display: inline-block;}
.header .header_top .btn_area p.line{padding:0 10px;}
.header .header_top .btn_area .user{float:left;line-height: 43px;}
.header .header_top .user_m{display: none;}

.mo_btn{float:left;margin-left:20px;display:none;}
.slide-open{position:relative;top:0;width:40px;height:40px;cursor:pointer;text-align:center;}
.burgur{left: 15px;top: 23px;position: absolute;width: 20px;height: 2px;background: #FFF;}
.burgur .top-line{width: 20px;height: 2px;background: #FFF; bottom: -5px;content: '';position: absolute;left: 0;-webkit-transition:  -webkit-transform .3s;transition: transform .3s;}
.burgur .bot-line {width: 20px;height: 2px;background: #FFF;top: -5px;content: '';position: absolute;left: 0;-webkit-transition:  -webkit-transform .3s;transition: transform .3s;}
.burgur.on { width: 0;}
.burgur.on .bot-line {-webkit-transform: translateY(5px) rotate(135deg);  transform: translateY(5px) rotate(135deg);}
.burgur.on .top-line{-webkit-transform: translateY(-5px) rotate(-135deg); transform: translateY(-5px) rotate(-135deg);}

.header .gnb_area{width: 100%;}
.header .gnb_area li{height:100%;height:420px;display: none;}
.header .gnb_area .left{width:35%;height:100%;float: left;background-color: #f5f5f5;position:relative;}
.header .gnb_area .left .box{position:absolute;top:20%;left:45%;}
.header .gnb_area .left .text h2{ font-weight: 500;line-height: normal;letter-spacing: -1.12px;color: #222;}
.header .gnb_area .left .text p{font-weight: 300; line-height: normal;letter-spacing: -0.72px;color: #555;padding-top:13px;}
.header .gnb_area .right{width:65%;height:100%;float: left;position:relative;background-color: #f5f5f5;}
.header .gnb_area .right .img{position: absolute;right:20%;top:20%;}

.cate_wrap{width:100%; background-color: #fff3ef;position: fixed;z-index: 999999;display: none;}
.cate_wrap .cate_area{width:100%;height:100%;position:relative;}
.cate_wrap .cate_inner{width:80%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.cate_wrap .cate_logo{text-align: center;}
.cate_wrap .cate_list{width: 100%;padding-top:60px;}
.cate_wrap .cate_list ul{display: flex;}
.cate_wrap .cate_list li{width: 25%;float: left;padding:40px 0;border-left: 1px solid rgb(236, 218, 218);text-align: center;}
.cate_wrap .cate_list li:last-child{border-right: 1px solid rgb(236, 218, 218);}
.cate_wrap .cate_list li .box{display: inline-block;text-align: left;}
.cate_wrap .cate_list li .tit{font-weight: 500;line-height: normal;letter-spacing: -1.12px;color: #222;}
.cate_wrap .cate_list li .list{font-weight: normal;line-height: normal;letter-spacing: -0.64px;color: #555;padding-top:20px;}
.cate_wrap .cate_list li .list p{padding: 10px 0;}
.cate_wrap .cate_list li .list p a{position:relative;display:inline-block;padding-right: 20px;;}
.cate_wrap .cate_list li .list p a:after{content:"";display:none; width: 5px;height: 10px;background: no-repeat url("/img/cate_icon.png") center center / 100% 100%; ;position:absolute;right:0;top:50%;transform: translateY(-50%);}
.cate_wrap .cate_list li .list p:hover a{text-decoration: underline; text-underline-position: under;}
.cate_wrap .cate_list li .list p:hover a:after{display:block}
.cate_wrap .close{position:relative;width:50px;height:50px;text-align:center;position: absolute;right:0;top:0;background-color: #fff;cursor: pointer;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);transition: all .2s linear;}
.cate_wrap .close2:after {content: "\00d7"; font-size:25pt;line-height:45px;}
.cate_wrap .close:hover{background-color: #543b35;color: #fff;}

.quick{width: 100px;position: fixed;right:1%;top:50%;transform: translatey(-46%);z-index: 999;}
.quick li{height:100px; border: solid 0.5px #bcbcbc; background-color: #fff;position:relative;}
.quick li a{display: block;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.quick li .icon{transition: all .1s linear;text-align: center;padding-top:4px;}
.quick li .text{ font-weight: 500;line-height: 1.89; letter-spacing: -0.72px; text-align: center;color: #3b3b3d;padding-top:4px;}
.quick li .icon img {width: 76%;}
.quick li:hover .icon{transform: translate(0,5px);}

.footer{width: 100%; background-color: #3d3d3d;text-align: center;padding-bottom:115px;}
.footer .f_inner{width: 1000px;display: inline-block;padding:80px 0;}
.footer .f_logo{float:left;}
.footer .f_desc{float:left;padding-left:5%;}
.footer .f_desc .f_cate{text-align: left;padding-top:20px;}
.footer .f_desc .f_cate li{display: inline-block; font-weight: 300;line-height: normal;letter-spacing: -0.56px; color: #d8d8d8;padding: 10px 22px;background-color: #545454;}
.footer .f_desc .address{font-weight: 300; line-height: 1.73;letter-spacing: -0.6px;color: #808080;padding-top:50px;text-align: left;}
.footer .f_desc .address span{padding:0 10px;}
.footer .copy{ font-weight: 300;line-height: 1.86; letter-spacing: 1.4px;text-align: center;  color: #808080;padding:20px 0;border-top:1px solid #707070;}

.st09{width:100%;padding:100px 0;}
.st09 .inner{width:1240px; margin:0 auto;}
.st09 h2{font-weight: 500;line-height: normal;letter-spacing: -1.2px; text-align: center;color: #3d3d3d;}
.st09 .cont{padding-top:60px;}
.st09 .cont li .img_desc p{display: inline-block;}
.st09 .cont li .text_desc strong{ font-weight: bold;line-height: 3; letter-spacing: -0.6px;color: #3d3d3d;}
.st09 .cont li .text_desc p{ font-weight: 300; line-height: 1.5;letter-spacing: -0.4px; color: #3d3d3d;}
.st09 .slick-prev,.st09 .slick-next{display: none !important;}
.st09 .slick-dots{width: 100%;height:8px;border-radius: 4px; background-color: #e9e9e9;overflow: hidden;margin-top:30px;}
.st09 .slick-dots li{width: 25%;height:8px;display: inline-block;}
.st09 .slick-dots li.slick-active{border-radius: 4px; background-color: #c2634d;}
.st09 button{font-size:0}
.st09_m{display: none;}

@media all and (max-width:1240px){

	.header .header_top{width:100%;height:80px;margin:0 auto;text-align: center;position: relative;overflow: hidden;}
	.header .gnb_area{width: 100%;}
	.header .header_top .logo{transform: translate(0,0);text-align: left;top:10px;left:20px;}
	.header .header_top .logo img{width: 70%;}
	.header .header_top .btn_area{position:absolute;right:20px;top:10px;transform: translateY(0);}
	.header .header_top .btn_area p{display: inline-block;}
	.header .header_top .btn_area p.line{padding:0 10px;}
	.header .header_top .btn_area .user{display: none;}
	.header .header_top .user_m{display: block;}
	.header .header_top .user_m p{float:left;height:40px;line-height:40px;color:#fff;}
	.header .header_top .gnb{width:100%;margin-top:90px;overflow-y: scroll !important;padding-bottom:100px;}
	.header .header_top .gnb .dep1_con{width:100%;float:none;padding:10px 0;}


	.header .header_top .gnb .dep1_con .dep1{line-height: 2;}
	.header .header_top .gnb .dep2_wrap{height:auto;position: static;display: block ;padding: 20px 0;;border-top:1px solid #eee;}
	.header .header_top .gnb .dep2_con{display: block !important;text-align: center;}
	.header .header_top .gnb .dep2_con:after{content:"";display:none; width: 5px;height: 10px;background: no-repeat url("/img/cate_icon.png") center center / 100% 100%; ;position:absolute;right:0;}

	.st09_m{display: block;}
	.st09_pc{display: none;}
	.st09 .inner{width:90%; margin:0 auto;}
	.st09 .cont li{text-align: center;}

	.quick{width: 100%;position: fixed;right:auto;left:0;top:auto;transform: translatey(0);bottom:0;z-index: 999;}
	.quick li{width:20%;float:left;height:auto; border: solid 0.5px #bcbcbc; background-color: #fff;position:relative;padding:11px 0 6px;}
	.quick li a{display: block;position:static;left:50%;top:50%;transform: translate(0,0);}
	.quick li .icon{width:100%;height:42px;position:relative;}
	.quick li .icon img {width: 60%; max-width: 50px;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
	.quick li .text{ font-weight: 500;line-height: 1.89; letter-spacing: -0.72px; text-align: center;color: #3b3b3d;padding-top:5px; font-size: 12px;}
	.quick li:hover .icon{transform: translate(0,5px);}
}


@media all and (max-width:1000px){
	.footer .f_inner{width: 90%;display: inline-block;padding:40px 0;}
	.footer .f_logo{float:none;}
	.footer .f_desc{float:none;padding-left:0;}
	.footer .f_desc .f_cate{text-align: center;padding-top:20px;}
	.footer .f_desc .f_cate li{display: inline-block; font-weight: 300;line-height: normal;letter-spacing: -0.56px; color: #d8d8d8;padding: 10px 5px;background-color: #545454;}
	.footer .f_desc .address{text-align: center;}
}

@media(max-width:690px){
	.header .header_top .gnb{background:#fff;}
	.header .gnb_bg{background:#fff;height:100%;display:none;}
	.header .header_top .gnb .dep1_con{max-width:100%;background:#fff;}
	.header .header_top .gnb .dep1_con > a{height:50px;padding: 0 35px 0 15px;font-size: 18px;color: #000;line-height: 50px;letter-spacing: -.03em;}
	.header .header_top .gnb .dep1_con > a > span{text-align:left;}
	.header .header_top .gnb .dep2_con{max-width:100%;background:#fff;display:none;text-align:left;padding-left:20px;}
	.header .header_top .gnb .dep2_wrap{height:auto;position: static;display: none ;}
	.header .header_top .gnb .dep2_con a{padding-right:0;}


	.header .header_top .gnb .dep1_con > a > span {width: 100%;}
	.header .header_top .gnb .dep1_con > a > span:hover{color:#000;transition:0;}
	.header .header_top .gnb .dep1_con > a > span:before{background:none;transition:0;}
	.header .header_top{height:55px;}
	.mo_btn{display:block;}
	.burgur{background: #000;top: 18px;}
	.burgur .top-line{background-color: #000;}
	.burgur .bot-line {background-color: #000;}
	.burgur.on .top-line{background-color: #000;}
	.burgur.on .bot-line {background-color: #000;}
	.ic{font-size: 12px;padding:1px 4px;}
	.header .gnb_bg{top: 130px; }

	.header .header_top .gnb .dep1_con > a:before {content:'';position:absolute;top:50%;right:15px;width:20px;height:2px;background:#0f6052;transform:translateY(-50%);}
	.header .header_top .gnb .dep1_con > a:after {content:'';position:absolute;top:50%;right:24px;width:2px;height:20px;background:#0f6052;transform:translateY(-50%);transition:height .2s ease-in-out;}

	.header .header_top .gnb .dep1_con.open > a:after{height:0;}
	.header .header_top .gnb .dep2_wrap{display:none;}
	.header .header_top .gnb .dep2_con{display:none;}


}

@media all and (max-width:430px){

	.header .header_top{height:55px;}
	.mo_btn{display:block;}
}



@media(max-width:390px){
	
}



@media(max-width:375px){

}