/*공통*/
.no_drag{-ms-user-select:none; moz-user-selct:-moz-none;-weckit-user:none;-khtml-user-selct:non;user-select:none;}
.clearfix::after{content:""; display:block; clear:both;}
.margin{margin: 0 auto;}
.shadow{box-shadow: 0px 0px 5px #f2f2f2;}
.transition{-ms-transition-duration:0.5s;
            -moz-transition-duration:0.5s;
            -o-transition-duration:0.5s;
            -webkit-transition-duration:0.5s;
            transition-duration:0.5s;}
.clearfix::after{content:""; display:block; clear:both;}
.left{float: left;}/*좌로 정렬*/
.cont_width{max-width: 1200px;}/*공통 넓이*/
.cont_padding{padding: 56px 0px;}/*공통 위아래 뚱뚱*/
/*공통 콘텐츠 제목*/
.cont_title{font-size: 40px;
            line-height: 45px;}
/*공통 콘텐츠 부제목*/
.cont_subtitle{font-size: 20px;
              line-height: 35px;
              color: #ed1e24;
              font-weight: 400;}
/*공통 콘텐츠 설명*/
.cont_info{font-size: 17px;
          font-weight: 400;
            line-height: 20px;
            color: #3d3d3d;}
/*공통 콘텐츠 링크*/
.cont_link{display: block;
          width: 180px;
          height: 50px;
          border-radius: 50px;
          line-height: 50px;
          text-align: center;
          margin:56px auto 0px auto; }

/*이미지 중앙정렬*/
.quick_menu li{display: flex;
              justify-content: center;
              align-items: center;}

.ctn_wrap{width: 100%;
          height: auto;}

/*인포 바*/
.info_bar{height: 56px;}

.info_bar li{width: 25%;
              text-align: center;
              line-height: 56px;
              font-size: 8px;
              font-family: 'NEXON Lv1 Gothic OTF Light';}

/*퀵메뉴*/
.quick_menu li{width: 211.5px;
              text-align: center;
              padding: 15px 0px;}
.quick_menu li img{height: 50px;}
.quick_menu h3{font-weight: 400;
                line-height: 35px;}
.quick_menu li:hover{padding-top: 10px;}



/*차별화 된 커리큘럼*/
.curri {text-align: center;}
.curri .cont_subtitle{font-weight: 300;}
.curri .cont{width: 33%;
            height: 410px;
            margin-top: 56px;
            margin-left: 0.5%;
            border-radius: 25px;
            text-align: left;}
.curri .cont:nth-child(1){margin-left: 0%;
                          background-color: #fff4bd;}
.curri .cont:nth-child(2){background-color: #ff9999;}
.curri .cont:nth-child(3){background-color: #a9d6ff;}
.curri .cont:nth-child(1) .cont_img,.curri .cont:nth-child(3) .cont_img{border-radius: 0px 0px 25px 25px;}
.curri .cont:nth-child(2) .cont_img {border-radius: 25px 25px 0px 0px;}
.curri .cont .cont_text{display: flex;
                        justify-content: left;
                        align-items:center;
                        width: 90%;
                        height: 246px;}
.curri .cont h3{font-size: 25px;
                line-height: 35px;}
.curri .cont p{font-size:15px;
                line-height: 25px;}
.curri .cont .cont_img{width: 100%;
                        height: 164px;
                        overflow: hidden;
                        display: flex;
                        justify-content: center;
                        align-items:center;;}
.curri .cont .cont_img img{width: 100%;}



.curri .cont_link{background-color: #1d1d1d;
                color: #f5f5f5;
                border: 2px solid #1d1d1d;}

.curri .cont_link:hover{background-color: #ed1e24;
                      color: #f7f7f7;
                      border: 2px solid #ed1e24;}
/*포토샵 영상*/
.mtm{text-align: center;
    background-color: #010101;
    color:#f7f7f7;}
.mtm p{color:#f7f7f7;
      font-weight: 300;}
.mtm video{margin-top: 28px;}

.mtm .cont_link{background-color: #f5f5f5;


                                    color: #1d1d1d;
                border: 2px solid #f5f5f5;}

.mtm .cont_link:hover{background-color: #ed1e24;
  color: #f5f5f5;
  border: 2px solid #ed1e24;}


/*촬영실기 전용 교실*/

.ghksrud .cont{width: 100%;
              height: 450px;}
.ghksrud .cont .cont_text{width: 45%;
                          height: 450px;
                          display: flex;
                          justify-content: center;
                          align-items: center;}
.ghksrud .cont .cont_img{width: 53%;
                          margin-left: 2%;
                          height: 450px;
                          overflow: hidden;
                          display: flex;
                          justify-content: center;
                          align-items:center;}
.ghksrud .cont img{width: 100%;}

.ghksrud .cont_link{background-color: #1d1d1d;
                  color: #f5f5f5;
                  border: 2px solid #1d1d1d;
                  margin: 56px 0px;}

.ghksrud .cont_link:hover{background-color: #ed1e24;
                      color: #f7f7f7;
                      border: 2px solid #ed1e24;}
/*합격*/
.habkuk{background: no-repeat center/cover url("../img/main/bg.jpg");
        text-align: center;}
.habkuk .cont{width: 10.8%;
              height: auto;
              margin-top: 56px;
              margin-left: 5%;}
.habkuk .cont img{width: 100%;}
.habkuk .cont h4{font-size: 15px;
                line-height: 20px;
                color: #959595;}
.habkuk .cont h3{font-size: 17px;
                line-height: 25px;}


.habkuk .cont_link{background-color: #1d1d1d;
                                  color: #f5f5f5;
                                  border: 2px solid #1d1d1d;}

.habkuk .cont_link:hover{background-color: #ed1e24;
                                      color: #f7f7f7;
                                      border: 2px solid #ed1e24;}


/*개강안내*/
.rorkd{text-align: center;
      background: no-repeat top/cover url("../img/main/moon.jpg");
      color:#fff;}
.rorkd .wntjr{font-size: 13.5px;
              color: #959595;}
.rorkd .cover_box{width: 80%;
                  padding: 30px 0px;
                    background-color: rgba(0,0,0,0.8);
                  border-radius: 25px;}
.rorkd .cont_title,.rorkd .cont_info{color:#fff;}
.rorkd .cont{width: 30%;
            padding: 25px 0px;
            margin-top: 25px;
            border-radius: 25px;
            text-align: center;
              color: #fff;}
.rorkd .cont:nth-child(1){margin-left: 20%;}
.rorkd .cont_link{font-size: 20px;
                  width: 50%;
                  height: auto;
                  text-align: center;
                }


/*오시는 길*/
.map{background-color: #1f1f1f;
    color:#f7f7f7;
    height: auto;}
.map .cont_info{color:#f7f7f7;}
.map .cont{margin-top: 56px;
            height: 550px;}
.map .cont h3{font-size: 20px;
              line-height: 25px;
              margin-top: 15px;}
.map .cont h4{font-size: 17px;
              line-height: 25px;
              margin-top: 10px;}
.map .cont span{font-size: 15px;
                line-height: 25px;}
.map .cont>li:nth-child(1){ width:75%;
                            height: 550px;
                            box-shadow:1px 1px 10px #313131;
                            overflow: hidden;
                            border-radius: 15px;}
.map .cont>li:nth-child(1) img{width: 100%;}
.map .cont>li:nth-child(2){width: 20%;
                          height: 550px;
                          margin-left: 5%;
                          justify-content: right;
                          display: flex;
                          align-items: center;}
.map .cont_link{background-color: #333333;
                      color: #f7f7f7;
                      line-height: 50px;
                      border: 1px solid #f7f7f7;}
.map .cont_link:hover{background-color: #f7f7f7;
                            color:#1d1d1d;
                            border: 1px solid #f7f7f7;}


/*반응형*/
@media only screen and (min-width:1921px){

  /*공통 넓이*/
  .cont_width{width: 1728px;}
  /*공통 콘텐츠 제목*/
  .cont_title{font-size: 45px;
              line-height: 50px;}
  /*공통 콘텐츠 부제목*/
  .cont_subtitle{font-size: 25px;
                line-height: 40px;}
  /*공통 콘텐츠 설명*/
  .cont_info{font-size: 21px;
            font-weight: 400;
              line-height: 25px;
              color: #3d3d3d;}
  /*공통 콘텐츠 링크*/
  .cont_link{display: block;
            width: 230px;
            height: 56px;
            font-size: 20px;
            border-radius: 56px;
            line-height: 56px;
            text-align: center;
            margin:56px auto 0px auto;}
/*인포 바*/
.info_bar li{font-size: 10px;}

/*퀵메뉴*/
.quick_menu li{width: 288px;
                padding: 25px 0px;}
.quick_menu li img{height: 50px;}
.quick_menu h3{font-weight: 400;
              font-size: 20px;
              line-height: 35px;}
.quick_menu li:hover{padding-top: 20px;}

/*차별화 된 커리큘럼*/

.curri .cont{width: 554px;
            height: 554px;}

.curri .cont .cont_text{height: 332.4px;}
.curri .cont h4{font-size: 15px;
                line-height: 20px;}
.curri .cont h3{font-size: 30px;
                line-height: 40px;}
.curri .cont p{font-size:20px;
                line-height: 30px;}
.curri .cont .cont_img{height: 221.6px;}

/*촬영실기 전용 교실*/
.ghksrud .cont{height: 555px;}
.ghksrud .cont .cont_text{width: 49.5%;
                          height: 555px;}
.ghksrud .cont .cont_img{width: 48.5%;
                        height: 555px;}


/*합격*/

.habkuk .cont h4{font-size: 17px;
                line-height: 25px;
                color: #959595;}
.habkuk .cont h3{font-size: 20px;
                line-height: 30px;}

/*오시는 길*/
.map .cont{height: 650px;}
.map .cont h3{font-size: 25px;
                              line-height: 30px;
                              margin-top: 15px;}
                .map .cont h4{font-size: 20px;
                              line-height: 30px;
                              margin-top: 10px;}
                .map .cont span{font-size: 17px;
                                line-height: 25px;}
                .map .cont>li:nth-child(1){ width:80%;
                                            height: 650px;}
                .map .cont>li:nth-child(1) img{width: 100%;}
                .map .cont>li:nth-child(2){width: 20%;
                                          height: 650px;
                                          margin-left: 0%;}


}

@media only screen and (max-width:1439px) and (min-width:1024px){

/*공통 넓이*/
.cont_width{width: 972.8px;}

/*퀵메뉴*/
.quick_menu li{width: 162px;}
.quick_menu li img{height: 45px;}
/*차별화 된 커리큘럼*/

.curri .cont{width: 317.6px;
            margin-left: 10px;}

            /*개강안내*/
            .rorkd{text-align: center;
                  background: no-repeat center/100% url("../img/main/moon.jpg");}


/*오시는 길*/
.map{background-color: #1d1d1d;
    color:#f7f7f7;
    height: auto;}
.map .cont_info{color:#f7f7f7;}
.map .cont{margin-top: 56px;
            height: auto;}
.map .cont>li:nth-child(1){ width:75%;
                            height: auto;}
.map .cont>li:nth-child(1) img{width: 100%;}
.map .cont>li:nth-child(2){width: 23%;
                          height: auto;
                          margin-left: 2%;
                          justify-content: right;
                          display: flex;
                          align-items: center;}










}

@media only screen and (max-width:1023px) and (min-width:768px){
  /*공통*/

  /*공통 넓이*/
    .cont_width{width: 730px;}
  /*공통 콘텐츠 제목*/
  .cont_title{font-size: 35px;
              line-height: 40px;}
  /*공통 콘텐츠 부제목*/
  .cont_subtitle{font-size: 25px;
                line-height: 30px;}
  /*공통 콘텐츠 설명*/
  .cont_info{font-size: 15px;}
  /*공통 콘텐츠 링크*/


/*인포 바*/
  .info_bar{height: 45px;}

  .info_bar li{line-height: 45px;}
/*퀵메뉴*/
  .quick_menu li{width: 30%;
                  margin-left: 5%;}
  .quick_menu li:nth-child(3n+1){margin-left: 0%;}
  .quick_menu li img{height: 45px;}
  .quick_menu li:hover{padding: 15px 0px;}

  /*차별화 된 커리큘럼*/

  .curri .cont{width: 100%;
              height: 410px;
              margin-top: 25px;
              margin-left: 0px;;}
    .curri .cont:nth-child(1){margin-top: 45px;}
  .curri .cont .cont_text,.curri .cont .cont_img{float: left;}
  .curri .cont:nth-child(1) .cont_img,.curri .cont:nth-child(3) .cont_img{border-radius: 0px 25px 25px 0px;}
  .curri .cont:nth-child(2) .cont_img {border-radius: 25px 0px 0px 25px;}
  .curri .cont .cont_text{justify-content: center;
                          width: 50%;
                          height: 410px;}
.curri .cont h4{font-size: 17px;
                line-height: 25px;}
  .curri .cont h3{font-size: 30px;
                  line-height: 45px;}
  .curri .cont p{font-size:15px;
                  line-height: 30px;}
  .curri .cont .cont_img{width: 50%;
                          height: 410px;

                          justify-content: right;
                          align-items:center;;}
  .curri .cont .cont_img img{width: auto;
                            height: 100%;}



  .curri .cont_link{background-color: #1d1d1d;
                  color: #f5f5f5;
                  border: 2px solid #1d1d1d;}

  .curri .cont_link:hover{background-color: #ed1e24;
                        color: #f7f7f7;
                        border: 2px solid #ed1e24;}


/*촬영실기 전용 교실*/
.ghksrud .cont{width: 100%;
              height: auto;
              text-align: center;}
.ghksrud .cont .cont_text{width: 100%;
                          height: auto;}
.ghksrud .cont .cont_img{width: 100%;
                          margin-left: 0%;
                          height: auto;}
.ghksrud .cont_link{margin: 28px auto;}

/*합격*/
.habkuk .cont{width: 33%;
              height: auto;
              margin-top: 56px;
              margin-left: 0.5%;}
.habkuk .cont:nth-child(3n+1){margin-left: 0%;}
.habkuk .cont img{width: 50%;}

/*개강안내*/
.rorkd{text-align: center;
      background: no-repeat center/cover url("../img/main/moon.jpg");}







/*오시는 길*/

.map .cont{height: auto;
          margin-top: 28px;}
.map .cont>li:nth-child(1){ width:100%;
                            height: 470px;}

.map .cont>li:nth-child(1) img{width: 150%;
                              margin-top:-15%;
                              margin-left: -25%;}
.map .cont>li:nth-child(2){width: 100%;
                          height:auto;
                          margin-left: 0%;display: block;}
.map .cont .bus,.map .cont .sub,.map .cont .car{width: 33%;
                                                margin-top: 15px;
                                                margin-left: 0.5%;
                                                float: left;}
.map .cont .bus{margin-left: 0%;}







}

@media only screen and (max-width:767px){
/*공통 넓이*/
  .cont_width{width:90%;}
/*공통 콘텐츠 제목*/
.cont_title{font-size: 26px;
            line-height: 35px;}
/*공통 콘텐츠 부제목*/
.cont_subtitle{font-size: 17px;
              line-height: 30px;}
/*공통 콘텐츠 설명*/
.cont_info{font-size: 13px;
          line-height: 20px;}

/*인포 바*/
  .info_bar{height: auto;}

  .info_bar li{width: 50%;
                line-height: 45px;}
/*퀵메뉴*/
  .quick_menu li{width: 33%;
                  margin-left: 0.5%;}
  .quick_menu li:nth-child(3n+1){margin-left: 0%;}
  .quick_menu h3{font-weight: 400;
                  line-height: 30px;}
  .quick_menu li img{height: 40px;}
  .quick_menu li:hover{padding: 15px 0px;}


  /*차별화 된 커리큘럼*/
.curri .cont{width: 100%;
              height: 350px;
              margin-top: 35px;
              margin-left: 0px;
              text-align: left;;}
  .curri .cont .cont_text{width: 90%;
                          height: 210px;}
  .curri .cont h3{font-size: 25px;
                  line-height: 35px;}
  .curri .cont p{font-size:15px;
                  line-height: 25px;}
  .curri .cont .cont_img{height: 140px;}
  .curri .cont .cont_img img{width: 100%;}



  .curri .cont_link{background-color: #1d1d1d;
                  color: #f5f5f5;
                  border: 2px solid #1d1d1d;}

  .curri .cont_link:hover{background-color: #ed1e24;
                        color: #f7f7f7;
                        border: 2px solid #ed1e24;}

                        /*촬영실기 전용 교실*/
                        .ghksrud .cont{width: 100%;
                                      height: auto;
                                      text-align: center;}
                        .ghksrud .cont .cont_text{width: 100%;
                                                  height: auto;}
                        .ghksrud .cont .cont_img{width: 100%;
                                                  margin-left: 0%;
                                                  height: auto;}
                        .ghksrud .cont_link{margin: 28px auto;}




/*합격*/
.habkuk .cont{width: 33%;
              margin-top: 45px;
              margin-left: 0.5%;}
.habkuk .cont:nth-child(3n+1){margin-left: 0%;}
.habkuk .cont img{width: 50%;}
/*개강안내*/
.rorkd .wntjr{font-size: 12px;}

.rorkd .cont_link{font-size: 15px;
                }
/*오시는 길*/
.map{text-align: center;}
.map .cont{height: auto;
          margin-top: 28px;
          text-align: left;}
          .map .cont h3{font-size: 18px;
                        line-height: 25px;
                        margin-top: 15px;}
          .map .cont h4{font-size: 15px;
                        line-height: 25px;
                        margin-top: 10px;}
          .map .cont span{font-size: 13px;
                          line-height: 25px;}
.map .cont>li:nth-child(1){ width:100%;
                            height:auto;}
.map .cont>li:nth-child(1) img{width: 150%;
                              margin-top: -15%;
                              margin-left: -25%;}
.map .cont>li:nth-child(2){width: 100%;
                            height:auto;
                            margin-left: 0%;
                            display: block;}
.map .cont>li:nth-child(2) li{float: left;
                              margin-top: 15px;
                              margin-left: 0px;
                              width: 100%;}



}