@charset "UTF-8";
/* body{min-width:1540px;} */
.m_wrap{display:none;}
.pc_wrap{min-width:1200px;}
.pc_wrap .intro{  position:absolute;  z-index:100;  width:100%;  color:#fff;}
/* 헤더 시작 */
.pc_wrap .header{  width:1480px;  margin-right:auto;  margin-left:auto;  position:relative;}
.pc_wrap .header .slogon{  padding-top:100px;  padding-bottom:100px;  text-align:center;}
.pc_wrap .header .slogon__tit{  font-size:34px;}.header .slogon__tit-yellow{  color:#f8ac49;}
.pc_wrap .header .slogon__txt{  margin-top:10px;}.header__logo{  position:absolute;  top:25px;  left:0;}
/* 헤더 끝 */
/* 메인 시작 */
.pc_wrap .main__wrap{  width:1480px;  margin-right:auto;  margin-left:auto;}
.pc_wrap .main .card{  position:relative;  float:left;  margin-left:10px;  text-align:center;  -webkit-transition:background 0.5s;  transition:background 0.5s;}
.pc_wrap .main .card:hover{  background-color:rgba(0, 0, 0, 0.3);}.main .card:hover .card__tit{  color:#f8ac49;}
.pc_wrap .main .card:hover .card__btn .first{  border-color:#f8ac49;  background-color:#f8ac49;  color:#000;}
.pc_wrap .main .card:hover .card__btn a{  border-color:#f8ac49;  color:#f8ac49;}
.pc_wrap .main .card:hover .line-top{  width:100%;  height:1px;  -webkit-transition:width 0.5s;  transition:width 0.5s;}
.pc_wrap .main .card:hover .line-right{  width:1px;  height:100%;  -webkit-transition:height 0.5s;  transition:height 0.5s;}
.pc_wrap .main .card:hover .line-bottom{  width:100%;  height:1px;  -webkit-transition:width 0.5s;  transition:width 0.5s;}
.pc_wrap .main .card:hover .line-left{  width:1px;  height:100%;  -webkit-transition:height 0.5s;  transition:height 0.5s;}
.pc_wrap .main .card__wrap{  width:238px;  height:580px;  padding-top:50px;  padding-bottom:50px;  border:1px solid #f8ac49;}
.pc_wrap .main .card__wrap .card__btn:hover .first{  background-color:transparent;  color:#f8ac49;}
.pc_wrap .main .card__wrap .card__btn li:hover a{  border-color:#f8ac49;  background-color:#f8ac49;  color:#000;  -webkit-transition:background 0.5s;  transition:background 0.5s;}
.pc_wrap .main .card__wrap .card__btn li:first-child:hover a{  border-color:#f8ac49;  background-color:#f8ac49;  color:#000;  -webkit-transition:background 0.5s;  transition:background 0.5s;}
.pc_wrap .main .card:first-child{  margin-left:0;}.main .card__tit{  margin-top:12px;  margin-bottom:22px;  font-size:28px;  line-height:40px;}
.pc_wrap .main .card__tit small{  font-size:24px;}.main .card__btn{  margin-left:30px;  margin-right:30px;}
.pc_wrap .main .card__btn a{  display:block;  margin-top:8px;  border:1px solid #fff;  font-size:17px;  line-height:45px;  color:#fff;  -webkit-transition:background 0.5s, border-color 0.5s;  transition:background 0.5s, border-color 0.5s;}
.pc_wrap .main .card .line{  position:absolute;  background-color:#000;  width:0;  height:0;  -webkit-transition:0.5s;  transition:0.5s;}
.pc_wrap .main .card .line-top{  top:0;  left:0;}
.pc_wrap .main .card .line-right{  top:0;  right:0;}
.pc_wrap .main .card .line-bottom{  right:0;  bottom:0;}
.pc_wrap .main .card .line-left{  bottom:0;  left:0;}
.pc_wrap .double .card__wrap{width:476px;}
.pc_wrap .double .card__btn li{width:calc(50% - 10px); float:left;}
.pc_wrap .double .card__btn li:nth-child(2n){float:right;}
/* 메인 끝 */
.pc_wrap .visual{  position:relative;  overflow:hidden;  margin:auto;}
.pc_wrap .visual__bg{position:absolute;z-index:5;width:100%;height:100%;background:url(https://file.primeedunet.com/Images/fo_Images/bg_visual.png) no-repeat 50%;background-size:cover;text-align:center;}
.pc_wrap .visual__slider__list img{  width:100%;  min-width:2000px;  margin:auto;  -webkit-transition:all 1s cubic-bezier(0.7, 0, 0.3, 1);  transition:all 1s cubic-bezier(0.7, 0, 0.3, 1);  -webkit-transform:scale(1.2);  transform:scale(1.2);}
.pc_wrap .visual__slider__list.slick-active img{  -webkit-transform:scale(1);  transform:scale(1);}
/* 푸터 시작 */
.pc_wrap .foot{  width:1480px;  margin-right:auto;  margin-left:auto;  padding-top:40px;  padding-bottom:40px;  font-size:12px;  line-height:20px;  text-align:center;  color:#999;}
.pc_wrap .foot .fnb li{  font-weight:700;}
.pc_wrap .foot .fnb li{  display:inline-block;  position:relative;  margin-right:-4px;  margin-left:15px;  padding-left:15px;}
.pc_wrap .foot .fnb li:not(:first-child)::before{  display:inline-block;  position:absolute;  top:50%;  left:0;  width:1px;  height:60%;  background-color:#e1e1e1;  -webkit-transform:translateY(-45%);  transform:translateY(-45%);  content:'';}
.pc_wrap .foot .fnb li:first-child{  margin-left:0;  padding-left:0;}
.pc_wrap .foot .fnb-blue{  color:#3872c1;}.foot__info{  margin-top:15px;}
.pc_wrap .foot__info .address span{  display:inline-block;  position:relative;  margin-right:-4px;  margin-left:10px;  padding-left:10px;}
.pc_wrap .foot__info .address span:not(:first-child)::before{  display:inline-block;  position:absolute;  top:50%;  left:0;  width:1px;  height:60%;  background-color:#e1e1e1;  -webkit-transform:translateY(-45%);  transform:translateY(-45%);  content:'';}
.pc_wrap .foot__info .address span:first-child{  margin-left:0;  padding-left:0;}
/* 푸터 끝 */



/* 모바일 시작 */
@media only screen and (max-width: 1200px) {
    .pc_wrap{display: none;}
    .m_wrap{display: block;}
    .m_wrap #wrap {
        width: 100%;
        height: 100%;
        position: relative;
    }
    
    .m_wrap #container {
        background: url("/asset/index/img/mobile/bg_img-8eb039d82021423606e0b2889a854268.jpg") no-repeat 50% 50%;
        background-position: center;
        background-size: cover;
        min-height: 100vh;
    }
    
    .m_wrap #container .header {
        display: inline-block;
        vertical-align: middle;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 45px;
        z-index: 999;
    }
    
    .m_wrap #container .header .logo {
        float: left;
        margin: 15px 0 0 15px;
    }
    
    .m_wrap #container .header .logo img {
        width: 170px;
    }
    
    .m_wrap #container .header .mypage {
        float: right;
        margin: 10px 15px 0 0
    }
    
    .m_wrap #container .header .mypage img {
        width: 30px;
    }
    
    .m_wrap #container .menu {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        left: 0;
        top: 45px;
        width: 100%;
    }
    
    .m_wrap #container .menu ul {
        display: block;
        width: auto;
        margin: 8px;
    }
    
    .m_wrap #container .menu ul li {
        display: inline-block;
        float: left;
        width: 50%;
    }
    
    .m_wrap #container .menu ul li a {
        display: block;
        height: 24px;
        margin: 5px;
        padding: 10px;
        border-radius: 5px;
        border: #fff 1px solid;
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        line-height: 24px;
        text-align: center;
        box-sizing: content-box;
    }
    
    .m_wrap #container .menu ul li a:hover {
        background-color: #FFCC00;
        border: #FFCC00 1px solid;
        color: #333;
        font-weight: bold;
    }
    
    .m_wrap #container .menu ul li a span {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        background: none;
        outline: none;
    }
    
    .m_wrap #container .footer {
        display: inline-block;
        vertical-align: middle;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 100;
        background-color: rgba(0, 0, 0, 0.05);
    }
    
    .m_wrap #container .footer p.adress {
        text-align: center;
        color: #fff;
        letter-spacing: -0.5px;
        line-height: 20px;
        margin: 1em 0;
    }
    
    .m_wrap #container .footer p.adress a {
        color: #fff;
        font-size: 20px;
        font-weight: bold;
    }
    
}

/* 모바일 가로 */
@media only screen and (min-width: 321px) {
}

/* 모바일 세로 */
@media only screen and (max-width: 320px) {
}

/* 아이패드 가로/세로 */
@media only screen and (min-device-width: 768px) and (max-device-width:1024px) {
}

/* 아이패드 가로 */
@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:landscape) {
}

