@charset "utf-8";



@media (max-width: 960px) {
    .con-table:after {
        background: rgba(31, 59, 101, 0) url(../../images/guide/img_mobile_text.png) no-repeat center 40px !important;
    }
}




.eQ01 .wrap_sub_visual::before{background:url(/sites/mba/images/sub_visual.jpg) no-repeat center;}
.eQ02 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_19.jpg) no-repeat center;}
.eQ03 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_21.jpg) no-repeat center;}
.eQ04 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_12.jpg) no-repeat center;}
.eQ05 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_5.jpg) no-repeat center;}
.eQ06 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_22.jpg) no-repeat center;}
.eQ07 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_25.jpg) no-repeat center;}
.eQ08 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_8.jpg) no-repeat center;}
.eQ09 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_19.jpg) no-repeat center;}
.eQ010 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_22.jpg) no-repeat center;}




/* 폴딩 */
.wrap-folding .row {position: relative; margin-bottom: 10px; padding: 0 30px; border: 1px solid #dddddd;}
.wrap-folding .btn-folding {display: flex; align-items: center; width: 100%; height: 80px; font-family: 'Noto Medium'; font-size: 18px; color: #333; position:relative; z-index:1;}
.wrap-folding .detail {overflow: hidden; max-height: 0px; transition: .5s;}
.wrap-folding .on .detail {max-height: 1000px; padding-bottom: 30px;}
.wrap-folding.long .on .detail {max-height: 2000px;}
.wrap-folding .state-folding {position: absolute; right: 30px; top: 0; width: 30px; height: 80px; background: url("https://www.konkuk.ac.kr/sites/guide/images/guide/ic-folding-open.png") no-repeat center; text-indent: -99999px;}
.wrap-folding .on .state-folding {background: url("https://www.konkuk.ac.kr/sites/guide/images/guide/ic-folding-close.png") no-repeat center;}



button {
    font-family: 'Noto Regular', sans-serif;
    background-color: transparent;
    overflow: visible;
    border: 0;
}
/* 폴딩 */



/* Table */
.con-table {position: relative; line-height: 1.6;}
.con-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.con-table table {position: relative;}
.con-table table:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 1px; background: #000}
.con-table table:before {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.con-table thead th {padding: 13px 10px; background: #f5f5f5; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Noto Medium'; font-size: 18px; font-weight: 400; color: #121212;}
.con-table tbody {display: table-header-group;}
.con-table tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.con-table tbody th {padding: 12px 15px; background:#fcfcfc; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Noto Medium'; font-size: 16px; font-weight: 400; color: #333;}
.con-table tbody td {padding: 12px 20px; background:#fff; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Noto Regular'; font-size: 16px; text-align: left; color: #666;}
.con-table.center tbody td {text-align: center;}
.con-table.mini thead th,
.con-table.mini tbody th,
.con-table.mini tbody td {padding: 7px; font-size: 15px;}
.con-table.links tbody td {vertical-align: middle;}
.con-table.links tbody td > div {display: flex; align-items: center;}
.con-table.links tbody td p {flex: 1; float: left;}
.con-table.links tbody td p span {font-size: 14px;}
.con-table.links tbody td a {float: right;}
.con-table tbody td a {color: #333;}
.con-table .list > li {position: relative; padding-left: 15px;}
.con-table .list > li:after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.con-table .list2 > li {position: relative; padding-left: 15px;}
.con-table .list2 > li:after {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 2px; background: #777;}
.con-table .align-l {text-align: left !important;}
.con-table .align-c {text-align: center !important;}
.con-table .align-r {text-align: right !important;}
.con-table .align-t {vertical-align: top !important;}
.con-table strong {font-family: 'Noto Regular'; color: #000;}

.con-table .link {position: relative; color: #666;}
.con-table .link:hover {color: #004a8f;}
/*
.con-table .link span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.con-table .link:hover span {background-size: 100% auto;}
*/
.con-table .link::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ico-table-link.png') no-repeat center center; vertical-align: middle;}

.con-table .home {position: relative; color: #666;}
.con-table .home:hover {color: #004a8f;}
.con-table .home span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.con-table .home:hover span {background-size: 100% auto;}
.con-table .home::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ic-link-home.png') no-repeat center center; vertical-align: middle;}
.con-table .home:hover::after {background: url('../../images/guide/ic-link-home-hover.png') no-repeat center center;}

.con-table .down {position: relative; color: #666;}
.con-table .down:hover {color: #004a8f;}
.con-table .down span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.con-table .down:hover span {background-size: 100% auto;}
.con-table .down::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ic-link-down.png') no-repeat center center; vertical-align: middle;}
.con-table .down:hover::after {background: url('../../images/guide/ic-link-down-hover.png') no-repeat center center;}

@media all and (max-width:960px) {
  .con-table {overflow-x: hidden; min-height: 200px;}
  .con-table.on {min-height: auto;}
  .con-table.no-scroll {min-height: auto;}
  .con-table table {width: 1300px;}
  .con-table.no-scroll table {width: 100%;}
  .con-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,0.2) url('../../images/guide/img_mobile_text.png') no-repeat center 40px;}
  .con-table.on:after,
  .con-table.no-scroll:after {display: none;}
  .con-table thead th,
  .con-table tbody th,
  .con-table tbody td {padding: 10px 8px; font-size: 16px;}
}
@media all and (max-width: 660px) {
  .con-table thead th,
  .con-table tbody th,
  .con-table tbody td {font-size: 14px;}
}


/* 폴딩 */