/*==========================================================================
                                sub - 공용
==========================================================================*/
body.sub-page {padding-top:70px;}
.sub-page .no-gapft #footer {margin-top: 0;}

.sub-section {margin-top: 120px; position: relative;}
.sub-section:first-of-type {margin-top: 0; border-bottom-left-radius: 300px; overflow: hidden;}
.sub-section#sub-Nextsec {margin-top:0; padding-top:120px;}
.sub-section.mt-on {margin-top: 120px !important;}
.sub-section.ud-pdSec {margin:0; padding:120px 0;}
.sub-section.no-ft-mg {margin-bottom:-120px;}
.sub-section.color-ty01 {padding:60px 0; background-color: #d1e4f5;}
.sub-section.vis-section .sec-visContainer {width: 100%; height: calc((var(--vh, 1vh) * 100) - 70px); overflow: hidden; clip-path: inset(0);}
.sub-section.vis-section .sec-visBox {width: 100%; height: calc((var(--vh, 1vh) * 100) - 70px); position: fixed; top: 70px; left: 50%; transform: translateX(-50%);}
.sub-section.vis-section .sec-visBox img {width: 100%; height: 100%; object-fit: cover;}
.sub-section.vis-section .sec-visBox:after {content:''; width: 100%; height:100%; background-color:rgba(0, 0, 0, .5); display: block; position: absolute; top: 0;}
.sub-section.vis-section .sec-titContainer {width:100%; height:100%; position: absolute; top: 0; left: 0;}
.sub-section.vis-section .sec-titContainer .inwrap {width: 100%; height:100%; position: relative;}
.sub-section.vis-section .sec-titContainer .sec-titBox {position: absolute; top: 50%; left: 20px; transform: translateY(-50%);}
.sub-section.vis-section .sec-titContainer * {color:#fff;}
.sub-section.vis-section .sec-titContainer .b-tit, .sub-section.vis-section .sec-titContainer .s-txt  {display: block;}
.sub-section.vis-section .sec-titContainer .b-tit {font-size: 70px; line-height: 1em; margin-bottom: 10px; font-weight: 400;}
.sub-section.vis-section .sec-titContainer .s-txt {font-size: 24px; font-weight: 300; word-break: keep-all;}

    /*.sec-visBox {max-width:1200px; width:100%; position:relative; overflow: hidden; border-radius: 15px; margin:0 auto 40px;}
    .sec-visBox img {width:100%; max-height:500px; object-fit: cover;}*/

.sub-section .inwrap {max-width:1640px;}
.sub-section .inwrap.ty1400 {max-width:1440px;}

.block {display:block !important;}
.block-pc {display:block;}
.block-980 {display:none;}
.block-480 {display:none;}
.mw-300 {max-width: 300px;}


#contents {margin-top: 60px;}
#contents:first-of-type {margin-top: 0;}

.sec-min_titBox {margin-bottom:60px; text-align: center;}
.sec-min_titBox .s-Btit {margin-bottom:10px !important;}

.s-Btit, .s-Btit * {font-size: 28px; color: #000;font-weight: 400; word-break: keep-all; text-align: center;}
.s-Btit {margin-bottom:60px;}

.s-Mtit {font-size: 24px; margin-bottom:20px; word-break: keep-all; color: #000;}

.s-titBox {margin-bottom:30px;}
.s-Stit {font-size: 20px; word-break: keep-all; color: #000; padding-left: 15px; position:relative;}
.s-Stit:after {content: ''; display: block; width: 10px; height: 2px; background-color: #000; position: absolute; top: 45%; left: 0; transform: translateY(-50%);}

.s-stxt {font-size: 18px; word-break: keep-all; color: #000;}
.s-txt {font-size: 16px; word-break: keep-all; color: #000;}


.gap-stxtBox {margin-top: 60px;}


.sec-visBox.col-2ty .flex-list {width: 100%; height: 100%; display: flex; justify-content: center;}
.sec-visBox.col-2ty .flex-list li {margin-left:20px;}
.sec-visBox.col-2ty .flex-list li:first-child {margin-left:0;}
.sec-visBox.col-2ty .flex-list li img {object-fit: contain;}
.sec-visBox.col-2ty .flex-list li span {display:block; font-size:12px; color:#000; margin-top:20px;}

/* List Type */
.dot-list li {padding-left:12px; position: relative; font-size:16px; margin-top:10px; word-break: keep-all;}
.dot-list li * {font-size:16px;}
.dot-list li:first-child {margin-top:0;}
.dot-list li:before {content:''; width:5px; height:5px; background: #4f8967; display: block; border-radius: 40%; position:absolute; top: 6px; left:0;}

.dot-list.fs-m li {font-size:18px;}
.dot-list.fs-m li * {font-size:18px;}
.dot-list.fs-m li:before {top: 8px;}


.num-list {width:100%;}
.num-list:after {content:''; display:block; clear: both;}
.num-list > li {position: relative;}
.num-list > li:first-child {margin-top:0;}
.num-list > li > .num {width:25px; height:25px; background: #000; border-radius: 50%; position:absolute; top:-1px; left:0;}
.num-list > li > .num i {color: #fff; font-style: normal; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); font-size: 16px;}
.num-list > li > .tit {line-height: 25px; font-size: 18px; color: #000; font-weight: 500; padding-left:30px; display: block; word-break: keep-all;}
.num-list .dot-list {margin: 20px 0 10px;}

.num-list.no-num > li > .tit {padding-left:0;}

.num-list.col-ty {display:flex; flex-wrap: wrap;}
.num-list.col-ty > li {flex:1; margin-left:20px; box-sizing: border-box; margin-top:0;}
.num-list.col-ty > li:first-child {margin-left:0;}

.num-list.col-ty.ty-8 > li {flex:1 1 20%; margin-top: 20px;}
.num-list.col-ty.ty-8 > li:nth-child(4n+1) {margin-left:0;}
.num-list.col-ty.ty-8 > li:nth-child(-n+4) {margin-top: 0;}


/* radio & checkbox */
input[type="radio"], input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
input[type='radio'] + label, input[type='checkbox'] + label {cursor:pointer;}

input[type="radio"] + label span, input[type="radio"] + label .radio-ico, input[type="checkbox"] + label span, input[type="checkbox"] + label svg {display: inline-block; vertical-align: middle; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
input[type="checkbox"] + label span {max-width:calc(100% -  26px); font-size: 16px; line-height: 22px; color:#000; margin-left:3px;}
input[type="checkbox"] + label svg {border:1px solid #000; fill:#fff; box-sizing:border-box;}
input[type="checkbox"] + label:hover svg {background:rgb(230, 231, 245); fill:rgb(230, 231, 245); border:1px solid rgb(16, 35, 215);}
input[type="checkbox"] + label:hover span {color:rgb(16, 35, 215); text-decoration: underline;}
input[type="checkbox"]:checked + label svg, input[type="checkbox"] + label.on svg, input[type="checkbox"] + label.on:hover svg {background:#000; fill:#fff;}
input[type="checkbox"]:disabled + label {cursor: no-drop;}
input[type="checkbox"]:disabled + label svg, input[type="checkbox"]:disabled + label:hover svg {border: 1px solid rgb(194, 194, 194); fill: #fff; background: #fff;}
input[type="checkbox"]:disabled + label span, input[type="checkbox"]:disabled + label:hover span {color:rgb(194, 194, 194); text-decoration: none;}


/* color type */
input[type="radio"] + label {position:relative; padding-left:20px; display:inline-block;}
input[type="radio"] + label .radio-ico {width:18px; height:18px; border:1px solid #000; box-sizing:border-box; border-radius:50%; position:absolute; top:1px; left:0;}
input[type="radio"] + label .radio-ico:after {content:''; display: block; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
input[type="radio"] + label span {font-size: 16px; line-height: 20px; color:#000; margin-left:3px;}
input[type="radio"] + label:hover .radio-ico {background:rgb(230, 231, 245); fill:#fff; border:1px solid rgb(16, 35, 215);}
input[type="radio"] + label:hover .radio-ico:after {background:rgb(230, 231, 245);}
input[type="radio"] + label:hover span {color:rgb(16, 35, 215); text-decoration: underline;}
input[type="radio"]:checked + label .radio-ico, input[type="radio"] + label.on .radio-ico, input[type="radio"] + label.on:hover .radio-ico {background:#000; fill:#fff;}

input[type="radio"]:disabled + label {cursor: no-drop;}
input[type="radio"]:disabled + label .radio-ico, input[type="radio"]:disabled + label:hover .radio-ico {border: 1px solid rgb(194, 194, 194); fill: rgb(194, 194, 194); box-sizing: border-box; background: rgb(194, 194, 194);}
input[type="radio"]:disabled + label span, input[type="radio"]:disabled + label:hover span {color:rgb(194, 194, 194); text-decoration: none;}
input[type="radio"]:disabled + label .radio-ico:after {background:rgb(194, 194, 194);}


input[type="checkbox"] + label span .label-link {font-size: 16px; line-height: 22px; color: #000; text-decoration: underline;}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox  */
input[type='number'] {-moz-appearance: textfield;}


.button {max-width:180px; width: 100%; height:50px; background:none; border:1px solid #000; cursor: pointer; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease;}
.button span {font-size:16px; color:#000; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease;}
.button:hover {background:#000;}
.button:hover span {color:#fff;}

/* board-paging */
.board-paging {width:100%; text-align:center; margin-top:30px;}
.board-paging > ul {display:inline-block;}
.board-paging > ul:after {content:''; display:block; clear:both;}
.board-paging > ul li {width:40px; height:40px; float:left; border:1px solid rgba(0, 0, 0, 0.1); box-sizing:border-box; border-left:none;}
.board-paging > ul li:first-child {border-left:1px solid rgba(0, 0, 0, 0.1);}
.board-paging > ul li a {width:100%; height:100%; display:block; position:relative; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.board-paging > ul li a svg {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.board-paging > ul li a svg > * {fill:#000;}
.board-paging > ul li a span {font-family: 'Noto Sans','Gotham Narrow SSm','sans-serif'; font-size:18px; line-height:40px; color:#000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.board-paging > ul li a:hover {background:rgba(79, 137, 103, .2);}
.board-paging > ul li.active {border:1px solid #4f8967; border-left:none;}
.board-paging > ul li.active {background:#4f8967;}
.board-paging > ul li.active a span {color:#fff;}

.board-paging > ul li.disabled {background:rgba(0, 0, 0, 0.1);}
.board-paging > ul li.disabled a {cursor:no-drop;}
.board-paging > ul li.disabled a:hover {background:rgba(0, 0, 0, 0.1);}
.board-paging > ul li.disabled a svg > * {fill:rgba(0, 0, 0, 0.3)}




/* ETC */
.terms-list {width:100%; position:relative; margin-top:60px;}
.terms-list:first-child {margin-top:0;}
.terms-list:after {content:''; display:block; clear:both;}
.terms-list li {margin-top:20px; position: relative;}
.terms-list li:first-child {margin-top:0;}
.terms-list li * {font-size:16px; word-break: keep-all;}
.terms-list li p {margin-top:20px;}
.terms-list li.tit, .terms-list li .tit {font-size:18px;font-weight:500; color:#000; margin-top:0;}
.terms-list.color-w li.tit, .terms-list.color-w li .tit, .terms-list.color-w li * {color: #fff;}

.terms-list.nums > li {padding-left:35px;}
.terms-list.nums li.tit {font-size:18px;font-weight:600; color:#000; padding-left:0;}
.terms-list.nums li .txt span {position: absolute; top:0; left:0;}

.list-col-3ty {width:100%;}
.list-col-3ty:after {content: ''; display: block; clear: both;}
.list-col-3ty .terms-list {width:calc(100% / 3); margin-top:0; float: left;}


.square-list {width:100%; position:relative; margin-top:20px;}
.square-list:first-child {margin-top:0;}
.square-list:after {content:''; display:block; clear:both;}
.square-list li {margin-top:20px; position: relative; padding-left:15px;}
.square-list li:before {content: ''; width: 5px; height: 5px; display: block; background: #707070; position: absolute; top: 6px; left: 0;}
.square-list li:first-child {margin-top:0;}
.square-list li * {font-size:14px;}
.square-list li .tit {font-weight:500; color:#000;}

.terms_area {border:1px solid rgba(0, 0, 0, 0.1); width:100%; height:200px; padding: 20px; box-sizing: border-box; overflow-y:scroll; margin-bottom:10px;}

.sub_FixBox {width: 100%; height: 440px; position: relative; clip-path: inset(0);}
.sub_FixBox img {width: 100%; height: 100%; object-fit: cover; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);}



/* 공통 popup */
.sub-pop-container {width:100%; height:100vh; padding:20px; box-sizing:border-box; position:fixed; top:0; left:0; background:rgba(0, 0, 0, 0.5); z-index: 101; display:none;}
.sub-pop-container.ty02 {padding:0; background:none;}
.sub-pop-container .rel-box {width:100%; height:100%; position:relative;}
.sub-pop-container .pop-cont-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; max-width:720px; width:100%; box-sizing:border-box;}

.sub-pop-container .pop-cont-box .pop-pdBox {padding: 50px 60px;}


.sub-pop-container .pop-cont-box .pop-tit, .sub-pop-container .pop-cont-box .pop-Btit {font-size: 20px; color: #000; font-weight: 500; margin-bottom: 40px; text-align: center; border-bottom: 1px solid #000; padding-bottom: 20px;}
.sub-pop-container .pop-cont-box .pop-Btit, .sub-pop-container .pop-cont-box .pop-Btit * {font-size: 20px; line-height: 1em; color: #000; font-weight: 500;}
.sub-pop-container .pop-cont-box .pop-txt-list:after {content:''; clear:both; display:block;}
.sub-pop-container .pop-cont-box .pop-txt-list li {margin-top:40px;}
.sub-pop-container .pop-cont-box .pop-txt-list li:first-child {margin-top:0;}
.sub-pop-container .pop-cont-box .pop-txt-list li .s-txt {font-size:16px; line-height: 1em; margin-top:10px;}
.sub-pop-container .pop-cont-box .pop-txt-list li .m-txt {font-size:14px;}


.sub-pop-container .pop-cont-box .pop-bt_btnBox {margin-top:40px;}
.sub-pop-container .pop-cont-box .pop-bt_btnBox .popBtn-ok:hover {background-color: rgb(16, 35, 215); border-color: rgb(16, 35, 215);}
.sub-pop-container .pop-cont-box .pop-bt_btnBox .popBtn-ok:hover span {color:#fff; text-decoration: underline;}

.sub-pop-container .pop-cont-box .pop-closed {position: absolute; top: 20px; right: 20px;}
.sub-pop-container .pop-cont-box .pop-closed span {width:26px; height:26px; display: block; background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='26' fill='%23000'%3E%3Cpath d='M17.142 3.99 11.132 9.999 17.142 16.01 16.01 17.142 10.001 11.131 3.99 17.142 2.858 16.01 8.869 9.999 2.858 3.99 3.99 2.858 10.001 8.868 16.01 2.858z'%3E%3C/path%3E%3C/svg%3E");}

.sub-pop-container .pop-cont-box .popBtn-ok {margin-top: 40px;}



.input-set {width:100%; margin-top:40px;}
.input-set:first-child {margin-top:0;}
.input-set:after {content:''; display:block; clear:both;}
.input-label {display:inline-block; margin-bottom:10px;}
.input-label span {color:#000; display: inline-block; vertical-align: top;}
.input-label svg {width:20px; display: inline-block; vertical-align: top;}
.input-label svg .path04 {fill:none;stroke:rgb(16, 35, 215);stroke-linecap:round;stroke-miterlimit:10;}
.input-form {width: 100%; padding: 0 40px 0 10px; appearance: none; border: 1px solid rgb(194, 194, 194) !important; border-radius: 0px; transition: all 0.3s ease-out; height: 60px; font-size: 16px; color: #000; box-sizing: border-box;}
.input-form:focus {border: 1px solid #000 !important;}
.input-set .sub-selBox {width:100%;}
.input-set .input-area {width: 100%; min-height: 200px; padding: 10px; line-height: 1; border: 1px solid rgb(194, 194, 194) !important; border-radius: 0px; transition: all 0.3s ease-out; font-size: 16px; color: #000; box-sizing: border-box; resize: none;}
.input-set .input-area:focus {border: 1px solid #000 !important;}
.input-set .col-2ty {width: calc(50% - 5px); display: inline-block; vertical-align: top}




/* 개인정보처리방침 */
.privacy-box {width: 100%; max-height: 500px; height: 100%; padding: 20px; box-sizing: border-box; background: #f9f9f9; overflow-y: scroll;}




.locationBox:after {content:''; display: block; clear: both;}
.locationBox .location_iframeBox, .locationBox .loaction_infoBox {width:calc((100% - 40px) / 2); float: left;}
.location_iframeBox {width:100%; height: 100%; position:relative;}
.location_iframeBox .iframe-map {width:100%; position:absolute; top:0; left:0;}
.location_iframeBox .iframe-map .wrap_map {height: 500px;}
.locationBox .loaction_infoBox {margin-left:40px;}


.CS_box {width:100%; box-sizing:border-box; text-align: center; padding: 120px 0; border:1px solid #ebebeb;}
.CS_box .tit {margin: 0; font-size: 25px; font-weight: 400;}




.border-list-container {width:100%;}
.border-list-container .border-list {width:100%; display: flex; gap: 40px 20px}
.border-list-container .border-list li {width:calc((100% - 60px) / 4); border:1px solid #000; box-sizing: border-box;}
.border-list-container .border-list li .img-box {border-bottom: 1px solid #000;}
.border-list-container .border-list li .img-box img {width:100%;}
.border-list-container .border-list li .txt-box {padding: 20px; box-sizing:border-box;}
.border-list-container .border-list li .txt-box .item-tit {font-size: 20px; color: #4f8967; font-weight: 600; margin-bottom: 5px;}
.border-list-container .border-list li .txt-box .item-position {font-size: 18px; color: #707070; margin-bottom: 5px;}
.border-list-container .border-list li .txt-box .item-txt {font-size: 16px; color: #000;}

/*
.border-list.ty-arroy li {position:relative;}
.border-list.ty-arroy li:after {content:''; position:absolute; top:50%; right:-20px; transform: translateY(-50%); display:block; width:40px; height:40px; border-radius: 45px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' class='slide-ico'%3E%3Cstyle%3E%0Apath %7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath d='M6.742 5.76 7.873 4.629 13.247 10.003 7.873 15.377 6.741 14.246 10.984 10.003z'%3E%3C/path%3E%3C/svg%3E"); background-color:#111; background-position:center; background-repeat: no-repeat;}
.border-list.ty-arroy li:last-child:after {display:none;}
.border-list.ty-arroy li:nth-child(2n):after {right:auto; top:auto; left: 0; bottom: 0;}
*/

.border-list.ty-line li {position:relative;}
.border-list.ty-line li:after {content:''; position:absolute; top:50%; right:-21px; transform: translateY(-50%); display:block; width:20px; height:1px; background-color:#111;}
.border-list.ty-line li:last-child:after {display:none;}


.txt-list {width:100%; display: flex; flex-wrap: wrap; gap: 60px 20px;}
.txt-list li {width:calc((100% - 40px) / 3); border: 1px solid #ccc; box-sizing: border-box;}
.txt-list li .img-box img {width:100%;}
.txt-list li .txt-box {padding:20px;}
.txt-list li .txt-box span {display:block;}
.txt-list li .txt-box .tit {font-size: 20px; color: #000; font-weight: 600; margin-bottom: 5px;}
.txt-list li .txt-box .m-tit {font-size: 18px; color: #707070; margin-bottom: 5px; font-style: italic;}
.txt-list li .txt-box .txt {font-size: 16px; color: #000; word-break: keep-all;}


.txt-list.ty-4 li {width:calc((100% - 60px) / 4);}








/* SNS list */
.fs-snsList li {display:inline-block; vertical-align: top; padding:0 10px; margin-top: 10px;}
.fs-snsList li:first-child {padding-left:0;}
.fs-snsList li a {display: block;}
.fs-snsList li a img,.fs-snsList li a svg {fill:#fff; height: 20px;}


.svg-icon {display: inline-block; vertical-align: middle; width: 25px; height: 25px; background-repeat: no-repeat; background-size: contain !important;}
.svg-KA {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath d='M129.9,0H20.1C9.1,0,0,9.1,0,20.1v109.8C0,140.9,9.1,150,20.1,150h109.8c11.1,0,20.1-9.1,20.1-20.1V20.1 C150,9.1,140.9,0,129.9,0z M121.7,120.2c0,2-1.6,3.6-3.6,3.6H67.9c-1.5,0-2.9-0.9-3.5-2.3L50.6,88.9c-0.3-0.8-1.1-1.3-1.9-1.3 c-1,0-1.9,0.7-2.1,1.7l-5.2,31.2c-0.3,1.8-1.9,3.2-3.8,3.2h-5.8c-2,0-3.6-1.6-3.6-3.6V29.8c0-2,1.6-3.6,3.6-3.6h5.7 c1.9,0,3.5,1.4,3.8,3.3L47,75.2c0.1,0.7,0.7,1.2,1.4,1.2c0.6,0,1.2-0.4,1.3-1L61.7,29c0.4-1.7,2-2.9,3.7-2.9h44.8 c2,0,3.6,1.6,3.6,3.6v35c0,1.8-1.2,3.3-3,3.7L55.2,80.7c-0.6,0.1-1.1,0.7-1.1,1.3v0.3c0,0.7,0.5,1.2,1.1,1.3L118.6,95 c1.8,0.3,3.1,1.9,3.1,3.8V120.2z'/%3E%3Cpath class='st0' d='M118.6,95L55.3,83.7c-0.7-0.1-1.1-0.7-1.1-1.3v-0.3c0-0.6,0.4-1.2,1.1-1.3l55.6-12.3c1.7-0.4,3-1.9,3-3.7v-35 c0-2-1.6-3.6-3.6-3.6H65.4c-1.7,0-3.3,1.2-3.7,2.9L49.7,75.4c-0.2,0.6-0.7,1-1.3,1c-0.7,0-1.3-0.5-1.4-1.2l-5.7-45.7 c-0.2-1.9-1.9-3.3-3.8-3.3h-5.7c-2,0-3.6,1.6-3.6,3.6v90.5c0,2,1.6,3.6,3.6,3.6h5.8c1.9,0,3.5-1.3,3.8-3.2l5.2-31.2 c0.2-1,1-1.7,2.1-1.7c0.8,0,1.6,0.5,1.9,1.3l13.7,32.5c0.6,1.4,2,2.3,3.5,2.3h50.3c2,0,3.6-1.6,3.6-3.6V98.7 C121.7,96.9,120.4,95.3,118.6,95z'/%3E%3C/g%3E%3C/svg%3E%0A");}
.svg-artsy {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M0,150h150V0H0V150L0,150z M139.2,139.2h-22.7v-29.6h-10.8v29.6H10.8V10.8h128.4V139.2z'/%3E%3Cpath class='st0' d='M60.5,26.3H48.6L26.5,83h11.4l6-15.9h21.4L71.1,83h11.4L60.5,26.3z M47.2,57.5l7.3-19.7l7.2,19.7H47.2 L47.2,57.5z'/%3E%3C/g%3E%3C/svg%3E");}
.svg-insta {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M75,13.5c20,0,22.4,0.1,30.3,0.4c7.3,0.3,11.3,1.6,13.9,2.6c3.5,1.4,6,3,8.6,5.6c2.6,2.6,4.2,5.1,5.6,8.6 c1,2.6,2.2,6.6,2.6,13.9c0.4,7.9,0.4,10.3,0.4,30.3s-0.1,22.4-0.4,30.3c-0.3,7.3-1.6,11.3-2.6,13.9c-1.4,3.5-3,6-5.6,8.6 c-2.6,2.6-5.1,4.2-8.6,5.6c-2.6,1-6.6,2.2-13.9,2.6c-7.9,0.4-10.3,0.4-30.3,0.4s-22.4-0.1-30.3-0.4c-7.3-0.3-11.3-1.6-13.9-2.6 c-3.5-1.4-6-3-8.6-5.6s-4.2-5.1-5.6-8.6c-1-2.6-2.2-6.6-2.6-13.9C13.6,97.4,13.5,95,13.5,75s0.1-22.4,0.4-30.3 c0.3-7.3,1.6-11.3,2.6-13.9c1.4-3.5,3-6,5.6-8.6s5.1-4.2,8.6-5.6c2.6-1,6.6-2.2,13.9-2.6C52.6,13.6,55,13.5,75,13.5 M75,0 C54.6,0,52.1,0.1,44.1,0.5S30.7,2.1,25.9,4c-4.9,1.9-9.1,4.5-13.3,8.7S5.9,21.1,3.9,26C2,30.8,0.8,36.2,0.4,44.2 C0.1,52.1,0,54.6,0,75s0.1,22.9,0.5,30.9s1.6,13.4,3.5,18.2c1.9,4.9,4.5,9.1,8.7,13.3s8.4,6.7,13.3,8.7c4.8,1.9,10.2,3.1,18.2,3.5 s10.6,0.5,30.9,0.5S98,150,106,149.6s13.4-1.6,18.2-3.5c4.9-1.9,9.1-4.5,13.3-8.7s6.7-8.4,8.7-13.3c1.9-4.8,3.1-10.2,3.5-18.2 s0.5-10.6,0.5-30.9s-0.1-22.9-0.5-30.9s-1.6-13.4-3.5-18.2c-1.9-4.9-4.5-9.1-8.7-13.3s-8.4-6.7-13.3-8.7C119.4,2,114,0.8,106,0.4 C97.9,0.1,95.4,0,75,0L75,0z'/%3E%3Cpath d='M75,36.5c-21.3,0-38.5,17.2-38.5,38.5s17.2,38.5,38.5,38.5s38.5-17.2,38.5-38.5S96.3,36.5,75,36.5z M75,100 c-13.8,0-25-11.2-25-25s11.2-25,25-25s25,11.2,25,25S88.8,100,75,100z'/%3E%3Ccircle cx='115' cy='35' r='9'/%3E%3C/g%3E%3C/svg%3E%0A");}
.svg-kakaoC {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M75,0C35.8,0,4.1,29.4,4.1,65.6c0,26.8,11.2,39.5,26.6,51.2h0.1v31.4c0,1.5,1.7,2.3,2.9,1.4l26.9-20l0.6,0.2 c4.5,0.8,9.2,1.3,13.9,1.3c39.2,0,70.9-29.4,70.9-65.6C145.9,29.4,114.1,0,75,0z M50,82.6c7.3,0,13.5-4.4,15.4-11.1h10.8 C73.6,84.4,63.5,93,50,93c-15.6,0-28-11.7-28-28c0-16.2,12.4-27.9,28-27.9c13.6,0,23.8,8.7,26.3,21.9H65.5 c-1.6-7.2-8.1-11.7-15.5-11.7c-10.5,0-17.5,7.5-17.5,17.7S40.4,82.6,50,82.6z M121.1,91.9h-9.9V69.6c0-5.1-3-7.9-7.6-7.9 c-5.1,0-8.4,3.1-8.4,9.5v20.7h-9.9V37.3h9.9v20.5c2.4-3.6,6.2-5.4,11.4-5.4c4.2,0,7.7,1.4,10.4,4.2c2.8,2.8,4.1,6.7,4.1,11.7V91.9z '/%3E%3C/g%3E%3C/svg%3E%0A");}
.svg-Nblog {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cpath d='M125.5,0h-101C11,0,0,11,0,24.5v101C0,139,11,150,24.5,150h101c13.5,0,24.5-11,24.5-24.5v-101C150,11,139,0,125.5,0z M104.2,104.1H86.4L65,73.5v30.7H46.4V46.8h17.8l21.4,30.7V46.8h18.6V104.1z'/%3E%3C/svg%3E");}
.svg-face {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cpath d='M118.1,0H31.9C14.3,0,0,14.3,0,31.9v86.2C0,135.7,14.3,150,31.9,150h32.2V96.5h-20V75.3h20.1V50c0-7.2,7.1-13.5,7.1-13.5 c8.4-8,19.2-7.9,19.2-7.9c12.2-0.1,17.2,2.1,17.2,2.1v17.8H95.9C84.4,48.5,85.3,60,85.3,60v15.2h19.9c2.1,0,1.7,1,1.7,1l-2,20.2 H85.3V150h32.8c17.6,0,31.9-14.3,31.9-31.9V31.9C150,14.3,135.7,0,118.1,0z'/%3E%3C/svg%3E");}
.svg-youtube {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cg%3E%3Cpath class='st0' d='M146.8,38.7c-1.7-6.5-6.8-11.6-13.3-13.3c-11.7-3.2-58.6-3.2-58.6-3.2s-46.9,0-58.6,3.2 C9.8,27.1,4.7,32.2,3,38.7C-0.1,50.4-0.1,75-0.1,75s0,24.6,3.1,36.3c1.7,6.5,6.8,11.6,13.3,13.3c11.7,3.2,58.6,3.2,58.6,3.2 s46.9,0,58.6-3.2c6.5-1.7,11.5-6.9,13.3-13.3c3.1-11.8,3.1-36.3,3.1-36.3S149.9,50.4,146.8,38.7z M59.5,97.3V52.7L98.8,75 L59.5,97.3z'/%3E%3C/g%3E%3C/svg%3E%0A");}
.svg-discord {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 150 150' xml:space='preserve'%3E%3Ctitle%3EDiscord%3C/title%3E%3Cpath class='st0' d='M95.4,21.1l-1.8,2.1c21.8,6.7,32,16.3,32,16.3C112.3,32.1,99.2,28.5,87,27.1c-9.2-1-18.1-0.8-25.9,0.3 c-0.8,0-1.4,0.1-2.2,0.3c-4.5,0.4-15.4,2.1-29.2,8.1c-4.8,2.2-7.6,3.7-7.6,3.7s10.7-10.1,33.8-16.8l-1.3-1.5c0,0-17.6-0.4-36.1,13.5 c0,0-18.5,33.5-18.5,74.9c0,0,10.8,18.6,39.2,19.5c0,0,4.8-5.8,8.6-10.7c-16.3-4.9-22.5-15.2-22.5-15.2s1.3,0.9,3.6,2.2 c0.1,0.1,0.3,0.3,0.5,0.4c0.4,0.3,0.8,0.4,1.2,0.6c3.2,1.8,6.4,3.2,9.4,4.4c5.3,2.1,11.6,4.1,18.9,5.5c9.6,1.8,20.9,2.4,33.3,0.1 c6-1,12.2-2.8,18.6-5.5c4.5-1.7,9.5-4.1,14.8-7.6c0,0-6.4,10.5-23.2,15.3c3.9,4.9,8.5,10.4,8.5,10.4c28.4-0.9,39.3-19.5,39.3-19.5 c0-41.4-18.5-74.9-18.5-74.9C113,20.7,95.4,21.1,95.4,21.1z M51,97.5c-7.2,0-13.1-6.4-13.1-14.3S43.7,69,51,69 c7.3,0,13.2,6.4,13.1,14.3C64.1,91.1,58.3,97.5,51,97.5z M97.9,97.5c-7.2,0-13.1-6.4-13.1-14.3S90.6,69,97.9,69 c7.3,0,13.1,6.4,13.1,14.3S105.2,97.5,97.9,97.5z'%3E%3C/path%3E%3C/svg%3E");}
.svg-pinterest {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23010202;%7D%0A%3C/style%3E%3Cpath id='path64_00000068655764741756985750000014834113166314146181_' class='st0' d='M75.1,0C33.8,0,0.3,33.5,0.3,74.9 c0,31.7,19.7,58.8,47.6,69.7c-0.7-5.9-1.2-15,0.3-21.5c1.4-5.8,8.8-37.2,8.8-37.2s-2.2-4.5-2.2-11.1c0-10.4,6-18.2,13.5-18.2 c6.4,0,9.5,4.8,9.5,10.5c0,6.4-4.1,16-6.2,24.9c-1.8,7.5,3.7,13.5,11.1,13.5c13.3,0,23.5-14,23.5-34.3c0-17.9-12.9-30.5-31.3-30.5 c-21.3,0-33.8,16-33.8,32.5c0,6.4,2.5,13.3,5.6,17.1c0.6,0.7,0.7,1.4,0.5,2.1c-0.6,2.4-1.8,7.4-2.1,8.5c-0.3,1.4-1.1,1.7-2.5,1 c-9.4-4.4-15.2-18-15.2-29c0-23.6,17.2-45.3,49.5-45.3c26,0,46.2,18.5,46.2,43.2c0,25.8-16.3,46.6-38.8,46.6 c-7.6,0-14.7-3.9-17.2-8.6c0,0-3.8,14.3-4.7,17.8c-1.7,6.5-6.3,14.7-9.3,19.6c7,2.2,14.4,3.3,22.2,3.3c41.3,0,74.9-33.5,74.9-74.9 C150,33.5,116.5,0,75.1,0'/%3E%3C/svg%3E");}

/* about */
.sub-vis {width:100%; height:400px; object-fit: cover; object-position: center;}


/* contact us */
.icoLine-list {}
.icoLine-list li {width:100%; border-bottom:1px solid #000; padding:20px 0; display: flex; flex-direction: row; align-items: center; gap: 0 20px;}
.icoLine-list li:first-child {border-top:1px solid #000;}
.icoLine-list li .innerTxt-box {width: calc(100% - 80px);}


.icoLine-list li .icon {width: 60px; height: 60px; background-repeat: no-repeat; background-size: 80%; background-position: center;}
.icoLine-list li .icon.loca {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%231f1f1f'%3E%3Cpath d='M480-132q-94 0-154-22.05-60-22.06-60-56.95 0-17 18.5-33t50.5-27l22 17q-19 7-39 19t-24 23q5 21 57.5 36.5t128 15.5q75.5 0 128.5-15.5t58-36.5q-2-11-24.5-23T599-254l22-17q35 11 54 27t19 32.55q0 35.09-60 57.27T480-132Zm1-155q100-79 149.5-153.5T680-586q0-105.96-64.5-159.98Q551-800 480.5-800T345-745.9q-65 54.09-65 160.2 0 69.7 49.5 143.7Q379-368 481-287Zm-1 35q-114.81-88.12-171.41-171.16Q252-506.19 252-585.84 252-646 272.5-691t53.5-75.5q33-30.5 73.66-46 40.65-15.5 80.5-15.5 39.84 0 80.34 15.5t73.5 46q33 30.5 53.5 75.58Q708-645.83 708-586q0 79.69-56.59 162.76Q594.81-340.16 480-252Zm.5-279q24.5 0 42-17t17.5-42.5q0-25.5-17.62-43Q504.75-651 480-651q-24 0-42 17.62-18 17.63-18 42.38 0 26 18 43t42.5 17Zm-.5-60Z'/%3E%3C/svg%3E");}
.icoLine-list li .icon.phone {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%231f1f1f'%3E%3Cpath d='M480-124v-28h248q14 0 23-9t9-23v-28H648v-224h112v-84q0-116-82-198t-198-82q-116 0-198 82t-82 198v84h112v224h-80q-26 0-43-17t-17-43v-248q0-64 24-120t66-98q42-42 98-66t120-24q64 0 120 24t98 66q42 42 66 98t24 120v336q0 26-17 43t-43 17H480ZM232-240h52v-168h-84v136q0 14 9 23t23 9Zm444 0h84v-168h-84v168ZM232-408h-32 84-52Zm444 0h84-84Z'/%3E%3C/svg%3E");}
.icoLine-list li .icon.mail {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%231f1f1f'%3E%3Cpath d='M192-212q-26 0-43-17t-17-43v-416q0-26 17-43t43-17h576q26 0 43 17t17 43v416q0 26-17 43t-43 17H192Zm288-274L160-698v426q0 14 9 23t23 9h576q14 0 23-9t9-23v-426L480-486Zm0-34 304-200H176l304 200ZM160-698v-22 448q0 14 9 23t23 9h-32v-458Z'/%3E%3C/svg%3E");}
.icoLine-list li .icon.schedule {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000'%3E%3Cpath d='M232-132q-26 0-43-17t-17-43v-496q0-26 17-43t43-17h80v-92h32v92h276v-92h28v92h80q26 0 43 17t17 43v496q0 26-17 43t-43 17H232Zm0-28h496q12 0 22-10t10-22v-336H200v336q0 12 10 22t22 10Zm-32-396h560v-132q0-12-10-22t-22-10H232q-12 0-22 10t-10 22v132Zm0 0v-164 164Zm280 164q-11 0-19.5-8.5T452-420q0-11 8.5-19.5T480-448q11 0 19.5 8.5T508-420q0 11-8.5 19.5T480-392Zm-160 0q-11 0-19.5-8.5T292-420q0-11 8.5-19.5T320-448q11 0 19.5 8.5T348-420q0 11-8.5 19.5T320-392Zm320 0q-11 0-19.5-8.5T612-420q0-11 8.5-19.5T640-448q11 0 19.5 8.5T668-420q0 11-8.5 19.5T640-392ZM480-240q-11 0-19.5-8.5T452-268q0-11 8.5-19.5T480-296q11 0 19.5 8.5T508-268q0 11-8.5 19.5T480-240Zm-160 0q-11 0-19.5-8.5T292-268q0-11 8.5-19.5T320-296q11 0 19.5 8.5T348-268q0 11-8.5 19.5T320-240Zm320 0q-11 0-19.5-8.5T612-268q0-11 8.5-19.5T640-296q11 0 19.5 8.5T668-268q0 11-8.5 19.5T640-240Z'/%3E%3C/svg%3E");}
.icoLine-list li .icon.bus {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000'%3E%3Cpath d='M294-172q-5.95 0-9.98-4.02Q280-180.05 280-186v-74q-20-5-44-33.5T212-360v-360q0-56.03 64.48-82.01Q340.96-828 479.97-828 624-828 686-803.03q62 24.98 62 83.03v360q0 38-24 66.5T680-260v74q0 5.95-4.03 9.98Q671.95-172 666-172q-5.95 0-9.97-4.02Q652-180.05 652-186v-66H308v66q0 5.95-4.02 9.98Q299.95-172 294-172Zm186-560h240-480 240Zm160 252H240h480-80Zm-400-28h480v-196H240v196Zm100.24 168q16.76 0 28.26-11.74 11.5-11.73 11.5-28.5 0-16.76-11.74-28.26-11.73-11.5-28.5-11.5-16.76 0-28.26 11.74-11.5 11.73-11.5 28.5 0 16.76 11.74 28.26 11.73 11.5 28.5 11.5Zm280 0q16.76 0 28.26-11.74 11.5-11.73 11.5-28.5 0-16.76-11.74-28.26-11.73-11.5-28.5-11.5-16.76 0-28.26 11.74-11.5 11.73-11.5 28.5 0 16.76 11.74 28.26 11.73 11.5 28.5 11.5ZM240-732h480q-9-35-64-51.5T480-800q-121 0-176 16.5T240-732Zm80 452h320q33 0 56.5-23.5T720-360v-120H240v120q0 33 23.5 56.5T320-280Z'/%3E%3C/svg%3E");}


/* info-table */
.tb-box {width: 100%; margin-top: 60px;}
.tb-box:first-of-type {margin-top: 0;}
.info-table {width: 100%; border-collapse: collapse;}
.info-table th, .info-table td {border: 1px solid #4f5dc7; padding: 15px 5px; text-align: center; color:#000; background-color:#fff;}
.info-table th:first-child, .info-table td:first-child {border-left:none;}
.info-table th:last-child, .info-table td:last-child {border-right:none;}
.info-table th {background-color: #2c3bb1; color:#fff;}
.info-table td a {color: #000; text-decoration: underline;}
.info-table td img {width: 100%;}

.info-table td a.tb-linkBtn {display: inline-block; padding: 5px 10px 3px; background: #2c3bb1; border-radius: 50px; text-decoration: none;}
.info-table td a.tb-linkBtn span {color: #fff;}
.info-table td .info-txt {display: inline-block;}



/* sub-next */
.sub-NextsecBox {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; z-index: 3}
.sub-Nextsec {width: 35px; height: 28px; display: block; background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 73.3 58.4' style='enable-background:new 0 0 73.3 58.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='36.6,34.3 2.3,0 0,2.3 34.3,36.6 36.6,38.9 38.9,36.6 73.3,2.3 71,0 '/%3E%3Cpolygon class='st0' points='36.6,53.8 2.3,19.5 0,21.7 34.3,56.1 36.6,58.4 38.9,56.1 73.3,21.7 71,19.5 '/%3E%3C/svg%3E")}
.sub-NextsecBox:hover {bottom: 35px}

/* breadcrumbs */
.breadcrumbs-list {width: 100%; display: flex; align-items: center; margin-bottom: 20px;}
.breadcrumbs-list .home {width: 17px; height: 17px; display: block; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 9 8.3' style='enable-background:new 0 0 9 8.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M3.5,8.3V5.5h2.1v2.8h2.1V4.2H9L4.5,0L0,4.2h1.4v4.2H3.5z'/%3E%3C/svg%3E");}
.breadcrumbs-list li {margin-left: 20px; padding-left: 20px; position: relative;}
.breadcrumbs-list li:before {content: ''; width: 16px; height: 16px; display: block; position: absolute; left: -8px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' class='slide-ico'%3E%3Cstyle%3E%0Apath %7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath d='M6.742 5.76 7.873 4.629 13.247 10.003 7.873 15.377 6.741 14.246 10.984 10.003z'%3E%3C/path%3E%3C/svg%3E");}
.breadcrumbs-list li:first-child {margin-left: 0; padding-left: 0;}
.breadcrumbs-list li:first-child:before {display: none;}
.breadcrumbs-list li a {}
.breadcrumbs-list li a span {font-size: 16px; line-height: 1em; display: block;}


/* fancybox poster view */
.vis-viewBox {text-align: center; display: flex; flex-direction: column; align-items: center;}
.vis-viewBox > a {border-radius: 0 60px; overflow: hidden;}
.vis-viewBox img {max-width:500px; width: 100%;}


/* event slider */
.event-slide {height:100%;}
.event-slide .swiper-slide {width: 100%; height: 100%; position: relative; overflow: hidden;}
.event-slide .swiper-slide img {position: relative !important; top: auto !important; left: auto !important;}


.flexContainer-box {margin-top:120px;}
.flexContainer-box:first-child {margin-top:0;}

@media screen and (max-width:1920px) {

}


@media screen and (max-width:1500px) {


}


/*==========================================================================
                            ★ Tablet (반응형) ★
==========================================================================*/
@media screen and (max-width:1200px) {

    /*==========================================================================
                                    sub - 공용
    ==========================================================================*/
    /*body.sub-page {padding-top:60px;}*/
    .sub-depth2Box {display: none;}
    .sub-section.no-ft-mg {margin-bottom:-60px;}
    .sub-section:first-of-type {border-bottom-left-radius: 200px;}


    #contents {margin-top: 60px;}


    .sub-NextsecBox {bottom: 18px;}
    .sub-NextsecBox:hover {bottom: 18px;}
    .sub-Nextsec {width: 28px; height: 22px;}

    .breadcrumbs-list {justify-content: center;}
    .sub-section.vis-section .sec-titContainer .sec-titBox {width:100%; padding: 0 20px; box-sizing: border-box; text-align: center; left:50%; transform: translate(-50%, -50%);}
    .sub-section.vis-section .sec-titContainer .b-tit {font-size: 50px;}
    .sub-section.vis-section .sec-titContainer .s-txt {font-size: 20px;}

}


/*==========================================================================
                            ★ Mobile (반응형) ★
==========================================================================*/
@media screen and (max-width:980px) {
    .block-pc {display:none;}
    .block-980 {display:block;}
    .m-first {margin-top: 0 !important;}


    .sub-section {margin-top: 60px;}
    .sub-section:first-of-type {border-bottom-left-radius: 100px;}
    .sub-section#sub-Nextsec {padding-top:60px;}
    .sub-section.mt-on {margin-top: 60px !important;}
    .sub-section .visual.inwrap .vis-txtBox h3, .sub-section .visual.inwrap .vis-txtBox .sub-tit {font-size: 30px;}
    .sub-section .visual.inwrap .vis-txtBox p, .sub-section .visual.inwrap .vis-txtBox p * {font-size: 16px;}
    .sub-section.ud-pdSec {padding:60px 0;}
    .sub-section.vis-section, .sub-section.vis-section .sec-visBox {max-height:580px;}

    .s-Btit {font-size: 24px;}
    .s-Btit:after {height: 24px; top: 43%;}
    .s-Mtit {font-size: 20px;}
    .s-Stit {font-size: 18px;}
    .s-stxt {font-size: 16px;}
    .s-txt {font-size: 14px;}
    .gap-stxtBox {margin-top: 40px;}


    /* List Type */
    .dot-list li {font-size:14px;}

    .num-list.col-ty > li {flex:1 1 40%; margin-top:20px;}
    .num-list.col-ty > li:nth-child(2n+1) {margin-left:0;}
    .num-list.col-ty > li:nth-child(-n+2) {margin-top:0;}


    .num-list.col-ty.ty-8 > li {flex:1 1 40%; margin-top: 20px;}
    .num-list.col-ty.ty-8 > li:nth-child(4n+1) {margin-left:20px;}
    .num-list.col-ty.ty-8 > li:nth-child(-n+4) {margin-top: 20px;}
    .num-list.col-ty.ty-8 > li:nth-child(2n+1) {margin-left:0;}
    .num-list.col-ty.ty-8 > li:nth-child(-n+2) {margin-top:0;}



    .bg-fixed-layout {height: 250px;}



    .input-set .col-2ty {width:100%; display:block; margin-top:40px;}
    .input-set .col-2ty:first-child {margin-top: 0;}


    /* company - works */



    .icoLine-list li {gap: 0 10px;}
    .icoLine-list li .icon {width: 40px; height: 40px; background-size: 100%;}
    .icoLine-list li .innerTxt-box {width: calc(100% - 50px);}



    .sub-section.vis-section .sec-titContainer .b-tit {font-size: 30px;}
    .sub-section.vis-section .sec-titContainer .s-txt {font-size: 16px;}
}



@media screen and (max-width:680px) {




    /* List Type */
    .num-list.col-ty > li {flex:1 100%; margin:20px 0 0 0;}
    .num-list.col-ty > li:nth-child(-n+2) {margin-top:20px;}
    .num-list.col-ty > li:first-child {margin-top:0;}


    .num-list.col-ty.ty-8 > li {flex:1 100%; margin:20px 0 0 0;}
    .num-list.col-ty.ty-8 > li:nth-child(-n+2) {margin-top:20px;}
    .num-list.col-ty.ty-8 > li:first-child {margin-top:0;}


}


@media screen and (max-width:480px) {

    .block-480 {display:block;}


}