@charset "utf-8";

/********************
** header 
********************/
header{border-bottom: 1px solid #E9E9EC;}
.toggleMenu span{transition: ease-in-out 0.3s; cursor: pointer; transform:rotate(0deg)}
.toggleMenu span:nth-child(1){left:0; top:0}
.toggleMenu span:nth-child(2){left:0; top:10px;}
.toggleMenu span:nth-child(3){left:0; top:20px}
.toggleMenu.active span:nth-child(1){left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg)}
.toggleMenu.active span:nth-child(2){left:2000px;}
.toggleMenu.active span:nth-child(3){left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg)}

.menuArrow{border:1px solid #222; border-width:0 2px 2px 0; transform:translateY(-5px) rotate(45deg);  transition: ease-in-out 0.3s;}
.active > .menuArrow{ transform:translateY(0px) rotate(-135deg);}

/*********************
********* 추가 해더 아코디언 (웹)
***********************/
.menu-content {    max-height: 0;    overflow: hidden;    transition: max-height 0.1s ease;    display: flex;        flex-direction: column;        position: absolute;   top:86px;    background:#694a3f;}
.menu-content a{padding:16px; color: #fff;}
.menu-content a:hover{background: #98745a;}
.menu-item:hover .menu-content {    max-height: 500px;    background:#694a3f;    width:200px;}
.submenu-item {    display: block;    padding: 10px 20px;    text-decoration: none;    color: #666;    border-bottom: 1px solid #eee;}
.submenu-item:hover {    background: #f0f0f0;}

/********************
** index 
********************/
/** mainBanner **/
.mainSlider{background-size:cover !important; background-position: center center !important;}
.mainSlider1{background:url('/img/mainBanner-001.jpg')}
.mainSlider2{background:url('/img/mainBanner-002.jpg')}
.mainSlider3{background:url('/img/mainBanner-003.jpg')}

.mainBanner a{box-shadow: 0 0 4px rgba(0,0,0,0.25);}

/** mainProgram **/
.mainProgramCnt{width:calc(25% - 18px); overflow:hidden}
.mainProgramCnt img{left:50%; top:50%; transform:translate(-50%, -50%)}

/** location **/
.mainLocation .root_daum_roughmap_landing{width:536px !important}
.mainLocationCnt{width:calc(100% - 600px)}
.mainLocationCnt > p:nth-child(2){border-bottom:1px solid #E9E9EC}


/********************
** common source
********************/
/** map **/
.cont{display:none !important}
.root_daum_roughmap .wrap_controllers{display:none !important}
.root_daum_roughmap .wrap_map{height:100% !important}

/** subFilterBtn **/
.subDatafilterBtn{color:#bba289; background:#fff;border:1px solid #b8bac1; border-width:1px; transition: ease-in-out 0.3s; cursor: pointer;}
.subDatafilterBtn:nth-child(1){border-width:1px}
.subDatafilterBtn.active{background:#f6f3f0; border:1px solid #825e4c; color:#825e4c}

/** sectionTit **/
.sectionTit:before{content:''; display:block; width:16px; height:16px; background:#825e4c;}

/** fakeTbl **/
.fakeTbl{border-top:1px solid #2c1e1c; border-bottom:1px solid #2c1e1c}
.fakeTbl > .fakeTblTr{border-bottom:1px solid #d9dade;}
.fakeTbl > .fakeTblTr:nth-last-child(1){border-bottom:0}


/********************
** intro 
********************/
.introMap .root_daum_roughmap_landing{width:100% !important; height:560px !important}
.introVideo iframe{width:100%;}

.facListCnt {width:calc(33.3333% - 16px); background-size:cover !important;}
#facListCnt1{background:url('/img/facilities-001.jpg')center center no-repeat}
#facListCnt2{background:url('/img/facilities-002.jpg')center center no-repeat}
#facListCnt3{background:url('/img/facilities-003.jpg')center center no-repeat}
#facListCnt4{background:url('/img/facilities-004.jpg')center center no-repeat}
#facListCnt5{background:url('/img/facilities-005.jpg')center center no-repeat}
#facListCnt6{background:url('/img/facilities-006.jpg')center center no-repeat}
#facListCnt7{background:url('/img/facilities-007.jpg')center center no-repeat}
#facListCnt8{background:url('/img/facilities-008.jpg')center center no-repeat}
#facListCnt9{background:url('/img/facilities-009.jpg')center center no-repeat}
#facListCnt10{background:url('/img/facilities-010.jpg')center center no-repeat}
#facListCnt11{background:url('/img/facilities-011.jpg')center center no-repeat}
#facListCnt12{background:url('/img/facilities-012.jpg')center center no-repeat}
#facListCnt13{background:url('/img/facilities-013.jpg')center center no-repeat}
#facListCnt14{background:url('/img/facilities-014.jpg')center center no-repeat}
#facListCnt15{background:url('/img/facilities-015.jpg')center center no-repeat}
#facListCnt16{background:url('/img/facilities-016.jpg')center center no-repeat}
#facListCnt17{background:url('/img/facilities-017.jpg')center center no-repeat}
#facListCnt18{background:url('/img/facilities-018.jpg')center center no-repeat}
#facListCnt19{background:url('/img/facilities-019.jpg')center center no-repeat}
#facListCnt20{background:url('/img/facilities-020.jpg')center center no-repeat}
#facListCnt21{background:url('/img/facilities-021.jpg')center center no-repeat}
#facListCnt22{background:url('/img/facilities-022.jpg')center center no-repeat}
#facListCnt23{background:url('/img/facilities-023.jpg')center center no-repeat}
#facListCnt24{background:url('/img/facilities-024.jpg')center center no-repeat}
#facListCnt25{background:url('/img/facilities-025.jpg')center center no-repeat}
#facListCnt26{background:url('/img/facilities-026.jpg')center center no-repeat}
#facListCnt27{background:url('/img/facilities-027.jpg')center center no-repeat}
#facListCnt28{background:url('/img/facilities-028.jpg')center center no-repeat}

/********************
** program 
********************/
/** program1 **/
.program1Box, .program4Box{border-bottom:1px solid #d9dade}
.program1Box.borderNone, .program4Box.borderNone{border-bottom:0}
.program3Effect{width:calc(50% - 12px); align-self: stretch;}

/********************
** contact 
********************/
#policy{left:-99999px;}
#policy + label{cursor: pointer;}
#policy + label:before{content:''; display:block; width:20px; height:20px; background:url('/img/chkOff.svg')center center no-repeat; background-size:cover; margin-right:8px;}
#policy:checked + label:before{background:url('/img/chkOn.svg')center center no-repeat;}
.policyLink{text-decoration: underline;}

/********************
** board 
********************/
/** list **/
.boardListCnt{white-space: nowrap; overflow:hidden; max-width:90%; text-overflow: ellipsis;}
/** view **/
.boardViewTit{border-bottom:1px solid #d9dade}
.boardViewLink a, .boardViewLink button{border:1px solid #d9dade}
/********************
** footer 
********************/
.contactBanner{background:url('/img/contact.jpg')center center no-repeat; background-size:cover}
.footerTop{border-top:1px solid #d9dade}