@charset "utf-8";

.ads_snstit h1 {
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    margin: 20px 0 25px 0;
    line-height: 1.3;
    letter-spacing: 0px;
}
.ads_snstit h1 span { color:#576edf; font-weight:700}

.main_sns_wrap { width:1205px; overflow:hidden;margin:0 auto; margin-bottom:70px}
.main_sns_wrap ul { margin:0;padding:0;list-style:none }
.main_sns_wrap ul li { float:left; width:235px; margin:0 6px 6px 0; position:relative; background:#000;list-style:none;}
.main_sns_wrap ul li img { opacity: 0.7;transition: 0.2s}
.main_sns_wrap ul li img:hover { opacity: 1;}

.main_sns_wrap ul li .insta_info {position: absolute; left:8px; bottom:8px; color:#fff; }
.main_sns_wrap ul li .insta_info h3 {background:url('https://happyjung.diskn.com/data/lecture/modal_icon_insta.png')no-repeat 0 -3px; padding: 0 0 0 32px;font-size:14px; font-weight:300; height:27px;}


.modal {
  position: fixed; 
  z-index: 99999999; 
  left: 0;
  bottom: 0;
  width: 100%; 
  height: 99%;
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.5);   
 }

.modal .img-icon_left {
    cursor: pointer;
    position: absolute;
    left: 160px;
    top: 300px;
    z-index: 99999999;
    background: url('https://happyjung.diskn.com/data/lecture/modal_navi_l.png') no-repeat 0 0; 
    width:41px; margin:20px;height:72px;border:0;opacity: 0.5;transition: 0.2s}

.modal .img-icon_right {
    cursor: pointer;
    position: absolute;
    right: 160px;
    top: 300px;
    z-index: 99999999;
    background: url('https://happyjung.diskn.com/data/lecture/modal_navi_l.png') no-repeat -41px 0; 
   width:41px; margin:20px;height:72px;border:0;opacity: 0.5;transition: 0.2s}

.modal .img-icon_left:hover, .modal .img-icon_right:hover { opacity: 1}
.modal label {display:none;}

.insta_modal { margin:0 auto; margin-top:40px; width:1000px; height:640px; background:#fff; border-radius: 2px;}
.insta_modal .insta_card {width:640px;float:left; overflow:hidden; position:relative;}
.insta_modal .insta_card .img-icons_left {
    cursor: pointer;
    position: absolute;
    left: -20px;
    top: 260px;
    z-index: 99999999;
    background: url('https://happyjung.diskn.com/data/lecture/modal_navi_s.png') no-repeat 0 0; 
    width:35px; margin:35px;height:72px;border:0;opacity: 0.7;transition: 0.2s}

.insta_modal .insta_card .img-icons_right {
    cursor: pointer;
    position: absolute;
    right: -20px;
    top: 260px;
    z-index: 99999999;
    background: url('https://happyjung.diskn.com/data/lecture/modal_navi_s.png') no-repeat -36px 0; 
   width:35px; margin:35px;height:72px;border:0;opacity: 0.7;transition: 0.2s}

.insta_modal .insta_card .img-icons_left:hover, .insta_modal .insta_card .img-icons_right:hover { opacity: 1}

.insta_modal .insta_card img { width:640px;height:640px; }
.insta_modal .instatxt { float:left; width:340px }
.insta_modal h3 {float:left; font-size:18px; color:#666; font-weight: normal;margin:20px; background:url('https://happyjung.diskn.com/data/lecture/modal_icon_insta_gray.png')no-repeat 0 2px; padding:0 0 0 35px; min-height:30px; display:block;}
.insta_modal p { float:left;padding:0 0 0 20px; font-size:14px; color:#666}

.closeInsta{
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;}
.closeInsta:hover,.closeInsta:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;}