@charset "utf-8"; #body_layout {padding-bottom: 128px;} /* intro :s */ .intro{min-width:100%;/*min-height:100%;*/min-height: 100%;width: 100%;height:100%;position: fixed;top:0px;left:0px;background: #000;z-index: 100000000;display:none;opacity:0;} /* .intro.on{display:block;opacity:1} */ .intro #intro_video{min-width:100%;min-height:100%;width: auto;height:auto;position: absolute;top:0px;left:50%;transform: translateX(-50%);max-width:none;max-height:none;} .layoutPopup .modal-dialog .modal-footer .custom-input input:focus + label:before {outline: 2px dashed #000;} /* .layoutPopup .modal-dialog .modal-footer .custom-input input:focus + label:after {opacity: 1;} */ .intro .checkWrap {position: absolute;left: 50%;bottom: 117px;transform: translate(-50%, 0);} #btn_skip {display: inline-block;backface-visibility: hidden;padding: 0;border: none;transition: none;z-index: 13;opacity: 1;} #btn_skip .intro-btn {display: block;} #btn_skip .intro-btn .intro-txt {display: block;color: #fff;font-size: 24px;font-weight: 700;line-height: 1;width: 100%;height: 100%;padding: 0 0 0 0;position: relative;letter-spacing: 0.8px;font-weight: 700;line-height: 100%;border-bottom: 2px solid #fff;padding-bottom: 10px;} #btn_skip .intro-btn:focus {border: 1px dashed #FFF;} .intro .checkWrap label {position: relative;top: 5px;margin:0 0 0 20px;display:inline-flex;align-items: center;} .intro .checkWrap label input[type="checkbox"] {z-index: -100;top: -9999px;left: -9999px;position: absolute;} .intro .checkWrap label span {width: 18px;height: 18px;border: 1px solid #fff;background-color: transparent;margin-right: 8px;background-repeat: no-repeat;background-position: center;} .intro .checkWrap label input[type="checkbox"]:checked + span, .intro .checkWrap label input[type="checkbox"]:focus + span {background-color: #DD1227;border-color: #DD1227;background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.325451 4.96861C-0.108484 4.52678 -0.108484 3.81043 0.325451 3.3686C0.759387 2.92677 1.46293 2.92677 1.89687 3.3686L5.03971 6.56862C5.47364 7.01045 5.47364 7.7268 5.03971 8.16863C4.60577 8.61046 3.90222 8.61046 3.46829 8.16863L0.325451 4.96861Z' fill='white'/%3E%3Cpath d='M5.03971 8.16863C4.60577 8.61046 3.90222 8.61046 3.46829 8.16863C3.03435 7.7268 3.03443 7.01049 3.46836 6.56866L9.10313 0.831372C9.53707 0.389542 10.2406 0.389543 10.6745 0.831373C11.1085 1.2732 11.1085 1.98955 10.6745 2.43138L5.03971 8.16863Z' fill='white'/%3E%3C/svg%3E%0A");} .intro .checkWrap label .tit {font-size: 16px;color: #fff;display: block;line-height: 1;font-weight: 400;letter-spacing: 0.48px;} @media screen and (max-width: 1280px) { .intro {display: none !important;} } /* intro : e */ /* 공통 */ .section-wrap {width: 100%;height: 100%;display: block;overflow: hidden;} .section {display: block;} .section> .s-inner {max-width: 1600px;width: 100%;display: block;margin: 0 auto;position: relative;padding: 0 90px;} /* section1 */ .section1 {margin-top: 50px;overflow: hidden;} .section1> .s-inner {} .mvVisual {} .mvVisual .title-area {} .mvVisual .title-area .mv-qs {font-family: 'nmj';font-size: 38px;color: #000;font-weight: 400;letter-spacing: -0.76px;display: block;text-align: center;line-height: 47.5px; opacity: 0;} .mvVisual .title-area .mv-qs br {display:none;} .mvVisual .title-area .mv-qs .bold {display: inline-block;font-weight: 800;} .mvVisual .tmsbui-01 {width: 446px;display: block;margin: 10px auto 0;} .mvVisual .tmsbui-01 .searchbar form {height: 51px;width: 100%;display: block;border-bottom: 3px solid #000;border-radius: 0;/* overflow: hidden; */} .mvVisual .tmsbui-01 .searchbar form fieldset {position: relative;width: 100%;height: 100%;/* background-color: #05003C; */} .mvVisual .tmsbui-01 .searchbar form fieldset .form_inner {width: 100%;height: 100%;display: block;} .mvVisual .tmsbui-01 .searchbar form fieldset .form_inner .skip {} .mvVisual .tmsbui-01 .searchbar form fieldset .form_inner input[type="text"] {display: inline-block;width: calc(100% - 40px);height: 100%;border: none;max-width: none;/* border-radius: 15px; */background-color: #fff;padding-left: 0;color: #000;font-size: 15px;} .mvVisual .tmsbui-01 .searchbar form fieldset .form_inner input[type="text"]::placeholder {font-size:16px;font-weight:600;color:#888;} .mvVisual .tmsbui-01 .searchbar form fieldset .form_inner .submit {display: inline-block;width: 38px;height: 38px;position: absolute;right: 0;top: 0;/* background-color: #05003C; */border-radius: 50%;} .mvVisual .tmsbui-01 .searchbar form fieldset .form_inner .submit input[type="submit"] {width: 100%;height: 100%;background-color: #000;border: none;border-radius: 50%;font-size: 0;background-repeat: no-repeat;background-position: 50%;cursor: pointer;background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3602 11.3592L14.3002 14.2992M7.1602 12.6192C10.1757 12.6192 12.6202 10.1747 12.6202 7.15922C12.6202 4.14376 10.1757 1.69922 7.1602 1.69922C4.14473 1.69922 1.7002 4.14376 1.7002 7.15922C1.7002 10.1747 4.14473 12.6192 7.1602 12.6192Z' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");box-shadow: 0px 3.24px 8.09999942779541px rgba(0, 0, 0, 0.25);transition: all 0.3s;} .mvVisual .tmsbui-01 .searchbar form fieldset .form_inner .submit input[type="submit"]:hover, .mvVisual .tmsbui-01 .searchbar form fieldset .form_inner .submit input[type="submit"]:focus {background-color:#DD1227;} .mvVisual .tmsbui-01 .searchbar form fieldset .form_inner .submit label {} .hastag {display: block;margin-top: 11px;} .hastag .slide-ui-sample3 {position:relative;} .hastag .slide-ui-sample3 .slide {display: flex;width: calc(100% + 14px);margin: 0 -7px;padding-right: 96px;position:relative;} .hastag .slide-ui-sample3 .slide:before {content:'';display:inline-block;border-radius: 10px;background: linear-gradient(-90deg, #FFF 42.42%, rgba(255, 255, 255, 0) 115.15%);position: absolute;right: 92px;top: 1px;width: 10px;height: 22px;z-index: 1;} .hastag .slide-ui-sample3 .slide.slick-slider {display: block;} .hastag .slide-ui-sample3 .slide .item {padding: 0 7px;} .hastag .slide-ui-sample3 .slide .item .link {display: block;width: 100%;height: 100%;font-size: 14px;color: #000;font-weight: 400;line-height: 1;transition: all 0.3s;} .hastag .slide-ui-sample3 .slide .item .link:hover, .hastag .slide-ui-sample3 .slide .item .link:focus {color: #DD1227;} .hastag .slide-ui-sample3 .slide .item .link .tit {position:relative;white-space: nowrap;} .hastag .slide-ui-sample3 .slide_control {display: flex;position:absolute;right:0;top: 1px;} .hastag .slide-ui-sample3 .slide_control .button {font-size: 0;background-repeat: no-repeat;background-position: center;width: 22px;height: 22px;display: inline-block;border: 1px solid #000;margin-left: -1px;transition: all 0.3s;background-color:#fff;} .hastag .slide-ui-sample3 .slide_control .button.prev {background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .hastag .slide-ui-sample3 .slide_control .button.prev:hover, .hastag .slide-ui-sample3 .slide_control .button.prev:focus {background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23DD1227' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .hastag .slide-ui-sample3 .slide_control .button.next {background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .hastag .slide-ui-sample3 .slide_control .button.next:hover, .hastag .slide-ui-sample3 .slide_control .button.next:focus {background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23DD1227' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .hastag .slide-ui-sample3 .slide_control .button.stop, .hastag .slide-ui-sample3 .slide_control .button.play {} .hastag .slide-ui-sample3 .slide_control .button.stop {background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1V8.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.40039 1V8.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .hastag .slide-ui-sample3 .slide_control .button.stop:hover, .hastag .slide-ui-sample3 .slide_control .button.stop:focus {background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1V8.5' stroke='%23DD1227' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.40039 1V8.5' stroke='%23DD1227' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .hastag .slide-ui-sample3 .slide_control .button.play {background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4453 6.46851L0.409851 11.9824L0.409851 0.954571L10.4453 6.46851Z' fill='black'/%3E%3C/svg%3E%0A");display: none;} .hastag .slide-ui-sample3 .slide_control .button.play:hover, .hastag .slide-ui-sample3 .slide_control .button.play:focus {background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4453 6.46851L0.409851 11.9824L0.409851 0.954571L10.4453 6.46851Z' fill='%23DD1227'/%3E%3C/svg%3E%0A");} .slide-ui-sample1 .slide_control .slider-progress {width: 300px;height: 2px;display: inline-block;} .slide-ui-sample1 .slide_control .slider-progress .progress {height: 100%;background-color: red;} .weather-area {position: absolute;right: 0;bottom: calc(100% - 9px);z-index: 1;} .weather-area .w-inner {display: flex;align-items: center;} .weather-area .w-inner .w-icon {display: inline-block;background-repeat: no-repeat;background-position: center;width: 43px;height: 50px;margin-right: 4px;} .weather-area .w-inner .w-icon.icon1 {background-image:url(/images/kor/main/w-icon1.png);} /*맑음*/ .weather-area .w-inner .w-icon.icon2 {background-image:url(/images/kor/main/w-icon2.png);} /*구름조금*/ .weather-area .w-inner .w-icon.icon3 {background-image:url(/images/kor/main/w-icon3.png);} /*흐림*/ .weather-area .w-inner .w-icon.icon4 {background-image:url(/images/kor/main/w-icon4.png);} /*비*/ .weather-area .w-inner .w-icon.icon5 {background-image:url(/images/kor/main/w-icon5.png);} /*비/눈*/ .weather-area .w-inner .w-icon.icon6 {background-image:url(/images/kor/main/w-icon6.png);} /*눈*/ .weather-area .w-inner .w-status {position: relative;margin-right: 17px;} .weather-area .w-inner .w-status:before {content:'';position: absolute;right: -10px;top: 1px;background-color: #ccc;height: 12px;width: 1px;display: inline-block;} .weather-area .w-inner .w-status .w-tit {color: #222;font-size: 14px;font-weight: 700;letter-spacing: -0.14px;display: block;line-height: 1;} .weather-area .w-inner .w-dust {margin-right: 9px;} .weather-area .w-inner .w-dust.d-good {color: #1D519D;} .weather-area .w-inner .w-dust.d-normal {color: #009660;} .weather-area .w-inner .w-dust.d-bad {color: #DD1227;} .weather-area .w-inner .w-dust .w-tit {font-size: 14px;font-weight: 700;letter-spacing: -0.14px;display: block;line-height: 1;} .weather-area .w-inner .w-dust .w-tit .dustcat {} .weather-area .w-inner .w-degree {} .weather-area .w-inner .w-degree .wd-wrap {color: #000;font-size: 20px;font-weight: 700;letter-spacing: -0.8px;display: block;line-height: 1;} .weather-area .w-inner .w-degree .wd-wrap .wd {} .weather-area .w-inner .w-ch {display: inline-block;width: 95px;height: 88px;} .weather-area .w-inner .w-ch .ch-inner {width: 100%;height: 100%;display: block;position: relative;background-repeat: no-repeat;background-position: center;background-size:contain;} .weather-area .w-inner .w-ch.ch1 .ch-inner {background-image:url(/images/kor/main/w-ch1.png);} .weather-area .w-inner .w-ch.ch2 .ch-inner {background-image:url(/images/kor/main/w-ch2.png);} .weather-area .w-inner .w-ch.ch3 .ch-inner {background-image:url(/images/kor/main/w-ch3.png);} .weather-area .w-inner .w-ch.ch4 .ch-inner {background-image:url(/images/kor/main/w-ch3.png);} .weather-area .w-inner .w-ch.ch5 .ch-inner {background-image:url(/images/kor/main/w-ch5.png);} .weather-area .w-inner .w-ch.ch6 .ch-inner {background-image:url(/images/kor/main/w-ch6.png);} .mvVisual .slide-area {position: relative;margin-top: 31px;} .mvVisual .slide-ui-sample1 {} .mvVisual .slide-ui-sample1 .slide, .mvVisual .slide-ui-sample1 .slide .item {height: 606px;} .mvVisual .slide-ui-sample1 .slide {width:calc(100% + 20px);margin:0 -10px;overflow:hidden} .mvVisual .slide-ui-sample1 .slide.slick-initialized.slick-slider {overflow:visible;} .mvVisual .slide-ui-sample1 .slide .item {width: 100%;display: block;padding:0 10px;} .mvVisual .slide-ui-sample1 .slide .item .link {width: 100%;height: 100%;display: block;} .mvVisual .slide-ui-sample1 .slide .item .link .mv-link {width: 100%;height: 100%;display: block;} .mvVisual .slide-ui-sample1 .slide .item .link .mv-link .thm-box {width: 100%;height: 100%;display: block;position: relative;overflow: hidden;} .mvVisual .slide-ui-sample1 .slide .item .link .mv-link .thm-box .video {height: 100%;width: 100%;display: block;} .mvVisual .slide-ui-sample1 .slide .item .link .mv-link .thm-box .video video {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);height: 100%;width: 100%;object-fit: cover;line-height: 0;} .mvVisual .slide-ui-sample1 .slide .item .link .mv-link img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: block;max-width: none;max-height: none;height: 100%;width: auto;} .mvVisual .slide-ui-sample1 .slick-list {overflow:visible;height: 100%;} .mvVisual .slide-ui-sample1 .slick-list .slick-track {height:100%;white-space: nowrap;} .mvVisual .slide-ui-sample1 .slide .slick-slide .item {opacity:0.4} .mvVisual .slide-ui-sample1 .slide .slick-slide.slick-current .item{opacity:1} .slide-ui-sample1 .slide_control {position: absolute;right: -0.5px;bottom: 0;display: flex;} .slide-ui-sample1 .slide_control .dot {display:none;} .slide-ui-sample1 .slide_control .button {width: 70px;height: 70px;font-size: 0;background-repeat: no-repeat;background-position: center;background-color: #000;transition: all 0.3s;margin: 0 0.5px;} .slide-ui-sample1 .slide_control .button.prev {background-image: url("data:image/svg+xml,%3Csvg width='15' height='28' viewBox='0 0 15 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2412 26.7734L1.5133 14.0455L14.2412 1.31759' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");} .slide-ui-sample1 .slide_control .button.next {background-image: url("data:image/svg+xml,%3Csvg width='16' height='28' viewBox='0 0 16 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33008 26.7733L14.058 14.0454L1.33008 1.31747' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");} .slide-ui-sample1 .slide_control .button.prev, .slide-ui-sample1 .slide_control .button.next {background-color: rgba(0,0,0,0.4);} .slide-ui-sample1 .slide_control .button.prev:hover, .slide-ui-sample1 .slide_control .button.next:hover, .slide-ui-sample1 .slide_control .button.prev:focus, .slide-ui-sample1 .slide_control .button.nextLfocus {background-color:#000;} .slide-ui-sample1 .slide_control .button.stop, .slide-ui-sample1 .slide_control .button.play {} .slide-ui-sample1 .slide_control .button.stop {background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.9375 0.222534L1.9375 25.7759M12.0625 0.222534L12.0625 25.7759' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");} .slide-ui-sample1 .slide_control .button.play {background-image: url("data:image/svg+xml,%3Csvg width='17' height='26' viewBox='0 0 17 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4559 13.0454L0.728027 25.7733L0.728026 0.317469L16.4559 13.0454Z' fill='white'/%3E%3C/svg%3E%0A");display: none;} .slide-ui-sample1 .slide_control .button.stop:hover, .slide-ui-sample1 .slide_control .button.play:hover, .slide-ui-sample1 .slide_control .button.stop:focus, .slide-ui-sample1 .slide_control .button.play:focus {background-color:#DD1227;} /* section2 */ .section2 {margin-top: 124px;} .section2> .s-inner {} .notice-area {width: calc(100% + 84px);margin: 0 -42px;} .notice-area:after {content:'';display:block;clear:both;} .notice-area .box {float:left;padding: 0 42px;} .notice-area .box.left-box {width: calc(100% - 479px);} /* board -common style */ .tmbdui-02 {display: block;padding-top: 29px;} .tmbdui-02 .notice-title {display: block;font-family: 'nmj';font-size: 45px;color: #000;line-height: 50px;letter-spacing: -0.45px;font-weight: 800;border-bottom: 2px solid #000;padding-bottom: 27px;} .tmbdui-02 .main-board{width:100%;margin: 0px auto;clear:both;display: flex;position:relative;min-height: 225px;justify-content: flex-end;padding-right: 73px;}/*리스트 높이에 따른 height 조절필요*/ /* border_col */ .tmbdui-02 .main-board .board-content{width:100%;overflow: hidden;position: absolute;top: 48px;left: 0;/* margin-top: 10px; */display: none;} .tmbdui-02 .main-board .col{width: calc(100% + 54px);margin: 0 -27px;} .tmbdui-02 .main-board .col:after{content:'';display:block; clear:both;} .tmbdui-02 .main-board .col > div{width:100%;float:left;padding: 0 27px;} .tmbdui-02 .main-board .col.col2 > div{width:calc(50% - 10px);} .tmbdui-02 .main-board .col.col3 > div{width: 33.3333%;} .tmbdui-02 .main-board .col.col4 > div{width:calc(25% - 10px);} .tmbdui-02 .main-board .col.col5 > div{width:calc(20% - 10px);} /* content-title */ .tmbdui-02 .main-board .content-title{display:block;font-weight: bold;font-size: 20px;color:#231f20;line-height: 130%;height: 52px;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;position: relative;word-break: keep-all;} .tmbdui-02 .main-board .content-title .new{display:inline-flex;justify-content: center;width:50px; height: 24px; ;font-size: 15px;color:#fff;margin-right: 6px; position:relative; top:-3px; background-color: #7e1c1d;font-weight: normal; border-radius: 15px; line-height: 23px;} .tmbdui-02 .main-board .content-title .new:before{content:'new';display:block; width:100%;height:100%;} .tmbdui-02 .main-board .content-link{display:block} .tmbdui-02 .main-board .content-text{margin-top: 16px;/* min-height: 63px; */} .tmbdui-02 .main-board .content-text .content-tit {line-height: 146%;font-size: 15px;height: 44px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;width: 100%;color: #444;letter-spacing: -0.15px;max-height: 44px;-ms-display: block;} /* .tmbdui-02 .main-board .content-title:before{content:""; position:absolute; opacity:0;left:0;bottom:0;width:0;height:12px;background-color:rgba(0,105,64,.1);transition:width .6s ease} .tmbdui-02 .main-board .content-link:hover .content-title:before{opacity: 1; width:100%} */ .tmbdui-02 .main-board .content-date{color: #666;margin-top: 0;display:block;font-size: 15px;text-align: left;line-height: 1;letter-spacing: -0.15px;margin-top: 52px;font-weight: 400;} .tmbdui-02 .main-board .content-link:hover .content-title, .tmbdui-02 .main-board .content-link:focus .content-title {text-decoration: underline;} /* border-more */ .tmbdui-02 .main-board .board-more{position:absolute;top: -73px;right:0;display: inline-block;width: 36px;height: 36px;} .tmbdui-02 .main-board .board-more a{display:block;width: 100%;height: 100%;position: relative;} .tmbdui-02 .main-board .board-more a span{position:absolute;top:0;left:0;display:block;width: 100%;height: 100%;transition: 0.6s;background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 0L18 36M0 18H36' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: center;} /* .tmbdui-02 .main-board .board-more a span:before,.tmbdui-02 .main-board .board-more a span:after{content:''; display:block; position: absolute; background-color: #2c2c2c;} .tmbdui-02 .main-board .board-more a span:before{width:100%;height:1px;top:50%;left:0; } .tmbdui-02 .main-board .board-more a span:after{width: 1px; height: 100%;top:0; left:50%} */ .tmbdui-02 .main-board[data-type=tab] .board-more{display:none} .tmbdui-02 .main-board .board-more a:hover{} .tmbdui-02 .main-board .board-more a:hover span{transform:rotate(90deg);background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 0L18 36M0 18H36' stroke='%23DD1227' stroke-width='2'/%3E%3C/svg%3E%0A");} .tmbdui-02 .main-board .board-more a:hover span:before,.tmbdui-02 .main-board .board-more a:hover span:after{background-color:#006940; } .tmbdui-02 .main-board[data-type=tab] .board-item button:hover span, .tmbdui-02 .main-board[data-type=tab] .board-item button:focus span {color: #DD1227;} .tmbdui-02 .main-board[data-type=tab] .board-item.active button span{color: #DD1227;} .tmbdui-02 .main-board[data-type=tab] .board-item.active .board-more{display:block} /* border-title */ .tmbdui-02 .main-board .board-title{position:relative;display:block;width: 100%;text-align: left;/* padding: 20px 60px 20px 90px; *//* min-height: 40px; *//* padding-left: 50px; */margin-top: -70px;margin-left: 40px;} .tmbdui-02 .main-board .board-title:before {content:'';width: 5px;height: 5px;display: inline-block;border-radius: 50%;background-color: #ccc;position: absolute;right: 0;top: 50%;margin: -2.5px -22px 0 0px;} .tmbdui-02 .main-board .board-item:last-child .board-title:before {display:none;} /* .tmbdui-02 .main-board .board-title:before{content:''; display:block; width:100%;position: relative; top:50%; left:0; height:1px;background-color: #d6d6d6;} */ .tmbdui-02 .main-board .board-title span{display:inline-block;/* position: absolute; */z-index: 2;font-size: 27px;font-weight: 600;top: 50%;left: 0;/* transform: translate(0,-50%); *//* padding-right:30px; */color: #888;transition: all 0.3s;} .tmbdui-02 .main-board[data-type=tab] .board-item{float:left;} .tmbdui-02 .main-board[data-type=tab] .board-item,.tmbdui-02 .main-board[data-type=tab] .board-title {width:auto;} /* .tmbdui-02 .main-board[data-type=tab] .board-item:before{content:''; display:block;width: calc(100% - 270px); position:absolute;top: 21px;left: 210px; height:1px;background-color: #d6d6d6;} .tmbdui-02 .main-board[data-type=tab] .board-title:before{display:none} */ .service-link {background: linear-gradient(0deg, #2C354E 0%, #2C354E 100%), linear-gradient(91deg, #E9225E 2.24%, #E52037 93.8%);display: block;position: relative;padding: 43.5px 0px 43.5px 190px;margin-top: 61px;} .service-link:before {content:'';display:inline-block;background-repeat: no-repeat;background-position: center;position: absolute;left: 34px;bottom: 0;background-image: url("data:image/svg+xml,%3Csvg width='195' height='160' viewBox='0 0 195 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.08'%3E%3Cpath d='M173.739 43.4377C160.617 30.3208 142.479 22.185 122.448 22.185C102.416 22.185 84.2783 30.2876 71.1565 43.4377C58.0346 56.5546 50.2944 72.5938 49.8958 98.9272V194H70.625V98.9272C70.625 77.7077 76.4384 67.4798 85.8064 58.0821C95.1744 48.7176 108.13 42.9064 122.448 42.9064C136.766 42.9064 149.688 48.7176 159.089 58.0821C168.457 67.4798 174.271 80.3975 174.271 94.7099V194H195V94.7099C195 74.6858 186.894 56.5546 173.773 43.4377H173.739Z' fill='%238696CC'/%3E%3Cpath d='M90.1257 194V96.5364C90.1257 96.5364 89.561 73.2912 109.526 66.2845C109.526 66.2845 134.175 57.1525 145.47 82.3236C145.47 82.3236 138.162 71.166 120.422 75.6157C120.422 75.6157 107.633 78.6044 107.168 97.6322V172.88L90.0925 194H90.1257Z' fill='%238696CC'/%3E%3Cpath d='M0 194V86.1092C0 86.1092 0.232539 52.9683 11.328 34.3058C11.328 34.3058 19.2343 17.0047 36.1099 3.95422C36.1099 3.95422 51.3246 -8.66458 71.2897 -12.7491C71.2897 -12.7491 91.3545 -18.4275 112.217 -14.7747C112.217 -14.7747 133.444 -12.0849 150.353 1.1316C150.353 1.1316 162.511 10.4961 166.398 21.2553C166.398 21.2553 160.419 14.5474 144.672 9.46665C144.672 9.46665 128.926 3.05762 105.207 5.08327C105.207 5.08327 88.3647 5.71421 74.6117 12.721C74.6117 12.721 60.6262 19.4621 51.7233 29.0922C51.7233 29.0922 42.5546 37.5933 36.4422 51.7064C36.4422 51.7064 30.9941 63.0633 30.0307 86.9062V194H0Z' fill='%238696CC'/%3E%3C/g%3E%3C/svg%3E%0A");width: 195px;height: 160px;} .service-link .sl-title {color: #fff;display: inline-block;font-size: 27px;font-weight: 400;line-height: 1;letter-spacing: -0.27px;position: absolute;left: 63px;top: 50%;transform: translateY(-50%);} .service-link .sl-title .bold {} .service-link .sl-list {display: flex;align-items: center;justify-content: flex-end;} .service-link .sl-list li {position:relative;width: 25%;} .service-link .sl-list li:before {content:'';display: inline-block;position: absolute;right: 0px;top: 0;width: 1px;height: 100%;border-right: 1px dashed rgba(255,255,255,0.3);} .service-link .sl-list li:last-child:before {display:none;} .service-link .sl-list li .link {font-size: 16px;color: #fff;font-weight: 600;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;} .service-link .sl-list li .link .icon {display: block;margin: 0 auto 14px;background-repeat: no-repeat;background-position: center;background-size: contain;width: 46px;height: 43px;} .service-link .sl-list li .link .icon.icon1 {background-image: url("data:image/svg+xml,%3Csvg width='46' height='44' viewBox='0 0 46 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.5 8.14062H4.5V33.1406H41.5V8.14062Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5 40.1406H34.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.1995 33.7407L17.1328 40.1407' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.8008 33.7407L28.8674 40.1407' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 20.5L21.2086 24L29 17' stroke='%23FF7777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .service-link .sl-list li .link .icon.icon2 {background-image: url("data:image/svg+xml,%3Csvg width='46' height='44' viewBox='0 0 46 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 23.8203C16.4853 23.8203 18.5 21.8056 18.5 19.3203C18.5 16.835 16.4853 14.8203 14 14.8203C11.5147 14.8203 9.5 16.835 9.5 19.3203C9.5 21.8056 11.5147 23.8203 14 23.8203Z' stroke='%23FF7777' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M25.9314 9.32031H8.87365C6.18231 9.32031 4 11.5094 4 14.2092V26.4314C4 29.1312 6.18231 31.3203 8.87365 31.3203H16.0487C18.1336 31.3203 19.991 29.9894 20.6625 28.0122L21.1931 26.4586C21.9458 24.2531 25.0542 24.2531 25.8069 26.4586L26.3375 28.0122C27.009 29.9894 28.8664 31.3203 30.9513 31.3203H38.1264C40.8177 31.3203 43 29.1312 43 26.4314V14.2092C43 11.5094 40.8177 9.32031 38.1264 9.32031H25.9422H25.9314Z' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M33 23.8203C35.4853 23.8203 37.5 21.8056 37.5 19.3203C37.5 16.835 35.4853 14.8203 33 14.8203C30.5147 14.8203 28.5 16.835 28.5 19.3203C28.5 21.8056 30.5147 23.8203 33 23.8203Z' stroke='%23FF7777' stroke-width='1.8' stroke-linecap='round'/%3E%3Cline x1='4' y1='39.0469' x2='43' y2='39.0469' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");} .service-link .sl-list li .link .icon.icon3 {background-image: url("data:image/svg+xml,%3Csvg width='46' height='44' viewBox='0 0 46 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2469 32C9.62297 32.9541 8 34.2721 8 35.7279C8 38.6396 14.4919 41 22.5 41C30.5081 41 37 38.6396 37 35.7279C37 34.2721 35.377 32.9541 32.753 32' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M22.4998 34.175C22.4998 34.175 33.3673 25.1947 33.3673 16.7405C33.3673 10.712 28.5018 5.82501 22.4998 5.82501C16.4979 5.82501 11.6323 10.712 11.6323 16.7405C11.6323 25.1947 22.4998 34.175 22.4998 34.175Z' stroke='white' stroke-width='2.1' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M22.5001 20.9472C24.8486 20.9472 26.7526 19.0433 26.7526 16.6947C26.7526 14.3461 24.8486 12.4422 22.5001 12.4422C20.1515 12.4422 18.2476 14.3461 18.2476 16.6947C18.2476 19.0433 20.1515 20.9472 22.5001 20.9472Z' stroke='%23FF7777' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .service-link .sl-list li .link .icon.icon4 {background-image: url("data:image/svg+xml,%3Csvg width='46' height='44' viewBox='0 0 46 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.6256 40H9.35445C6.679 40 5 39.295 5 35.14V31.2H24.5352V35.14H24.5302C24.5302 38.435 26.1644 40 28.6256 40ZM28.6256 40C30.8826 40 33.0498 38.765 33.0498 35.14V12.5C33.0498 10.66 32.8256 7 36.4028 7M33.1644 16.825H40V12.5C40 9.065 38.9587 7 35.4014 7H14.247C11.3623 7 9.22491 8.875 9.22491 12.5V30.735' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 20H26' stroke='%23FF7777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 15H26' stroke='%23FF7777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 25H20.5' stroke='%23FF7777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .service-link .sl-list li .link .tit {display: block;text-align: center;font-weight: 600;line-height: 1;position:relative;} .service-link .sl-list li .link .tit:before {content:'';display:block;background-color:#fff;position: absolute;left: 0;bottom: 0;height: 1px;width: 0;transition: all 0.3s;} .service-link .sl-list li .link:hover .tit:before, .service-link .sl-list li .link:focus .tit:before {width:100%;} .notice-area .box.right-box {} .popupzone {width: 395px;} .popupzone .slide-ui-sample2 {position: relative;} .popupzone .slide-ui-sample2 .slide-title {font-size: 22px;color: #222;font-weight: 800;line-height: 1;display: inline-block;position: absolute;right: -41px;top: 0;/* writing-mode: tb; */} .popupzone .slide-ui-sample2 .slide-title .tit {background-image: url("data:image/svg+xml,%3Csvg width='17' height='136' viewBox='0 0 17 136' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.18164L16.5547 0.18164L16.5547 6.54102C16.5547 10.043 14.374 12.2021 11.2051 12.1914C7.99316 12.2021 5.87695 10 5.87695 6.43359L5.87695 3.83398L1 3.83398L1 0.18164ZM8.77734 3.83398L8.77734 5.76758C8.7666 7.49707 9.7334 8.41016 11.2051 8.41016C12.6553 8.41016 13.5898 7.49707 13.5898 5.76758L13.5898 3.83398L8.77734 3.83398ZM8.77734 28.627C3.65332 28.6377 0.785155 25.4043 0.785155 21.2363C0.785155 17.0469 3.6748 13.8457 8.77734 13.8457C13.9121 13.8457 16.7695 17.0469 16.7695 21.2363C16.7695 25.4043 13.9121 28.6377 8.77734 28.627ZM8.77734 17.584C5.68359 17.584 4.00781 18.9697 4.00781 21.2363C4.00781 23.5137 5.68359 24.8994 8.77734 24.8887C11.8711 24.8994 13.5576 23.5137 13.5469 21.2363C13.5576 18.9697 11.8711 17.584 8.77734 17.584ZM0.999999 30.7969L16.5547 30.7969L16.5547 37.1562C16.5547 40.6582 14.374 42.8174 11.2051 42.8066C7.99316 42.8174 5.87695 40.6152 5.87695 37.0488L5.87695 34.4492L0.999998 34.4492L0.999999 30.7969ZM8.77734 34.4492L8.77734 36.3828C8.7666 38.1123 9.7334 39.0254 11.2051 39.0254C12.6553 39.0254 13.5898 38.1123 13.5898 36.3828L13.5898 34.4492L8.77734 34.4492ZM16.5547 54.0859L16.5547 57.7598L6.52148 57.7598C3.04101 57.7598 0.795896 55.1172 0.785154 51.207C0.795896 47.2646 3.04101 44.6543 6.52148 44.6543L16.5547 44.6543L16.5547 48.3066L6.82226 48.3066C5.17871 48.3066 3.98633 49.4775 3.98633 51.207C3.98633 52.9258 5.17871 54.0967 6.82226 54.0859L16.5547 54.0859ZM0.999997 60.123L16.5547 60.123L16.5547 66.4824C16.5547 69.9844 14.374 72.1436 11.2051 72.1328C7.99316 72.1436 5.87695 69.9414 5.87695 66.375L5.87695 63.7754L0.999997 63.7754L0.999997 60.123ZM8.77734 63.7754L8.77734 65.709C8.7666 67.4385 9.7334 68.3516 11.2051 68.3516C12.6553 68.3516 13.5898 67.4385 13.5898 65.709L13.5898 63.7754L8.77734 63.7754ZM0.999997 78.8145L3.10547 78.8145L13.5684 86.4199L13.5684 78.8145L16.5547 78.8145L16.5547 91.0391L14.4492 91.0391L3.98632 83.4551L3.98632 91.0391L0.999996 91.0391L0.999997 78.8145ZM8.77734 107.174C3.65332 107.185 0.785152 103.951 0.785152 99.7832C0.785152 95.5937 3.6748 92.3926 8.77734 92.3926C13.9121 92.3926 16.7695 95.5937 16.7695 99.7832C16.7695 103.951 13.9121 107.185 8.77734 107.174ZM8.77734 96.1309C5.68359 96.1309 4.00781 97.5166 4.00781 99.7832C4.00781 102.061 5.68359 103.446 8.77734 103.436C11.8711 103.446 13.5576 102.061 13.5469 99.7832C13.5576 97.5166 11.8711 96.1309 8.77734 96.1309ZM16.5547 122.535L0.999995 122.535L0.999995 119.42L10.1309 113.104L10.1309 112.996L0.999995 112.996L0.999995 109.344L16.5547 109.344L16.5547 112.502L7.42382 118.754L7.42382 118.883L16.5547 118.883L16.5547 122.535ZM0.999994 124.898L16.5547 124.898L16.5547 135.662L13.5684 135.662L13.5684 128.551L10.2812 128.551L10.2812 135.104L7.29492 135.104L7.29492 128.551L3.98632 128.551L3.98632 135.684L0.999994 135.684L0.999994 124.898Z' fill='%23222222'/%3E%3C/svg%3E%0A");font-size: 0;background-repeat: no-repeat;background-position: center;width: 17px;height: 136px;display: block;} .popupzone .slide-ui-sample2 .slide, .popupzone .slide-ui-sample2 .slide .item {height: 555px;} .popupzone .slide-ui-sample2 .slide {overflow: hidden;box-shadow: 3px 10px 25px 0px rgba(0, 0, 0, 0.10);} .popupzone .slide-ui-sample2 .slide .slick-list {height: 100%;} .popupzone .slide-ui-sample2 .slide .item {width: 100%;display: block;} .popupzone .slide-ui-sample2 .slide .item .link {width: 100%;height: 100%;display: block;} .popupzone .slide-ui-sample2 .slide .item .link .mv-link {width: 100%;height: 100%;display: block;position: relative;overflow: hidden;} .popupzone .slide-ui-sample2 .slide .item .link .mv-link:focus {border: 1px dashed #000;} .popupzone .slide-ui-sample2 .slide .item .link .mv-link img {position: absolute;left: 50%;top: 0;max-width: none;max-height: none;height: 100%;width: auto;transform: translateX(-50%);} .popupzone .slide_control {display: flex;align-items:center;flex-direction: column;position: absolute;right: -41px;top: 159px;} .popupzone .slide_control:before {content:'';display:inline-block;height: 75px;width: 1px;background-color: #000;opacity: 0.2;margin-bottom: 35px;} .popupzone .slide_control .total {font-size: 18px;display: flex;align-items:center;/* writing-mode: tb; */flex-direction: column;} .popupzone .slide_control .total .current {transform: rotate(90deg);color: #ED1A3B;font-weight: 700;line-height: 1;} .popupzone .slide_control .total .line {font-size:0;width: 1px;height: 12px;background-color: rgba(0,0,0,0.5);display:inline-block;margin:11px 0px;} .popupzone .slide_control .total .count {transform: rotate(90deg);color: #000;font-weight: 400;line-height: 1;} .popupzone .slide_control .btn-wrap {margin-top: 17px;display: flex;align-items: center;flex-direction: column;} .popupzone .slide_control .button {font-size: 0;width: 17px;height: 17px;display: inline-block;background-repeat: no-repeat;background-position: center;transition: all 0.3s;} .popupzone .slide_control .button.prev {background-image: url("data:image/svg+xml,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9316 8.40039L7.53106 1.99977L1.13048 8.40039' stroke='%23444444' stroke-width='2.5'/%3E%3C/svg%3E%0A");margin-bottom: 4px;} .popupzone .slide_control .button.prev:hover, .popupzone .slide_control .button.prev:focus {background-image: url("data:image/svg+xml,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9365 8.40039L7.53594 1.99977L1.13536 8.40039' stroke='%23DD1227' stroke-width='2.5'/%3E%3C/svg%3E%0A");} .popupzone .slide_control .button.next {background-image: url("data:image/svg+xml,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9316 1L7.53106 7.40062L1.13048 1' stroke='%23444444' stroke-width='2.5'/%3E%3C/svg%3E%0A");margin-top: 4px;} .popupzone .slide_control .button.next:hover, .popupzone .slide_control .button.next:focus {background-image: url("data:image/svg+xml,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9365 1L7.53594 7.40062L1.13536 1' stroke='%23DD1227' stroke-width='2.5'/%3E%3C/svg%3E%0A");} .popupzone .slide_control .button.stop {background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='13.334' y1='1.65039' x2='-0.00507843' y2='1.65039' stroke='%23444444' stroke-width='2.5'/%3E%3Cline x1='13.334' y1='7.74882' x2='-0.00507843' y2='7.74882' stroke='%23444444' stroke-width='2.5'/%3E%3C/svg%3E%0A");} .popupzone .slide_control .button.stop:hover, .popupzone .slide_control .button.stop:focus {background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='13.3389' y1='1.65039' x2='-0.000195616' y2='1.65039' stroke='%23DD1227' stroke-width='2.5'/%3E%3Cline x1='13.3389' y1='7.74882' x2='-0.000195616' y2='7.74882' stroke='%23DD1227' stroke-width='2.5'/%3E%3C/svg%3E%0A");} .popupzone .slide_control .button.play {background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99989 8.40054L15.4004 1.71181e-08L0.59939 1.01412e-07L7.99989 8.40054Z' fill='%23444444'/%3E%3C/svg%3E%0A");} .popupzone .slide_control .button.play:hover, .popupzone .slide_control .button.play:focus {background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.43491 8.86958L14.8696 0.434814L0.000189724 0.434815L7.43491 8.86958Z' fill='%23DD1227'/%3E%3C/svg%3E%0A");} /* section3 */ .section3 {background: linear-gradient(90deg, #FCF8F8 11.09%, #F9F9FE 100%);margin-top: 81px;position: relative;} .section3> .s-inner {position: static;} .calendar-area {/* position: relative; */} .calendar-area .c-wrap {display: block;position: relative;} .calendar-area .c-wrap .c-title {display: flex;align-items: center;justify-content: center;flex-direction: column;position: absolute;left: 25px;top: 50%;transform: translateY(-50%);} .calendar-area .c-wrap .c-title .c-month {color: #000;font-family: 'nmj';font-size: 85px;line-height: 1;font-weight: 800;display: block;} .calendar-area .c-wrap .c-title .c-m-title {display: block;color: #000;font-size: 24px;line-height: 1;font-weight: 300;margin-top: 5px;} .calendar-area .c-wrap .c-title .c-m-title .bold {display: inline-block;line-height: 1;} .calendar-area .c-wrap .c-content {padding: 0 320px 0 268px;} .calendar-area .c-wrap .c-content .swiper-container {padding: 80px 0;width: calc(100% + 32px);margin: 0 -16px;} .calendar-area .c-wrap .c-content .swiper-container .swiper-wrapper {} .calendar-area .c-wrap .c-content .swiper-container .swiper-wrapper .swiper-slide {display: inline-block;padding: 0 16px;} .calendar-day {display:block;min-width: 25px;} .calendar-day .c-link {display: flex;align-items: center;justify-content: center;flex-direction: column;color: #222;position: relative;width: 100%;} .calendar-day .c-link.sat {color: #2A52B9;} .calendar-day .c-link.sun {color: #ED1A3B;} .calendar-day .c-link .c-num {display: block;font-size: 19px;line-height: 1;font-weight: 800;margin-bottom: 15px;position: relative;} .calendar-day a.c-link.on .c-num, .calendar-day a.c-link:hover .c-num, .calendar-day a.c-link:focus .c-num {color:#fff;} .calendar-day .c-link .c-num:before {content:'';width: 35px;height: 35px;display: inline-block;position: absolute;background-color: #222222;z-index: -1;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 0;transition: all 0.3s;} .calendar-day a.c-link.on .c-num:before, .calendar-day a.c-link:hover .c-num:before, .calendar-day a.c-link:focus .c-num:before {opacity:1;} .calendar-day.check .c-link .c-num {text-decoration: underline;text-decoration-thickness: 2px;} .calendar-day .c-link .c-day {display: block;font-size: 17px;font-weight: 400;line-height: 1;} .calendar-day.today .c-link .c-day {color: #BB5B00;} .calendar-day .c-link .red-day {border-radius: 100px;border: 1px solid #ED1A3B;display: inline-block;color: #ED1A3B;line-height: 1;padding: 6px 8px;position: absolute;left: 50%;transform: translateX(-50%);top: calc(100% + 8px);font-size: 12px;font-weight: 800;} .calendar-day .c-link .red-day.long {min-width: 61px;} .s-btn-wrap .swiper-button-next, .swiper-button-prev {width: 18px;height: 32px;background-size: contain;z-index: 1;margin-top: -16px;} .s-btn-wrap .swiper-button-next {background-image: url("data:image/svg+xml,%3Csvg width='18' height='32' viewBox='0 0 18 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.92986 0.914062L16.4751 15.9246M1 30.4586L15.5452 15.4481' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E%0A");right: calc(100% / 2 - 454px);} .s-btn-wrap .swiper-button-prev {background-image: url("data:image/svg+xml,%3Csvg width='18' height='32' viewBox='0 0 18 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5452 0.914062L1 15.9246M16.4751 30.4586L1.92986 15.4481' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E%0A");left: calc(100% / 2 - 495px);} .s-btn-wrap .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 0.2;} .calendar-area .c-wrap .c-btn {position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: inline-block;} .calendar-area .c-wrap .c-btn .btn-more {display: flex;width: 182px;height: 60px;border: 1px solid rgba(0, 0, 0, 0.30);align-items: center;padding-left: 25px;color: #000;font-size: 20px;font-weight: 600;position:relative;transition:all 0.3s;} .calendar-area .c-wrap .c-btn .btn-more:before {content:'';transition:all 0.3s;display:inline-block;background-repeat: no-repeat;background-position: center;position: absolute;right: 25px;top: 50%;transform: translateY(-50%);background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0L10 20M0 10H20' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");width: 20px;height: 20px;} .calendar-area .c-wrap .c-btn .btn-more:hover, .calendar-area .c-wrap .c-btn .btn-more:focus {background-color: #000;color: #fff;} .calendar-area .c-wrap .c-btn .btn-more:hover:before, .calendar-area .c-wrap .c-btn .btn-more:focus:before {background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0L10 20M0 10H20' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");} .calendar-area .c-wrap .c-btn .btn-more .tit {} .pro-list {background-color: #fff;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.10);position: absolute;left: 0;top: 100%;width: 100%;z-index: 1;} .pro-list .program-list {position:relative;} .pro-list .program-list:before {content:''; /* 그림자 추가 */display: inline-block;position: absolute;bottom: 100%;left: 50%;margin-left: -30px;background-image: url("data:image/svg+xml,%3Csvg width='60' height='36' viewBox='0 0 60 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_4675_29007)'%3E%3Cpath d='M29.5167 0L52.0333 36.5H7L29.5167 0Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_4675_29007' x='-3' y='-8' width='65.0333' height='56.5' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_4675_29007'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_4675_29007' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");width: 60px;height: 36px;} .pl-list {max-width: 1420px;width: 100%;display: block;margin: 0 auto;position: relative;padding: 31px 55px 31px 159px;} .pl-list .swiper-container {} .pl-list .swiper-container .swiper-wrapper {width: calc(100% + 70px);margin: 0 -35px;} .pl-list .swiper-container .swiper-wrapper .swiper-slide {padding: 0 35px;} .pl-list .swiper-container .swiper-wrapper .swiper-slide .item {} .pl-list .swiper-container .swiper-wrapper .swiper-slide .item .link {display: block;width: 100%;height: 100%;position:relative;padding-left: 10px;} .pl-list .swiper-container .swiper-wrapper .swiper-slide .item .link:before {content:'';width: 3px;height: 14px;display: inline-block;background-color: #DD1227;position: absolute;left: 0;top: 0;} .pl-list .swiper-container .swiper-wrapper .swiper-slide .item .link .p-title {display: block;color: #222;font-size: 16px;font-weight: 600;line-height: 1;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;width: 100%;white-space: nowrap;} .pl-list .swiper-container .swiper-wrapper .swiper-slide .item .link .p-date {display: block;color: #666;font-size: 14px;font-weight: 400;line-height: 1;margin-top: 8px;} .pl-list .swiper-container .swiper-wrapper .swiper-slide .item .link .p-date br {display:none;} .pl-list .p-btn-wrap {} .pl-list .p-btn-wrap .swiper-button-prev, .pl-list .p-btn-wrap .swiper-button-next {width: 10px;height: 17px;background-size: contain;top: 50%;margin-top: -8.5px;transition: all 0.3s;} .pl-list .p-btn-wrap .swiper-button-prev {background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5452 1L1 9.01057M8.47505 15.5446L1.92986 8.534' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E%0A");left: calc(100% / 2 - 660px);} .pl-list .p-btn-wrap .swiper-button-prev:hover, .pl-list .p-btn-wrap .swiper-button-prev:focus {background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5452 1.14209L1 9.15266M8.47505 15.6867L1.92986 8.67609' stroke='%23DD1227' stroke-width='2'/%3E%3C/svg%3E%0A");} .pl-list .p-btn-wrap .swiper-button-next {background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.929902 1L8.4751 9.01057M1.00004 15.5446L7.54524 8.534' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E%0A");right: calc(100% / 2 - 673px);} .pl-list .p-btn-wrap .swiper-button-next:hover, .pl-list .p-btn-wrap .swiper-button-next:focus {background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.929902 1.14209L8.4751 9.15266M1.00004 15.6867L7.54524 8.67609' stroke='%23DD1227' stroke-width='2'/%3E%3C/svg%3E%0A");} .pro-list .btn-wrap {width: 16px;height: 16px;display: inline-block;position: absolute;right: 0;top: 50%;margin-top: -8px;} .pro-list .btn-wrap .modal__close-button {width: 100%;height: 100%;position: relative;display: block;font-size: 0;} .pro-list .btn-wrap .modal__close-button .tit {background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.07107 0.928932L15.2132 15.0711M1.07107 15.0711L15.2132 0.928932' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");width: 100%;height: 100%;display: block;background-repeat: no-repeat;background-position: center;background-size: contain;transition: all 0.3s;} .pro-list .btn-wrap .modal__close-button:hover .tit, .pro-list .btn-wrap .modal__close-button:focus .tit {background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.07107 1.07102L15.2132 15.2132M1.07107 15.2132L15.2132 1.07102' stroke='%23DD1227' stroke-width='2'/%3E%3C/svg%3E%0A");} /* section4 */ .section4 {margin-top: 192px;} .section4> .s-inner {} .tmbdui-25 {position: relative;} .tmbdui-25 .text_wrap {} .tmbdui-25 .text_wrap .sc-title {display: block;font-family: 'nmj';font-size: 45px;color: #000;font-weight: 800;line-height: 1;} .tmbdui-25 .text_wrap .sc-title .point {color: rgba(204, 204, 204, 0.80);} .tmbdui-25 .text_wrap .sc-title, .tmbdui-25 .main-board .board-content .ul .li {padding-left:526px;} .tmbdui-25 .main-board {min-height: 496px;display: flex;justify-content: flex-end;padding-right: 77px;} .tmbdui-25 .main-board .board-item {margin-top: -37px;} .tmbdui-25 .main-board .board-item.active {} .tmbdui-25 .main-board .board-item .board-title {display: inline-block;font-size: 27px;line-height: 1;color: #888;font-weight: 600;transition: all 0.3s;margin-left: 45px;position: relative;} .tmbdui-25 .main-board .board-item .board-title:before {content:'';display:inline-block;position: absolute;left: -25px;top: 10px;width: 5px;height: 5px;background-color: #ccc;border-radius: 50%;} .tmbdui-25 .main-board .board-item:first-child .board-title:before {display:none;} .tmbdui-25 .main-board .board-item .board-title:hover, .tmbdui-25 .main-board .board-item .board-titleLfocus, .tmbdui-25 .main-board .board-item.active .board-title {color:#DD1227;} .tmbdui-25 .main-board .board-item .board-title span {} .tmbdui-25 .main-board .board-content {display:none;} .tmbdui-25 .main-board .board-item.active .board-content {display:block;} .tmbdui-25 .main-board .board-content .ul {position: absolute;left: 0;top: 91px;display: block;width: 100%;} .tmbdui-25 .main-board .board-content .ul .li {} .tmbdui-25 .main-board .board-content .ul .li.on {} .tmbdui-25 .main-board .board-content .ul .li .content-link {display: block;position: relative;padding: 29px 150px 29px 124px;width: 100%;height: 100%;border-bottom: 1px solid #ccc;transition: all 0.3s;} .tmbdui-25 .main-board .board-content .ul .li.on .content-link {border-bottom: 1px solid #000;} .tmbdui-25 .main-board .board-content .ul .li .content-link .cat {width: 94px;height: 94px;display: inline-block;color: #fff;font-size: 24px;font-weight: 700;position: absolute;left: 0;top: 28px;} .tmbdui-25 .main-board .board-content .ul .li .content-link .cat.cat1 {background-color: #DD1227;} .tmbdui-25 .main-board .board-content .ul .li .content-link .cat.cat2 {background-color: #222222;} .tmbdui-25 .main-board .board-content .ul .li .content-link .cat.cat3 {} .tmbdui-25 .main-board .board-content .ul .li .content-link .cat .tit {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info {} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .n-cat {display: inline-block;min-width: 92px;text-align: center;border: 1px solid #ccc;line-height: 1;font-size: 14px;color: #222;font-weight: 600;padding: 8px;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .n-cat .tit {display: block;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .notice-title {display: block;font-size: 20px;font-weight: 700;color: #222;line-height: 1;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;width: calc(100% - 0px);white-space: nowrap;margin-top: 6px;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .notice-time {display: flex;align-items: center;justify-content: flex-start;margin-top: 18px;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .notice-time .tit {font-size: 15px;display: inline-block;vertical-align: middle;color: #444;font-weight: 400;line-height: 1;margin-right: 30px;position: relative;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .notice-time .tit:before {content:'';width: 1px;height: 12px;background-color: #ccc;position: absolute;right: -17px;top: 1px;display: inline-block;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .notice-time .tit:last-child {margin-right:0;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .notice-time .tit:last-child:before {display:none;} .tmbdui-25 .main-board .board-content .ul .li .content-link .n-status {display: inline-block;font-size: 20px;line-height: 1;font-weight: 600;position: absolute;right: 70px;top: 50%;transform: translateY(-50%);} .tmbdui-25 .main-board .board-content .ul .li .content-link .n-status .tit {display: block;line-height: 1;font-weight: 600;} .tmbdui-25 .main-board .board-content .ul .li .content-link .n-status.ns1 {color:#999;} .tmbdui-25 .main-board .board-content .ul .li .content-link .n-status.ns2 {color:#002078;} .tmbdui-25 .main-board .board-content .ul .li .content-link .n-status.ns3 {color:#DD1227;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-arrow {width: 42px;height: 42px;display: inline-block;background-repeat: no-repeat;background-position: center;transition: all 0.3s;background-image: url("data:image/svg+xml,%3Csvg width='19' height='15' viewBox='0 0 19 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3944 7.51714H0M11.14 1L17.9929 7.83973M11.1471 14L18 7.16027' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");border-radius: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .tmbdui-25 .main-board .board-content .ul .li.on .content-link .notice-arrow {background-color: #000;background-image: url("data:image/svg+xml,%3Csvg width='19' height='15' viewBox='0 0 19 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3944 7.51714H0M11.14 1L17.9929 7.83973M11.1471 14L18 7.16027' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");} .tmbdui-25 .main-board .board-content .img-box{position:absolute;left: 0;top: -103px;/* padding-right:50px; */width: 395px;height: 556px;} .tmbdui-25 .main-board .board-content .img-box .img-link{display:none;width: 100%;height: 100%;box-shadow: 3px 10px 25px 0px rgba(0, 0, 0, 0.10);transition: 0.3s;position: relative;overflow: hidden;background-color: #FAFAFA;} .tmbdui-25 .main-board .board-content .img-box .img-link img{/* height: 101%; *//* width: auto; */max-height: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;width: 100%;height: auto;} .tmbdui-25 .main-board .board-content .li.on .img-box .img-link{display: flex;align-items: center;} /* .tmbdui-25 .main-board .board-content .li:first-child .img-box .img-link {display:flex;} */ .tmbdui-25 .main-board .board-content .notice-more {position: absolute;right: 0;top: 4px;width: 36px;height: 36px;display: inline-block;} .tmbdui-25 .main-board .board-content .notice-more .btn-more {width: 100%;height: 100%;display: block;position: relative;} .tmbdui-25 .main-board .board-content .notice-more .btn-more .more-btn {background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 0L18 36M0 18H36' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;transition: all 0.6s;} .tmbdui-25 .main-board .board-content .notice-more .btn-more:hover .more-btn, .tmbdui-25 .main-board .board-content .notice-more .btn-more:focus .more-btn {background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 0L18 36M0 18H36' stroke='%23DD1227' stroke-width='2'/%3E%3C/svg%3E%0A");transform:rotate(90deg)} /* section5 */ .section5 {margin-top: 185px;} .section5> .s-inner {max-width: 1920px;padding: 0;} .junsi-area {width: calc(100% + 20px);margin: 0 -10px;} .junsi-area:after {content:'';display:block;clear:both;} .junsi-area .box {float:left;padding: 0 10px;} .junsi-area .box.left-box {width: calc(100% - 490px);height: 770px;} .junsi-area .box.left-box .text-area {position: absolute;left: 0;top: 0;z-index: 1;background-color: #0A2365;height: 100%;max-width: 470px;width: 100%;color: #fff;text-align: center;padding: 135px 0 0 0;} .junsi-area .box.left-box .text-area:before {content:'';display:inline-block;background-repeat:no-repeat;background-position:center;background-size: contain;position: absolute;right: 0;bottom: 0;background-image: url("data:image/svg+xml,%3Csvg width='359' height='401' viewBox='0 0 359 401' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2' clip-path='url(%23clip0_4435_469022)'%3E%3Cpath d='M408.944 152.336C382.914 126.324 346.933 110.19 307.196 110.19C267.459 110.19 231.478 126.258 205.448 152.336C179.418 178.348 164.063 210.156 163.272 262.377V450.915H204.393V262.377C204.393 220.297 215.926 200.014 234.509 181.378C253.093 162.807 278.793 151.283 307.196 151.283C335.598 151.283 361.233 162.807 379.882 181.378C398.466 200.014 409.998 225.631 409.998 254.014V450.915H451.119V254.014C451.119 214.304 435.04 178.348 409.01 152.336H408.944Z' fill='%23355098'/%3E%3Cpath d='M243.078 450.915V257.636C243.078 257.636 241.957 211.539 281.563 197.644C281.563 197.644 330.46 179.534 352.865 229.451C352.865 229.451 338.368 207.324 303.177 216.148C303.177 216.148 277.806 222.075 276.884 259.809V409.033L243.012 450.915H243.078Z' fill='%23355098'/%3E%3Cpath d='M64.293 450.915V236.958C64.293 236.958 64.7543 171.236 86.7645 134.227C86.7645 134.227 102.448 99.9173 135.925 74.0369C135.925 74.0369 166.107 49.0127 205.712 40.9127C205.712 40.9127 245.515 29.6518 286.9 36.8956C286.9 36.8956 329.009 42.2298 362.552 68.4394C362.552 68.4394 386.671 87.01 394.381 108.346C394.381 108.346 382.519 95.0441 351.283 84.9686C351.283 84.9686 320.047 72.2589 272.995 76.2759C272.995 76.2759 239.584 77.5271 212.302 91.4222C212.302 91.4222 184.559 104.79 166.898 123.888C166.898 123.888 148.71 140.746 136.584 168.734C136.584 168.734 125.777 191.256 123.866 238.538V450.915H64.293Z' fill='%23355098'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4435_469022'%3E%3Crect width='359' height='401' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");width: 359px;height: 401px;} .junsi-area .box.left-box .text-area .ex-sub-title {font-size: 20px;font-weight: 300;display: block;letter-spacing: 23.6px;padding-left:114px;text-align: left;} .junsi-area .box.left-box .text-area .ex-title {display: block;font-size: 50px;font-weight: 700;line-height: 1;letter-spacing: -0.5px;margin-top: 13px;padding-left:110px;text-align: left;} .ui-thumb__photo {width: 100%;height: 100%;display: block;overflow: hidden;position:relative;} .ui-thumb__photo .slider-for {width: 100%;height: 100%;display:block;} .ui-thumb__photo .slider-for .slick-list {height: 100%;} .ui-thumb__photo .slider-for .slick-list .slick-track {height: 100%;} .ui-thumb__photo .slider-for .slick-list .slick-track .slick-slide div {height: 100%;} .ui-thumb__photo .slider-for .images-fade {width: 100%;height: 100%;display: block;position: relative;overflow: hidden;} .ui-thumb__photo .slider-for .images-fade img {position: absolute;left: 0;top: 50%;max-width: none;max-height: none;width: 100%;height: auto;transform: translateY(-50%);} .ui-thumb__photo .slider-nav {max-height: 307px;/* margin: -19px 0; */position: absolute;left: 100px;bottom: 150px;z-index: 1;display: inline-block;max-width: 370px;width: 100%;padding-right: 82px;overflow: hidden;height: calc(100% + 40px);margin: -20px 0;} .ui-thumb__photo .slider-nav .slick-list {overflow: visible;/* height: 100% !important; */padding: 0 !important;} .ui-thumb__photo .slider-nav .slick-list .slick-track {/* height:100% !important; */} .ui-thumb__photo .slider-nav .images-fade {/* margin-bottom: 37px; */padding: 20px 0;} .ui-thumb__photo .slider-nav .images-fade .floor-info {height: 78px;/* height: 107px; */position: relative;display: block;} .ui-thumb__photo .slider-nav .images-fade .floor-info:focus {border:1px dashed #fff;} .ui-thumb__photo .slider-nav .images-fade .floor-info:before {content:'';background-image: url("data:image/svg+xml,%3Csvg width='19' height='15' viewBox='0 0 19 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3944 7.51714H0M11.14 1L17.9929 7.83973M11.1471 14L18 7.16027' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");display: inline-block;width: 19px;height: 15px;position: absolute;right: 0;top: 16px;opacity: 0;transition: all 0.3s;} .ui-thumb__photo .slider-nav .images-fade .floor-info:hover:before {animation:arrow 1.3s ease-in-out infinite;} .ui-thumb__photo .slider-nav .slick-current.slick-active .images-fade .floor-info:before {opacity:1;} /* .ui-thumb__photo .slider-nav .slick-current.slick-active .images-fade .floor-info {} */ .ui-thumb__photo .slider-nav .images-fade .floor-info .f-title {display: flex;align-items: center;} .ui-thumb__photo .slider-nav .images-fade .floor-info .f-title .floor-num {width: 46px;height: 46px;border: 1px solid #fff;display: inline-block;vertical-align: middle;text-align: center;font-size: 20px;line-height: 46px;color: #fff;font-weight: 700;transition:all 0.3s;} .ui-thumb__photo .slider-nav .images-fade .floor-info:hover .f-title .floor-num, .ui-thumb__photo .slider-nav .images-fade .floor-info:focus .f-title .floor-num {background-color:#fff;color: #0A2365;} .ui-thumb__photo .slider-nav .slick-current.slick-active .images-fade .floor-info .f-title .floor-num {background-color:#fff;color: #0A2365;} .ui-thumb__photo .slider-nav .images-fade .floor-info .f-title .floor-title {display: inline-block;color: #fff;font-size: 22px;line-height: 1;font-weight: 700;letter-spacing: -0.22px;margin-left: 15px;} .ui-thumb__photo .slider-nav .images-fade .floor-info .f-sub-title {display: none;overflow:hidden;} .ui-thumb__photo .slider-nav .images-fade .floor-info .f-sub-title .tit {font-size: 15px;color: #fff;display: block;font-weight: 400;line-height: 146%;margin-top: 11px;transition: all 0.3s;/* min-height: 44px; */} .ui-thumb__photo .slider-nav .slick-current.slick-active .images-fade .floor-info .f-sub-title {display:block;} /* .ui-thumb__photo .slider-nav .slick-current.slick-active .images-fade .floor-info .f-sub-title .tit {transform:translateY(0);} */ .junsi-area .ui-thumb__photo.bottom__photo .slide_control {position: absolute; left: 100px; top: 254px; display: flex; align-items: center; border: 1px solid rgba(255,255,255,0.2); background-color: transparent; z-index: 100;} .junsi-area .ui-thumb__photo.bottom__photo .slide_control .button {width: 35px; height: 35px; background-position: center; background-repeat: no-repeat;} .junsi-area .ui-thumb__photo.bottom__photo .slide_control .button.prev {background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.74089 13.9318L1.35907 7.54997L7.74089 1.16815' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .junsi-area .ui-thumb__photo.bottom__photo .slide_control .button.next {background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.15456 13.9318L7.53638 7.54997L1.15456 1.16815' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .junsi-area .ui-thumb__photo.bottom__photo .slide_control .button.play {background-image: url("data:image/svg+xml,%3Csvg width='13' height='19' viewBox='0 0 13 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1272 8.74407C12.5876 9.14284 12.5876 9.85716 12.1272 10.2559L5.15468 16.2943C4.50704 16.8551 3.50003 16.3951 3.50003 15.5383L3.50003 3.46166C3.50003 2.60491 4.50704 2.14485 5.15468 2.70573L12.1272 8.74407Z' fill='white'/%3E%3C/svg%3E%0A");} .junsi-area .ui-thumb__photo.bottom__photo .slide_control .button.stop {background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1V12.9318' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.50494 1V12.9318' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .junsi-area .ui-thumb__photo.bottom__photo .slide_control .button.play, .junsi-area .ui-thumb__photo.bottom__photo .slide_control .button.stop {border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2); min-width: 37px;} .ui-thumb__photo .btn-more {width: calc(100% - 100px);height: 80px;display: flex;position: absolute;right: 0;bottom: 276px;justify-content: space-between;align-items: center;z-index: 1;padding-right: 69px;} .ui-thumb__photo .btn-more:before {content:'';display:block;width: calc(100% - 132px);height: 2px;background-color: #fff;opacity: 0.6;} .ui-thumb__photo .btn-more .btn-link {width: 82px;height: 82px;display: block;position: relative;} .ui-thumb__photo .btn-more .btn-link .more-btn {width: 100%;height: 100%;display: block;background-repeat: no-repeat;background-position: center;background-size: contain;position: absolute;left: 0;top: 0;transition: all 0.6s;background-image: url("data:image/svg+xml,%3Csvg width='82' height='82' viewBox='0 0 82 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41 0L41 82M0 41H82' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");} .ui-thumb__photo .btn-more .btn-link:hover .more-btn, .ui-thumb__photo .btn-more .btn-linkLfocus .more-btn {transform:rotate(90deg);} .ex-mobile {display:none;} .ex-mobile .exm-wrap {width: calc(100% + 42px);margin: 0 -21px;} .ex-mobile .exm-wrap:after {content:'';display:block;clear:both;} .ex-mobile .exm-wrap .item {float:left;width: 33.333%;padding: 0 21px;} .ex-mobile .exm-wrap .item .link {width: 100%;height: 100%;display: block;position: relative;} .ex-mobile .exm-wrap .item .link .thm-box {width: 100%;height: 208px;display: block;margin: 0 auto 20px;} .ex-mobile .exm-wrap .item .link .thm-box .thm-inner {width: 100%;height: 100%;display: block;position: relative;overflow: hidden;} .ex-mobile .exm-wrap .item .link .thm-box .thm-inner img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;max-height: none;height: 103%;width: auto;transition: all 0.3s;} .ex-mobile .exm-wrap .item .link:hover .thm-box .thm-inner img, .ex-mobile .exm-wrap .item .link:focus .thm-box .thm-inner img {height: 110%;} .ex-mobile .exm-wrap .item .link .info-box {} .ex-mobile .exm-wrap .item .link .info-box .f-title {} .ex-mobile .exm-wrap .item .link .info-box .f-title .floor-num {width: 30px;height: 30px;display: inline-block;background-color: #fff;text-align: center;line-height: 30px;font-weight: 700;color: #0A2365;vertical-align: middle;} .ex-mobile .exm-wrap .item .link .info-box .f-title .floor-title {display: inline-block;font-size: 18px;font-weight: 700;color: #fff;vertical-align: middle;margin-left: 6px;} .ex-mobile .exm-wrap .item .link .info-box .f-sub-title {font-size: 15px;display: block;font-weight: 400;color: #fff;line-height: 146%;margin-top: 15px;} .ex-mobile .exm-wrap .item .link .info-box .f-sub-title .tit {} .junsi-area .box.right-box {} .etc-link {height: 770px;width: 470px;} .etc-link .link {width: 100%;height: 100%;display: flex;position: relative;align-items: flex-end;} .etc-link .link .thm-box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow:hidden;} .etc-link .link .thm-box .thm-inner {width: 100%;height: 100%;display: block;background-repeat: no-repeat;background-position: top center;background-size: cover;background-image: url(/images/kor/main/etc-img.jpg);transition: all 0.4s;} .etc-link .link:hover .thm-box .thm-inner, .etc-link .link:focus .thm-box .thm-inner {transform: scale(1.05);} .etc-link .link .info-box {position: relative;z-index: 1;min-height: 260px;background-color: #000;padding: 71px 24px 0 58px;} .etc-link .link .info-box .info-title {display: block;font-size: 36px;color: #fff;line-height: 1;letter-spacing: -0.72px;font-weight: 700;} .etc-link .link .info-box .info-tit {display: block;font-size: 15px;font-weight: 400;letter-spacing: -0.3px;font-weight: 400;line-height: 146%;color: #fff;margin-top: 30px;} .etc-link .link .info-box .info-plus {background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 0L18 36M0 18H36' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");width: 36px;height: 36px;display: inline-block;position: absolute;right: 52px;top: 71px;background-repeat: no-repeat;background-position: center;transition: all 0.4s;} .etc-link .link:hover .info-box .info-plus, .etc-link .link:focus .info-box .info-plus {transform:rotate(90deg)} /* section6 */ .section6 {margin-top: 128px;} .section6> .s-inner {} .review-area {} .tmbdui-03 {position: relative;} .tmbdui-03 .main-board {} .tmbdui-03 .main-board .board-item {} .tmbdui-03 .main-board .board-item .title-wrap {display:flex;justify-content:space-between;align-items: center;border-bottom: 1px solid #ccc;position: relative;padding: 0 76px 10px 0px;margin-bottom: 59px;} .tmbdui-03 .main-board .board-item .title-wrap:before {content:'';width: 1000%;height: 1px;position: absolute;right: 100%;bottom: -1px;background-color: #ccc;} .tmbdui-03 .main-board .board-item .title-wrap:after {content:'';position: absolute;left: 0;bottom: -1px;width: 129px;height: 2px;display: inline-block;background-color: #DD1227;} .tmbdui-03 .main-board .board-item .title-wrap .board-title {display: inline-block;font-family: 'nmj';font-size: 45px;font-weight: 800;line-height: 1;color: #000;} .tmbdui-03 .main-board .board-item .title-wrap .review-num {font-family: 'nmj';} .tmbdui-03 .main-board .board-item .title-wrap .review-num .rn {display: inline-block;vertical-align: middle;font-size: 85px;font-weight: 800;color: #002078;line-height: 1;} .tmbdui-03 .main-board .board-item .title-wrap .review-num .rt {font-family: 'gothic';font-weight: 600;display: inline-block;line-height: 1;margin-left: 8px;font-size: 27px;} .tmbdui-03 .main-board .board-item .board-content {position: relative;} .tmbdui-03 .main-board .board-item .board-content .obj {} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide {} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide {width: calc(100% + 56px);margin: 0 -28px;display:flex;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide.slick-slider {display: block;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item {padding: 0 28px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box {/* box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.10); */} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link {display: block;width: 100%;height: 100%;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .thm-box {width: 100%;height: 162px;display: block;margin-bottom: 38px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box.noimg .content-link .thm-box {background-color: #ddd;position:relative;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box.noimg .content-link .thm-box:before {content:'';display:inline-block;background-image: url(/images/kor/main/no-img.png);width: 130px;height: 31px;opacity: 0.3;position: absolute;left: 50%;top: 50%;background-size: contain;background-repeat: no-repeat;background-position: center;transform: translate(-50%, -50%);} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .thm-box .thm-inner {width: 100%;height: 100%;position: relative;overflow: hidden;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .thm-box .thm-inner img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;max-height: none;height: 100%;width: auto;transition: all 0.3s;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link:hover .thm-box .thm-inner img, .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link:focus .thm-box .thm-inner img {height: 110%;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .content-text {} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .content-text .content-title {display: block;color: #000;font-size: 22px;font-weight: 700;line-height: 1;letter-spacing: -0.44px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;width: 100%;white-space: nowrap;margin-bottom: 12px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .content-text .content-tit {color: #444;font-size: 15px;letter-spacing: -0.3px;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 146%;min-height: 43px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .content-text .content-info {display: block;line-height: 1;margin-top: 37px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .content-text .content-info .ci {font-size: 14px;display: inline-block;line-height: 1;letter-spacing: -0.28px;vertical-align: middle;position: relative;margin-right: 19px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .content-text .content-info .ci.ci1 {color: #0A2365;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .content-text .content-info .ci.ci1:before {content:'';height: 10px;width: 1px;background-color: #ccc;position: absolute;display: inline-block;right: -12px;top: 2px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .content-text .content-info .ci.ci2 {color: #444;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide_control {} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide_control .button {font-size: 0;display: inline-block;background-position: center;background-repeat: no-repeat;background-size: contain;width: 20px;height: 35px;transition: all 0.3s;position: absolute;top: 62px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide_control .button.prev {background-image: url("data:image/svg+xml,%3Csvg width='20' height='35' viewBox='0 0 20 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5059 0.999947L2 17.5059L18.5059 34.0118' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E%0A");left: -68px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide_control .button.prev:hover, .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide_control .button.prev:focus {background-image: url("data:image/svg+xml,%3Csvg width='20' height='35' viewBox='0 0 20 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5059 0.999947L2 17.5059L18.5059 34.0118' stroke='%23DD1227' stroke-width='2'/%3E%3C/svg%3E%0A");} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide_control .button.next {background-image: url("data:image/svg+xml,%3Csvg width='20' height='35' viewBox='0 0 20 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.50581 0.999947L18.0117 17.5059L1.50581 34.0118' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E%0A");right: -68px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide_control .button.next:hover, .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide_control .button.next:focus {background-image: url("data:image/svg+xml,%3Csvg width='20' height='35' viewBox='0 0 20 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.50581 0.999947L18.0117 17.5059L1.50581 34.0118' stroke='%23DD1227' stroke-width='2'/%3E%3C/svg%3E%0A");} .tmbdui-03 .main-board .board-item .board-more {width: 36px;height: 36px;display: inline-block;position: absolute;right: 0;top: 18px;} .tmbdui-03 .main-board .board-item .board-more .more-btn {width: 100%;height: 100%;display: block;position: relative;} .tmbdui-03 .main-board .board-item .board-more .more-btn .btn-more {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all 0.6s;background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 0L18 36M0 18H36' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");} .tmbdui-03 .main-board .board-item .board-more .more-btn:hover .btn-more, .tmbdui-03 .main-board .board-item .board-more .more-btn:focus .btn-more {background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 0L18 36M0 18H36' stroke='%23DD1227' stroke-width='2'/%3E%3C/svg%3E%0A");transform: rotate(90deg);} .media-link {/* display:none; */width: 60px;height: 215px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.20);position: fixed;right: calc(100% / 2 - 860px);bottom: 275px;z-index: 3;} .media-link .link {display:block;width: 100%;height: 100%;position: relative;background-color: #DD1227;color: #fff;font-size: 14px;font-weight: 400;letter-spacing: 0.56px;} .media-link .link:before {content:'';display:inline-block;background-image: url("data:image/svg+xml,%3Csvg width='36' height='19' viewBox='0 0 36 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.3944 9.51714H0M26.14 1L34.9929 9.83973M26.1471 18L35 9.16027' stroke='white'/%3E%3C/svg%3E%0A");width: 36px;height: 19px;background-repeat: no-repeat;background-position: center;background-size: contain;position: absolute;left: 0;bottom: 23px;} .media-link .link:hover:before, .media-link .link:focus:before {animation:arrow 1.3s ease-in-out infinite;} .media-link .link .tit {white-space: nowrap;display: block;transform: rotate(90deg);width: 100%;padding-left: 49px;line-height: 1;} .media-link .link .tit .bold {} @keyframes arrow { 0% {transform: translate(0,0)} 50% {transform: translate(5px,0)} 100% {transform: translate(0,0)} } /* 반응형 */ @media (max-width:1940px) { .ui-thumb__photo .slider-for .images-fade img {height: 100%;width: auto;right: 0;left: auto;} } @media (max-width: 1750px) { .media-link {right: 10px;} } @media (max-width:1500px) { .s-btn-wrap .swiper-button-prev {left: calc(100% / 2 - 456px);} .s-btn-wrap .swiper-button-next {right: 223px;} .calendar-area .c-wrap .c-content {padding: 0 20.5% 0 18.5%;} .pro-list .btn-wrap {right: 0;} .pl-list .p-btn-wrap .swiper-button-next {right: 42px;} .pl-list .p-btn-wrap .swiper-button-prev {left: 50px;} .pro-list .program-list {max-width: 1600px;width: 100%;display: block;margin: 0 auto;padding: 0 90px;} .pl-list {padding: 31px 70px 31px 104px;} .pl-list .swiper-container .swiper-wrapper {width: calc(100% + 50px);margin: 0 -25px;} .pl-list .swiper-container .swiper-wrapper .swiper-slide {padding: 0 25px;} .media-link {right: 30px;} } @media (max-width:1440px) { .s-btn-wrap .swiper-button-prev {left: 173px;} .calendar-area .c-wrap .c-content .swiper-container {width:100%;margin:0;} .calendar-area .c-wrap .c-content .swiper-container .swiper-wrapper .swiper-slide {padding:0;} .calendar-area .c-wrap .c-content {padding: 0 25.5% 0 21.5%;} .tmbdui-25 .text_wrap .sc-title, .tmbdui-25 .main-board .board-content .ul .li {padding-left: 455px;} .junsi-area .box.left-box .text-area {text-align:left;padding-left: 50px;width: 412px;} .ui-thumb__photo .slider-nav {left: 50px;} .ui-thumb__photo .btn-more:before {width: calc(100% - 117px);} .ui-thumb__photo .btn-more {width: calc(100% - 50px);} .junsi-area .box.left-box {width: calc(100% - 420px);} .junsi-area .box.left-box .text-area .ex-sub-title, .junsi-area .box.left-box .text-area .ex-title {padding-left: 0;} .junsi-area .ui-thumb__photo.bottom__photo .slide_control {left: 50px;} .etc-link {width: 400px;} } @media (max-width:1310px) { .tmbdui-25 .main-board .board-item .board-title {font-size: 20px;} .tmbdui-25 .main-board .board-item .board-title:before {top: 8px;} .tmbdui-25 .main-board {padding-right: 66px;} } @media (max-width: 1279px) { #body_layout {padding-bottom:91px;} .mvVisual .tmsbui-01 {width: 350px;} .mvVisual .tmsbui-01 .hastag .ht-list li:nth-child(5) {display:none;} .mvVisual .slide-ui-sample1 .slide, .mvVisual .slide-ui-sample1 .slide .item {height: 470px;} .weather-area {right: -6px;} .section2 {margin-top: 80px;} .tmbdui-02 .main-board .col > div:nth-child(3) {display:none;} .tmbdui-02 .main-board .col.col3 > div {width: 50%;padding: 0 25px;} .tmbdui-02 .main-board .col {width: calc(100% + 50px);margin: 0 -25px;} .notice-area {width: calc(100% + 62px);margin: 0 -32px;} .notice-area {width: calc(100% + 56px);margin: 0 -28px;} .notice-area .box {padding: 0 32px;} .notice-area .box.left-box {width: calc(100% - 459px);} .tmbdui-02 .main-board .content-text {margin-top: 15px;} .service-link .sl-title {display:none;} .service-link {padding: 43.5px 6.2%;} .section4 {margin-top: 109px;} .tmbdui-25 .main-board .board-item .board-title {margin-left: 35px;} .tmbdui-25 .main-board .board-item .board-title:before {top: 7px;left: -19px;} .section5 {margin-top: 103px;} .junsi-area .box.left-box .text-area {width: 362px;padding: 96px 0 0 50px;} .junsi-area .box.left-box .text-area .ex-sub-title {font-size:16px;line-height: 1;letter-spacing: 18px;} .junsi-area .box.left-box .text-area .ex-title {font-size: 40px;margin-top: 28px;} .junsi-area .ui-thumb__photo.bottom__photo .slide_control {top: 200px;} .etc-link, .junsi-area .box.left-box {height:641px;} .etc-link .link .info-box {padding: 57px 24px 0 49px;min-height: 241px;} .etc-link .link .info-box .info-tit {} .etc-link .link .info-box .info-plus {right: 50px;top: 57px;} .ui-thumb__photo .slider-nav .images-fade .floor-info .f-title .floor-title {font-size:18px;margin-top: -1px;} .ui-thumb__photo .slider-nav {max-width: 312px;padding-right: 0;max-height: 309px;top: 257px;} .ui-thumb__photo .slider-nav .images-fade .floor-info:before {right: 54px;top: 14px;} .ui-thumb__photo .slider-nav .images-fade .floor-info {height: 79px;} .ui-thumb__photo .btn-more {bottom: 245px;} .section6 {margin-top: 73px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide {width: calc(100% + 82px);margin: 0 -41px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item {padding: 0 41px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide_control .button.prev {left: -48px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide_control .button.next {right: -48px;} #foot_layout .footer-bottom .topgo_link {right: -20px;} .media-link {right: 10px;} } @media (max-width:1230px) { .tmbdui-25 .text_wrap .sc-title {padding-left:0;} .tmbdui-25 .main-board .board-content .img-box {width: 301px;height: 423px;top: 29px;} .tmbdui-25 .main-board .board-content .ul .li {padding-left: 350px;} .tmbdui-25 .main-board {min-height: 406px;} .tmbdui-25 .main-board .board-content .ul {top: 49px;} } @media (max-width: 1440px) { .section2 {margin-top: 95px;} .notice-area .box {padding: 0 28px;} .tmbdui-02 .main-board .col {width: 100%;margin: 0;} .tmbdui-02 .main-board .board-title span {font-size:20px;} .tmbdui-02 .notice-title {font-size:36px;line-height: 1;padding-bottom: 33px;} .tmbdui-02 .main-board .board-title {margin-top: -65px;margin-left: 32px;} .tmbdui-02 .main-board .board-title:before {margin: -2.5px -18px 0 0px;} .tmbdui-02 .main-board {padding-right: 74px;} .tmbdui-02 .main-board .board-more {top: -74px;} .tmbdui-02 .main-board .col > div:nth-child(3), .tmbdui-02 .main-board .col.col3 > div {float: none;width: 100%;display: block;padding: 0;border-bottom: 1px solid #ccc;margin-bottom: 24px;} .tmbdui-02 .main-board .col > div:nth-child(3) {border:none;} .tmbdui-02 .main-board .content-text .content-tit {display:none;} .tmbdui-02 .main-board .content-title {-webkit-line-clamp: 1;height: auto;width: 100%;white-space: nowrap;display: block;font-size: 18px;} .tmbdui-02 .main-board .content-text {margin:0;} .tmbdui-02 .main-board .content-date {margin-top: 8px;} .tmbdui-02 .main-board .board-content {top: 26px;} .tmbdui-02 .main-board .content-link {padding: 0px 0 23px 0;} .service-link {padding: 43.5px 0;} .tmbdui-02 .main-board {min-height: 260px;} .tmbdui-02 {padding-top: 3px;} .notice-area .box.left-box {width: calc(100% - 451px);} .calendar-area .c-wrap .c-title {left:0;} .s-btn-wrap .swiper-button-prev {left: 168px;} .junsi-area {width: 100%;margin: 0;} .junsi-area .box {float: none;padding: 0;} .junsi-area .box.right-box {margin-top:10px;} .junsi-area .box.left-box {width: 100%;position: relative;} .etc-link {width: 100%;height: 230px;} .etc-link .link .info-box {min-height: 1px;height: 100%;max-width: 362px;width: 100%;padding: 62px 33px 0 49px;} .etc-link .link .thm-box .thm-inner {background-image: url(/images/kor/main/etc-img-1024.jpg);} .etc-link .link .info-box .info-title {font-size: 20px;} .etc-link .link .info-box .info-plus {width:20px;height:20px;top: 62px;right: 49px;} .etc-link .link .info-box .info-tit {margin-top: 18px;} } @media (max-width:1220px) { .tmbdui-02 .main-board .board-title {margin: 0;padding: 17px 0;} .tmbdui-02 .main-board {padding: 0;justify-content: space-around;position:relative;min-height: 353px;} /* .tmbdui-02 .main-board:before {content:'';position: absolute;left: 50%;width: 5px;height: 5px;background-color: #ccc;border-radius: 50%;margin-left: -2.5px;top: 24px;} */ .tmbdui-02 .main-board .board-title:before {display:none;} .tmbdui-02 .main-board .board-title span {font-size:18px;} .tmbdui-02 .main-board .board-content {border-top: 1px solid #000;top: 55px;} .tmbdui-02 .notice-title {padding-bottom: 25px;} .tmbdui-02 .main-board .board-more {top: -63px;} .tmbdui-02 .main-board .content-link {padding: 24px 0;} .tmbdui-02 .main-board .col > div:nth-child(3), .tmbdui-02 .main-board .col.col3 > div {margin-bottom:0;} .notice-area .box {float: none;width: 100%;padding: 0;} .notice-area {width: 100%;margin: 0;position: relative;} .notice-area .box.left-box {width: 100%;} .notice-area .box.right-box {width: auto;display: inline-block;position: absolute;right: 0;top: 0;} .tmbdui-02 {width: calc(100% - 354px);} .tmbdui-02 .main-board[data-type=tab] .board-item, .tmbdui-02 .main-board[data-type=tab] .board-title {width: 50%;} .tmbdui-02 .main-board[data-type=tab] .board-title {width: 100%;text-align: center;} .service-link {margin-top: 45px;} .popupzone {width: 298px;} .popupzone .slide-ui-sample2 .slide, .popupzone .slide-ui-sample2 .slide .item {height: 419px;} .popupzone .slide-ui-sample2 .slide .slick-list .slick-track {height:100%;} .popupzone .slide_control:before, .popupzone .slide-ui-sample2 .slide-title {display:none;} .popupzone .slide_control .total {writing-mode: unset;display:none;} .popupzone .slide_control .total .line {transform:none;} .popupzone .slide_control .button.prev {background-image: url("data:image/svg+xml,%3Csvg width='10' height='15' viewBox='0 0 10 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.53149 1.00049L2.13086 7.40105L8.53146 13.8017' stroke='%23444444' stroke-width='2.5'/%3E%3C/svg%3E%0A");margin: 0 19px 0 0;} .popupzone .slide_control .button.prev:hover, .popupzone .slide_control .button.prev:focus {background-image: url("data:image/svg+xml,%3Csvg width='10' height='15' viewBox='0 0 10 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.53149 1.00049L2.13086 7.40105L8.53146 13.8017' stroke='%23DD1227' stroke-width='2.5'/%3E%3C/svg%3E%0A");} .popupzone .slide_control .button.next {background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.53101 1.59937L7.93165 7.99992L1.53105 14.4005' stroke='%23444444' stroke-width='2.5'/%3E%3C/svg%3E%0A");margin: 0 0 0 19px;} .popupzone .slide_control .button.next:hover, .popupzone .slide_control .button.next:focus {background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.53101 1.59937L7.93165 7.99992L1.53105 14.4005' stroke='%23DD1227' stroke-width='2.5'/%3E%3C/svg%3E%0A");} .popupzone .slide_control .button.stop {background-image: url("data:image/svg+xml,%3Csvg width='10' height='15' viewBox='0 0 10 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1.86523' y1='0.780029' x2='1.86523' y2='14.1191' stroke='%23444444' stroke-width='2.5'/%3E%3Cline x1='7.96362' y1='0.780029' x2='7.96362' y2='14.1191' stroke='%23444444' stroke-width='2.5'/%3E%3C/svg%3E%0A");} .popupzone .slide_control .button.stop:hover, .popupzone .slide_control .button.stop:focus {background-image: url("data:image/svg+xml,%3Csvg width='10' height='15' viewBox='0 0 10 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1.86523' y1='0.780029' x2='1.86523' y2='14.1191' stroke='%23DD1227' stroke-width='2.5'/%3E%3Cline x1='7.96362' y1='0.780029' x2='7.96362' y2='14.1191' stroke='%23DD1227' stroke-width='2.5'/%3E%3C/svg%3E%0A");} .popupzone .slide_control .button.play {background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.90032 7.49996L0.499757 0.0994859L0.499799 14.9005L8.90032 7.49996Z' fill='%23444444'/%3E%3C/svg%3E%0A");} .popupzone .slide_control .button.play:hover, .popupzone .slide_control .button.play:focus {background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.90032 7.49996L0.499757 0.0994859L0.499799 14.9005L8.90032 7.49996Z' fill='%23DD1227'/%3E%3C/svg%3E%0A");} .popupzone .slide_control .button.stop, .popupzone .slide_control .button.play {} .popupzone .slide_control .btn-wrap {flex-direction: unset;align-items: center;margin: 0;} .popupzone .slide_control {border-radius: 100px;background: #FFF;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.20);width: 115px;height: 43px;align-items: center;justify-content: center;top: auto;right: auto;left: 50%;transform: translateX(-50%);bottom: -21px;} } @media (max-width:1190px) { .section> .s-inner {padding: 0 60px;} .pro-list .program-list {padding: 0 60px;} .section5> .s-inner {padding:0;} .weather-area {right:0;bottom: calc(100% - -14px);} .weather-area .w-inner .w-ch {display:none;} .calendar-area .c-wrap .c-content {padding:0 28.5% 0 23.5%;} } @media (max-width:1130px) { .media-link {bottom: 485px;} } @media (max-width:1060px) { .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .notice-title {font-size:18px;} .tmbdui-25 .main-board .board-content .ul .li .content-link .n-status {font-size:18px;right: 62px;} .tmbdui-25 .main-board .board-content .ul .li .content-link {padding: 31px 130px 31px 114px;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .notice-time {margin-top: 16px;} } @media (max-width:1023px) { #body_layout {padding-bottom:97px;} .mvVisual .title-area .mv-qs {font-size:30px;line-height: 37.5px;} .mvVisual .tmsbui-01 {margin-top: 18px;} .mvVisual .slide-ui-sample1 .slide, .mvVisual .slide-ui-sample1 .slide .item {height: 387px;} .popupzone .slide_control {right: -38px;} .section4 {margin-top: 93px;} .tmbdui-25 .main-board .board-content .ul {top: 41px;} .tmbdui-25 .main-board {min-height: 454px;} .tmbdui-25 .text_wrap .sc-title {font-size: 36px;} .tmbdui-25 .main-board .board-item {margin-top: -31px;} .tmbdui-25 .main-board .board-content .notice-more {top: 0px;} .section5 {margin-top: 92px;} .ui-thumb__photo .btn-more {padding-right: 60px;} .junsi-area .box.left-box .text-area:before {background-image: url("data:image/svg+xml,%3Csvg width='268' height='325' viewBox='0 0 268 325' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2' clip-path='url(%23clip0_4510_17783)'%3E%3Cpath d='M331.652 123.465C310.542 102.382 281.361 89.3062 249.135 89.3062C216.908 89.3062 187.728 102.329 166.617 123.465C145.507 144.547 133.055 170.326 132.413 212.65V365.455H165.762V212.65C165.762 178.545 175.115 162.106 190.186 147.002C205.257 131.951 226.1 122.611 249.135 122.611C272.169 122.611 292.959 131.951 308.083 147.002C323.155 162.106 332.507 182.868 332.507 205.872V365.455H365.856V205.872C365.856 173.688 352.816 144.547 331.706 123.465H331.652Z' fill='%23355098'/%3E%3Cpath d='M197.135 365.455V208.807C197.135 208.807 196.227 171.447 228.346 160.185C228.346 160.185 268.002 145.508 286.173 185.964C286.173 185.964 274.415 168.031 245.876 175.183C245.876 175.183 225.3 179.986 224.552 210.568V331.51L197.082 365.455H197.135Z' fill='%23355098'/%3E%3Cpath d='M52.1414 365.455V192.048C52.1414 192.048 52.5155 138.783 70.3657 108.787C70.3657 108.787 83.0853 80.9803 110.235 60.0049C110.235 60.0049 134.712 39.7234 166.832 33.1586C166.832 33.1586 199.112 24.0319 232.675 29.9029C232.675 29.9029 266.825 34.2261 294.028 55.4683C294.028 55.4683 313.589 70.5193 319.842 87.8119C319.842 87.8119 310.222 77.0307 284.889 68.8647C284.889 68.8647 259.557 58.5639 221.398 61.8196C221.398 61.8196 194.302 62.8337 172.176 74.0952C172.176 74.0952 149.676 84.9298 135.353 100.408C135.353 100.408 120.603 114.071 110.769 136.754C110.769 136.754 102.004 155.008 100.455 193.329V365.455H52.1414Z' fill='%23355098'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4510_17783'%3E%3Crect width='268' height='325' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");width: 268px;height: 325px;} .section6 {margin-top: 103px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide {width: calc(100% + 32px);margin: 0 -16px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item {padding: 0 16px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .thm-box {height: 145px;margin-bottom: 24px;} .tmbdui-03 .main-board .board-item .title-wrap .board-title {font-size: 36px;} .tmbdui-03 .main-board .board-item .title-wrap .review-num .rn {font-size: 50px;} .tmbdui-03 .main-board .board-item .title-wrap .review-num .rt {font-size: 18px;} .tmbdui-03 .main-board .board-item .title-wrap:after {width: 107px;} .tmbdui-03 .main-board .board-item .title-wrap {padding: 0 62px 19px 0px;} .tmbdui-03 .main-board .board-item .board-more {top: 5px;} .tmbdui-03 .main-board .board-item .title-wrap .review-num {margin-bottom: -3px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .content-text .content-title {} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide_control .button.prev {left: -38px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide_control .button.next {right: -38px;} #foot_layout .footer-bottom .topgo_link {right:0;} .media-link {right:30px;} } @media (max-width:1020px) { .tmbdui-25 .main-board .board-content .ul .li {padding-left: 330px;} } @media (max-width:1000px) { .tmbdui-02 .main-board {/* padding-right: 54px; */} .tmbdui-25 .main-board .board-content .img-box {display:none;} .tmbdui-25 .main-board .board-content .ul .li {padding-left:0;} } @media (max-width: 980px) { .section3 {padding: 70px 0 98px;margin-top: 70px;} .calendar-area .c-wrap .c-content {padding: 0 30px;} .calendar-area .c-wrap .c-title {position: relative;top: 0;transform: none;display: inline-block;margin-top: -8px;} .calendar-area .c-wrap .c-title:after {content:'';display:block;clear:both;} .calendar-area .c-wrap .c-title .c-month, .calendar-area .c-wrap .c-title .c-m-title {display:inline-block;vertical-align: middle;} .calendar-area .c-wrap .c-title .c-m-title {margin: -3px 0 0 18px;} .calendar-area .c-wrap .c-btn {top:0;transform: none;} .calendar-area .c-wrap .c-content .swiper-container {padding: 33px 0px 0 0px;} .s-btn-wrap .swiper-button-next, .s-btn-wrap .swiper-button-prev {top: auto;bottom: 10px;} .s-btn-wrap .swiper-button-next {right: 0;} .s-btn-wrap .swiper-button-prev {left: 0;} .pro-list {top: calc(100% - 50px);} .pl-list .p-btn-wrap .swiper-button-prev {left:0;} .pl-list {padding: 31px 70px 31px 30px;} .media-link {bottom: 470px;} } @media (max-width: 940px) { .section> .s-inner {padding: 0 30px;} .pro-list .program-list {padding: 0 30px;} .pl-list .swiper-container .swiper-wrapper .swiper-slide {padding: 0 15px;} .pl-list .swiper-container .swiper-wrapper {width: 100%;margin: 0;} .section5> .s-inner {padding: 0;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide_control .button.prev, .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide_control .button.next {display: none !important;} } @media (max-width: 890px) { .weather-area {position: relative;bottom: 0;margin-bottom: -9px;} .weather-area .w-inner {justify-content: center;} .weather-area .w-inner .w-ch {display: inline-block;} } @media (max-width: 767px) { #body_layout {padding-bottom: 87px;} .section1 {margin-top: 56px;} .mvVisual .tmsbui-01 {width: 360px;margin-top: 15px;} .mvVisual .tmsbui-01 .searchbar form {border: 2px solid #000;border-radius: 100px;overflow: hidden;} .mvVisual .tmsbui-01 .searchbar form fieldset .form_inner .submit {width: 50px;height: 50px;top: -1px;right: 0px;} .mvVisual .tmsbui-01 .searchbar form fieldset .form_inner input[type="text"] {padding:0;width: calc(100% - 21px);padding-right: 31px;padding-left: 20px;} .mvVisual .tmsbui-01 .searchbar form fieldset {background-color: #000;} .mvVisual .tmsbui-01 .hastag {padding-left:20px;} .section1> .s-inner {padding: 0;} .mvVisual .slide-area {margin-top: 16px;} .mvVisual .slide-ui-sample1 .slide .item {padding: 0;} .mvVisual .slide-ui-sample1 .slide, .mvVisual .slide-ui-sample1 .slide .item {height: 43vw;} .mvVisual .slide-ui-sample1 .slide {width: 100%;margin: 0;} .mvVisual .slide-ui-sample1 .slick-list {overflow:hidden;} .hastag .slide-ui-sample3 .slide_control {right: 13px;} .hastag .slide-ui-sample3 .slide:before {} .hastag .slide-ui-sample3 .slide {} .section2 {margin-top: 59px;} .service-link {padding: 33px 0px;overflow: hidden;margin-top: 38px;} .tmbdui-02 {padding-top: 10px;} .tmbdui-02 .main-board .content-link {padding: 25px 0;} .tmbdui-02 .main-board .col {padding-top:7px;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .notice-time {margin-top: 15px;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .notice-title {margin-top: 8px;} .tmbdui-25 .main-board .board-content .ul {top: 49px;} .tmbdui-25 .main-board {min-height: 465px;} .section5 {margin-top: 67px;} .ui-thumb__photo {display:none;} .ex-mobile {display:block;margin-top: 40px;} .junsi-area .box.left-box .text-area {width: 100%;height: auto;padding: 0;background-color: transparent;max-width: none;text-align: center;position: relative;} .junsi-area .box.left-box {background-color: #0A2365;height: auto;padding: 72px 30px 85px 30px;} .junsi-area .box.left-box:before {content:'';background-image: url("data:image/svg+xml,%3Csvg width='217' height='277' viewBox='0 0 217 277' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2' clip-path='url(%23clip0_4510_18142)'%3E%3Cpath d='M251.043 101.539C232.082 82.5178 205.874 70.7197 176.93 70.7197C147.985 70.7197 121.777 82.4697 102.817 101.539C83.8565 120.561 72.6723 143.82 72.0963 182.007V319.876H102.049V182.007C102.049 151.236 110.449 136.404 123.985 122.776C137.521 109.196 156.241 100.769 176.93 100.769C197.618 100.769 216.29 109.196 229.874 122.776C243.411 136.404 251.811 155.136 251.811 175.891V319.876H281.763V175.891C281.763 146.854 270.051 120.561 251.091 101.539H251.043Z' fill='%23355098'/%3E%3Cpath d='M130.226 319.877V178.54C130.226 178.54 129.41 144.831 158.259 134.67C158.259 134.67 193.875 121.428 210.195 157.93C210.195 157.93 199.635 141.749 174.003 148.202C174.003 148.202 155.522 152.536 154.85 180.129V289.25L130.178 319.877H130.226Z' fill='%23355098'/%3E%3Cpath d='M0 319.876V163.419C0 163.419 0.336005 115.36 16.3682 88.2966C16.3682 88.2966 27.7924 63.2076 52.1767 44.2825C52.1767 44.2825 74.1609 25.9834 103.009 20.0603C103.009 20.0603 132.002 11.8257 162.146 17.1228C162.146 17.1228 192.818 21.0234 217.251 40.1893C217.251 40.1893 234.819 53.7691 240.435 69.3715C240.435 69.3715 231.795 59.6441 209.043 52.2763C209.043 52.2763 186.29 42.9823 152.018 45.9198C152.018 45.9198 127.682 46.8347 107.809 56.9955C107.809 56.9955 87.6011 66.7711 74.7369 80.7362C74.7369 80.7362 61.4888 93.064 52.6567 113.53C52.6567 113.53 44.7846 129.999 43.3925 164.575V319.876H0Z' fill='%23355098'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4510_18142'%3E%3Crect width='217' height='277' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");width: 217px;height: 277px;display: inline-block;background-position: center;background-repeat: no-repeat;position: absolute;right: 0;top: -0;} .junsi-area .box.left-box .text-area:before {display:none;} .junsi-area .box.left-box .text-area .ex-sub-title {letter-spacing: 16px;} .junsi-area .box.left-box .text-area .ex-title {font-size: 36px;margin-top: 17px;} .etc-link {height: 150px;} .etc-link .link .info-box .info-tit {display:none;} .etc-link .link .info-box {max-width:238px;padding: 0;} .etc-link .link .info-box .info-title {font-size: 18px;display: flex;align-items: center;width: 100%;height: 100%;padding-left: 30px;} .etc-link .link .info-box .info-plus {top: 50%;margin-top: -10px;right: 26px;} .section6 {margin-top: 92px;} .tmbdui-03 .main-board .board-item .title-wrap {margin-bottom: 29px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .thm-box {height:108px;margin-bottom: 17px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide {width:calc(100% + 42px);margin:0 -21px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item {padding:0 21px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .content-text .content-title {font-size:18px;margin-bottom: 14px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .content-text .content-info {margin-top: 21px;} } @media (max-width:760px) { .ex-mobile .exm-wrap .item {padding: 0 10px;} .ex-mobile .exm-wrap {width: calc(100% + 20px);margin: 0 -10px;} .tmbdui-02 .main-board .board-title span {font-size: 16px;} } @media (max-width:720px) { .ex-mobile .exm-wrap .item .link .info-box .f-title .floor-num {display:block;} .ex-mobile .exm-wrap .item .link .info-box .f-title .floor-title {margin-left:0;margin-top: 4px;} } @media (max-width:690px) { .section1 {margin-top: 29px;} .mvVisual .title-area .mv-qs br {display:block;} .notice-area .box.right-box {position: relative;margin-top: 50px;width: 100%;} .tmbdui-02 {width:100%;} .tmbdui-02 .main-board .board-title span {font-size:18px;} .service-link {margin-top: 23px;} .service-link .sl-list li .link {font-size:15px;} .service-link .sl-list li .link .icon {width: 36px;height: 33px;} .popupzone .slide-ui-sample2 .slide-title {display:block;position: relative;right: 0;writing-mode: unset;margin-bottom: 15px;} .popupzone .slide-ui-sample2 .slide-title .tit {background: no-repeat;width: auto;height: auto;font-size: inherit;} .popupzone {display: block;margin: 0 auto;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide {width:calc(100% + 12px);margin:0 -6px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item {padding: 0 6px;} } @media (max-width:660px) { .media-link {bottom: 555px;} } @media (max-width:640px) { .ex-mobile .exm-wrap {width: 100%;margin: 0;} .ex-mobile .exm-wrap .item .link .thm-box .thm-inner img {display:none;} .ex-mobile .exm-wrap .item .link:hover .thm-box .thm-inner img, .ex-mobile .exm-wrap .item .link:focus .thm-box .thm-inner img {height:auto;} .ex-mobile .exm-wrap .item .link .thm-box .thm-inner {background-repeat: no-repeat;background-position: center;background-size: cover;} .ex-mobile .exm-wrap .item {float:none;width:100%;padding:0;margin-bottom: 40px;} .ex-mobile .exm-wrap .item .link .thm-box {height:140px;} .ex-mobile .exm-wrap .item:nth-child(1) .link .thm-box .thm-inner {background-image: url(/images/kor/main/ex-img1-mo.jpg);} .ex-mobile .exm-wrap .item:nth-child(2) .link .thm-box .thm-inner {background-image: url(/images/kor/main/ex-img2-mo.jpg);} .ex-mobile .exm-wrap .item:nth-child(3) .link .thm-box .thm-inner {background-image: url(/images/kor/main/ex-img3-mo.jpg);} .ex-mobile .exm-wrap .item .link .info-box .f-sub-title {display:none;} .ex-mobile .exm-wrap .item .link .info-box .f-title .floor-num {display:inline-block;} .ex-mobile .exm-wrap .item .link .info-box .f-title .floor-title {margin-left: 6px;margin-top: 0px;} .ex-mobile .exm-wrap .item:last-child {margin-bottom:0;} .ex-mobile .exm-wrap .item .link .info-box {position:relative;} .ex-mobile .exm-wrap .item .link .info-box:before {content:'';transition:all 0.3s;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0L10 20M0 10H20' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");width: 20px;height: 20px;display: inline-block;position: absolute;right: 0;top: 50%;margin-top: -10px;} .ex-mobile .exm-wrap .item .link:hover .info-box:before, .ex-mobile .exm-wrap .item .link:focus .info-box:before {transform:rotate(90deg);} .junsi-area .box.right-box {} .etc-link {height:auto;} .etc-link .link .thm-box {position:relative;width: 100%;height: 140px;} .etc-link .link {flex-direction:column;padding: 20px 20px 34px;background-color: #000;} .etc-link .link .info-box {max-width: none;width: 100%;margin-top: 20px;} .etc-link .link .thm-box .thm-inner {background-size: cover;} .etc-link .link .info-box .info-title {padding: 0;} .etc-link .link .info-box .info-plus {right:0;} } @media (max-width:620px) { .tmbdui-25 .main-board .board-item {margin: 0;width: 33.333%;} .tmbdui-25 .main-board {padding: 0;justify-content: center;position: relative;min-height: 507px;} .tmbdui-25 .main-board .board-item .board-title {margin: 0;width: 100%;padding: 18px 0;} .tmbdui-25 .text_wrap .sc-title {border-bottom:2px solid #000;padding-bottom: 18px;} .tmbdui-25 .main-board:before {content:'';width: 100%;height: 1px;position: absolute;left: 0;top: 55px;background-color: #000;} .tmbdui-25 .main-board .board-item .board-title:before {top: 25px;left: 0px;} .tmbdui-25 .main-board .board-content .notice-more {top: auto;bottom: calc(100% - -20px);} .tmbdui-25 .main-board .board-content .ul {top: 55px;} .tmbdui-25 .main-board .board-content .ul .li .content-link .cat {position: relative;top: 0;width: auto;height: auto;font-size: 14px;font-weight: 400;padding: 4.8px 0;min-width: 92px;margin-right: 6px;} .tmbdui-25 .main-board .board-content .ul .li .content-link {padding: 31px 105px 31px 0px;} .tmbdui-25 .main-board .board-content .ul .li .content-link .n-status {font-size:15px;right: 50px;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-arrow {width: 30px;height: 30px;} } @media (max-width: 570px) { .section3 {padding: 50px 0 68px;margin-top: 83px;} .calendar-area .c-wrap .c-content .swiper-container {padding: 29px 0px 0 0px;} .calendar-area .c-wrap .c-btn {width: 20px;height: 20px;} .calendar-area .c-wrap .c-btn .btn-more {width: 100%;height: 100%;border: none;background-color: transparent;font-size: 0;padding: 0;position: relative;display: block;} .calendar-area .c-wrap .c-btn .btn-more:before {left: 0;top: 4px;transform: none;} .calendar-area .c-wrap .c-btn .btn-more:hover, .calendar-area .c-wrap .c-btn .btn-more:focus {background-color: transparent;} .calendar-area .c-wrap .c-btn .btn-more:hover:before, .calendar-area .c-wrap .c-btn .btn-more:focus:before {transform: rotate(90deg);background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0L10 20M0 10H20' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");} .calendar-area .c-wrap .c-title .c-month {font-size: 50px;} .calendar-area .c-wrap .c-title .c-m-title {margin: -5px 0 0 5px;} .pro-list {top: calc(100% - 30px);} .pro-list .program-list:before {background-size: contain;width: 30px;height: 18px;} /* .pl-list .swiper-container .swiper-wrapper .swiper-slide .item .link .p-date br {display:block;} */ .pl-list .swiper-container .swiper-wrapper .swiper-slide .item .link .p-title {font-size:15px;} .pl-list .swiper-container .swiper-wrapper .swiper-slide {padding:0;} .tmbdui-03 .main-board .board-item .title-wrap .review-num {display:none;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link:hover .thm-box .thm-inner img, .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link:focus .thm-box .thm-inner img {height:auto;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .thm-box .thm-inner img {width: 100%;height: auto;} } @media (max-width:540px) { #body_layout {padding-bottom:0;} .media-link {position:relative;bottom: 0;right: auto;width: 100%;height: 60px;margin-top: 67px;} .media-link .link .tit {transform:none;padding: 0;} .media-link .link {display: flex;align-items: center;padding-left: 20px;} .media-link .link:before {background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7231 5.00855H0M11.9497 1.00049L15.9968 5.16036M11.953 9.00049L16 4.84062' stroke='white'/%3E%3C/svg%3E%0A");width: 17px;height: 10px;left: auto;right: 20px;top: 50%;bottom: auto;margin-top: -5px;} #foot_layout .footer-bottom .topgo_link {top: 0;} .footer-bottom {padding-top: 53px;} } @media (max-width:510px) { .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link:hover .thm-box .thm-inner img, .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link:focus .thm-box .thm-inner img, .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .thm-box .thm-inner img {height: 105%;width: auto} } @media (max-width:490px) { .section> .s-inner {padding: 0 15px;} .section1> .s-inner {padding:0;} .pro-list .program-list {padding: 0 15px;} .section5> .s-inner {padding:0;} .tmbdui-02 .main-board .board-title span {font-size:16px;} } @media (max-width:460px) { /* #body_layout {padding-bottom: 67px;} */ .mvVisual .title-area .mv-qs {font-size: 24px;line-height: 1.3;} .weather-area .w-inner .w-ch {display:none;} .mvVisual .title-area {padding: 0 20px;} .mvVisual .tmsbui-01 {max-width: 360px;width: 100%;} .mvVisual .tmsbui-01 .hastag .ht-list li:nth-child(4) {display:none;} .mvVisual .slide-area {margin-top: 30px;} .weather-area {margin-bottom: 1px;} .slide-ui-sample1 .slide_control .dot {display:block;} .slide-ui-sample1 .slide_control .dot .slick-dots {display:flex;} .slide-ui-sample1 .slide_control .dot .slick-dots li {padding: 0 10px;} .slide-ui-sample1 .slide_control .dot .slick-dots li button {width: 9px;height: 9px;background-color: #ccc;font-size: 0;} .slide-ui-sample1 .slide_control .dot .slick-dots li.slick-active button {background-color:#FF3449;} .slide-ui-sample1 .slide_control .button.prev, .slide-ui-sample1 .slide_control .button.next {display: none !important;} .slide-ui-sample1 .slide_control .button.stop:hover, .slide-ui-sample1 .slide_control .button.play:hover, .slide-ui-sample1 .slide_control .button.stop:focus, .slide-ui-sample1 .slide_control .button.play:focus {background-color:transparent;} .slide-ui-sample1 .slide_control .button.stop, .slide-ui-sample1 .slide_control .button.play {background-color: transparent;width: 15px;height: 15px;margin-top: 3px;margin-left: 6px;} .slide-ui-sample1 .slide_control .button.stop {background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.5H2V11.5H0V0.5Z' fill='%23CCCCCC'/%3E%3Cpath d='M5 0.5H7V11.5H5V0.5Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A");} .slide-ui-sample1 .slide_control .button.play {background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 7 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 6.99998L-5.29972e-07 13.0622L0 0.937805L7 6.99998Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A");} .slide-ui-sample1 .slide_control {align-items:center;position: relative;right: 0;justify-content: center;margin-top: 9px;} .mvVisual .slide-ui-sample1 .slide, .mvVisual .slide-ui-sample1 .slide .item {/* height: 70vw; */} .service-link {display:none;} .section2 {margin-top: 42px;} .tmbdui-02 {padding:0;} .tmbdui-02 .notice-title {font-size: 24px;padding-bottom: 16px;} .tmbdui-02 .main-board .board-more {width: 20px;height: 20px;top: -40px;} .tmbdui-02 .main-board .col {padding:0;} .tmbdui-02 .main-board .content-link {padding: 24.5px 0;} .tmbdui-02 .main-board .content-box:first-child .content-link {padding: 18.5px 0 24.5px;} .tmbdui-02 .main-board .col > div:nth-child(3) {border-bottom: 1px solid #ccc;} .tmbdui-02 .main-board {min-height: 339px;} .notice-area .box.right-box {margin-top: 47px;} .popupzone {width: 100%;} .popupzone .slide-ui-sample2 .slide, .popupzone .slide-ui-sample2 .slide .item {height: 125vw;} .popupzone .slide-ui-sample2 .slide .item .link .p-link img {height: 102%;} .section4 {margin-top: 60px;} .tmbdui-25 .text_wrap .sc-title {font-size: 24px;} .tmbdui-25 .main-board .board-content .notice-more {width: 20px;height: 20px;bottom: calc(100% - -22px);} .tmbdui-25 .main-board .board-content .notice-more .btn-more .more-btn {background-size:contain;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0L10 20M0 10H20' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");} .tmbdui-25 .main-board .board-content .notice-more .btn-more:hover .more-btn, .tmbdui-25 .main-board .board-content .notice-more .btn-more:focus .more-btn {background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0L10 20M0 10H20' stroke='%23DD1227' stroke-width='2'/%3E%3C/svg%3E%0A");} .tmbdui-25 .main-board .board-content .ul .li .content-link {padding: 31px 55px 31px 0px;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-arrow {display:none;} .tmbdui-25 .main-board .board-content .ul .li .content-link .n-status {right:0;} .tmbdui-25 .main-board .board-item .board-title {font-size:18px;padding: 19px 0;} .section5 {margin-top: 50px;} .junsi-area .box.left-box {padding: 54px 20px 55px 20px;} .junsi-area .box.left-box:before {display:none;} .junsi-area .box.left-box .text-area .ex-title {margin-top: 11px;font-size: 24px;} .ex-mobile {margin-top: 31px;} .section6 {margin-top: 57px;} .tmbdui-03 .main-board .board-item .title-wrap .board-title {font-size:24px;} .tmbdui-03 .main-board .board-item .board-more {width:20px;height:20px;top: 2px;} .tmbdui-03 .main-board .board-item .board-more .more-btn .btn-more {background-size:contain;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0L10 20M0 10H20' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");} .tmbdui-03 .main-board .board-item .board-more .more-btn:hover .btn-more, .tmbdui-03 .main-board .board-item .board-more .more-btn:focus .btn-more {background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0L10 20M0 10H20' stroke='%23DD1227' stroke-width='2'/%3E%3C/svg%3E%0A");} .tmbdui-03 .main-board .board-item .title-wrap {padding: 0 0px 19px 0px;} /* .media-link {right: 20px;} */ } @media (max-width:390px) { .tmbdui-25 .main-board .board-content .ul .li .content-link .n-status {display:none;} .tmbdui-25 .main-board .board-content .ul .li .content-link {padding: 25px 0px 26px 0px;} } @media (max-width:360px) { .mvVisual .title-area .mv-qs {font-size: 6.5vw;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .thm-box {height:80px;margin-bottom: 11px;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .content-text .content-tit {display:none;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .content-text .content-title {-webkit-line-clamp: 2;white-space: unset;display: -webkit-box;line-height: 18px;margin-bottom: 0;} .tmbdui-03 .main-board .board-item .board-content .obj .board-slide .slide .item .content-box .content-link .content-text .content-info {margin-top: 30px;} } @media (max-width:350px) { .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .notice-time .tit {margin:0;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .notice-time .tit:before {display:none;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .notice-time {display:block;margin-top: 5px;} .tmbdui-25 .main-board .board-content .ul .li .content-link .notice-info .notice-time .tit:last-child {display:block;} } /* 슬릭클론 focus 수정 */ /* .hastag .slide.slick-slider .slick-slide {} .hastag .slide.slick-slider .slick-slide.slick-cloned {visibility: hidden;} */