@charset "utf-8";

/************************************************************
메인요소:
요소 아이디로 CSS 작업시에는 템플릿 생성과정에서
아이디 값이 자동으로 변경이 되기 때문에 style.css에 작업합니다.
************************************************************/




/************************************************************
서브비주얼:
개별 비주얼 적용시에는 경로만 수정해서 사용합니다.
************************************************************/
.eQ01 .wrap_sub_visual:before{background:url(/sites/scholarship/images/sub_visual_1.jpg) no-repeat center top;}
.eQ02 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_2.jpg) no-repeat center top;}
.eQ03 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_3.jpg) no-repeat center top;}
.eQ04 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_4.jpg) no-repeat center top;}
.eQ05 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_5.jpg) no-repeat center top;}
.eQ06 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_6.jpg) no-repeat center top;}

.contact{height:100%;border-top:2px solid #222;border-bottom:1px solid #bcbcbc;padding:10px 17px;background:#FFF;}
.contact dt{font-size:24px;color:#666;font-family:'Noto Medium';}
.contact dd{color:#3e466e;display:flex;align-items:center;line-height:1.1;padding:15px 0;}
.contact dd span{font-size:32px;font-family:'Noto Bold';margin-left:20px;}
.contact dd span i{font-size:18px;font-family:'Noto Regular';display:block;}
.contact p{font-size:16px;color:#888;font-family:'Noto Light';}
.contact p span{display:inline-block;padding:5px 0;}
.contact p strong{color:#0072bc;font-family:'Noto Medium';}

@media all and (min-width:768px) and (max-width:1280px){
  .banner_1 ul {display: flex;}
  .banner_1 ul li{width:100%;}
}

.wrap_notice .list .nodata{color:#333;}
.visual_slogan span {font-size: 25px}
.wrap_schedule {padding: 17px 0 !important;}

@media all and (max-width: 1280px) {
  #multipleContentsDiv_templet_02_34 {padding: 0 20px;}
}

@media all and (max-width: 768px) {
  .wrap_notice {padding: 30px 0 !important;}
  .wrap_notice .list {right: 0 !important; width: 100% !important;}
  .wrap_notice .more {right: 0 !important;}
}