@import url('jquery.mCustomScrollbar.css');

.layer1{background-color:#faf9f5}
.layer1 .dvl_ttl{margin-top:410px;color:#666}
.layer1 .inner_dvr{padding:140px 0}
.lyr1_ttl{padding-bottom:42px}
.lyr1_txt{padding-bottom:80px}
.lyr1_box{padding:154px 0 0 150px;height:420px;background:url('../img/page/qual/01/lyr1_box.jpg')no-repeat center;background-size:cover;box-sizing:border-box}
.fran_ul{padding-top:100px}
.fran_ul li{overflow:hidden;margin-bottom:66px}
.fran_ul li:last-child{margin-bottom:0}
.fran_ul .li_ttl{float:left;position:relative;width:206px;font-family:'NanumMyeongjoExtraBold';font-size:22px;letter-spacing:-0.025em;color:#222}
.fran_ul .li_ttl:before{content:'';position:absolute;right:-85px;top:50%;width:85px;height:1px;background-color:rgba(0,0,0,0.2)}
.fran_ul .li_txt_area{float:left;padding-left:125px}
.fran_ul .li_sttl{padding-top:3px;padding-bottom:12px;font-family:'NotoSansKR-Bold';font-size:17px;color:#222}
.fran_ul li:nth-child(2) .li_txt{padding-bottom:18px}
.fran_ul li:nth-child(2) .li_txt:last-child{padding-bottom:0}

.layer2{margin-top:-400px;padding:500px 0 205px;background-color:#eae7e2}
.layer2 .dvl_ttl{margin-top:60px;color:#666}
.layer2 .title{padding-top:66px}
.layer2 .text{padding:28px 0 80px}
.lyr2_paging li{position:relative;margin-bottom:22px}
.lyr2_paging li:last-child{margin-bottom:0}
.lyr2_paging li:before{opacity:0;content:'';position:absolute;left:470px;top:50%;width:220px;height:1px;background-color:#8a0822;z-index:1}
.lyr2_paging li.swiper-pagination-bullet-active:before, .lyr2_paging li.on:before{opacity:1}
.lyr2_paging li a{font-family:'NanumMyeongjo-Bold';font-size:22px;letter-spacing:-0.025em;color:#666}
.lyr2_paging li.swiper-pagination-bullet-active a, .lyr2_paging li.on a, .lyr2_paging li a:hover{font-family:'NanumMyeongjoExtraBold';color:#8a0822}
.lyr2_slide{left:630px;top:0;width:1000px}
.lyr2_slide .swiper-slide{width:1000px}

.edu{padding-bottom:300px;background-color:#eae7e2}
.edu .title{padding-bottom:55px}
.edu_top{position:absolute;right:0;top:0}
.edu_top .slct_box{float:left;width:215px;height:50px}
.edu_top .slct_box select{width:100%;height:100%;padding:0 50px 0 20px;border:1px solid #cdcccc;background-color:transparent;border-radius:0;box-sizing:border-box;font-family:'NotoSansKR-Medium';font-size:16px;color:#666;
-webkit-appearance: none;/* 화살표 없애기 for chrome*/
-moz-appearance: none;    /* 화살표 없애기 for firefox*/
appearance: none;         /* 화살표 없애기 공통*/
background-image: url('../img/page/qual/01/slct_arr.png'); /* 화살표 아이콘 추가 */
background-repeat: no-repeat;
background-position: 95% 50%;
}
.edu_top .slct_box select::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}
.edu-cate-tab{}
.edu-cate-tab li{width:160px;}
.edu-cate-tab a{display:block;line-height:50px;border:1px solid #bfbfbf;border-right:0;box-sizing:border-box;font-family:'NanumMyeongjoExtraBold';font-size:16px;letter-spacing:-0.025em;color:#aaa;text-align:center;font-family:'NotoSansKR-Medium';}
.edu-cate-tab li:last-child a{border-right:1px solid #bfbfbf}
.edu-cate-tab a:hover, .edu-cate-tab li.on a{background:#720218;border-color:#720218;color:#fff}
/*
.edu_top .srch_box{float:left;margin-left:-1px;width:310px;height:50px}
.edu_top .srch_box input{width:100%;height:100%;padding:0 50px 0 20px;background:none;border:1px solid #cdcccc;box-sizing:border-box;font-family:'NotoSansKR-Medium';font-size:16px;color:#666}
.edu_top .srch_box input:-ms-input-placeholder{color:#666}
.edu_top .srch_box input::-webkit-input-placeholder{color:#666}
.edu_top .srch_box input::-moz-placeholder{color:#666}
.edu_top .srch_box button{position:absolute;right:0;top:0;width:50px;height:50px;background:url('../img/page/qual/01/srch_ico.png') no-repeat center}
*/
.edu_top_list li{width:356px;margin-bottom:50px;margin-right: 46px;}
.edu_top_list li:nth-child(3n){margin-right:0;}
.edu_top_list li .img_area{position:relative;height:327px;background-repeat:no-repeat;background-size:cover;background-position:center;box-sizing:border-box}
.edu_top_list li .img_area:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;/*background:url('../img/page/qual/01/edu_ovl.png')*/}
.edu_top_list li a:hover .img_area:before{opacity:0}
.edu_top_list .edu_ttl{padding:30px 20px 0;font-family:'NanumMyeongjoExtraBold';font-size:22px;letter-spacing:-0.025em;color:#222;box-sizing:border-box}

/* edu_top_pop */
.edu_top_pop{overflow:hidden;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000}
.edu_top_pop > div{float:left;width:50%;height:100%}
.edu_top_vis{background-color:#720218}
.edu_top_vis .img_area{height:100%}
.edu_top_vis .text_area{left:8%;top:8%;width:84%}
.edu_top_vis .artb_sb{font-family:'NanumMyeongjoExtraBold';font-size:40px;letter-spacing:-0.025em;line-height:125%;color:#fff}
.edu_top_vis .video_area{position:relative;padding-top:55.9524%;margin-top:10%}
.edu_top_vis .video_area img, .edu_top_vis .video_area iframe{position:absolute;left:0;top:0}
.edu_top_text{background-color:rgba(255,255,255,0.95);padding:7% 5% 0 7%;box-sizing:border-box}
.edu_text_wrap{overflow:auto;-ms-overflow-style:none;width:100%;height:100%}
.edu_text_wrap p{font-size:16px;letter-spacing:-0.025em;line-height:175%}
.edu_text_wrap::-webkit-scrollbar{display:none}
.edu_text_wrap .text_img > div{position:relative;float:left;width:50%}
.edu_text_wrap .text_img > div > div{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.edu_txt_title{padding-bottom:50px;font-family:'NotoSansKR-Bold';font-size:18px;letter-spacing:-0.025em;color:#000}
.edu_txt_text{padding-bottom:70px}
.edu_pop_close{right:0;top:0}
.edu .paging{padding-top:0}

.layer4{background-color:#faf9f5}
.layer4 .dvl_ttl{margin-top:145px;color:#666}
.layer4 .inner_dvr{margin-top:-150px;height:800px;box-sizing:border-box}
.layer4 .inner_wrap{z-index:7}
.layer4 .title{padding-top:237px;padding-bottom:38px;color:#fff}
.layer4 .text{color:#c1a4a8}
.layer4 .img_area{position:absolute;left:810px;top:150px}

.view_container{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%}
.view_sections{float:left;position:relative;width:50%;height:100%;padding:7.3% 5% 0;box-sizing:border-box}
.view_section1{background-color:rgba(114,2,24,1);background-repeat:no-repeat;background-position:center;background-size:cover}
.view_section2{padding-right:0;background-color:rgba(255,255,255,0.95)}
.pv-scroller{overflow:hidden;position:relative;height:100%}
.inner_scroller{margin-right:100px}
.view_heading1{font-size:45px;font-family:'NotoSansKR-Bold';letter-spacing:-0.05em;color:#fff}
.view_heading1 em{font-family:'NotoSansKR-Medium'}
.iframe_wrap{position:relative;margin-top:90px;padding-top:56.25%;background-size:cover;background-position:center;}
.iframe_wrap iframe{position:absolute;left:0;top:0;width:100%;height:100%}
.view_heading2{margin-top:10px;font-size:25px;color:#000;font-family:'NotoSansKR-Bold'}
.view_contents{margin-top:26px;padding-bottom:60px;font-family:'NotoSansKR-DemiLight';line-height:1.7647;color:#000}
.view_contents img{display:block;max-width:100%;height:auto !important;margin:0 auto 20px}
.view_contents p{line-height:inherit}
.view_close{position:absolute;right:0;top:0}