gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

gnb 원뎁스

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2025-11-23 23:23:25 +09:00
parent cfb9b1c4d4
commit 9f67ce0682
41 changed files with 7909 additions and 6710 deletions
Download Patch File Download Diff File Expand all files Collapse all files

206
kr/assets/css/service.css
View File

@@ -41,6 +41,7 @@ body .csKey {
.hederWarp_n.hskey {
height: 35rem;
z-index: initial;
background-color: transparent;
}
.comp_wide {
@@ -84,8 +85,10 @@ body#serviceinfo .hederWarp_n.hskey,
body#notice .hederWarp_n.hskey,
body#event .hederWarp_n.hskey,
body#faq .hederWarp_n.hskey {
position: relative;
height: 22rem;
background-size: cover;
z-index: 1000;
}
@media (min-width: 1025px) {
body#serviceinfo .hederWarp_n.hskey,
@@ -103,10 +106,9 @@ body#faq .hederWarp_n.hskey::before {
display: block;
position: absolute;
width: 100%;
height: 8rem;
margin-left: -2rem;
top: 0;
background: linear-gradient(180deg, rgba(5, 20, 31, 0.8) 0%, rgba(5, 20, 31, 0) 100%);
background: #fff;
z-index: 0;
}
@media (min-width: 1240px) {
@@ -124,9 +126,17 @@ body#faq .pageTitle {
position: relative;
max-width: 192rem;
margin: 0 auto;
margin-top: -8.5rem;
margin-top: 4rem;
z-index: 100;
}
@media (min-width: 768px) {
body#serviceinfo .pageTitle,
body#notice .pageTitle,
body#event .pageTitle,
body#faq .pageTitle {
margin-top: -3rem;
}
}
body#serviceinfo .pageTitle h1,
body#notice .pageTitle h1,
body#event .pageTitle h1,
@@ -235,7 +245,7 @@ body#serviceinfo .contentWarp .infoWrap .info_box_wrap .info_box,
body#notice .contentWarp .infoWrap .info_box_wrap .info_box,
body#event .contentWarp .infoWrap .info_box_wrap .info_box,
body#faq .contentWarp .infoWrap .info_box_wrap .info_box {
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-radius: 0.6rem;
overflow: hidden;
}
@@ -336,7 +346,7 @@ body#event .contentWarp .infoWrap .info_box_wrap .info_box .image_area,
body#faq .contentWarp .infoWrap .info_box_wrap .info_box .image_area {
display: flex;
justify-content: space-between;
background-color: #F3F3F3;
background-color: #f3f3f3;
margin-top: 3rem;
padding: 2rem;
}
@@ -485,7 +495,7 @@ body#serviceinfo .contentWarp .noticeList .borderList ul,
body#notice .contentWarp .noticeList .borderList ul,
body#event .contentWarp .noticeList .borderList ul,
body#faq .contentWarp .noticeList .borderList ul {
border-top: 1px solid #DEDEDE;
border-top: 1px solid #dedede;
}
body#serviceinfo .contentWarp .noticeList .borderList ul li,
body#notice .contentWarp .noticeList .borderList ul li,
@@ -493,13 +503,13 @@ body#event .contentWarp .noticeList .borderList ul li,
body#faq .contentWarp .noticeList .borderList ul li {
position: relative;
width: 100%;
border-bottom: 1px solid #DEDEDE;
border-bottom: 1px solid #dedede;
}
body#serviceinfo .contentWarp .noticeList .borderList ul li a,
body#notice .contentWarp .noticeList .borderList ul li a,
body#event .contentWarp .noticeList .borderList ul li a,
body#faq .contentWarp .noticeList .borderList ul li a {
displaY: flex;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 2rem;
@@ -510,7 +520,7 @@ body#notice .contentWarp .noticeList .borderList ul li a div .date,
body#event .contentWarp .noticeList .borderList ul li a div .date,
body#faq .contentWarp .noticeList .borderList ul li a div .date {
font-size: 1.4rem;
color: #05141F;
color: #05141f;
}
body#serviceinfo .contentWarp .noticeList .borderList ul li a div p,
body#notice .contentWarp .noticeList .borderList ul li a div p,
@@ -535,7 +545,7 @@ body#serviceinfo .contentWarp .noticeList .borderList ul li a > p,
body#notice .contentWarp .noticeList .borderList ul li a > p,
body#event .contentWarp .noticeList .borderList ul li a > p,
body#faq .contentWarp .noticeList .borderList ul li a > p {
color: #9EA1A2;
color: #9ea1a2;
font-size: 1.6rem;
}
body#serviceinfo .contentWarp .noticeList .borderList ul li.point::after,
@@ -543,7 +553,7 @@ body#notice .contentWarp .noticeList .borderList ul li.point::after,
body#event .contentWarp .noticeList .borderList ul li.point::after,
body#faq .contentWarp .noticeList .borderList ul li.point::after {
content: "";
displaY: block;
display: block;
position: absolute;
top: 2rem;
right: 2rem;
@@ -562,10 +572,10 @@ body#faq .contentWarp .noticeList .noList {
align-items: center;
height: 14rem;
margin-top: 3rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-radius: 0.6rem;
font-size: 1.8rem;
color: #9EA1A2;
color: #9ea1a2;
}
@media (min-width: 768px) {
body#serviceinfo .contentWarp .noticeList .noList,
@@ -580,7 +590,7 @@ body#notice .contentWarp .faqWarp,
body#event .contentWarp .faqWarp,
body#faq .contentWarp .faqWarp {
width: 100%;
displaY: flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
@@ -641,7 +651,7 @@ body#faq .contentWarp .faqWarp .faqTab .mSelectCate {
width: 100%;
height: 4.5rem;
padding: 1.5rem;
bordeR: 1px solid #DEDEDE;
border: 1px solid #dedede;
font-size: 1.4rem;
cursor: pointer;
}
@@ -657,7 +667,7 @@ body#faq .contentWarp .faqWarp .faqTab .mSelectCate::after {
transform: rotate(-180deg);
width: 1.4rem;
height: 0.8rem;
displaY: block;
display: block;
background: url("/kr/assets/images/common/icon-notice.svg");
background-size: contain;
background-repeat: no-repeat;
@@ -667,7 +677,7 @@ body#faq .contentWarp .faqWarp .faqTab .mSelectCate::after {
body#notice .contentWarp .faqWarp .faqTab .mSelectCate,
body#event .contentWarp .faqWarp .faqTab .mSelectCate,
body#faq .contentWarp .faqWarp .faqTab .mSelectCate {
displaY: none;
display: none;
height: auto;
}
}
@@ -689,14 +699,14 @@ body#serviceinfo .contentWarp .faqWarp .faqTab .mSelectCate.on + ul,
body#notice .contentWarp .faqWarp .faqTab .mSelectCate.on + ul,
body#event .contentWarp .faqWarp .faqTab .mSelectCate.on + ul,
body#faq .contentWarp .faqWarp .faqTab .mSelectCate.on + ul {
displaY: block;
display: block;
}
body#serviceinfo .contentWarp .faqWarp .faqTab ul,
body#notice .contentWarp .faqWarp .faqTab ul,
body#event .contentWarp .faqWarp .faqTab ul,
body#faq .contentWarp .faqWarp .faqTab ul {
display: none;
bordeR: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-top: 0;
}
@media (min-width: 1000px) {
@@ -704,7 +714,7 @@ body#faq .contentWarp .faqWarp .faqTab ul {
body#notice .contentWarp .faqWarp .faqTab ul,
body#event .contentWarp .faqWarp .faqTab ul,
body#faq .contentWarp .faqWarp .faqTab ul {
displaY: flex;
display: flex;
border: none;
align-items: center;
}
@@ -729,7 +739,7 @@ body#serviceinfo .contentWarp .faqWarp .faqTab ul li a,
body#notice .contentWarp .faqWarp .faqTab ul li a,
body#event .contentWarp .faqWarp .faqTab ul li a,
body#faq .contentWarp .faqWarp .faqTab ul li a {
color: #9EA1A2;
color: #9ea1a2;
width: 100%;
display: block;
font-weight: 700;
@@ -832,7 +842,7 @@ body#serviceinfo .contentWarp .faqList .faqAccodion .accordion dl,
body#notice .contentWarp .faqList .faqAccodion .accordion dl,
body#event .contentWarp .faqList .faqAccodion .accordion dl,
body#faq .contentWarp .faqList .faqAccodion .accordion dl {
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-radius: 0.6rem;
padding: 2rem;
position: relative;
@@ -841,7 +851,7 @@ body#serviceinfo .contentWarp .faqList .faqAccodion .accordion dl:hover,
body#notice .contentWarp .faqList .faqAccodion .accordion dl:hover,
body#event .contentWarp .faqList .faqAccodion .accordion dl:hover,
body#faq .contentWarp .faqList .faqAccodion .accordion dl:hover {
border-color: #05141F;
border-color: #05141f;
}
@media (min-width: 768px) {
body#serviceinfo .contentWarp .faqList .faqAccodion .accordion dl,
@@ -888,8 +898,8 @@ body#serviceinfo .contentWarp .faqList .faqAccodion .accordion dl dt p .subTitle
body#notice .contentWarp .faqList .faqAccodion .accordion dl dt p .subTitle,
body#event .contentWarp .faqList .faqAccodion .accordion dl dt p .subTitle,
body#faq .contentWarp .faqList .faqAccodion .accordion dl dt p .subTitle {
displaY: block;
color: #9EA1A2;
display: block;
color: #9ea1a2;
margin-bottom: 1rem;
font-size: 1.4rem;
font-weight: 400;
@@ -912,7 +922,7 @@ body#faq .contentWarp .faqList .faqAccodion .accordion dl dt::after {
transform: rotate(-180deg);
width: 1.4rem;
height: 0.8rem;
displaY: block;
display: block;
background: url("/kr/assets/images/common/icon-notice.svg");
background-size: contain;
background-repeat: no-repeat;
@@ -946,7 +956,7 @@ body#serviceinfo .contentWarp .faqList .faqAccodion .accordion dl dt.active + dd
body#notice .contentWarp .faqList .faqAccodion .accordion dl dt.active + dd,
body#event .contentWarp .faqList .faqAccodion .accordion dl dt.active + dd,
body#faq .contentWarp .faqList .faqAccodion .accordion dl dt.active + dd {
displaY: block;
display: block;
}
body#serviceinfo .contentWarp .faqList .faqAccodion .accordion dl dd,
body#notice .contentWarp .faqList .faqAccodion .accordion dl dd,
@@ -961,7 +971,7 @@ body#event .contentWarp .faqList .faqAccodion .accordion dl dd p,
body#faq .contentWarp .faqList .faqAccodion .accordion dl dd p {
font-size: 1.4rem;
line-height: 2.4rem;
color: #6A6A6A;
color: #6a6a6a;
}
@media (min-width: 1025px) {
body#serviceinfo .contentWarp .faqList .faqAccodion .accordion dl dd p,
@@ -997,10 +1007,10 @@ body#faq .contentWarp .faqList .faqAccodion .noList {
justify-content: center;
align-items: center;
height: 14rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-radius: 0.6rem;
font-size: 1.8rem;
color: #9EA1A2;
color: #9ea1a2;
}
@media (min-width: 768px) {
body#serviceinfo .contentWarp .faqList .faqAccodion .noList,
@@ -1015,7 +1025,7 @@ body#notice .contentWarp .csWarp,
body#event .contentWarp .csWarp,
body#faq .contentWarp .csWarp {
margin-top: 0rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
margin-top: 5rem;
padding: 5rem 20rem;
}
@@ -1056,7 +1066,7 @@ body#faq .contentWarp .csWarp dl.important dt::after {
display: block;
border-radius: 50%;
margin-left: 0.4rem;
background-color: #EA0029;
background-color: #ea0029;
margin-top: -0.7rem;
}
@media (min-width: 768px) {
@@ -1134,7 +1144,7 @@ body#faq .contentWarp .csWarp dl dd input[type=text] {
width: 100%;
align-items: center;
padding-left: 1.7rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
height: 4.5rem;
font-size: 1.4rem;
color: #000;
@@ -1231,7 +1241,7 @@ body#event .contentWarp .csWarp dl dd select,
body#faq .contentWarp .csWarp dl dd select {
width: 100%;
height: 4.5rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
outline: 0 none;
border-radius: 0;
padding-left: 1.7rem;
@@ -1270,7 +1280,7 @@ body#notice .contentWarp .csWarp dl dd textarea,
body#event .contentWarp .csWarp dl dd textarea,
body#faq .contentWarp .csWarp dl dd textarea {
width: 100%;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
outline: 0 none;
border-radius: 0;
padding: 1.5rem 1.7rem;
@@ -1318,7 +1328,7 @@ body#event .contentWarp .csWarp dl dd.flieWarp .fileList ul li p,
body#faq .contentWarp .csWarp dl dd.flieWarp .fileList ul li p {
display: flex;
width: 100%;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
height: 4.5rem;
}
@media (min-width: 768px) {
@@ -1401,7 +1411,7 @@ body#notice .contentWarp .csWarp dl dd.flieWarp .fileList .textInfo,
body#event .contentWarp .csWarp dl dd.flieWarp .fileList .textInfo,
body#faq .contentWarp .csWarp dl dd.flieWarp .fileList .textInfo {
font-size: 1.4rem;
color: #9EA1A2;
color: #9ea1a2;
margin-top: 1.5rem;
}
body#serviceinfo .contentWarp .csWarp dl dd.flieWarp .fileAddBtn,
@@ -1420,12 +1430,12 @@ body#event .contentWarp .csWarp dl dd.flieWarp .fileAddBtn button,
body#event .contentWarp .csWarp dl dd.flieWarp .fileAddBtn label,
body#faq .contentWarp .csWarp dl dd.flieWarp .fileAddBtn button,
body#faq .contentWarp .csWarp dl dd.flieWarp .fileAddBtn label {
displaY: flex;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 5rem;
bordeR: 1px solid #DEDEDE;
border: 1px solid #dedede;
cursor: pointer;
}
body#serviceinfo .contentWarp .csWarp dl dd.flieWarp .fileAddBtn button span,
@@ -1518,7 +1528,7 @@ body#notice .contentWarp .csWarp .csComplete,
body#event .contentWarp .csWarp .csComplete,
body#faq .contentWarp .csWarp .csComplete {
text-align: center;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
width: 100%;
padding: 3rem;
}
@@ -1596,7 +1606,7 @@ body#serviceinfo .contentWarp .csBtn .towButton,
body#notice .contentWarp .csBtn .towButton,
body#event .contentWarp .csBtn .towButton,
body#faq .contentWarp .csBtn .towButton {
displaY: flex;
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
@@ -1618,7 +1628,7 @@ body#faq .contentWarp .csBtn .towButton button + button {
body#notice .contentWarp .csBtn .towButton button + button,
body#event .contentWarp .csBtn .towButton button + button,
body#faq .contentWarp .csBtn .towButton button + button {
margin-lefT: 1rem;
margin-left: 1rem;
margin-top: 0;
}
}
@@ -1765,7 +1775,7 @@ body#faq .contentWarp .eventList .borderList ul li a .item .imageWrap .endEvent
align-items: center;
width: 15rem;
height: 15rem;
background-color: #05141F;
background-color: #05141f;
opacity: 0.9;
border-radius: 7.5rem;
}
@@ -1782,7 +1792,7 @@ body#faq .contentWarp .eventList .borderList ul li a .item .imageWrap .endEvent
margin-top: 1.4rem;
font-size: 1.4rem;
font-weight: 600;
color: #FFFFFF;
color: #ffffff;
}
@media (max-width: 500px) {
body#serviceinfo .contentWarp .eventList .borderList ul li a .item .imageWrap .endEvent .endIcon,
@@ -1916,13 +1926,13 @@ body#serviceinfo .contentWarp .eventList .borderListWinner ul,
body#notice .contentWarp .eventList .borderListWinner ul,
body#event .contentWarp .eventList .borderListWinner ul,
body#faq .contentWarp .eventList .borderListWinner ul {
border-top: 1px solid #DEDEDE;
border-top: 1px solid #dedede;
}
body#serviceinfo .contentWarp .eventList .borderListWinner ul li,
body#notice .contentWarp .eventList .borderListWinner ul li,
body#event .contentWarp .eventList .borderListWinner ul li,
body#faq .contentWarp .eventList .borderListWinner ul li {
border-bottom: 1px solid #DEDEDE;
border-bottom: 1px solid #dedede;
padding: 2rem 0;
}
body#serviceinfo .contentWarp .eventList .borderListWinner ul li a .item,
@@ -2031,10 +2041,10 @@ body#faq .contentWarp .eventList .noList {
align-items: center;
height: 14rem;
margin-top: 3rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-radius: 0.6rem;
font-size: 1.8rem;
color: #9EA1A2;
color: #9ea1a2;
}
@media (min-width: 768px) {
body#serviceinfo .contentWarp .eventList .noList,
@@ -2073,7 +2083,7 @@ body#notice .contentWarp.listView .noticeView .viewInner .viewTitle p span,
body#event .contentWarp.listView .noticeView .viewInner .viewTitle p span,
body#faq .contentWarp.listView .noticeView .viewInner .viewTitle p span {
font-size: 1.4rem;
color: #EA0029;
color: #ea0029;
}
@media (min-width: 1025px) {
body#serviceinfo .contentWarp.listView .noticeView .viewInner .viewTitle p span,
@@ -2088,7 +2098,7 @@ body#notice .contentWarp.listView .noticeView .viewInner .viewTitle p span + spa
body#event .contentWarp.listView .noticeView .viewInner .viewTitle p span + span,
body#faq .contentWarp.listView .noticeView .viewInner .viewTitle p span + span {
font-size: 1.4rem;
color: #9EA1A2;
color: #9ea1a2;
}
@media (min-width: 1025px) {
body#serviceinfo .contentWarp.listView .noticeView .viewInner .viewTitle p span + span,
@@ -2464,7 +2474,7 @@ body#faq .btnNextPre {
position: relative;
width: 100%;
background-color: #f3f3f3;
border-top: 1px solid #DEDEDE;
border-top: 1px solid #dedede;
padding-top: 2rem;
padding-bottom: 4rem;
margin-top: 4rem;
@@ -2519,7 +2529,7 @@ body#event .btnNextPre .btnInner::after,
body#faq .btnNextPre .btnInner::after {
position: absolute;
width: 1px;
background-color: #DEDEDE;
background-color: #dedede;
left: 50%;
top: 0;
transform: translate(-50%, 0);
@@ -2539,7 +2549,7 @@ body#faq .btnNextPre .btnInner .btnArea {
padding-left: 2rem;
padding-right: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #DEDEDE;
border-bottom: 1px solid #dedede;
}
@media (min-width: 1025px) {
body#serviceinfo .btnNextPre .btnInner .btnArea,
@@ -2562,7 +2572,7 @@ body#faq .btnNextPre .btnInner > div {
padding-left: 2rem;
padding-right: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #DEDEDE;
border-bottom: 1px solid #dedede;
}
@media (min-width: 1025px) {
body#serviceinfo .btnNextPre .btnInner > div,
@@ -2580,7 +2590,7 @@ body#serviceinfo .btnNextPre .btnInner > div > p,
body#notice .btnNextPre .btnInner > div > p,
body#event .btnNextPre .btnInner > div > p,
body#faq .btnNextPre .btnInner > div > p {
displaY: flex;
display: flex;
align-items: center;
}
body#serviceinfo .btnNextPre .btnInner > div > p span,
@@ -2638,7 +2648,7 @@ body#serviceinfo .btnNextPre .btnInner > div > div span,
body#notice .btnNextPre .btnInner > div > div span,
body#event .btnNextPre .btnInner > div > div span,
body#faq .btnNextPre .btnInner > div > div span {
color: #05141F;
color: #05141f;
}
body#serviceinfo .btnNextPre .btnInner > div > div a,
body#notice .btnNextPre .btnInner > div > div a,
@@ -2734,7 +2744,7 @@ body#serviceinfo .btnNextPre .btnInner div + div > div,
body#notice .btnNextPre .btnInner div + div > div,
body#event .btnNextPre .btnInner div + div > div,
body#faq .btnNextPre .btnInner div + div > div {
displaY: flex;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@@ -2750,7 +2760,7 @@ body#serviceinfo .btnNextPre .btnInner div + div > div span,
body#notice .btnNextPre .btnInner div + div > div span,
body#event .btnNextPre .btnInner div + div > div span,
body#faq .btnNextPre .btnInner div + div > div span {
color: #EA0029;
color: #ea0029;
text-align: left;
}
@media (min-width: 1025px) {
@@ -2822,7 +2832,7 @@ body#notice .contentWarp {
justify-content: space-between;
align-items: center;
width: 100%;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-radius: 0.6rem;
padding: 4rem;
}
@@ -2876,7 +2886,7 @@ body#notice .contentWarp {
align-items: center;
gap: 1.6rem;
margin-top: 2.8rem;
background-color: #F3F3F3;
background-color: #f3f3f3;
padding: 2.5rem 4rem;
}
.qnaSupport .noticeText {
@@ -2978,13 +2988,13 @@ body#notice .contentWarp {
}
}
.qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl {
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-radius: 0.6rem;
padding: 2rem;
position: relative;
}
.qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl:hover {
border-color: #05141F;
border-color: #05141f;
}
@media (min-width: 768px) {
.qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl {
@@ -3013,7 +3023,7 @@ body#notice .contentWarp {
display: flex;
justify-content: flex-start;
align-items: center;
color: #9EA1A2;
color: #9ea1a2;
margin-bottom: 1.5rem;
font-size: 1.4rem;
font-weight: 400;
@@ -3025,12 +3035,12 @@ body#notice .contentWarp {
height: 2.5rem;
margin-right: 1rem;
padding: 0 0.8rem;
border: 0.1rem solid #DEDEDE;
border: 0.1rem solid #dedede;
font-size: 1.4rem;
font-weight: 400;
}
.qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dt > p .subTitle .badge.an {
color: #9EA1A2;
color: #9ea1a2;
}
.qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dt > p .subTitle .badge.ay {
color: #000000;
@@ -3050,7 +3060,7 @@ body#notice .contentWarp {
transform: rotate(-180deg);
width: 1.4rem;
height: 0.8rem;
displaY: block;
display: block;
background: url("/kr/assets/images/common/icon-notice.svg");
background-size: contain;
background-repeat: no-repeat;
@@ -3072,7 +3082,7 @@ body#notice .contentWarp {
}
}
.qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dt.active + dd {
displaY: block;
display: block;
}
.qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dd {
display: none;
@@ -3097,7 +3107,7 @@ body#notice .contentWarp {
}
.qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dd .imageArea .item {
width: calc((100% - 4rem) / 3);
border: 0.1rem solid #DEDEDE;
border: 0.1rem solid #dedede;
overflow: hidden;
margin-right: 2rem;
}
@@ -3114,10 +3124,10 @@ body#notice .contentWarp {
.qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dd .adminAnswer {
margin-top: 3.5rem;
padding-top: 3.5rem;
border-top: 0.1rem solid #DEDEDE;
border-top: 0.1rem solid #dedede;
}
.qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dd .adminAnswer .subTitle {
color: #9EA1A2;
color: #9ea1a2;
font-size: 1.4rem;
font-weight: 400;
}
@@ -3137,7 +3147,7 @@ body#notice .contentWarp {
align-items: center;
font-size: 1.6rem;
padding: 0.7rem 1rem;
background-color: #F3F3F3;
background-color: #f3f3f3;
color: #000000;
margin-right: 1rem;
margin-bottom: 1rem;
@@ -3168,7 +3178,7 @@ body#notice .contentWarp {
margin: 0 auto;
}
.qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dd .csBtn .towButton {
displaY: flex;
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
@@ -3197,7 +3207,7 @@ body#notice .contentWarp {
}
@media (min-width: 768px) {
.qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dd .csBtn .towButton button + button {
margin-lefT: 1rem;
margin-left: 1rem;
margin-top: 0;
}
}
@@ -3215,10 +3225,10 @@ body#notice .contentWarp {
justify-content: center;
align-items: center;
height: 14rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-radius: 0.6rem;
font-size: 1.8rem;
color: #9EA1A2;
color: #9ea1a2;
}
@media (min-width: 768px) {
.qnaArea .qnaInner .qnaList .qnaAccodion .noList {
@@ -3233,7 +3243,7 @@ body#notice .contentWarp {
flex-direction: column;
width: 100%;
margin-top: 3rem;
background-color: #F3F3F3;
background-color: #f3f3f3;
padding: 3rem 2rem;
}
@media (max-width: 768px) {
@@ -3260,21 +3270,21 @@ body#notice .contentWarp {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: max(1px, 0.1em) solid #05141F;
border: max(1px, 0.1em) solid #05141f;
border-radius: 50%;
width: 1.5rem;
height: 1.5rem;
transition: border 0.3s ease-in-out;
}
.inquiryEdit .inquiryType .radioArea [type=radio]:checked {
border: 0.4rem solid #EA0029;
border: 0.4rem solid #ea0029;
}
.inquiryEdit .inquiryType .radioArea [type=radio]:hover {
box-shadow: 0 0 0 max(2px, 0.2em) #DEDEDE;
box-shadow: 0 0 0 max(2px, 0.2em) #dedede;
cursor: pointer;
}
.inquiryEdit .inquiryType .radioArea [type=radio]:disabled {
background-color: #DEDEDE;
background-color: #dedede;
box-shadow: none;
opacity: 0.7;
cursor: not-allowed;
@@ -3309,7 +3319,7 @@ body#notice .contentWarp {
display: block;
border-radius: 50%;
margin-left: 0.4rem;
background-color: #EA0029;
background-color: #ea0029;
margin-top: -0.7rem;
}
@media (min-width: 768px) {
@@ -3360,7 +3370,7 @@ body#notice .contentWarp {
width: 100%;
align-items: center;
padding-left: 1.7rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
height: 4.5rem;
font-size: 1.4rem;
color: #000;
@@ -3421,7 +3431,7 @@ body#notice .contentWarp {
.inquiryEdit .csWarp .csInner dl dd select {
width: 100%;
height: 4.5rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
outline: 0 none;
border-radius: 0;
padding-left: 1.7rem;
@@ -3448,7 +3458,7 @@ body#notice .contentWarp {
}
.inquiryEdit .csWarp .csInner dl dd textarea {
width: auto !important;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
outline: 0 none;
border-radius: 0;
padding: 1.5rem 1.7rem;
@@ -3483,7 +3493,7 @@ body#notice .contentWarp {
position: relative;
width: calc((100% - 30px) / 3) !important;
margin-top: 0 !important;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
}
.inquiryEdit .csWarp .csInner dl dd.flieWarp .fileList ul .imgItem .itemWrap {
position: relative;
@@ -3517,7 +3527,7 @@ body#notice .contentWarp {
}
.inquiryEdit .csWarp .csInner dl dd.flieWarp .textInfo {
font-size: 1.4rem;
color: #9EA1A2;
color: #9ea1a2;
margin-top: 1.5rem;
}
.inquiryEdit .csWarp .csInner dl dd.flieWarp .fileAddBtn {
@@ -3527,12 +3537,12 @@ body#notice .contentWarp {
}
.inquiryEdit .csWarp .csInner dl dd.flieWarp .fileAddBtn button,
.inquiryEdit .csWarp .csInner dl dd.flieWarp .fileAddBtn label {
displaY: flex;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 5rem;
bordeR: 1px solid #DEDEDE;
border: 1px solid #dedede;
cursor: pointer;
}
.inquiryEdit .csWarp .csInner dl dd.flieWarp .fileAddBtn button span,
@@ -3629,7 +3639,7 @@ body#notice .contentWarp {
.csFinish {
text-align: center;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-radius: 0.6rem;
width: 100%;
margin-top: 5rem;
@@ -3714,4 +3724,22 @@ body#notice .contentWarp {
width: 100%;
height: 100%;
}
#event .event {
top: 10.6rem;
}
@media (min-width: 1121px) {
#event .event {
top: 8.6rem;
}
}
@media (max-width: 640px) {
#event .contentWarp,
#event .contentWarp.listView {
margin-top: 4.5rem;
}
}
#event .utilBtnArea {
margin-bottom: 4rem;
}
/*# sourceMappingURL=service.css.map */