@charset "UTF-8";



/************************************ 디자인아이엠 콘텐츠 전용 css 240502 추가 ************************************/

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap');

strong {font-weight:700}

@font-face {
    font-family: 'gmarget';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 라인 */
.horiz-line { width: 100%; height: 1px; margin: 0 auto; background: #ddd; }
.verti-line { width: 1px; height: 50px; margin: 0 auto; background: #ddd; }
.short-line {margin: 0 auto; width: 50px; height: 1px; background: var(--theme-color);}
.dash-line {width:100%; height: 1px; margin: 0 auto; border-bottom: 1px dashed #ddd;}

/* 폰트패밀리 */
.ff-ptd { font-family: 'pretendard','Noto Sans KR','Roboto',sans-serif !important; }
.ff-gmk { font-family: 'gmarget','pretendard','Noto Sans KR','Roboto',sans-serif !important; }
.ff-serif { font-family: 'Noto Serif KR', 'pretendard', sans-serif !important; }

/* 폰트사이즈 */
.fs-14 {font-size: 1.4rem !important;}
.fs-16 {font-size: 1.6rem !important;}
.fs-20 {font-size: 2rem !important;}
.fs-25 {font-size: 2.5rem !important;}
.fs-30 {font-size: 3rem !important;}
.fs-35 {font-size: 3.5rem !important;}
.fs-40 {font-size: 4rem !important;}
.fs-50 {font-size: 5rem !important;}

@media (max-width:768px) {
    .fs-20 {font-size: 1.8rem !important;}
    .fs-25 {font-size: 2rem !important;}
    .fs-30 {font-size: 2.2rem !important;}
    .fs-35 {font-size: 2.5rem !important;}
    .fs-40 {font-size: 2.8rem !important;}
    .fs-50 {font-size: 3.5rem !important;}
}

/*  */
.ViewPage .view-con p { color: #333; font-size: 1.8rem; font-weight: 400; letter-spacing: 0; line-height: 1.6; }
.ViewPage .view-con .txt_title { color: #111; font-family: 'gmarget','pretendard','Noto Sans KR','Roboto',sans-serif; font-size: 3.5rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.45; }
.ViewPage .view-con .txt_title b { font-weight: 700; }
.ViewPage .view-con .txt_subtitle { font-size: 2.2rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.65; }
.ViewPage .view-con .txt_subtitle b { font-weight: 700; }
@media (max-width: 768px) {
    .ViewPage .view-con .txt_title { font-size: 2.5rem; }
    .ViewPage .view-con .txt_subtitle { font-size: 2rem; }
}
@media (max-width: 576px) {
    .ViewPage .view-con p br { display: none; }
    .ViewPage .view-con .txt_title {font-size: 2rem;}
    .ViewPage .view-con .txt_subtitle { font-size: 1.8rem; }
}

/* 인용 */
.quotation {position: relative;display: inline-block;text-align: center;font-size:2.4rem;letter-spacing: -0.03em;line-height: 1.35;}
.quotation::before, .quotation::after {content: "";position: absolute;width: 4rem;height: 2.5rem;background: url(/upload/gallery/0011/1681189152743.png) center/contain no-repeat;}
.quotation::before {top: -1rem;left: -5rem;}
.quotation::after {top: -1rem;right: -5rem;transform: rotate(180deg);}

@media(max-width:768px) {
    .quotation {max-width:90%;}
}

/* 텍스트 라운드 스퀘어 스타일 */
.round_text > span {margin:0 2px; padding: 4px 17px; border: 1px solid var(--theme-color); border-radius: 100px; color: var(--theme-color); font-weight: bold;}

/* dot ul 스타일 */
.ul-dot-style li {position: relative; padding-left:15px}
.ul-dot-style li:before {content: ''; position: absolute; top: 8px; left: 0; border-radius: 20px; width: 5px; height: 5px; background: #F65C50;}

/* 그라데이션 영역 + 좌우이미지 */
.gra_box {position:relative; background:linear-gradient(180deg, #ffffff, #57BCFF)}
.gra_box_txt {padding-bottom:5rem}
.gra_box_img .img {position:absolute; bottom:0;}
.gra_box_img .img:nth-of-type(1) {left:0;}
.gra_box_img .img:nth-of-type(2) {right:0;}

@media (max-width:1200px) {
    .gra_box_img .img {width:20%;}
}

@media (max-width:992px) {
    .gra_box_txt {padding-bottom:1rem;}
    .gra_box_img {display:flex; justify-content:space-between; align-items:end; gap:3%;}
    .gra_box_img .img {position:static; width:50%;}
}



/* 콘텐츠 박스 */
.border-box { padding: 3.125rem 1rem 4.375rem; border: 5px solid #F5F5F5; text-align: center; }
.border-box ul { display: flex; flex-wrap: wrap; }
.border-box ul li { flex: 0 0 50%; position: relative; margin-bottom: 2rem; padding-left: 17px; padding-right: 1rem; text-align: left; color: #008EDF; }
.border-box ul li::before { content: ""; position: absolute; top: 1.25rem; left: 0; width: 8px; height: 8px; background: #008EDF; border-radius: 50%; }

.color-box {padding: 40px 20px 50px; border: 5px solid #DEE9E4; text-align:center;}
.color-box .color-box-tit p {font-size: 30px; font-family: 'gmarget','pretendard',sans-serif;line-height:1.5;}
.color-box .color-box-con p {color:#333;font-size: 1.8rem;}

.color-box .second { padding: 4.5rem 47rem 5.6rem 5rem; background: #FFFCF7 url('/upload/gallery/0010/1684807752475.png') right bottom / 44rem no-repeat; border-top: 1px solid #FFB21C; text-align: left; }
.color-box .third { padding: 3.3rem 5rem 4.4rem; background: #FFCA63; text-align: left; font-family: 'gmarget','pretendard',sans-serif; font-weight: 500; letter-spacing: 0; }
@media (max-width: 768px) {
    .color-box .second { padding: 4.5rem 4rem 17rem; background-size: 30rem; }
}

.color-box ol { display: flex; }
.color-box ol > li { flex: 1 0 0; padding: 4.8rem 15rem 8.5rem 6rem; background-position: 95% 14%; background-size: 10rem; background-repeat: no-repeat; text-align: left; }
.color-box ol > li + li { border-left: 1px solid #ddd; }
.color-box ol > li:nth-child(1) { background-image: url('/upload/gallery/0010/1684808510367.png'); }
.color-box ol > li:nth-child(2) { background-image: url('/upload/gallery/0010/1684808510376.png'); }
.color-box ol > li > div { color: #008F68; font-family: 'gmarget','pretendard',sans-serif; font-size: 2.2rem; font-weight: 700; letter-spacing: -0.03em; text-indent: 2.3rem; }
.color-box ol > li .highlight { position: relative; font-size: 2.5rem; }
.color-box ol > li .highlight::before { content: ""; position: absolute; top: 0.4rem; left: -2.2rem; width: 1.8rem; height: 1.8rem; background: url('/upload/gallery/0010/1683598931206.png') center/contain no-repeat; }
.color-box ol > li ul { margin-top: 2rem; }
@media (max-width: 992px) {
    .color-box ol { flex-wrap: wrap; }
    .color-box ol > li { flex: 1 0 100%; padding: 14rem 3rem 3rem; background-position: center 5%; }
    .color-box ol > li + li { border: 1px solid #ddd; border-width: 1px 0 0 0; }
}


/* 큐레이션 인트로 */
.intro-img { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #ddd; }
.intro-img .txt { padding-right: 2rem; padding-bottom: 6rem; font-family: 'gmarget','pretendard','Noto Sans KR','Roboto',sans-serif; font-size: 3.5rem; line-height: 1.45; }
.intro-img .txt h3 { font-weight: 500; }
.intro-img .txt h3 b { font-weight: 700; }
.intro-img .txt p { margin-top: 4rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.45; }
.intro-img .txt p b { font-weight: 700; }
.intro-img .txt .txt_sub {margin-top:0; font-size: 2.5rem;}
.intro-img .img { flex: 0 0 46%; max-width: 600px; }
.intro-img .img img { width: 100%; }

/* 큐레이션 */
.curation { display: flex; justify-content: space-between; align-items: flex-start; gap: 3rem; margin-top: 5rem; padding-bottom: 5rem; border-bottom: 1px solid #ddd; }
.curation .txt-wrap h4 { font-family: 'gmarget','pretendard','Noto Sans KR','Roboto',sans-serif; font-size: 2.5rem; font-weight: 700; letter-spacing: -0.03em; }
.curation .txt-wrap .content { margin-top: 3rem; }
.curation .txt-wrap .content dl,
.curation .txt-wrap .content p { color: #444; font-size: 1.8rem; line-height: 1.45; }
.curation .txt-wrap .content p + p { margin-top: 3rem; }
.curation .txt-wrap .content dl {margin: 3rem 0;}
.curation .txt-wrap .content dl dt {margin: 2rem 0 1rem; color: #333333; font-weight: 700;}
.curation .txt-wrap .content dl dt span {margin-right: 1.5rem; text-decoration: underline; text-underline-position: under; color: #044AC4;}
.curation .txt-wrap .content ul li {margin-bottom:15px}
.curation .txt-wrap .content ul li span {display: inline-block; margin-right: 10px; border-radius: 50%; width: 25px; height: 25px; line-height: 25px; vertical-align: middle; text-align: center; background: #ccc;}
.curation .txt-wrap .source { display: flex; align-items: center; margin-top: 5rem; }
.curation .txt-wrap .source i { color: #767676; font-style: italic; font-size: 1.8rem; font-weight: 700; }
.curation .txt-wrap .source img { width: 3rem; margin: 0 1rem; }
.curation .txt-wrap .source span { color: #111; font-size: 2rem; font-weight: 800; letter-spacing: -0.03em; }
.curation .img-wrap { flex: 0 0 520px; padding: 2rem 2rem 3rem; border: 1px solid #ddd; border-radius: 2rem; }
.curation .img-wrap .img { border-radius: 2rem; overflow: hidden; }
.curation .img-wrap .img img { transition: all .25s ease; }
.curation .img-wrap .img-info { margin-top: 2rem; color: #5C6466; line-height: 1.5; }
.curation .img-wrap .img-info .title { color: #111; font-size: 2.4rem; font-weight: 800; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.curation .img-wrap .img-info .content { margin-top: 1.5rem; font-size: 1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 5.4rem; }
.curation .img-wrap .img-info .date { margin-top: 1.5rem; text-align: right; }

/* 큐레이션2 */
.curation.curation2 {flex-wrap: wrap; gap: 0; padding: 0; border-bottom: 0;}
.curation.curation2 .txt-wrap {width: 100%;}
.curation.curation2 .txt-wrap .content {margin-top: 1rem; padding: 4rem 3rem; border-top: 1px solid var(--theme-color); width: 100%; background: #FFFDF7;}
.curation.curation2 .link-wrap {display: flex; justify-content: space-between; padding: 0 3rem 4rem; width: 100%; background: #FFFDF7;}
.curation.curation2 .link-wrap .img-wrap {flex: 0 0 49%; background: #fff;}
.curation.curation2 .link-wrap .img-wrap.one {flex: 0 0 100%;}
.curation.curation2 .link-wrap .img-wrap.one a {display: flex; gap:2rem 4rem; justify-content: flex-start; align-items: flex-start;}
.curation.curation2 .link-wrap .img-wrap.one a .img {max-width: 480px;}
.curation.curation2 .img-wrap {max-width: none;}
.curation.curation2 .img-wrap .img-info .content {-webkit-line-clamp:inherit; height:auto}

.curation.curation2 .txt-wrap h4 {color: var(--theme-color);}
.curation.curation2 .con-wrap {width: 100%;}
.curation.curation2 .con-wrap .img-wrap {width: 100%; border-radius: 0;}
.curation.curation2 .con-wrap .img-wrap a {display: flex; gap:2rem 4rem; justify-content: flex-start; align-items: flex-start;}
.curation.curation2 .con-wrap .img-wrap a .img {max-width: 480px;}

@media (max-width:768px) {
    .curation.curation2 .img-wrap .img-info .title {font-size: 2rem;}
    .curation.curation2 .link-wrap .img-wrap {max-width: none;}
    .curation.curation2 .link-wrap .img-wrap.one a {gap: 2rem;}
    .curation.curation2 .link-wrap .img-wrap.one a > div {width: 50%;}
    .curation.curation2 .con-wrap .img-wrap a {gap: 2rem;}
    .curation.curation2 .con-wrap .img-wrap a > div {width: 50%;}
}

@media (max-width:576px) {
    .curation.curation2 .link-wrap {flex-wrap: wrap; gap: 2rem;}
    .curation.curation2 .link-wrap .img-wrap {flex: 0 0 100%;}
    .curation.curation2 .link-wrap .img-wrap.one a {flex-wrap:wrap}
    .curation.curation2 .link-wrap .img-wrap.one a > div {width: 100%;}
    .curation.curation2 .con-wrap .img-wrap a {flex-wrap:wrap}
    .curation.curation2 .con-wrap .img-wrap a > div {width: 100%;}
}

/* ol-list 스타일 */
.ol-style2 li {padding: 60px 30px; border-top: 1px solid var(--theme-color); background: #FFF5FE;}
.ol-style2 li:nth-child(even) {background: #F5F5F5;}
.ol-style2 li .ol_title p {display: flex; width: fit-content; font-family: 'gmarget'; font-weight: bold !important; box-shadow: 0px 3px 6px rgba(0,0,0,0.15);}
.ol-style2 li .ol_title p span {display: inline-block; padding: 2px 12px; font-weight: bold !important; background: #fff;}
.ol-style2 li .ol_title p span.num {display: flex; align-items: center; color: #fff; background: #333; font-size: 0.7em;}
.ol-style2 li .ol_con {margin-top: 50px}
.ol-style2 li .ol_con {font-size: 2rem;}

@media (max-width:768px) {
    .ol-style2 li {padding: 50px 10px;}
}

/* QNA */
.title_q {display: inline-block; padding: 10px 35px 5px; border-radius: 50px; min-width: 830px; width: auto; color: #fff; background: #2156C2; font-size: 30px; font-family: 'gmarget','pretendard',sans-serif; font-weight: bold;}

/* plus */
.plus {position: relative; font-family: 'gmarget'; font-weight: bold !important;}
.plus:after {content: '+'; position: absolute; top: -0.3em; right: -0.1em; right: 0; font-size: 0.8em;}
@media(max-width:768px) {
.plus:after {right:0.8em}
}

/* 큰 배경 타이틀 */
.back-color-tit {padding: 20px 10px; font-size: 26px; color: #fff; background: #085EAB;}
@media (max-width:768px) {
        .back-color-tit {font-size: 22px;}
}

/* 텍스트 color line */
.back_line {position:relative; z-index:1;}
.back_line:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 12px; background: #FFE3A2; z-index: -1;}
@media (max-width:768px) {
    .back_line {background: #FFE3A2;}
    .back_line:after {content: none;}
}
.back_color {display: inline-block; line-height:1; padding: 2px 5px 0; color: #fff; background: var(--back-color);}

/* 텍스트 dot */
.dot {display:inline-block;}
.dot span {position: relative;}
.dot span:before {content: ''; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; border-radius: 50%; background-color: #ddd;}

/* 링크 스타일 */
.a_link {display: inline-block; margin-top: 15px; font-weight: 700; font-family: 'gmarget','pretendard',sans-serif;}
.a_link a {display: block; padding: 5px 20px 2px; border-radius: 50px; border:1px solid #E66B00; color: #E66B00; transition: all 0.3s;}
.a_link a:hover {background: #E66B00; color: #fff;}
.a_link i {margin-left: 10px; font-family: 'font awesome 5 free'; vertical-align: middle;}

@media (max-width:520px) {
    .a_link a {border-radius: 20px; text-align: center;}
}

/* 정책리스트 */
.policy-list {margin-top: 150px;}
.policy-list .ol-policy {position: relative; margin-top: 40px; border-top: 1px solid #E66B00;}
.policy-list .ol-policy:before {content: ''; position: absolute; top: -223px; right: 0; width: 455px; height: 222px;}
.policy-list .ol-policy li {display: flex; flex-wrap:wrap; padding:40px; border-bottom: 1px solid #DDDDDD;}
.policy-list .ol-policy li:nth-child(odd) {background: #FFFBF7;}
.policy-list .ol-policy li p {font-size: 2.2rem; color:#333}
.policy-list .ol-policy li .policy_num p {padding:6px 0 1px; border-radius: 50px; width:100px; color: #fff; font-size: 1.8rem; text-align:center; font-family: 'gmarget','pretendard',sans-serif; background: #333333;}
.policy-list .ol-policy li .policy_con {width: calc(100% - 110px);padding-left: 30px;}
.policy-list .ol-policy li .policy_con p.policy_tit {margin-bottom:10px; font-size: 2.5rem; font-weight: 700; font-family: 'gmarget','pretendard',sans-serif;}

@media (max-width:920px) {
    .policy-list {margin-top: 50px;}
    .policy-list .txt_title {text-align: center;}
    .policy-list .ol-policy::before {content: none;}
}
@media (max-width:768px) {
    .policy-list .ol-policy li {padding: 30px 20px;}
    .policy-list .ol-policy li p {font-size: 2rem;}
    .policy-list .ol-policy li .policy_con p.policy_tit {font-size: 2.2rem;}
}

@media (max-width:520px) {
    .policy-list .ol-policy li .policy_num {width: 100%; text-align: center;}
    .policy-list .ol-policy li .policy_num p {margin:0 auto;}
    .policy-list .ol-policy li .policy_con {padding-top:20px; padding-left: 0; width: 100%;}
    .policy-list .ol-policy li .policy_con p.policy_tit {text-align: center;}
}

/* PICK! 콘테이너 */
.pick-container { margin-top: 6rem; padding: 6rem 10rem 7rem; background: #F5F5F5; line-height: 1.5; }
.pick-container .title h4 { color: #111; text-align: center; font-family: 'gmarget','pretendard','Noto Sans KR','Roboto',sans-serif; font-size: 3.5rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.4; }
.pick-container .title h4 small { font-size: 0.85em; }
.pick-container .title h4 b { display: flex; justify-content: center; align-items: center; color: #2868FF; font-weight: 700; }
.pick-container .title h4 b svg { margin-left: 0.5rem; }
.pick-container .title h4 b .svg-stroke { stroke: #2868FF; }
.pick-container ul { display: flex; flex-wrap: wrap; margin: 5rem -1.5rem 0; }
.pick-container ul li { width: calc(50% - 3rem); margin: 1.5rem; padding: 2rem 2rem 2.5rem; background: #fff; border: 1px solid #ddd; border-radius: 2rem; }
.pick-container ul li .img { border-radius: 2rem; overflow: hidden; }
.pick-container ul li .img img { transition: all .25s ease; }
.pick-container ul li .txt { margin-top: 2.5rem; }
.pick-container ul li .txt h5 { color: #111; font-size: 2.4rem; font-weight: 800; letter-spacing: -0.03em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }
.pick-container ul li .txt p { height: 4.8rem; margin-top: 1.8rem; color: #5C6466; font-size: 1.8rem; letter-spacing: -0.03em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.pick-container ul li .txt .source { display: flex; justify-content: space-between; align-items: center; margin-top: 4rem; color: #777; font-size: 1.8rem; letter-spacing: -0.03em; }
.pick-container ul li .txt .source img { width: 3rem; padding-right: 0.5rem; }


/* 슬라이드 */
.ViewPage .slider1 { max-width: 1200px; margin: 10rem auto 0; }
.ViewPage .slider1 .slick-dots { display: none !important; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.ViewPage .slider1 .prev, .ViewPage .slider1 .next { width: 7rem; height: 7rem; background: #fff; border: 1px solid #ddd; border-radius: 50%; transition: all .25s ease; }
.ViewPage .slider1 .prev { left: -4.5rem; }
.ViewPage .slider1 .next { right: -4.5rem; }
.ViewPage .slider1 .prev:before, .ViewPage .slider1 .next:before { top: 50%; left: 50%; transform: translate(-50%,-50%); }
.slide-container { display: flex; }
.slide-container .slider1 { width: 560px; margin: 0; }
.slide-container .slider1 .prev { left: -3.5rem; }
.slide-container .slider1 .next { right: -3.5rem; }
.slide-container .border-box { flex-grow: 1; padding: 8rem 7rem; }

/* 슬라이드2 */
.ViewPage .slider1.slider2 .slick-dots {display:block !important; position: static; transform:none;}
.ViewPage .slider1.slider2 .slick-dots li button {width:10px; height:10px; border:none;}
.ViewPage .slider1.slider2 .slick-dots li.slick-active button {background:#2445b4}
.ViewPage .slider1.slider2 .prev, .ViewPage .slider1.slider2 .next {display:none !important;}

/* 슬라이드 카드형 */
.ViewPage .slider1.card { max-width: 800px; }
.ViewPage .slider1.card .prev, .ViewPage .slider1.card .next { width: 7rem; height: 7rem; background: #fff; border: 1px solid #ddd; border-radius: 50%; transition: all .25s ease; }
.ViewPage .slider1.card .prev { left: -8.5rem; }
.ViewPage .slider1.card .next { right: -8.5rem; }
.ViewPage .slider1.card .prev:before, .ViewPage .slider1.card .next:before { top: 50%; left: 50%; transform: translate(-50%,-50%); }

/*SNS */
.sns-container { padding: 4rem 5rem; background: #F2F7FA; }
.sns-container ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.sns-container ul li { flex: 0 0 auto; width: 12rem; height: 12rem; margin: 1rem; background: #fff; border-radius: 50%; box-shadow: 0 3px 15px rgba(0,0,0,0.14); background-position: center; background-size: auto; background-repeat: no-repeat; }
.sns-container ul li:nth-child(1){ background-image: url("/modoo/img/layout/sns-on-facebook.svg") }
.sns-container ul li:nth-child(2){ background-image: url("/modoo/img/layout/sns-on-youtube.svg") }
.sns-container ul li:nth-child(3){ background-image: url("/modoo/img/layout/sns-on-insta.svg") }
.sns-container ul li:nth-child(4){ background-image: url("/modoo/img/layout/sns-on-story.svg") }
.sns-container ul li:nth-child(5){ background-image: url("/modoo/img/layout/sns-on-ch.svg") }
.sns-container ul li:nth-child(6){ background-image: url("/modoo/img/layout/sns-on-blog.svg") }
.sns-container ul li:nth-child(7){ background-image: url("/modoo/img/layout/sns-on-hello.svg") }

/* 이미지 절반 */
.half-img ul { display: flex; margin: 0 -4px; }
.half-img ul li { flex: 1 0 calc(50% - 8px); margin: 4px; }

.detail { margin-top: 3rem; }
.detail dl { position: relative; margin-bottom: 1.25rem; padding-left: 1.6rem; display: flex; align-items: flex-start; margin-bottom: 1rem; color: #6B6B6B; font-size: 2rem; font-weight: 500; letter-spacing: 0; line-height: 1.35; }
.detail dl::before { content: ""; position: absolute; top: 0.7rem; left: 0; width: 0.6rem; height: 0.6rem; background: #E66B00; border-radius: 50%; }
.detail dl dt { flex: 0 0 auto; min-width: 6rem; }
.detail dl dd { padding-left: 2rem; }

.notice { position: relative; display: inline-block; margin-top: 2.4rem; padding-left: 3rem; color: #6B6B6B; font-size: 2rem; font-weight: 500; letter-spacing: 0; line-height: 1.35; }
.notice::before { content: ""; position: absolute; top: 0.2rem; left: 0; width: 2rem; height: 2rem; background: url("/upload/gallery/0009/1680074098632.png") center/contain no-repeat; }

/* media Query */

@media (max-width: 1200px) {
.curation .img-wrap { flex: 0 0 40%; }
.curation .img-wrap .img-info .content br { display: none; }

.pick-container { padding: 6rem 5rem 7rem; }

.slide-container .slider1 { width: 50%; }
.slide-container .border-box { width: 50%; padding: 4rem; }

.ViewPage .slider1.card { max-width: 600px; }
}
@media (max-width: 992px) {
.intro-img .img { flex: 0 0 40%; }
.intro-img .txt { padding-bottom: 3rem; font-size: 2.5rem; }

.pick-container ul { margin: 5rem -1rem 0; }
.pick-container ul li { width: calc(50% - 2rem); margin: 1rem; }

.title_q {min-width:auto; width:100%;}

.ViewPage .view-con .txt_subtitle br { display: none; }

.ViewPage .slider1 .prev, .ViewPage .slider1 .next { display: none !important; }

.ViewPage .slider1.card .prev, .ViewPage .slider1.card .next { display: none !important; }

.slide-container .border-box {padding:3rem}
.detail {margin-top:1rem}
.detail dl {font-size:1.5rem}
}

@media screen and (max-width: 768px) {
.intro-img { flex-direction: column; align-items: center; }
.intro-img .txt { width: 100%; padding-right: 0; }
.intro-img .txt p { margin-top: 2rem; }

.curation { flex-direction: column; align-items: center; gap: 5rem; }
.curation .txt-wrap { width: 100%; }
.curation .img-wrap { max-width: 520px; }

.pick-container { padding: 6rem 2rem 7rem; }
.pick-container ul li .img { border-radius: 1rem; }
.pick-container ul li .txt h5 { font-size: 2rem; }
.pick-container ul li .txt .source { display: block; }
.pick-container ul li .txt .source .date { text-align: right; }

.title_q {border-radius:30px; font-size:22px}

.view-visual .desc .cate { font-size: max(1.5625vw, 2rem); }
.view-visual .desc .tt { font-size: max(2.3438vw, 2.5rem); }
.view-visual .desc .stt { font-size: 2rem; }
.view-visual .desc .date { font-size: max(1.3021vw, 1.5rem); }

.ViewPage .view-con .txt_title { font-size: 2.5rem; }
.ViewPage .view-con .txt_subtitle { font-size: 2rem; }

.detail dl, .notice { font-size: 1.8rem; }

.slide-container { display: block; }
.slide-container .slider1 { width: 100%; max-width: 560px; margin: 0 auto; }
.slide-container .border-box { width: 100%; max-width:562px;}
}
@media (max-width: 576px) {
.pick-container .title h4 { font-size: 2.5rem; }
.pick-container ul li { width: 100%; margin: 1rem 0; }

.ViewPage .view-con p br { display: none; }
.ViewPage .view-con .txt_title { font-size: 2rem; }
.ViewPage .view-con .txt_subtitle { font-size: 1.8rem; }

.title_q {padding:10px 15px; font-size:20px}

.detail dl, .notice { font-size: 1.5rem; }

.slide-container .border-box { padding: 4rem 2rem; }

.sns-container { padding: 4rem 2rem; }
.sns-container ul li { width: 10rem; height: 10rem; margin: 0.5rem; }
}

/* hover */
@media (hover: hover), (-ms-high-contrast:none) {
.a-link:hover { gap: 2rem; border-color: #111; }

.curation .img-wrap a:hover .img img { transform: scale(1.1); }

.pick-container ul li:hover .img img { transform: scale(1.1); }

.ViewPage .slider1 .prev:hover, .ViewPage .slider1 .next:hover { background: #00399D; border-color: #00399D; }
.ViewPage .slider1 .prev:hover:before, .ViewPage .slider1 .next:hover:before { color: #fff; }

.ViewPage .slider1.card .prev:hover, .ViewPage .slider1.card .next:hover { background: #00399D; border-color: #00399D; }
.ViewPage .slider1.card .prev:hover:before, .ViewPage .slider1.card .next:hover:before { color: #fff;}
}

.txt-center{text-align:center; }.txt-right{text-align:right;}.txt-left{text-align:left; }
.MAL0 {margin-left:0px !important;}.MAL5 {margin-left:5px !important;}.MAL7 {margin-left:7px !important;}.MAL6 {margin-left:6px !important;}.MAL10 {margin-left:10px !important;}.MAL11 {margin-left:11px !important;}.MAL12 {margin-left:12px !important;}.MAL13 {margin-left:13px !important;}.MAL14 {margin-left:14px !important;}.MAL15 {margin-left:15px !important;}.MAL20 {margin-left:20px !important;}.MAL25 {margin-left:25px !important;}.MAL30 {margin-left:30px !important;}.MAL31 {margin-left:31px !important;}.MAL32 {margin-left:32px !important;}.MAL33 {margin-left:33px !important;}.MAL34 {margin-left:34px !important;}.MAL35 {margin-left:35px !important;}.MAL40 {margin-left:40px !important;}.MAL45 {margin-left:45px !important;}.MAL50 {margin-left:50px !important;}.MAL60 {margin-left:60px !important;}.MAL70 {margin-left:70px !important;}
.MAR0 {margin-right:0px !important;}.MAR5 {margin-right:5px !important;}.MAR10 {margin-right:10px !important;}.MAR15 {margin-right:15px !important;}.MAR17 {margin-right:17px !important;}.MAR20 {margin-right:20px !important;}.MAR25 {margin-right:25px !important;}.MAR30 {margin-right:30px !important;}.MAR35 {margin-right:35px !important;}.MAR40 {margin-right:40px !important;}
.MAB0 {margin-bottom:0px !important;}.MAB5 {margin-bottom:5px !important;}.MAB10 {margin-bottom:10px !important;}.MAB15 {margin-bottom:15px !important;}.MAB20 {margin-bottom:20px !important;}.MAB25 {margin-bottom:25px !important;}.MAB30 {margin-bottom:30px !important;}.MAB35 {margin-bottom:35px !important;}.MAB40 {margin-bottom:40px !important;}.MAB45 {margin-bottom:45px !important;}.MAB50 {margin-bottom:50px !important;}.MAB55 {margin-bottom:55px !important;}.MAB60 {margin-bottom:60px !important;}.MAB100 {margin-bottom:100px !important;}
.MAT0 {margin-top:0 !important;}.MAT1 {margin-top:1px !important;}.MAT2 {margin-top:2px !important;}.MAT5 {margin-top:5px !important;}.MAT6 {margin-top:6px !important;}.MAT7 {margin-top:7px !important;}.MAT8 {margin-top:8px !important;}.MAT9 {margin-top:9px !important;}.MAT10 {margin-top:10px !important;}.MAT11 {margin-top:11px !important;}.MAT12 {margin-top:12px !important;}.MAT13 {margin-top:13px !important;}.MAT14 {margin-top:14px !important;}.MAT15 {margin-top:15px !important;}.MAT16 {margin-top:16px !important;}.MAT20 {margin-top:20px !important;}.MAT21 {margin-top:21px !important;}.MAT22 {margin-top:22px !important;}.MAT23 {margin-top:23px !important;}.MAT24 {margin-top:24px !important;}.MAT25 {margin-top:25px !important;}.MAT26 {margin-top:26px !important;}.MAT27 {margin-top:27px !important;}.MAT28 {margin-top:28px !important;}.MAT29 {margin-top:29px !important;}.MAT30 {margin-top:30px !important;}.MAT31 {margin-top:31px !important;}.MAT32 {margin-top:32px !important;}.MAT33 {margin-top:33px !important;}.MAT34 {margin-top:34px !important;}.MAT35 {margin-top:35px !important;}.MAT36 {margin-top:36px !important;}.MAT37 {margin-top:37px !important;}.MAT38 {margin-top:38px !important;}.MAT39 {margin-top:39px !important;}.MAT40 {margin-top:40px !important;}.MAT41 {margin-top:41px !important;}.MAT42 {margin-top:42px !important;}.MAT43 {margin-top:43px !important;}.MAT44 {margin-top:44px !important;}.MAT45 {margin-top:45px !important;}.MAT46 {margin-top:46px !important;}.MAT47 {margin-top:47px !important;}.MAT48 {margin-top:48px !important;}.MAT49 {margin-top:49px !important;}.MAT50 {margin-top:50px !important;}.MAT55 {margin-top:55px !important;}.MAT56 {margin-top:56px !important;}.MAT57 {margin-top:57px !important;}.MAT58 {margin-top:58px !important;}.MAT59 {margin-top:59px !important;}.MAT60 {margin-top:60px !important;}.MAT70 {margin-top:70px !important;}.MAT80 {margin-top:80px !important;}.MAT90 {margin-top:90px !important;}.MAT100 {margin-top:100px !important;}.MAT120 {margin-top:120px !important;}
.MAT_2 {margin-top:-2px !important;}.MAT_1 {margin-top:-1px !important;}.MAT-5 {margin-top:-5px !important;}.MAT-10 {margin-top:-10px !important;}.MAT-15 {margin-top:-15px !important;}.MAT-20 {margin-top:-20px !important;}.MAT-25 {margin-top:-25px !important;}.MAT-30 {margin-top:-30px !important;}.MAT-35 {margin-top:-35px !important;}.MAT-40 {margin-top:-40px !important;}.MAT-50 {margin-top:-50px !important;}.MAT-100 {margin-top:-100px !important;}
.PAL0 {padding-left:0px !important;}.PAL5 {padding-left:5px !important;}.PAL10 {padding-left:10px !important;}.PAL15 {padding-left:15px !important;}.PAL20 {padding-left:20px !important;}.PAL25 {padding-left:25px !important;}.PAL30 {padding-left:30px !important;}.PAL35 {padding-left:35px !important;}.PAL40 {padding-left:40px !important;}.PAL45 {padding-left:45px !important;}.PAL50 {padding-left:50px !important;}
.PAR0 {padding-right:0px !important;}.PAR5 {padding-right:5px !important;}.PAR10 {padding-right:10px !important;}.PAR15 {padding-right:15px !important;}.PAR20 {padding-right:20px !important;}.PAR25 {padding-right:25px !important;}.PAR30 {padding-right:30px !important;}.PAR35 {padding-right:35px !important;}.PAR40 {padding-right:40px !important;}
.PAT0 {padding-top:0px !important;}.PAT5 {padding-top:5px !important;}.PAT10 {padding-top:10px !important;}.PAT15 {padding-top:15px !important;}.PAT20 {padding-top:20px !important;}.PAT25 {padding-top:25px !important;}.PAT30 {padding-top:30px !important;}.PAT35 {padding-top:35px !important;}.PAT40 {padding-top:40px !important;}
.PAB0 {padding-bottom:0px !important;}.PAB5 {padding-bottom:5px !important;}.PAB10 {padding-bottom:10px !important;}.PAB15 {padding-bottom:15px !important;}.PAB20 {padding-bottom:20px !important;}.PAB25 {padding-bottom:25px !important;}.PAB30 {padding-bottom:30px !important;}.PAB35 {padding-bottom:35px !important;}.PAB40 {padding-bottom:40px !important;}

/************************************ 디자인아이엠 콘텐츠 전용 css 240502 추가 ************************************/