@charset "utf-8";

/* 비주얼 */
#multipleDiv_guide_46 {overflow: hidden;}
#menu355_obj346 {position: absolute; left: 5%; bottom:10%; width: 100% !important;}
.visual-util .visual-text {font-family: 'Dream Medium'; text-shadow: 1px 2px 1px #000; line-height: 1.7; letter-spacing: -1px; color: #fff;}
.visual-util .visual-text .small {position: relative; left: -100px; font-size: 36px; opacity: 0;}
.visual-util .visual-text .big {position: relative; left: -100px; font-size: 40px; opacity: 0;}
.visual-util .visual-text .big strong {font-size: 45px;}
.visual-control {position: relative; left: -100px; margin-top: 41px; opacity: 0;}
.visual-control .state,
.visual-control .button {display: inline-block; vertical-align: middle;}
.visual-control .state .now,
.visual-control .state .total {position: relative; display: inline-block; width: 15px; font-family: 'Play Bold'; font-size: 12px; color: #A9A9A9; vertical-align: middle;}
.visual-control .state .now::before,
.visual-control .state .total::before {content: '0';}
.visual-control .state .progress {position: relative; display: inline-block; width: 175px; height: 2px; margin: 0 10px; background: rgba(191, 191, 191, .5); vertical-align: middle;}
.visual-control .state .progress::after {content: ''; position: absolute; width: 0; height: 2px; background: #A9A9A9; transition: width 0s;}
.visual-control .state .progress.on::after {width: 100%; transition: width 3s;}
.visual-control .button {font-size: 0;}
.visual-control .button button {display: inline-block; text-indent: -99999px; vertical-align: middle;}
.visual-control .button .prev,
.visual-control .button .next {width: 24px; height: 5px;}
.visual-control .button .prev {margin-left: 27px; background: url('../../images/main/ic-visual-prev-gray.png') no-repeat center;}
.visual-control .button .next {margin-left: 20px; background: url('../../images/main/ic-visual-next-gray.png') no-repeat center;}
.visual-control .button .stop,
.visual-control .button .play {display: none; width: 6px; height: 10px; margin-left: 20px; margin-top: 3px;}
.visual-control .button .stop.on,
.visual-control .button .play.on {display: inline-block}
/* 230103 비주얼 컨트롤 수정*/
.visual-control .button .stop {background: url('../../images/main/ic-visual-stop-gray.png') no-repeat center;}
.visual-control .button .play {background: url('../../images/main/ic-visual-play-gray.png') no-repeat center;}

@media all and (max-width: 1200px) {
  .visual-util .visual-text .small {font-size: 20px;}
  .visual-util .visual-text .big {font-size: 35px;}
  .visual-util .visual-text .big strong {font-size: 40px;}
}

@media all and (max-width: 775px) {
  .visual-util .visual-text .small {font-size: 17px;}
  .visual-util .visual-text .big {font-size: 31px;}
  .visual-util .visual-text .big strong {font-size: 33px;}
}

@media all and (max-width: 550px) {
  #menu355_obj346 {bottom: 10%;}
  .visual-util .visual-text .small {font-size: 15px;}
  .visual-util .visual-text .big {font-size: 25px;}
  .visual-util .visual-text .big strong {font-size: 27px;}
}


/* 메인 비디오 */
/*#menu355_obj10955 {position: absolute; width: 100% !important; height: 100% !important; left: 0; top: 0; opacity: 1; visibility: visible; transition: opacity 0.35s, visibility 0.35s; overflow: hidden; z-index: 50;}*/
/* 비디오를 없애고 싶을때 */
 #menu355_obj10955 {display: none} 
.edit #menu355_obj10955 {display: none;}
#menu355_obj10955.close {display: none;}
.main-video {position: relative; width: 100%; height: 100%;}
 /*.main-video::after {content: ''; position: absolute; left: 0; top: 0; z-index: 50; width: 100%; height: 100%; background: url('../../images/main/black_pattern.png');}*/
.main-video .main-video-txt {display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 57; text-align: center; background: url("../../images/main/black_pattern.png");}
.main-video .main-video-txt-inner {display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;}
.main-video .main-video-txt-inner img {display: inline-block; max-width: 13%; margin-top: 80px; opacity: .5}
.main-video .video-bx {position: relative; width: 100%; height: 100%; z-index: 50;}
.main-video .video-bx .video-bx-inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main-video .video-bx .video-bx-inner video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 108%; transform: translate(-50%, -50%);}

.main-video-btn {position: absolute; right: 0; bottom: 12%; width: 100%; z-index: 57; text-align: left;}
.main-video-btn .video-btn-inner {display: inline-block; position: relative; z-index: 56; max-width: 11%;}
.main-video-btn .video-btn-inner::after {content: ""; display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/main/main_video_btn_on.png") no-repeat left top; background-size: contain;}
.main-video-btn .video-btn-inner > a {position: absolute; width: 49%; height: 100%; z-index: 5;}
.main-video-btn .video-btn-inner > a.play {left: 0; top: 0; display: none;}
.main-video-btn .video-btn-inner > a.pause {left: 0; top: 0;}
.main-video-btn .video-btn-inner > a.close {right: 0; top: 0;}

.main-video.pause .video-btn-inner > img {opacity: 0;}
.main-video.pause .video-btn-inner::after {display: block;}
.main-video.pause .video-btn-inner > a.play {display: block;}
.main-video.pause .video-btn-inner > a.pause {display: none;}

.main-video.close {opacity: 0; visibility: hidden;}

@media all and (max-width: 1200px) {
  #menu355_obj10955 {display: none;}
}

/* 캠퍼스 */
.wrap-campus {position: relative;}
.wrap-campus .title {position: absolute; left: -100px; top: 48px; z-index: 1; width: 100%; font-family: 'Play Regular'; font-size: 60px; line-height: 1; color: #fff; opacity: 0;}
.wrap-campus .title strong {display: block; margin-top: -4px; font-family: 'Play Bold'; font-size: 60px; color: #ffa900;}
.wrap-campus .slider .slick-slide > div > li {min-height: 723px; padding: 160px 0 175px 0;}
.wrap-campus .slider .bg1 {background: url('../../images/main/img-campus1.jpg') no-repeat center top;}
.wrap-campus .slider .bg2 {background: url('../../images/main/img-campus2.jpg') no-repeat center top;}
.wrap-campus .slider .bg3 {background: url('../../images/main/img-campus3.png') no-repeat center top;}
.wrap-campus .info {padding: 0 80px;}
.wrap-campus .info .name {position: relative; left: -100px; display: block; margin-bottom: 35px; font-family: 'Dream Medium'; font-size: 45px; line-height: 1; color: #fff; opacity: 0;}
.wrap-campus .info .address {position: relative; left: -100px; opacity: 0;}
.wrap-campus .info .location,
.wrap-campus .info .desc {padding-left: 43px; font-family: 'Dream Light'; font-size: 18px; color: #fff;}
.wrap-campus .info .location {margin-bottom: 14px; background: url('../../images/main/ic-campus1.png') no-repeat left center;}
.wrap-campus .info .desc {margin-bottom: 70px; background: url('../../images/main/ic-campus2.png') no-repeat left center;}
.wrap-campus .info .btn {position: relative; left: -100px; opacity: 0;}
.wrap-campus .info .btn ul {font-size: 0;}
.wrap-campus .info .btn li {display: inline-block; margin-right: 10px;}
.wrap-campus .info .btn a {display: block; min-width: 210px; padding: 15px 20px; border: 1px solid #fff; font-family: 'Dream Regular'; font-size: 18px; text-align: center; color: #fff;}
.wrap-campus .info .btn a:hover {background: #fff; color: #0f0f0f;}
.wrap-campus .control {position: absolute; left: 0; bottom: 0; width: 100%; opacity: 0;}
.wrap-campus .control ul {display: flex; justify-content: space-between; gap: 0 80px; padding: 0 80px;}
.wrap-campus .control li {position: relative; flex: 1}
.wrap-campus .control button {width: 100%; padding-bottom: 27px; font-family: 'Dream Light'; font-size: 22px; text-align: left; color: rgba(255,255,255,.5);}
.wrap-campus .control .on button {color: #fff;}
.wrap-campus .control .progress {position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: rgba(255, 255, 255, .4);}
.wrap-campus .control .progress::after {content: ''; position: absolute; width: 0; height: 2px; background: #fff; transition: width .75s;}
.wrap-campus .control .on .progress::after {width: 100%;}

@media all and (max-width: 1700px) {
  .wrap-campus .info {padding:  0;}
  .wrap-campus .control ul {gap: 0 40px; padding: 0;}
}

@media all and (max-width: 1200px) {
  .wrap-campus .title {top: 58px; font-size: 60px;}
  .wrap-campus .title strong {font-size: 70px;}
  .wrap-campus .info .name {font-size: 40px;}
  .wrap-campus .info .location,
  .wrap-campus .info .desc {font-size: 16px;}
  .wrap-campus .info .desc {margin-bottom: 54px;}
  .wrap-campus .info .btn a {min-width: 150px; padding: 10px 15px; font-size: 16px;}
  .wrap-campus .slider .slick-slide > div > li {padding: 237px 0 176px 0; min-height: 723px;}
  .wrap-campus .control {bottom: 70px !important;}
  .wrap-campus .control ul {gap: 0 20px;}
  .wrap-campus .control button {font-size: 19px;}
}

@media all and (max-width: 768px) {
  .wrap-campus .info .desc br {display: none;}
}

@media all and (max-width: 768px) {
  .wrap-campus .title {top: 52px; font-size: 40px;}
  .wrap-campus .title strong {font-size: 50px;}
  .wrap-campus .info .name {font-size: 30px;}
  .wrap-campus .info .location,
  .wrap-campus .info .desc {font-size: 14px;}
  .wrap-campus .info .desc {margin-bottom: 34px;}
  .wrap-campus .info .btn a {min-width: 100px; padding: 10px 10px; font-size: 14px;}
  .wrap-campus .slider .slick-slide > div > li {padding: 170px 0 144px 0; min-height: 576px;}
  .wrap-campus .control {bottom: 60px !important;}
  .wrap-campus .control ul {gap: 0 10px;}
  .wrap-campus .control button {font-size: 15px;}
}

/* 유저서비스 */
.wrap-user-service {width: 100%; margin-top: 171px;}
.wrap-user-service .container {position: relative; max-width: 900px; padding: 40px; padding-top: 30px; background: #fff url('../../images/main/logo-user.png') no-repeat right top;}
.wrap-user-service .container::after {content: ''; position: absolute; left: 0; bottom: 100%; width: 100%; height: 25px; background: #01499a url('../../images/main/line-user.png') no-repeat left center;}
.wrap-user-service .title {position: relative; margin-bottom: 20px; padding-bottom: 29px;}
.wrap-user-service .title::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100px; height: 1px; background: #000;}
.wrap-user-service .title strong {display: block; font-family: 'Play Bold'; font-size: 45px; line-height: 1; color: #242424;}
.wrap-user-service .title em {color: #004eb8;}
.wrap-user-service .tab {text-align: center;}
.wrap-user-service .tab li {display: inline-block; margin: 0 22px; vertical-align: middle;}
.wrap-user-service .tab .ico {width: 90px; height: 90px; border: 1px solid #d5d5d5; border-radius: 100%;}
.wrap-user-service .tab .on .ico {background-color: #004eb8 !important; border: 1px solid #004eb8;}
.wrap-user-service .tab .ico1 {background: url('../../images/main/ic-user1.png') no-repeat center center;}
.wrap-user-service .tab .on .ico1 {background: url('../../images/main/ic-user1-on.png') no-repeat center center;}
.wrap-user-service .tab .ico2 {background: url('../../images/main/ic-user2.png') no-repeat center center;}
.wrap-user-service .tab .on .ico2 {background: url('../../images/main/ic-user2-on.png') no-repeat center center;}
.wrap-user-service .tab .ico3 {background: url('../../images/main/ic-user3.png') no-repeat center center;}
.wrap-user-service .tab .on .ico3 {background: url('../../images/main/ic-user3-on.png') no-repeat center center;}
.wrap-user-service .tab .ico4 {background: url('../../images/main/ic-user4.png') no-repeat center center;}
.wrap-user-service .tab .on .ico4 {background: url('../../images/main/ic-user4-on.png') no-repeat center center;}
.wrap-user-service .tab p {margin-top: 10px; font-family: 'Dream Regular'; font-size: 17px; color: #6d6d6d;}
.wrap-user-service .tab .on p {font-family: 'Dream Medium'; color: #004eb8;}

.wrap-user-service .list {padding: 50px 60px 0 60px;}
.wrap-user-service .list ul {overflow: hidden;}
.wrap-user-service .list > div {display: none;}
.wrap-user-service .list > div.on {display: block;}
.wrap-user-service .list li {float: left; width: 33.333%; padding: 0 0 11px 19px; background: url('../../images/main/arr-user.png') no-repeat left 6px;}
.wrap-user-service .list a {position: relative; font-family: 'Dream Regular'; font-size: 15px; color: #434444;}
.wrap-user-service .list a:hover {color: #004eb8;}
.wrap-user-service .list a::before {content: ''; position: absolute; left: 0; bottom: 0; width: 0%; height: 1px; background: #004eb8; transition: width .75s;}
.wrap-user-service .list a:hover::before {width: 100%;}
.wrap-user-service .list a[target=_blank]::after {content: ''; position: absolute; left: 115%; top: 2px; width: 17px; height: 16px; background: url('../../images/main/ic-user-link.png') no-repeat center center;}

.wrap-user-service .btn-close-user {position: absolute; right: -30px; top: -50px; z-index: 1; width: 85px; height: 98px; background: url('../../images/main/btn-user-close.png') no-repeat center; text-indent: -999999px;}
.wrap-user-service .btn-close-user::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../../images/main/btn-close-x.png') no-repeat center; transform: rotate(180deg); transition: .5s;}
.wrap-user-service .btn-close-user:hover::after {transform:rotate(360deg);}

.btn-user-service {display: none; position: fixed; left: 0; top: 47%; z-index: 90; width: 100%; margin-top: 20px; text-align: right; opacity: 0;}
.btn-user-service .container {position: relative; max-width: 1840px;}
.btn-user-service .btn-open-user {position: absolute; right: 0; top: 0; width: 130px; height: 130px; background: url('../../images/main/ic-user-service.png') no-repeat center; text-indent: -999999px;}

@media all and (max-width: 1880px) {
  .btn-user-service .btn-open-user {right: 20px; width: 110px; height: 110px; background: url('../../images/main/ic-user-service-t.png') no-repeat center;}
}

@media all and (max-width: 1200px) {
  .wrap-user-service {margin-top: 121px;}
}

@media all and (max-width: 1020px) {
  .wrap-user-service {padding: 0 40px;}
}

@media all and (max-width: 768px) {
  .btn-user-service {top: 50%;}
  .btn-user-service .btn-open-user {width: 80px; height: 80px; background: url('../../images/main/ic-user-service-m.png') no-repeat center;}
  .wrap-user-service .title {margin-bottom: 30px; padding-bottom: 14px;}
  .wrap-user-service .title strong {font-size: 29px;}
  .wrap-user-service .tab p {font-size: 13px;}
  .wrap-user-service .tab .ico {width: 55px; height: 55px; margin: 0 auto; background-size: 50% auto !important;}
  .wrap-user-service .tab ul {font-size: 0;}
  .wrap-user-service .tab li {width: 25%; margin: 0;}
  .wrap-user-service .list {padding: 30px 0 0 0;}
  .wrap-user-service .list li {width: 50%; background-position: left 8px;}
  .wrap-user-service .list a {font-size: 13px;}
  .wrap-user-service .list a[target=_blank]::after {top: 0; left: auto; right: -24px;}
  .wrap-user-service .container {padding: 20px 20px;}
  .wrap-user-service .container::after {height: 7px;}
}

/* New User Service */
#multipleDiv_inu_278 {position: fixed; right: 0; top: 11.5%; z-index: 110; width: 100%; height: 0;}
.edit#multipleDiv_inu_278 {position: static; padding: 100px; background: rgba(0, 0, 0, .4);}

.edit .wrap-user-menu .container {height: auto;}
.wrap-user-menu .container {max-width: 1897px; height: 0; text-align: right;}
.wrap-user-menu .folding {display: inline-block; margin-bottom: 10px; text-align: center; font-size: 0;}
.wrap-user-menu .folding button {display: none; width: 100px; height: 22px; background: #fff; border: 1px solid #ccc; font-family: 'Dream Medium'; font-size: 12px; line-height: 20px; color: #222;}
.wrap-user-menu .folding button.on {display: block;}
.wrap-user-menu .folding button span::before {content: ''; position: relative; top: -2px; display: inline-block; width: 10px; height: 6px; margin-right: 5px; vertical-align: middle;}
.wrap-user-menu .folding button.close span::before {background: url('../../images/main/ic-fold-close.png') no-repeat center;}
.wrap-user-menu .folding button.open span::before {background: url('../../images/main/ic-fold-open.png') no-repeat center;}
.wrap-user-menu .buttons {display: inline-block; text-align: center; font-size: 0;}
.wrap-user-menu .buttons.close {display: none;}
.wrap-user-menu .buttons > li {padding-bottom: 2px;}
.wrap-user-menu li.fold {position: relative; width: 100px;}
.wrap-user-menu li.fold.on::after {content: ''; position: absolute; left: 0; top: 16px; width: 6px; height: 9px; background: url('../../images/main/arr-user-fold.png') left center;}
.wrap-user-menu li.fold button {display: block; width: 100%; height: 40px; background: rgb(65,65,65,0.55); font-family: 'Dream Medium'; font-size: 12px; line-height: 40px; text-shadow: 1px 1px 1px rgba(0,0,0,.6); color: #fff}
.wrap-user-menu li.fold.on button,
.wrap-user-menu li.fold button:hover {background: rgb(255,114,0,0.55); }
.wrap-user-menu li.fold .list {position: absolute; right: 100%; top: 0; width: 170px; padding: 10px 15px; background: rgb(255,114,0,0.55); display: none; text-align: left;}
.wrap-user-menu li.fold .list li {position: relative; padding-left: 8px; }
.wrap-user-menu li.fold .list li::before {content: ''; position: absolute; left: 0; top: 13px; width: 2px; height: 2px; background: #fff;}
.wrap-user-menu li.fold .list a {position: relative; font-family: 'Dream Regular'; font-size: 12px; text-shadow: 1px 1px 1px rgba(0,0,0,.6); color: #fff; }
.wrap-user-menu li.fold .list a::before {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #fff; transition: .5s;}
.wrap-user-menu li.fold .list a:hover::before {width: 100%;}
.wrap-user-menu li.fold .list a[target="_blank"]::after {content: ''; position: relative; top: -2px; display: inline-block; width: 10px; height: 10px; margin-left: 5px; background: url('../../images/main/ic-user-blank.png') no-repeat center; vertical-align: middle;}
.wrap-user-menu li.fold.on .list {display: block;}
.wrap-user-menu li.solo {width: 100px;}
.wrap-user-menu li.solo.first {clear: both; padding-top: 10px;}
.wrap-user-menu li.solo a {display: block; width: 100%; height: 40px; background: rgb(10,74,155,0.55);  font-family: 'Dream Medium'; font-size: 12px; line-height: 40px; color: #fff}
.wrap-user-menu li.solo a.notice {background: rgb(217,92,0,0.55); }
.wrap-user-menu li.solo a.notice:hover {background: rgb(255,85,0,0.55);}
.wrap-user-menu li.solo a:hover {background: rgb(12,94,202,0.55); }

@media all and (max-width: 1200px) {
  #multipleDiv_inu_278 {position: static; height: auto;}
  .wrap-user-menu .container {height: auto; padding: 20px 0;}
  .wrap-user-menu .folding {display: none;}
  .wrap-user-menu .buttons {display: inline-block !important; width: 100%; padding: 0 20px;}
  .wrap-user-menu .buttons > li {float: left; width: 25%; padding-right: 1px; padding-bottom: 1px;}
  .wrap-user-menu li.fold {position: static;}
  .wrap-user-menu li.fold .list {position: relative; left: 0; width: calc(400% + 3px); top: 100%;}
  .wrap-user-menu li.fold:nth-child(2) .list {left: calc(-100% - 1px)}
  .wrap-user-menu li.fold:nth-child(3) .list {left: calc(-200% - 2px)}
  .wrap-user-menu li.fold:nth-child(4) .list {left: calc(-300% - 3px)}
  .wrap-user-menu li.fold .list ul {overflow: hidden;}
  .wrap-user-menu li.fold .list li {float: left; width: 33.333%;}
  .wrap-user-menu li.solo.first {padding-top: 0;}
}

/*접근성
.main a {outline: none; width:100%}
.main a:focus-visible::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000;}
.wrap-banner .slider a {position: relative;}*/