/* 아이패드 세로 */
@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
}

/*1.5배 가로형 안드로이드*/
@media only all and (orientation: landscape) and (-webkit-min-device-pixel-ratio:1.5) {
    .index_mu {
        padding-bottom:10.417em;
    }

    .wrap .box01 .btn_tab01 li,.wrap .box01 .btn_tab02 li {
        width: 12em;
        height: 12.667em;
    }
}

/*1.5배 세로형 안드로이드*/
@media only all and (orientation: portrait) and (-webkit-min-device-pixel-ratio:1.5) {
    .bg_body {
        background:url("/asset/index/img/mobile/bg-b959024d6469f4637acfa6b52b6acc34.gif") no-repeat 50% 50%;
        background-size: cover;
    }
}

/*2배 아이폰 고해상도 가로형*/
@media only all and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:landscape) and (-webkit-device-pixel-ratio:2) {
}

/*2배 아이폰 고해상도 세로형*/
@media only all and (max-device-width: 320px) and (orientation:portrait) and (-webkit-device-pixel-ratio:2) {
    .bg_body {
        background:url("/asset/index/img/mobile/bg_index_height-a26338bdb7fa67d908e5bb265ca34c54.png") no-repeat 50% 50%;
        background-size: cover;
    }
}

/*3배 아이폰6+ 대응 가로형*/
@media only all and (orientation: landscape) and (-webkit-device-pixel-ratio:3) {
    .wrap .box01 .btn_tab01 li,.wrap .box01 .btn_tab02 li {
        width:12em;
        height: 12.667em;
    }
}

/*3배 아이폰6+ 대응 세로형*/
@media only all and (orientation: portrait) and (-webkit-device-pixel-ratio:3) {
    .bg_body {
        background:url("/asset/index/img/mobile/bg-b959024d6469f4637acfa6b52b6acc34.gif") no-repeat 50% 50%;
        background-size: cover;
    }
}
/* 모바일 끝 */