@charset "utf-8";

.popBg{z-index: 9;}

/*인사말*/
.greeting-type011 .photo{position:relative;background:url('/sites/style-guide/images/greeting/greeting-01-bg.jpg') no-repeat center bottom;overflow: hidden;}
.greeting-type011 .photo .thum{margin: 0 0 100px 7%; display:inline-block;}
.greeting-type011 .photo .thum img{float:left;width:180px;height:220px;    border-radius: 100%;}
.greeting-type011 .import{position:absolute; top:60%; left:50%; transform:translate(-45%, -50%); font-size:30px; color:#fff; line-height:1.4; padding:0 50px; letter-spacing:-1px; font-family: 'Noto Regular';}
.greeting-type011 .import strong{color:#00deff;}
.greeting-type011 .import:after,
.greeting-type011 .import:before{content:''; width:35px; height:30px; background:url('/sites/style-guide/images/greeting/greeting-01-mark.png') no-repeat; display:block; position:absolute;}
.greeting-type011 .import:after{background-position:right  top; bottom:-10px; right:20px;}
.greeting-type011 .import:before{background-position:left top; top:-10px; left:0;}
.greeting-type011 .cont{margin:50px 0;}
.greeting-type011 .cont{display:table; table-layout:fixed;}
.greeting-type011 .cont .colum{display:table-cell; width:50%; padding-right:20px;}
.greeting-type011 .cont .colum + .colum{padding-left:20px; border-left:1px solid #ddd;}
.greeting-type011 .cont .colum .sign{text-align:right; margin-top:40px;}
.greeting-type011 .cont .colum .sign strong{font-size:25px;}


/* 2024.11.21 헤더 반응형 */
@media (max-width: 767px) {
    .sub .wrap-header {
        position: relative;
        background: rgba(0, 0, 0, 0.72);
    }
}

/* 2024.11.26 테이블 크기 조정 */
.wrap-contents .con-table thead th,
.wrap-contents .con-table tbody th,
.wrap-contents .con-table tbody td {
    padding: 7px 7px;
    font-size: 16px;
}

#curriculum-info thead th, #curriculum-info  tbody th {font-size: 15px; }
#curriculum-info tbody td {font-size: 14px; }


/* 20251210 실습실 예약 모달 */
#FacilityIframeModal {display: none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index: 9000;}
#FacilityModalCont {background:white; padding:15px; width:calc(100% - 50px); max-width: 1500px; border-radius: 20px; position: relative; top: 50%; left:50%; transform: translate(-50%, -50%);}

#closeModalBtn {width:80px; height: 80px; background: #3c74ae70; border-radius: 50%; position: absolute; top: -40px; right: -20px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#FacilityModalCont .modal-btn-wrap {cursor: pointer; font-size: 35px; width: 60px; height: 60px; background-color: #3C74AE; color: #fff; font-weight: bold !important; display: flex; align-items: center; justify-content: center; border-radius: 50%;}

@media(max-width: 768px) {
  #FacilityModalCont {width: calc(100% - 20px);}
  
  #closeModalBtn {width: 60px; height: 60px; top: -35px; right: 20px;}
  #FacilityModalCont .modal-btn-wrap {width: 43px; height: 43px; font-size: 25px;}
}
.board-button {text-align: center; display: inline-block; width: 100%; margin-top: 30px !important;}
.board-button.align-r {text-align: right;}
.board-button .btn-mine {float: left;}
.board-button .btn-control {float: right;}
.board-button .btn-deco {display: inline-block; cursor: pointer; font-size: 16px; height: 50px; line-height: 48px; text-align: center; padding: 0 35px; margin: 0 5px; border-radius: 100px; font-family: 'Noto DemiLight'; margin-top: 30px !important;}
.board-button  a.btn-deco, .board-button  input.btn-deco {color: #fff;}
.board-button .btn-deco.color1 {background: #313644; border: 1px solid #313644;}
.board-button .btn-deco.color2 {background: #0067c3; border: 1px solid #0067c3; color: #fff;}
.board-button .btn-deco.color3 {background: #fff; border: 1px solid #0067c3; color: #0067c3;}
.board-button .btn-deco.color4 {background: #fff; border: 1px solid #ce2856; color: #ce2856;}
.board-button .btn-deco.color5 {background: #fff; border: 1px solid #1c3c8f; color: #1c3c8f;}
.board-button.view {margin-bottom: 40px; text-align: center;}
.board-button.view .btn-mine {float: none; display: inline-block;}
.board-button.view .btn-control {float: none; display: inline-block;}