/* 공통 style css */ @import url('https://fonts.googleapis.com/css2?family=Baloo+2&family=Montserrat:wght@300;500&family=Noto+Sans+KR:wght@100;400;500;700&display=swap'); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} * {box-sizing:border-box;} html {font-size:10px;} /* 62.5% */ @media only screen and (max-width: 1000px) {html{font-size:8px} /* 62.5% */} @media only screen and (max-width: 800px) {html{font-size:10px} /* 62.5% */} /* CKEditor 보안 공지 배너 전체를 화면에 표시되지 않도록 */ .cke_notifications_area { display: none !important; } a {text-decoration: none;} body { min-width:320px; font-family:var(--body-font); font-size:1.4rem; color:var(--point-color-4); line-height:1.7; letter-spacing:-0.03em; overflow:hidden; height:100%; -moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -ms-overflow-style: none; } .main-wrap img {vertical-align:bottom} ::-webkit-scrollbar {width: 2px; height:2px;} ::-webkit-scrollbar-thumb {background-color:#EEEEEE;} ::-webkit-scrollbar-track {background-color: none;} /* login */ .login_wrap {display:grid; grid-template-columns: 1fr 80rem; height:100vh;} .login_wrap .ad_area {} .ad_txt {width:100%; height:100vh; position:relative; border-radius:0 10rem 0 0; background: transparent linear-gradient(120deg, #66B0F2 0%, #0B80BC 46%, #0F449F 100%) 0% 0% no-repeat padding-box; text-align:right; padding-right:7rem; display:flex; justify-content:right; align-items:center;} .ad_txt .ad_in_txt {display:none;} .ad_txt i {position:absolute; left:1rem; top:1rem; z-index:1; font-size:1.4rem; font-weight:500; color:#fff; background:var(--point-color-1); padding:0.3rem 2rem; border-radius:2rem;} .ad_txt span {position:absolute; left:5rem; bottom:5rem; z-index:1; font-size:4rem; font-weight:500; color:#fff; margin-right:5rem; text-align:left;} .ad_txt .lg_title {position:absolute; right:7rem; top:5rem; z-index:1; font-size:4rem; font-weight:500; color:#fff; font-family: 'Baloo 2', sans-serif;} .ad_txt p {font-size:5rem; font-weight:500; color:#fff; margin-bottom:6.3rem;} .ad_txt img {width:68rem; filter: brightness(0) invert(1);} .ad_txt .lg_logo {width:50%;} .ad_txt .lg_logo img {width:100%; filter:brightness(0) invert(1);} .login_wrap .login_con {display:flex; justify-content:center; align-items:center; min-height: 70.5rem;} .login_wrap .login_con .lg_box {width:30.2rem; height:auto; display:block;} .login_wrap .login_con .lg_box .lgm_logo {width:100%; display:flex; justify-content: center; align-items: center;} .login_wrap .login_con .lg_box .lgm_logo img {width:100%; max-width:15rem; margin-bottom:2rem;} .login_wrap .login_con .lg_box .lgitem {margin-bottom:1rem;} .login_wrap .login_con .lg_box .lgitem:nth-child(5) {display:flex; justify-content:center; align-items:center;} .login_wrap .login_con .lg_box .lgitem:nth-child(n+6):nth-child(-n+10) {margin-bottom:1.5rem;} .login_wrap .login_con .lg_box .lgitem:nth-child(n+11):nth-child(-n+11) {margin-bottom:2rem;} .login_wrap .login_con .lg_box .lgitem:nth-child(n+12):nth-child(-n+12) {margin-bottom:1rem;} .login_wrap .login_con .lg_box .lgitem:last-child {margin-bottom:0;} .login_wrap .login_con .lg_box .lg_bt {display:flex; gap:1rem; justify-content: center;} .login_wrap .login_con .lg_box .lg_aln {display: flex; justify-content: center; align-items: center; margin-bottom:0!important;} .login_wrap .login_con .lg_box .lgline {position:relative; border-top:1px solid #E3E3E3; text-align:center; margin:3rem 0;} .login_wrap .login_con .lg_box .lgline span {color:#B2B2B2; position:absolute; left:50%; top:-1.2rem; z-index:1; padding:0 1rem; background:#fff; transform: translate(-50%, 0);} .login_wrap .login_con .lg_box .lgitem .logo {width:30.2rem; height:8.8rem; display:block; background:url(../images/drsoop_bi.svg) no-repeat;background-size:100% auto; display:none;} .formItem {display: flex; flex-direction: column; gap: 2rem; margin-bottom: 5rem;} .formItem .fd_ip {width:100%; max-width:29rem;} .pweye {position: relative; display: inline-block;} .pweye .pwicon {padding-right: 4rem;} .pweye .toggle-eye {position: absolute; right: 0.8rem; top: 50%; transform: translateY(-50%); cursor: pointer; width: 2rem; height: 2rem;} .pweye .toggle-eye img {width: 100%; height: auto; display: block;} /* signup */ .sgup_wrap {display:grid; height:100vh;} .sgup_t1 {grid-template-columns: 1.8fr 1fr;} .sgup_t2 {grid-template-columns: 58rem 1fr;} .sgup_wrap .left_area {} .sgup_wrap .sgup_pass {display:flex; flex-direction: column; justify-content:center; flex-wrap: wrap; padding:7rem 6rem; overflow-y: scroll;} .sgup_wrap .sgup_pass p {font-size:1.8rem; width:29rem; word-break: keep-all; margin-bottom:4rem;} .sgup_wrap .sgup_pass .sgup_box1 {width:29rem;} .sgup_wrap .sgup_con {display:flex; flex-wrap: wrap; gap:4rem; padding:7rem 6rem; overflow-y: scroll;} .sgup_wrap .sgup_con .sg_area1 {width: 100%; max-width: 92rem;} .sgup_wrap .sgup_con .sg_area1 p {font-size:3rem; color:var(--point-color-6); margin-bottom:2.5rem;} .sg_bx_a {display:flex; justify-content: space-between; flex-wrap: wrap; gap:5rem;} .sg_bx_a .sg_txt {display:flex; flex-direction: column; gap:1rem; flex-grow: 1;} .sg_bx_a2 {} .sg_bx_a2 .sg_txt {display:flex; flex-direction: column; gap:1rem; flex-grow: 1;} .sgup_wrap .sgup_con .sg_area2 {width:100%;} .sgup_wrap .sgup_con .sg_area2 p {font-size:3rem; color:var(--point-color-6); margin-bottom:2.5rem;} .sgup_wrap .sgup_con .sg_area2 .sg_bx_b {display:flex; flex-direction: column; flex-wrap: wrap; gap:1.5rem;} .sgup_wrap .sgup_con .sg_area2 .sg_bx_b .sg_bx {flex-grow: 1; max-width:92rem;} .sgup_wrap .sgup_con .sg_area3 {width:100%; max-width:85rem; text-align:center;} .sg_file {display:flex; gap:1rem; flex-wrap: wrap;} .check_wrap {padding:1rem;} .inp_bx0 {border-bottom:1px solid #139FA5; display:flex; justify-content: flex-start; gap:1rem; padding:1rem 0;} .inp_bx0 span {font-size:1.4rem; color:var(--point-color-1); min-width:10rem; margin-top:0.3rem; letter-spacing:-1px; display:inline-block;} .inp_bx1 {border-bottom:1px solid #139FA5; display:flex; justify-content: flex-start; align-items: center; gap:1rem; padding:1rem 0;} .inp_bx1 span {font-size:1.4rem; color:var(--point-color-1); min-width:7rem; margin-top:0.3rem; letter-spacing:-1px; display:inline-block;} .inp_bx1pf {display:flex; justify-content: flex-start; gap:2rem;} .inp_bx1pf .inp_bx1a {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;} .inp_bx1pf .inp_bx1a .bxpf {position:relative; width:10.5rem; height:10.5rem; border-radius:11rem; margin:1.5rem 0; background-size:cover!important;} .inp_bx1pf .inp_bx1a .bxpf a {position:absolute; right:0.5rem; top:0.5rem; z-index:10;} .inp_bx1pf .inp_bx1a .bxpf img {width:100%;} .inp_bx1pf .inp_bx1b {width:100%; display: flex; flex-direction: column; gap: 1rem;} .inp_bxip {width:100%; display:flex; justify-content: space-between; gap:1rem; font-size: 1.8rem;} .inp_bxip2 {width:29.5rem; display:flex; justify-content: flex-start; flex-wrap: wrap; gap:1rem; font-size: 1.8rem;} .inp_bxip3 {display:flex; justify-content: space-between; gap:1rem; font-size: 1.8rem;} .formItem>div {width:100%; max-width:29rem;} /* gnb영역 */ .gnb_bar {transition:all .1s ease;position:fixed; top:0; left:0; z-index:101; width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-flow:row wrap; background:var(--text-color-1); border-bottom:1px solid #00466A; height:10rem; box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);} .gnb_bar:hover {} .gnb_bar .gnb_logo {width:14.5rem; height:5rem; margin: 2.5rem 8rem 2.8rem 2.5rem; flex-shrink:0;} .gnb_bar .gnb_logo .logo {display:block;height:100%;background:url(../images/drsoop_bi.svg) no-repeat;background-size:100% 100%;} .gnb_bar .gnb_nav {flex-grow:1; display:flex; justify-content:space-between;justify-content:flex-start;align-items:center;height:10rem;} .gnb_bar .gnb_nav a {font-size:1.8rem; font-weight:500; color:var(--point-color-6);line-height:4rem;display:block;} .gnb_bar .gnb_nav>ul {display:flex;height:4rem;column-gap:6rem;} .gnb_bar .gnb_nav>ul>li {position:relative;} .gnb_bar .gnb_nav>ul>li:before {position:absolute;left:-3rem;top:50%;content:'';display:block;width:0.3rem; height:0.3rem; background:var(--point-color-1); border-radius:0.15rem;} .gnb_bar .gnb_nav>ul>li:first-child:before {display:none;} .gnb_bar .gnb_nav>ul>li ul {display:none;} .gnb_bar .gnb_nav>ul>li ul li a {line-height:3.6rem;font-size:1.5rem;color:var(--point-color-4)} .gnb_bar .gnb_nav>ul>li ul li a:hover {color:var(--point-color-1)} .gnb_bar:hover .gnb_nav>ul>li ul {display:block;} .gnb_bar .gnb_btn {flex-shrink:0; height:10rem; align-items:center; display:flex; justify-content:space-around; padding-right:2rem;} .gnb_bar .gnb_btn .op_mn_a {height:1.8rem; display:grid; grid-template-columns:2rem 2rem 2rem 2rem 2rem 2rem; gap:1.5rem;} .gnb_bar .gnb_btn .op_mn_a a {} .gnb_bar .gnb_btn .op_mn_a a:hover img {filter: invert(33%) sepia(69%) saturate(1622%) hue-rotate(160deg) brightness(83%) contrast(94%);} .gnb_bar .gnb_btn .op_mn_a a img {width:100%; max-height:2rem;} .gnb_bar .gnb_btn .op_mn_a a.bt_alam {position:relative;} .gnb_bar .gnb_btn .op_mn_a a.bt_alam .alam_ct {position:absolute; top:-0.9rem; right:-0.7rem; width:1.8rem; height:1.8rem; border-radius:0.9rem; border:2px solid var(--text-color-1); background:#FFCC00; color:var(--text-color-1); font-size:0.8rem; font-weight:700; text-align:center;} .gnb_bar .gnb_btn .op_mn_b {display:flex; gap:1.5rem; margin-left:1.5rem;} .gnb_bar .gnb_btn .op_mn_b span {width:1px; margin-top:0.6rem;} .gnb_bar .gnb_btn .op_mn_b a {height:2.6rem; font-size:1.5rem; position:relative; margin-top:0.6rem;} .gnb_bar .gnb_btn .op_mn_b a span {width:1.1rem; position:absolute; top:0.4rem; right:0;} .gnb_bar .gnb_btn .op_mn_b .profile {width:3.8rem; height:3.8rem; background:#EBEBF2; border-radius:50%; cursor: pointer;} .gnb-btn {display:none;} .all_wrap {height:100vh; overflow-y:auto;} .slayout {display:grid; grid-template-columns: 30rem 1fr 30rem; padding-top:10rem; height:100vh;} /* 배너 영역 반응형 노출 */ .bnPc {display:block;} .bnMob {display:none;} .ad_web {display:block;} .ad_mob {display:none;} /* 좌측 배너 영역 */ .slayout .area1 {border-right:1px solid #EEEEEE; position:relative;} .slayout .area1 .a1_bt {padding:6.8rem 0 5.8rem 0; display:flex; justify-content: center;} .slayout .area1 .a1_bt a {width:11.8rem; height:11.8rem; border-radius:8rem; background:var(--point-color-8); display:flex; justify-content: center; position:relative; transition: ease 0.3s all;} .slayout .area1 .a1_bt a span {display:block; min-width:16rem; color:#333; position:absolute; left:50%; top:85%; transform: translate(-50%, -15%); background:var(--text-color-1); text-align: center; border:3px solid var(--point-color-8); border-radius:17.5rem; padding:0.5rem 1.5rem; opacity:1; transition: ease 0.1s all;} .slayout .area1 .a1_bt a:hover {background:var(--point-color-1);} .slayout .area1 .a1_bt a:hover span {opacity:1; border:3px solid var(--point-color-1);} .slayout .area1 .a1_bt a img {padding:3.6rem;} .slayout .area1 .a1_kwd {padding:2.8rem;} .slayout .area1 .a1_kwd .srch {display:grid; grid-template-columns: 1.6rem 1fr 1.6rem; gap:1rem; border-bottom:1px solid var(--point-color-6); padding:1.6rem 0; margin-bottom:1.8rem;} .slayout .area1 .a1_kwd .srch .sh_icon {} .slayout .area1 .a1_kwd .srch a {} .slayout .area1 .a1_kwd .akwd {display:flex; gap:0.5rem; flex-wrap: wrap; overflow-y:auto; height:auto; max-height:30rem; padding-bottom:2rem;} .slayout .area1 .a2_kwd {padding:2.8rem;} .slayout .area1 .a2_kwd .srch {display:grid; grid-template-columns: 1.6rem 1fr 1.6rem; gap:1rem; border-bottom:1px solid var(--point-color-6); padding:1.6rem 0; margin-bottom:1.8rem;} .slayout .area1 .a2_kwd .srch .sh_icon {} .slayout .area1 .a2_kwd .srch a {} .slayout .area1 .a2_kwd .akwd {display:flex; gap:0.8rem; flex-wrap: wrap; overflow-y:auto; height:auto; max-height: 40rem;} .slayout .area1 .a1_pdsrch {position:absolute; left:0; bottom:0; width:100%; background:var(--text-color-1); padding:2.8rem; display:none;} .slayout .area1 .a1_pdsrch .sh_title {display:flex; justify-content:space-between;} .slayout .area1 .a1_pdsrch .sh_title span {color:var(--point-color-6); font-size:2rem; font-weight:700;} .slayout .area1 .a1_pdsrch .sh_title a {font-size:1rem; background:var(--point-color-1); color:var(--text-color-1); padding:0 1.2rem; border-radius:2rem; height:2rem; margin-top:0.6rem;} .slayout .area1 .a1_pdsrch .srch1 {display:grid; grid-template-columns: 1.6rem 1fr 1.6rem; gap:1rem; border-bottom:1px solid var(--point-color-6); padding:1.6rem 0;} .slayout .area1 .a1_pdsrch .srch1 .sh_icon {} .slayout .area1 .a1_pdsrch .srch1 a {} .slayout .area1 .footer_re {width:100%; height:auto; position:absolute; left:0; bottom:0; z-index:10; padding: 1.8rem 2.8rem; font-size:1rem; color:#A1A5A5;} .slayout .area1 .footer_re a {color:#A1A5A5;} .slayout .area1 .footer_re a:hover {color:#2A3E87;} .slayout .area1 .footer_re .flink_re {display:flex; gap:0.5rem;} .slayout .area1 .footer_re .ftxt_re {margin-top:1.4rem;} .calder {padding:6rem 3rem; font-family:var(--entype1);} .calder .calder_mnth {display:flex; justify-content: space-between; align-items: center;} .calder .calder_mnth .calder_mnth1 {} .calder .calder_mnth .calder_mnth2 {font-size:2.4rem; font-family:var(--body-font); color:var(--point-color-6);} .calder .calder_mnth .calder_mnth3 {} .calder .calder_title {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap:0.7rem; font-size:0.8rem; color:var(--point-color-6); text-align:center; margin:1.7rem 0;} .calder .calder_con {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr; gap:0.5rem;} .calder .calder_con .cal_bt {width:2.9rem; height:2.9rem; background:#fff; border-radius:2.9rem; display:flex; justify-content: center; align-items: center; font-size:0.9rem; font-weight:500; color:var(--point-color-6); cursor:pointer;} .calder .calder_con .cal_bt:hover {background:#f7f7f7; color:var(--point-color-6);} .calder .calder_con .cal_bton {width:2.9rem; height:2.9rem; background:var(--point-color-6); border-radius:2.9rem; display:flex; justify-content: center; align-items: center; font-size:0.9rem; font-weight:500; color:#fff; cursor:pointer;} .calder .calder_con .cal_btlist {width:2.9rem; height:2.9rem; background:var(--point-color-6); border-radius:2.9rem; display:flex; justify-content: center; align-items: center; font-size:0.9rem; font-weight:500; color:#fff; cursor:pointer;} /* lnb 영역 */ .lnb_nav {} .lnb_nav ul {} .lnb_nav ul li {padding:0 3.8rem 0 3.8rem;} .lnb_nav ul li.lnb_title {color:#333333; font-size:2.8rem; padding:6rem 0 4rem 6.2rem;} .lnb_a {font-size:2rem; color:var(--point-color-6); display:block; padding:1rem 2.4rem;} .lnb_a:hover {font-weight:500; color:var(--point-color-6);} .lnb_on {font-size:2rem; color:#fff; display:block; padding:1rem 2.4rem; background:var(--point-color-6); border-radius:4rem;} /* 개인고지 영역 */ .area_info {overflow-y: scroll; margin:15rem auto 5rem auto; max-width:128rem;} .area_info .if_ctitle {font-size:3rem; color:var(--point-color-6); margin-bottom:5rem; text-align:center; width:100%;} .area_info .if_cmb {} .area_info .if_cmb textarea {width:100%; height:50vh; border:0; font-size:1.6rem; font-family:var(--body-font); color:#333; line-height:2.8rem; padding:3rem; outline: none; resize: none;} /* 가운데 컨텐츠 영역 */ .slayout .area2 {padding:2.7rem 3.1rem; overflow-y:auto;} .cbg {background:#FCFCFC;} .cbg2 {background:#ffffff;} .m_bn1 {} .m_bn1 img {width:100%;} .eve_bn1 {margin-top: 3rem;} .eve_bn1 img {width:100%;} .main_bn1 {height:40rem; display:flex; justify-content:flex-start; align-items:center;} .main_bn1 div {margin-left:8%; margin-right:8%;} .main_bn1 div p {font-size:3.5rem; font-weight:700; color:#fff; line-height:5rem;} .main_bn2 {height:16rem; display:flex; justify-content:space-between; align-items:center; padding:0 5rem;} .main_bn2 p {font-size:4rem; font-weight:700; color:#fff; line-height:4rem;} .main_bn2 a {} .mg_t3 {margin-top:3rem;} .main_con {display:grid; grid-template-columns: 1fr 1fr 1fr; margin-top:2.6rem;} .main_con .main_c1 {padding:0 2.6rem 0 0; border-right:1px solid #EEEEEE;} .main_con .main_c2 {padding:0 2.6rem; border-right:1px solid #EEEEEE;} .main_con .main_c3 {padding:0 0 0 2.6rem; } .main_bot {display:grid; grid-template-columns: 1fr; margin-top:2.6rem;} .main_bot .main_bota {} .main_bot .main_botb {padding:3.2rem 2.6rem;} .main_bot .main_botb .srch1 {display:grid; grid-template-columns: 1.6rem 1fr 1.6rem; gap:1rem; border-bottom:1px solid var(--point-color-6); padding:1.6rem 0;} .main_bot .main_botb .srch1 .sh_icon {} .main_bot .main_botb .srch1 a {} .con_title {position:relative; font-size:2.5rem; color:var(--point-color-6); font-weight:700; margin-top:2.4rem;} .con_title p {font-size:5rem; line-height:6rem;} .con_title b {font-size:1.6rem; line-height:140%; margin-top:1.4rem; color:#6A6A6A; display: block; font-weight:500;} .con_title .ctitle_info {font-size:1.2rem; line-height:140%; display:flex; gap:1rem; margin-top:1.4rem; align-items:center; display:none;} .con_title .con_mnth {position:absolute; top:0; right:0; z-index:1; font-size:8.9rem; font-weight:100; line-height:10rem;} .con_title .con_mnth span {font-size:3.7rem;} .con_stitle {font-size:2rem; color:var(--point-color-6); font-weight:700; margin-top:3.5rem;} .sh_title {display:flex; justify-content:space-between; margin-bottom:1rem;} .sh_title .sh_ev_area {display: flex; justify-content: space-between; align-items: center; gap: 1rem;} .sh_title .sh_ev_area .sh_eve_bt {display: flex; justify-content: center; align-items: center; gap: 0.5rem;} .sh_title .sh_ev_area .sh_eve_bt .mevbx1 {border-radius: 5rem 0 0 5rem!important;} .sh_title .sh_ev_area .sh_eve_bt .mevbx2 {border-radius: 0 5rem 5rem 0!important;} .sh_title .sh_ev_area .sh_eve_bt .m_evbt {background:var(--point-color-1); width:2.3rem; height:2rem; color: var(--text-color-1); padding: 0; border-radius: 0; display: flex; justify-content: center; align-items: center; transition: ease 0.2s all;} .sh_title .sh_ev_area .sh_eve_bt .m_evbt:hover {background:var(--point-color-6);} .sh_title .sh_ev_area .sh_eve_bt .m_evbt img {width:100%; max-width:0.9rem;} .rot180 {transform: rotate(180deg);} .sh_title span {color:var(--point-color-6); font-size:2rem; font-weight:700;} .sh_title a {font-size:1rem; background:var(--point-color-1); color:var(--text-color-1); padding:0 1.2rem; border-radius:2rem; height:2rem; margin-top:0.6rem;} .bn_box1 {margin-top:3rem;} .bn_box1 a {} .bn_box1 img {width:100%;} .bn_box2 {margin-bottom:5rem;} .bn_box2 a {} .bn_box2 img {width:100%;} .none_list {margin-top: 2rem; padding: 3rem 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align:center; font-size:1.4rem;} /* 이벤트페이지 */ .evt_wrap {display:grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; gap:2rem; margin:2rem 0;} .evt_wrap .evt_list {border:1px solid #707070; cursor:pointer; } .evt_wrap .evt_list .evt_thum {height:40rem;} .evt_wrap .evt_list .evt_sbj {margin:2.2rem 2.2rem 0 2.2rem;} .evt_wrap .evt_list .evt_sbj .evt_title {font-size:1.8rem; color:#000000; font-weight:500; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow: hidden;} .evt_wrap .evt_list .evt_sbj .evt_txt {font-size:1.6rem; color:var(--point-color-6); font-weight:500; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow: hidden;} .evt_wrap .evt_list .evt_sbj .evt_info {font-size:1.2rem; display:flex; justify-content: flex-start; gap:1.6rem; margin-top:0.5rem;} .evt_wrap .evt_list .evt_sbj .evt_info .icontxt1 {font-size:1.2rem; display:flex;} .evt_wrap .evt_list .evt_sbj .evt_info .icontxt1 label {margin-left:0.5rem;} .evt_wrap .evt_list .evt_bt {font-size:2rem; color:#fff; background:#139FA5; border-radius:3rem; padding:1rem 0; text-align:center; margin:2.2rem; transition: ease 0.3s all;} .evt_wrap .evt_list:hover .evt_bt {font-size:2rem; color:#fff; background:var(--point-color-6); border-radius:3rem; padding:1rem 0; text-align:center; margin:2.2rem;} .evt_off {filter:grayscale(100%); opacity:0.7;} /* 뉴스 페이지 */ .news_wrap {display:flex; justify-content:flex-start; gap:5rem;} .news_wrap .news_a {flex-grow: 1;} .news_wrap .news_b {flex-grow: 1;} .news_wrap .news_b .news_none {border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; text-align:center; padding:5rem 0; margin-top:2rem;} .news_wrap .news_b .news_today {border-top:1px solid #CCCCCC; margin-top:2rem;} .calder2 {padding-top:3rem; font-family:var(--entype1);} .calder2 .calder_mnth {display:flex; justify-content: space-between; align-items: center;} .calder2 .calder_mnth .calder_mnth1 {} .calder2 .calder_mnth .calder_mnth2 {font-size:4.2rem; font-family:var(--body-font); color:var(--point-color-6);} .calder2 .calder_mnth .calder_mnth3 {} .calder2 .calder_title {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap:1.8rem; font-size:1.8rem; color:var(--point-color-6); text-align:center; margin:3rem 0; opacity:0.5;} .calder2 .calder_con {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr; gap:1.8rem;} .calder2 .calder_con .cal_bt {width:7.1rem; height:7.1rem; background:none; border-radius:7.1rem; display:flex; justify-content: center; align-items: center; font-size:2.3rem; font-weight:500; color:var(--point-color-6); cursor:pointer;} .calder2 .calder_con .cal_bt:hover {background:#f7f7f7; color:var(--point-color-6);} .calder2 .calder_con .cal_bton {width:7.1rem; height:7.1rem; background:var(--point-color-6); border-radius:7.1rem; display:flex; justify-content: center; align-items: center; font-size:2.3rem; font-weight:500; color:#fff; cursor:pointer;} .calder2 .calder_con .cal_btlist {width:7.1rem; height:7.1rem; background:var(--point-color-6); border-radius:7.1rem; display:flex; justify-content: center; align-items: center; font-size:2.3rem; font-weight:500; color:#fff; cursor:pointer;} /* 마이페이지 */ .my_con_wrap {padding:3rem;} .my_alist_wrap {margin-top: 1rem;} .my_alist_wrap .my_alist {display:flex; flex-direction: column; gap: 1rem; padding: 2.5rem 0; border-bottom: 1px solid #CCCCCC; cursor:pointer;} .my_alist_wrap .my_alist .my_atop {display:flex; align-items: center; justify-content: space-between; gap:1rem;} .my_alist_wrap .my_alist .my_atop p {display:flex; align-items: center; gap:1rem;} .my_alist_wrap .my_alist .my_atop p i {font-size:1.4rem; font-weight:normal;} .my_alist_wrap .my_atxt {font-size:1.8rem; color:var(--point-color-6); line-height: 140%; font-weight:700; word-wrap: break-word;position:relative;} .my_ctitle {font-size:3rem; color:var(--point-color-6); margin-bottom:3rem;} .my_cmb {position:relative;} .my_ct_bt {position:absolute; right:0; top:-6rem; z-index:1; width: 8rem; height: 8rem; border-radius: 10.9rem; display: flex; justify-content: center; align-items: center; background: var(--point-color-6); transition: ease 0.3s all;} .my_ct_bt:hover {background: var(--point-color-6);} .my_ct_bt img {width:4rem;} .my_cpwd {width:29rem; margin:5rem auto 0 auto; border-bottom:1px solid #139FA5; padding: 1rem 0;} .my_cbt {text-align:center; margin-top:5rem; display: flex; gap: 1rem; justify-content: center;} .my_ct_none {border-top:1px solid #139FA5; border-bottom:1px solid #139FA5; padding:10rem 0; text-align:center; font-size:2rem; color:var(--point-color-6); margin-top: 2.5rem;} .my_ct_info {} .my_ct_info .my_ct_title {border-bottom:1px solid #139FA5; padding:2.5rem 0; font-size:2.2rem; color:var(--point-color-6);} .my_ct_info .my_ct_txt {padding:2.5rem 0; font-size:1.6rem; color:#666666; line-height:3rem;} .my_cfaq {background:#fff; border-radius:1rem; padding:2rem 0;} .no_content {font-size:2rem; color:var(--point-color-6); text-align:center; padding:10rem 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;} .my_srhpp_wp {display:grid; gap:2rem; width:100%; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));} .my_srhpp_wp .my_pp {border:1px solid #EEEEEE; background:#fff; border-radius:10px; padding:1rem 1.2rem; display:grid; grid-template-columns: 5rem 1fr; gap:1rem; width:auto; min-width:0;} .my_srhpp_wp .my_pp .my_pp1 {position: relative; display: flex; justify-content: center; align-items: center;} .my_srhpp_wp .my_pp .my_pp1 .my_pp1_o {position: absolute; right:0; bottom:0; z-index:10; background:#FFCC00; border:2px solid #fff; color:#fff; border-radius:50%; width:2rem; height:2rem; font-size:0.9rem; font-weight:700; display: flex; align-items: center; justify-content: center;} .my_srhpp_wp .my_pp .my_pp2 {display: flex; align-items: center; justify-content: space-between;} .my_srhpp_wp .my_pp .my_pp2 .my_pp2txt {font-weight:700; line-height: 140%;} .my_srhpp_wp .my_pp .my_pp2 .my_pp2txt span {font-size:1.2rem; color:var(--point-color-1);} .scroll-text { display: inline-block; max-width: 11rem; /* 조건 폭 */ white-space: nowrap; overflow: hidden; vertical-align: middle; } .scroll-text.scrollable { -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); mask-repeat: no-repeat; mask-size: 100% 100%; } /* 내부 래퍼(자동 생성됨) */ .scroll-text > .marquee-inner { display: inline-block; } /* 왕복(좌↔우) 애니메이션: 컨테이너 폭 110px 기준 */ .scroll-text.scrollable > .marquee-inner { animation: scroll-bounce 6s linear infinite alternate; } @keyframes scroll-bounce { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-100% + 11rem)); } /* -내용폭 + 컨테이너폭 */ } .my_srhpp_wp .my_pp .my_pp2 .my_pp2txt p {font-size:1.6rem; color:#666666;} .my_srhpp_wp .my_pp .my_pp2 .my_pptalk {position: relative; font-size:1.2rem; color:#A7A7A7; background:#fff; border:1px solid #EEEEEE; padding:0.8rem 1rem 0.9rem 1rem; border-radius:1rem;} .my_srhpp_wp .my_pp .my_pp2 .my_pptalk::before { content: ''; position: absolute; top: 50%; left: -8px; width: 0; height: 0; border: 7px solid transparent; border-right-color: #EEEEEE; border-left: 0; transform: translate(0, -50%); } .my_srhpp_wp .my_pp .my_pp2 .my_pptalk::after { content: ''; position: absolute; top: 50%; left: -6px; width: 0; height: 0; border: 6px solid transparent; border-right-color: #fff; border-left: 0; transform: translate(0, -50%); } .my_srhpp_wp .my_pp .my_pp2 .my_pptalk:hover {background:#EEEEEE; color:#222; transition: ease 0.3s all;} .my_srhpp_wp .my_pp .my_pp2 .my_pptalk:hover::after {border-right-color: #EEEEEE; transition: ease 0.3s all;} .my_listup {margin-bottom:2rem; display: flex; justify-content: space-between; align-items: center;} .sort-wrap {display: flex; gap: 1rem;} .sort-btn {padding: 0.6rem 1.4rem 0.6rem 1.6rem; background-color: #e5e5e5; border: 0; border-radius: 1.5rem; cursor: pointer; transition: background-color 0.2s;} .sort-btn:hover {background-color: #eaeaea;} .sort-btn.active {background-color: var(--point-color-6); color: #fff;} .nmbt {display:flex; justify-content: center; align-items: center; gap: 0.5rem;} .nmbt span {font-size: 1.4rem;} .nmbt img {width:100%; max-width:1.5rem;} .sort-btn2 {padding: 0.4rem 1.4rem 0.4rem 1.6rem; background-color: var(--point-color-6); color: #fff; border: 0; border-radius: 1.5rem; cursor: pointer; display:block;} .name_arr {transform: rotate(-180deg);} .my_out {} .my_out .my_out_txt {font-size:1.6rem; color:#333333;} .my_out .my_out_txt>span {font-size:2rem; font-weight:700; border-bottom:1px solid #333; margin-bottom:2.5rem; display: inline-block;} .my_out .my_out_txt ul {border-bottom:1px solid #EEEEEE; padding-bottom:3rem; margin-bottom:2rem; display: flex; flex-direction: column; gap: 1rem;} .my_out .my_out_txt ul li {line-height: 140%; display: flex; gap:1rem;} .my_out .my_out_txt ul li i {} .my_out .my_out_txt ul li span {} .my_talk_wp {display:grid; grid-template-columns: 28rem 0.1rem 1fr; gap:3rem;} .my_talk_wp .talkBn {margin-bottom:1rem;} .my_talk_wp .talkBn img {width:100%;} .my_talk_wp .my_talk1 {} .my_talk_wp .my_talk1 .my_ppm_on {border:1px solid var(--point-color-1); margin-bottom: 1rem; width:100%; min-width: 20rem; max-height: 7.2rem; background:var(--point-color-1); border-radius:10px; padding:1rem 1.2rem; display:grid; grid-template-columns: 5rem 5rem 1fr; gap:1rem; cursor: pointer; position:relative;} .my_talk_wp .my_talk1 .my_ppm_on .my_pp1arr {display: flex; justify-content: center; align-items: center;} .my_talk_wp .my_talk1 .my_ppm_on .my_pp1arr a {background:var(--point-color-8); width: 4rem; height: 4rem; border-radius: 50%; display: flex; justify-content: center; align-items: center;} .my_talk_wp .my_talk1 .my_ppm_on .my_pp1arr a img {width:2rem;} .my_talk_wp .my_talk1 .my_ppm_on .my_talk_del {display:none;} .my_talk_wp .my_talk1 .my_ppm_on:hover .my_talk_del {position:absolute; bottom:-3px; left:-3px; z-index:10; width:2rem; height:2rem; border-radius:50%; border:1px solid #EEEEEE; background:#fff; display: flex; justify-content: center; align-items: center;} .my_talk_wp .my_talk1 .my_ppm_on .my_talk_del img {width:60%;} .my_talk_wp .my_talk1 .my_ppm_on .my_pp1 {position: relative;} .my_talk_wp .my_talk1 .my_ppm_on .my_pp1 .my_pp1_o {position: absolute; right:0; bottom:0; z-index:10; background:#FFCC00; border:2px solid #fff; color:#fff; border-radius:50%; width:2rem; height:2rem; font-size:0.9rem; font-weight:700; display: flex; align-items: center; justify-content: center;} .my_talk_wp .my_talk1 .my_ppm_on .my_pp2 {display: flex; align-items: center; justify-content: space-between;} .my_talk_wp .my_talk1 .my_ppm_on .my_pp2 .my_pp2txt {font-weight:700; line-height: 160%;} .my_talk_wp .my_talk1 .my_ppm_on .my_pp2 .my_pp2txt span {font-size:1.2rem; color:#fff;} .my_talk_wp .my_talk1 .my_ppm_on .my_pp2 .my_pp2txt p {font-size:1.6rem; color:#fff;} .my_talk_wp .my_talk1 .my_ppm_on .my_pp2 .my_pparr {font-size:1.2rem; color:#fff;} .my_talk_wp .my_talk1 .my_pp_on {border:1px solid var(--point-color-1); margin-bottom: 1rem; width:100%; min-width: 20rem; max-height: 7.2rem; background:var(--point-color-1); border-radius:10px; padding:1rem 1.2rem; display:grid; grid-template-columns: 5rem 1fr; gap:1rem; cursor: pointer; position:relative;} .my_talk_wp .my_talk1 .my_pp_on .my_talk_del {display:none;} .my_talk_wp .my_talk1 .my_pp_on:hover .my_talk_del {position:absolute; bottom:-3px; left:-3px; z-index:10; width:2rem; height:2rem; border-radius:50%; border:1px solid #EEEEEE; background:#fff; display: flex; justify-content: center; align-items: center;} .my_talk_wp .my_talk1 .my_pp_on .my_talk_del img {width:60%;} .my_talk_wp .my_talk1 .my_pp_on .my_pp1 {position: relative;} .my_talk_wp .my_talk1 .my_pp_on .my_pp1 .my_pp1_o {position: absolute; right:0; bottom:0; z-index:10; background:#FFCC00; border:2px solid #fff; color:#fff; border-radius:50%; width:2rem; height:2rem; font-size:0.9rem; font-weight:700; display: flex; align-items: center; justify-content: center;} .my_talk_wp .my_talk1 .my_pp_on .my_pp2 {display: flex; align-items: center; justify-content: space-between;} .my_talk_wp .my_talk1 .my_pp_on .my_pp2 .my_pp2txt {font-weight:700; line-height: 160%;} .my_talk_wp .my_talk1 .my_pp_on .my_pp2 .my_pp2txt span {font-size:1.2rem; color:#fff;} .my_talk_wp .my_talk1 .my_pp_on .my_pp2 .my_pp2txt p {font-size:1.6rem; color:#fff;} .my_talk_wp .my_talk1 .my_pp_on .my_pp2 .my_pparr {font-size:1.2rem; color:#fff;} .my_talk_wp .my_talk1 .my_pp {border:1px solid #EEEEEE; margin-bottom: 1rem; width:100%; min-width: 20rem; max-height: 7.2rem; background:#fff; border-radius:10px; padding:1rem 1.2rem; display:grid; grid-template-columns: 5rem 1fr; gap:1rem; cursor: pointer; position:relative; transition: ease 0.3s all;} .my_talk_wp .my_talk1 .my_pp:hover {border:1px solid var(--point-color-1);} .my_talk_wp .my_talk1 .my_pp .my_talk_del {display:none;} .my_talk_wp .my_talk1 .my_pp:hover .my_talk_del {position:absolute; bottom:-3px; left:-3px; z-index:10; width:2rem; height:2rem; border-radius:50%; border:1px solid #EEEEEE; background:#fff; display: flex; justify-content: center; align-items: center;} .my_talk_wp .my_talk1 .my_pp .my_talk_del img {width:60%;} .my_talk_wp .my_talk1 .my_pp .my_pp1 {position: relative;} .my_talk_wp .my_talk1 .my_pp .my_pp1 .my_pp1_o {position: absolute; right:0; bottom:0; z-index:10; background:#FFCC00; border:2px solid #fff; color:#fff; border-radius:50%; width:2rem; height:2rem; font-size:0.9rem; font-weight:700; display: flex; align-items: center; justify-content: center;} .my_talk_wp .my_talk1 .my_pp .my_pp2 {display: flex; align-items: center; justify-content: space-between;} .my_talk_wp .my_talk1 .my_pp .my_pp2 .my_pp2txt {font-weight:700; line-height: 160%;} .my_talk_wp .my_talk1 .my_pp .my_pp2 .my_pp2txt span {font-size:1.2rem; color:var(--point-color-1);} .my_talk_wp .my_talk1 .my_pp .my_pp2 .my_pp2txt p {font-size:1.6rem; color:#666666;} .my_talk_wp .my_talk1 .my_pp .my_pp2 .my_pparr {font-size:1.2rem; text-align:right; color:var(--point-color-6);} .my_talk_wp .my_talk1 .my_pp .my_pp2 .my_pparr span {color:#A7A7A7;} .my_talk_wp .my_talk_line {width:1px; background:#EEEEEE;} .my_talk_wp .my_talk2 {} .my_talk_wp .my_talk2 .my_talk_none {display: flex; justify-content: center; align-items: center; height: 100%; font-size:2rem; color:var(--point-color-6);} .my_talk_wp_n {font-size: 2rem; color: var(--point-color-4); text-align: center; padding: 10rem 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; word-break: keep-all;} .my_talk_wp_n a {color: var(--point-color-5); background:var(--point-color-6); padding:0.5rem 1.7rem; border-radius:3rem;} .talk_cmt_wrap {margin-bottom:3rem; border:5px solid #DFDFDF; border-radius:0 0 0 2rem;} .talk_ccmt_wrap {display: grid; gap: 2rem;} .talk_ccmt_inp {display:flex; justify-content: space-between; flex-direction: row; gap:0;} .talk_ccmt_inp .talk_item {position:relative;} .talk_ccmt_inp .talk_item .pf_name {position:absolute; top:5.5rem; left:0; z-index:2; width:5rem; text-align:center; font-size:1.4rem; line-height:1.8rem;} .talk_ccmt_inp .talk_item:nth-child(1) {width:5rem;} .talk_ccmt_inp .talk_item:nth-child(2) {flex-grow:1; border:2px solid #EEEEEE; border-radius:1rem; background:#fff; position:relative; padding:2rem 3rem; margin-left:3rem;} .talk_ccmt_inp .talk_item:nth-child(2) span {position:absolute; top:1.3rem; left:-2.1rem; z-index:1;} .talk_ccmt_inp .talk_item:nth-child(2) .ccmt_txt1 {font-size:1.6rem;} .talk_ccmt_inp .talk_item:nth-child(3) {width:8rem;} .talk_ccmt_inp2 {display:flex; justify-content: space-between; flex-direction: row-reverse; gap:0;} .talk_ccmt_inp2 .talk_item {position:relative;} .talk_ccmt_inp2 .talk_item .pf_name {position:absolute; top:5.5rem; left:0; z-index:2; width:5rem; text-align:center; font-size:1.4rem; line-height:1.8rem;} .talk_ccmt_inp2 .talk_item:nth-child(1) {width:5rem;} .talk_ccmt_inp2 .talk_item:nth-child(2) {flex-grow:1; border:2px solid #EEEEEE; border-radius:1rem; background:#F5F5F5; position:relative; padding:2rem 3rem; margin-right:3rem; position:relative;} .talk_ccmt_inp2 .talk_item:nth-child(2) .talk_medel {position:absolute; top:1.5rem; right:1.5rem; z-index:10;} .talk_ccmt_inp2 .talk_item:nth-child(2) .talk_medel img {width:1.8rem;} .talk_ccmt_inp2 .talk_item:nth-child(2) span {position:absolute; top:1.3rem; right:-2.1rem; z-index:1; transform: rotate(180deg);} .talk_ccmt_inp2 .talk_item:nth-child(2) .ccmt_txt1 {font-size:1.6rem;} .talk_ccmt_inp2 .talk_item:nth-child(3) {width:8rem;} .my_talk_blank {border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; display: flex; justify-content: center; align-items: center; padding:2rem 0; display:none;} .my_setting {border-bottom:1px solid #EEEEEE; padding:1.6rem 0; color:#333333; font-size:2rem; display: flex; justify-content: space-between;} /* 토글 */ .swch_bt{ display:flex; flex-direction: column; } /* 기존의 checkbox 버튼 숨기기 */ .toggle-input { display: none; } /* 토글 스타일 지정*/ .toggle-label { position: relative; display: block; width: 5.8rem; height: 3rem; background-color: #D4D4D4; border-radius: 1.5rem; cursor: pointer; transition: background-color 0.3s ease; } /* 토글 버튼 스타일 지정 */ .toggle-label::before { content: ""; position: absolute; top: 0.4rem; left: 0.4rem; width: 2.2rem; height: 2.2rem; background-color: #fff; border-radius: 50%; transition: transform 0.3s ease; } /* 토글 ON 스타일 지정*/ .toggle-input:checked + .toggle-label { background-color: var(--point-color-1); /* 배경색 변경 */ } /* 토글 ON인 경우에 버튼 위치 지정 */ .toggle-input:checked + .toggle-label::before { transform: translateX(2.8rem); } /* 컨설턴트 */ .list_faq {border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding: 2.5rem 0; margin-top:2.5rem;} .list_faq .list_faqt {display:flex; justify-content: space-between; align-items:center; gap:1.8rem;} .list_faq .list_faqt .faqa {flex-shrink: 0; width:10.9rem;} .list_faq .list_faqt .faqa img {width:100%; border-radius:10.9rem; overflow:hidden;} .list_faq .list_faqt .faqb {flex-shrink: 0; width:9rem;} .list_faq .list_faqt .faqb .faqb_txt {font-size:2rem; color:#666666; font-weight:500; padding-left:0.8rem; padding-top:0.8rem;} .list_faq .list_faqt .faqb .faqb_txt p {font-size:1.2rem; font-weight:normal;} .list_faq .list_faqt .faqb .icontxt1 {font-size:1.2rem; display:inline-block; padding-left:1rem;} .list_faq .list_faqt .faqb .icontxt1 label {margin-left:0.5rem;} .list_faq .list_faqt .faqc {width:10.9rem;} .list_faq .list_faqt .faqc .bt_cmnt {width:10.9rem; height:10.9rem; border-radius:10.9rem; display:flex; justify-content: center; align-items:center; background:var(--point-color-6); transition: ease 0.3s all;} .list_faq .list_faqt .faqc .bt_cmnt:hover {background:var(--point-color-6);} .list_faq .list_faqt .list_faqb {flex-grow: 1; color:#666666; font-size:1.4rem; font-weight:500; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; overflow: hidden;} .list_faq .list_faqt .list_faqb p {color:#000; font-size:1.8rem;} .faq_cmt_inp {display:flex; justify-content: space-between; gap:1.4rem; padding:2.1rem 2.5rem; border: 5px solid #DFDFDF; border-radius: 0 0 0 2rem;} .faq_cmt_inp .faq_item:nth-child(1) {flex-grow:1;} .faq_cmt_inp .faq_item:nth-child(2) {width:4.4rem;} .cstt_con {display:grid; grid-template-columns: 1fr 38rem; gap:3rem;} .cstt_con .cstt_list {} .cstt_con .cstt_bn {border-left:1px solid #EEEEEE; padding-left:3rem;} .con_cstt {padding: 2.5rem 0;} /* 통합검색 */ .search_con {display:grid; grid-template-columns: 1fr 38rem; gap:3rem;} .search_con .search_list {padding: 3rem;} .search_con .search_bn {border-left:1px solid #EEEEEE; padding-left:3rem;} .search_area {border:1px solid red;} /* 큰 검색창 */ .b_srch {margin:2rem 0 2rem 0;} .b_srch .b_srch_title {color: var(--point-color-6); font-size: 5rem; font-weight: 400;} .b_srch .srch1 {display:grid; grid-template-columns: 1fr 2.8rem; gap:1rem; border-bottom:1px solid var(--point-color-6); padding:1.6rem 0;} .b_srch .srch1 .sh_icon {} .b_srch .srch1 a {padding:1.6rem;} /* 메인리스트 노출 */ .list_ty1 {display:grid; grid-template-columns: 1fr; gap:1.4rem; margin-top:2.8rem; border-bottom:1px solid #CCCCCC;} .list_ty1 .list_ty1a {display:none;} .list_ty1 .list_ty1b {} .list_ty1 .list_ty1b .lty1b_time {font-size:1rem; display: flex; justify-content: space-between;} .list_ty1 .list_ty1b .lty1b_title {position:relative; color:var(--point-color-6); padding-right:6rem; font-size:2rem; font-weight:700; margin-bottom:1rem; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow: hidden;} .list_ty1 .list_ty1b .lty1b_subj {word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3 ; -webkit-box-orient: vertical; word-wrap : break-word; overflow: hidden;} .list_ty1 .list_ty1b .lty1b_btn {display:flex; gap:1.6rem; padding:2rem 0;} .list_ty1 .list_ty1b .lty1b_btn .icontxt1 {font-size:1.2rem; display:flex;} .list_ty1 .list_ty1b .lty1b_btn .icontxt1 label {margin-left:0.5rem;} .list_ty_cate {display:flex; gap:1rem; margin-top:3rem; flex-direction: row; flex-wrap: wrap; width:100%;} .list_ty2 {display:grid; grid-template-columns: 1fr; gap:1.4rem; margin-top:1rem; padding:1rem 0; border-bottom:1px solid #CCCCCC;} .list_ty2 .list_ty2a {display:none;} .list_ty2 .list_ty2b {} .list_ty2 .list_ty2b .lty2b_title {font-size:1.4rem; font-weight:700; margin-bottom:1rem; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow: hidden;} .list_ty2 .list_ty2b .lty2b_btn {font-size:1.2rem; display:flex; gap:1.6rem;} .list_ty2 .list_ty2b .lty2b_btn .icontxt1 {font-size:1.2rem; display:flex;} .list_ty2 .list_ty2b .lty2b_btn .icontxt1 label {margin-left:0.5rem;} .lty_pf1 {margin:1rem 0; display: flex; align-items: center; gap: 1rem;} .list_ty31 {display:grid; grid-template-columns: 5rem 1fr; gap:1.4rem; margin-top:1rem; padding:2rem 0; border-bottom:1px solid #CCCCCC;} .list_ty31 .list_ty31a {} .list_ty31 .list_ty31b {} .list_ty31 .list_ty31b .lty31b_thum {display:flex; gap:1rem;position:relative;} .list_ty31 .list_ty31b .lty31b_thum .lty31b_t1 {width:13rem; height:5rem; border-radius:0 1rem 0 1rem;} .list_ty31 .list_ty31b .lty31b_thum .lty31b_t2 {flex-grow: 1; display:flex; justify-content: space-between; align-items:center; position:relative;} .list_ty31 .list_ty31b .lty31b_thum .lty31b_t2 .lty31b_t2a {font-size:1rem; color:var(--point-color-6); font-weight:700;} .list_ty31 .list_ty31b .lty31b_thum .lty31b_t2 .lty31b_t2a p {font-size:1.4rem;} .list_ty31 .list_ty31b .lty31b_thum .lty31b_t2 .lty31b_t2b {margin-right:0;} .list_ty31 .list_ty31b .lty31b_thum .lty31b_t2 .lty31b_t2b span {font-size:1rem; color:#666666} .list_ty31 .list_ty31b .lty31b_title {font-size:1.4rem; font-weight:700; color:#000; margin-top:0.5rem; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow: hidden;} .list_ty31 .list_ty31b .lty31b_btn {font-size:1.2rem; display:flex; gap:1.6rem; margin-top:0.5rem;} .list_ty31 .list_ty31b .lty31b_btn .icontxt1 {font-size:1.2rem; display:flex;} .list_ty31 .list_ty31b .lty31b_btn .icontxt1 label {margin-left:0.5rem;} .list_ty32 {display:grid; grid-template-rows: 13.9rem 1fr; padding:2rem 0; border-bottom:1px solid #CCCCCC;} .list_ty32 .list_ty32tp {} .list_ty32 .list_ty32tp .lty32b_thum {} .list_ty32 .list_ty32tp .lty32b_thum .lty32b_t1 {width:100%; height:13.9rem; border-radius:0 1rem 0 1rem; position:relative;} .list_ty32 .list_ty32tp .lty32b_thum .lty32b_t1 .lty32b_title {position:absolute; left:0; bottom:0; z-index:1; padding:1.5rem; font-size:1.8rem; font-weight:700; color:#fff; line-height:2.5rem;} .list_ty32 .list_ty32bt {display:grid; grid-template-columns: 5rem 1fr; gap:1.4rem; margin-top:1.8rem;} .ns_pf, .list_ty31 .list_ty31a, .list_ty32 .list_ty32bt .list_ty32a, .list_ty33 .list_ty33bt .list_ty33a, .list_ty34 .list_ty34bt .list_ty34a {position:relative; cursor:pointer;} .ns_pf:hover .pf_talk, .list_ty31 .list_ty31a:hover .pf_talk, .list_ty32 .list_ty32bt .list_ty32a:hover .pf_talk, .list_ty33 .list_ty33bt .list_ty33a:hover .pf_talk, .list_ty34 .list_ty34bt .list_ty34a:hover .pf_talk {display:block;} .ns_pf .pf_talk, .list_ty31 .list_ty31a .pf_talk, .list_ty32 .list_ty32bt .list_ty32a .pf_talk, .list_ty33 .list_ty33bt .list_ty33a .pf_talk, .list_ty34 .list_ty34bt .list_ty34a .pf_talk {position:absolute; right:-7rem; top:25px; transform: translate(0, -50%); z-index:10; display:none;} .ns_pf .pf_talk .talk_inbx, .list_ty31 .list_ty31a .pf_talk .talk_inbx, .list_ty32 .list_ty32bt .list_ty32a .pf_talk .talk_inbx, .list_ty33 .list_ty33bt .list_ty33a .pf_talk .talk_inbx, .list_ty34 .list_ty34bt .list_ty34a .pf_talk .talk_inbx {background:var(--point-color-1); color:#fff; font-size:1rem; border-radius:1rem; padding:0.8rem 1rem 0.9rem 1rem; position:relative;} .ns_pf.pf_talk .talk_inbx .talk_arr, .list_ty31 .list_ty31a .pf_talk .talk_inbx .talk_arr, .list_ty32 .list_ty32bt .list_ty32a .pf_talk .talk_inbx .talk_arr, .list_ty33 .list_ty33bt .list_ty33a .pf_talk .talk_inbx .talk_arr, .list_ty34 .list_ty34bt .list_ty34a .pf_talk .talk_inbx .talk_arr {position:absolute; left:-0.8rem; top:50%; transform: translate(0, -50%); z-index:11; width: 1.5rem; height: 1.5rem; background-color: var(--point-color-1); clip-path: polygon(100% 0, 0 50%, 100% 100%);} .list_ty32 .list_ty32bt .list_ty32b {} .list_ty32 .list_ty32bt .list_ty32b .lty32b_t2 {flex-grow: 1; display:flex; justify-content: space-between; align-items:center; position:relative; margin-top:0.5rem;} .list_ty32 .list_ty32bt .list_ty32b .lty32b_t2 .lty32b_t2a {font-size:1rem; color:var(--point-color-6); font-weight:700;} .list_ty32 .list_ty32bt .list_ty32b .lty32b_t2 .lty32b_t2a p {font-size:1.4rem;} .list_ty32 .list_ty32bt .list_ty32b .lty32b_t2 .lty32b_t2b {text-align:right; margin-right: 0;} .list_ty32 .list_ty32bt .list_ty32b .lty32b_t2 .lty32b_t2b span {font-size:1rem; color:#666666} .list_ty32 .list_ty32bt .list_ty32b .lty32b_t2 .lty32b_t2b .lty32b_btn {font-size:1.2rem; display:flex; justify-content: flex-end; gap:1.6rem; margin-top:0.2rem;} .list_ty32 .list_ty32bt .list_ty32b .lty32b_t2 .lty32b_t2b .lty32b_btn .icontxt1 {font-size:1.2rem; display:flex;} .list_ty32 .list_ty32bt .list_ty32b .lty32b_t2 .lty32b_t2b .lty32b_btn .icontxt1 label {margin-left:0.5rem;} .ns_list .lty32b_t2c, .list_ty31 .list_ty31b .lty32b_t2c, .list_ty32 .list_ty32bt .list_ty32b .lty32b_t2 .lty32b_t2c, .list_ty33 .list_ty33bt .list_ty33b .lty33b_t2 .lty32b_t2c {position:absolute; right:0; top:50%; transform: translate(0, -50%); z-index:10; display:none;} .list_ty33 .list_ty33le .list_ty33bt .list_ty33b .ns_list .lty32b_t2c .pf_talk_m, .list_ty31 .list_ty31b .lty32b_t2c .pf_talk_m, .list_ty32 .list_ty32bt .list_ty32b .lty32b_t2 .lty32b_t2c .pf_talk_m, .list_ty33 .list_ty33bt .list_ty33b .lty33b_t2 .lty32b_t2c .pf_talk_m {background: var(--point-color-1); color:#fff; font-size:1rem; border-radius:50%; width:3rem; height:3rem; display:flex; justify-content: center; align-items: center; position:relative;} .ns_list .lty32b_t2c .pf_talk_m .talk_arr, .list_ty31 .list_ty31b .lty32b_t2c .pf_talk_m .talk_arr, .list_ty32 .list_ty32bt .list_ty32b .lty32b_t2 .lty32b_t2c .pf_talk_m .talk_arr, .list_ty33 .list_ty33bt .list_ty33b .lty33b_t2 .lty32b_t2c .pf_talk_m .talk_arr {position:absolute; right:0; bottom:-0.2rem; z-index:11; width: 1.2rem; height: 1.2rem; background-color: var(--point-color-1); clip-path: polygon(80% 0, 0 60%, 80% 100%);} .list_ty33 {display:flex; justify-content: flex-start; flex-wrap: wrap; gap:2rem; padding:2rem 0; border-bottom:1px solid #CCCCCC;} .list_ty33 .list_ty33le {flex: 1 0; min-width:37.4rem; display:grid; grid-template-rows: 13.9rem 1fr;} .list_ty33 .list_ty33le .list_ty33tp {} .list_ty33 .list_ty33le .list_ty33tp .lty33b_thum {} .list_ty33 .list_ty33le .list_ty33tp .lty33b_thum .lty33b_t1 {width:100%; height:13.9rem; border-radius:0 1rem 0 1rem; position:relative;} .list_ty33 .list_ty33le .list_ty33bt {display:grid; grid-template-columns: 5rem 1fr; gap:1.4rem; margin-top:1.8rem;} .list_ty33 .list_ty33le .list_ty33bt .list_ty33a {} .list_ty33 .list_ty33le .list_ty33bt .list_ty33b {position:relative;} .list_ty33 .list_ty33le .list_ty33bt .list_ty33b .lty33b_t2 {flex-grow: 1; display:flex; justify-content: space-between; align-items:center; margin-top:0.5rem;} .list_ty33 .list_ty33le .list_ty33bt .list_ty33b .lty33b_t2 .lty33b_t2a {font-size:1rem; color:var(--point-color-6); font-weight:700;} .list_ty33 .list_ty33le .list_ty33bt .list_ty33b .lty33b_t2 .lty33b_t2a p {font-size:1.4rem;} .list_ty33 .list_ty33le .list_ty33bt .list_ty33b .lty33b_t2 .lty33b_t2b { text-align:right;} .list_ty33 .list_ty33le .list_ty33bt .list_ty33b .lty33b_t2 .lty33b_t2b span {font-size:1rem; color:#666666} .list_ty33 .list_ty33le .list_ty33bt .list_ty33b .lty33b_t2 .lty33b_t2b .lty33b_btn {font-size:1.2rem; display:flex; justify-content: flex-end; gap:1.6rem; margin-top:0.2rem;} .list_ty33 .list_ty33le .list_ty33bt .list_ty33b .lty33b_t2 .lty33b_t2b .lty33b_btn .icontxt1 {font-size:1.2rem; display:flex;} .list_ty33 .list_ty33le .list_ty33bt .list_ty33b .lty33b_t2 .lty33b_t2b .lty33b_btn .icontxt1 label {margin-left:0.5rem;} .list_ty33 .list_ty33rt {flex: 2 0; min-width:37.4rem; padding-bottom:2rem;} .list_ty33 .list_ty33rt .lty33b_cate {display: flex; justify-content: end;} .list_ty33 .list_ty33rt .lty33b_title {position:relative; font-size:1.8rem; padding-right:6rem; font-weight:700; color:var(--point-color-6); line-height:2.5rem; margin-bottom:0.8rem; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap : break-word; overflow: hidden;} .list_ty33 .list_ty33rt .lty33b_subj {font-size:1.4rem; color:#666; line-height:2.2rem; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical; word-wrap : break-word; word-break: break-word; overflow-wrap: break-word; overflow: hidden;} .list_ty34 {display:flex; justify-content: flex-start; flex-wrap: wrap; gap:2rem; padding:3rem 0; border-bottom:1px solid #CCCCCC;} .list_ty34 .list_ty34le {flex: 100% 0; display:grid; grid-template-rows: 13.9rem 1fr;} .list_ty34 .list_ty34le .list_ty34tp {} .list_ty34 .list_ty34le .list_ty34tp .lty34b_thum {} .list_ty34 .list_ty34le .list_ty34tp .lty34b_thum .lty34b_t1 {width:100%; height:13.9rem; border-radius:0 1rem 0 1rem; position:relative;} .list_ty34 .list_ty34le .list_ty34bt {display:grid; grid-template-columns: 5rem 1fr; gap:1.4rem; margin-top:1.8rem;} .list_ty34 .list_ty34le .list_ty34bt .list_ty34a {} .list_ty34 .list_ty34le .list_ty34bt .list_ty34b {} .list_ty34 .list_ty34le .list_ty34bt .list_ty34b .lty34b_t2 {flex-grow: 1; display:flex; justify-content: space-between; align-items:center; margin-top:0.5rem;} .list_ty34 .list_ty34le .list_ty34bt .list_ty34b .lty34b_t2 .lty34b_t2a {font-size:1rem; color:var(--point-color-6); font-weight:700;} .list_ty34 .list_ty34le .list_ty34bt .list_ty34b .lty34b_t2 .lty34b_t2a p {font-size:1.4rem;} .list_ty34 .list_ty34le .list_ty34bt .list_ty34b .lty34b_t2 .lty34b_t2b { text-align:right;} .list_ty34 .list_ty34le .list_ty34bt .list_ty34b .lty34b_t2 .lty34b_t2b span {font-size:1rem; color:#666666} .list_ty34 .list_ty34le .list_ty34bt .list_ty34b .lty34b_t2 .lty34b_t2b .lty34b_btn {font-size:1.2rem; display:flex; justify-content: flex-end; gap:1.6rem; margin-top:0.2rem;} .list_ty34 .list_ty34le .list_ty34bt .list_ty34b .lty34b_t2 .lty34b_t2b .lty34b_btn .icontxt1 {font-size:1.2rem; display:flex;} .list_ty34 .list_ty34le .list_ty34bt .list_ty34b .lty34b_t2 .lty34b_t2b .lty34b_btn .icontxt1 label {margin-left:0.5rem;} .list_ty34 .list_ty34rt {flex: 100% 0;} .list_ty34 .list_ty34rt .lty34b_cate {display: flex; justify-content: end;} .list_ty34 .list_ty34rt .lty34b_title {font-size:1.8rem; font-weight:700; color:#000; line-height:2.5rem; margin-bottom:0.8rem; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap : break-word; overflow: hidden;} .list_ty34 .list_ty34rt .lty34b_subj {font-size:1.4rem; color:#666; line-height:2.2rem; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical; word-wrap : break-word; overflow: hidden;} .list_ty35 {border-bottom:1px solid #CCCCCC; margin-bottom:2.5rem; padding-bottom:2.5rem;} .list_ty35 .list_ty35t {display:flex; justify-content: space-between; align-items:center; gap:1.8rem; margin-top:2rem; margin-bottom:2.5rem;} .list_ty35 .list_ty35t .ty35a {width:10.9rem; height:10.9rem;} .list_ty35 .list_ty35t .ty35a img {width:100%; height:100%; border-radius:10.9rem; overflow:hidden;} .list_ty35 .list_ty35t .ty35b {flex-grow: 1;} .list_ty35 .list_ty35t .ty35b .ty35b_txt {font-size:2rem; color:#666666; font-weight:500; padding-left:0.8rem; padding-top:0.8rem;} .list_ty35 .list_ty35t .ty35b .ty35b_txt p {font-size:1.2rem; font-weight:normal;} .list_ty35 .list_ty35t .ty35b .icontxt1 {font-size:1.2rem; display:flex; padding-left:1rem;} .list_ty35 .list_ty35t .ty35b .icontxt1 label {margin-left:0.5rem;} .list_ty35 .list_ty35t .ty35c {width:10.9rem;} .list_ty35 .list_ty35t .ty35c .bt_cmnt {width:10.9rem; height:10.9rem; border-radius:10.9rem; display:flex; justify-content: center; align-items:center; background:var(--point-color-6); padding:3rem;} .list_ty35 .list_ty35t .ty35c .bt_cmnt img {width:100%;} .list_ty35 .list_ty35b {color:#666666; font-size:1.4rem; font-weight:500; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; overflow: hidden;} .list_ty35 .list_ty35b p {color:#000; font-size:1.8rem;} .list_ty36 {border-bottom:1px solid #CCCCCC; margin-bottom:2.5rem; padding-bottom:2.5rem;} .list_ty36 .list_ty36t {display:flex; justify-content: space-between; align-items:center; gap:1.8rem; margin-top:2rem;} .list_ty36 .list_ty36t .ty36a {flex-shrink: 0; width:10.9rem; height:10.9rem;} .list_ty36 .list_ty36t .ty36a img {width:100%; border-radius:10.9rem; overflow:hidden;} .list_ty36 .list_ty36t .ty36b {flex-shrink: 0; width:9rem;} .list_ty36 .list_ty36t .ty36b .ty36b_txt {font-size:2rem; color:#666666; font-weight:500; padding-left:0.8rem; padding-top:0.8rem;} .list_ty36 .list_ty36t .ty36b .ty36b_txt p {font-size:1.2rem; font-weight:normal;} .list_ty36 .list_ty36t .ty36b .icontxt1 {font-size:1.2rem; display:flex; padding-left:1rem;} .list_ty36 .list_ty36t .ty36b .icontxt1 label {margin-left:0.5rem;} .list_ty36 .list_ty36t .ty36c {width:10.9rem;} .list_ty36 .list_ty36t .ty36c .bt_cmnt {width:10.9rem; height:10.9rem; border-radius:10.9rem; display:flex; justify-content: center; align-items:center; background:var(--point-color-6); transition: ease 0.3s all; padding:3rem;} .list_ty36 .list_ty36t .ty36c .bt_cmnt img {width:100%;} .list_ty36 .list_ty36t .ty36c .bt_cmnt:hover {background:var(--point-color-6);} .list_ty36 .list_ty36t .list_ty36b {flex-grow: 1; color:#666666; font-size:1.4rem; font-weight:500; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; overflow: hidden;} .list_ty36 .list_ty36t .list_ty36b p {color:#000; font-size:1.8rem;} .ico_new {position:absolute; right:0; top:0.3rem; padding-bottom:0.2rem; z-index:3; color:#fff; background: transparent linear-gradient(120deg, #66B0F2 0%, #0B80BC 46%, #0F449F 100%) 0% 0% no-repeat padding-box; border-radius:2rem; width:5rem; height:2rem; display:flex; justify-content: center; align-items:center; animation-name: alarm; animation-duration:1s; animation-duration: leaner; animation-iteration-count:infinite; animation-direction:alternate; animation-fill-mode: forwards; } .ico_new2 {color:#fff; animation: newBlink 1s infinite ease-in-out; font-size:1rem; line-height: 100%; background: transparent linear-gradient(120deg, #E24E4E 0%, #BC3333 46%, #971919 100%) 0% 0% no-repeat padding-box; border-radius:2rem; width:2rem; height:2rem; display:flex; justify-content: center; align-items:center;} @-webkit-keyframes alarm { 0% { font-size:1rem; } 100% { font-size:1.2rem; } } @keyframes newBlink { 0% {transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .evtm_list {cursor: pointer; display: flex; flex-direction: column; gap: 1.5rem;} .evtm_list .evt_thum {height:37.6rem; width:100%;} .evtm_list .evt_sbj {margin:0;} .evtm_list .evt_sbj .evt_title {font-size:1.8rem; color:#000000; font-weight:500; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow: hidden;} .evtm_list .evt_sbj .evt_txt {font-size:1.6rem; color:#44BBB7; font-weight:500; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow: hidden;} .evtm_list .evt_sbj .evt_info {font-size:1.2rem; display:flex; justify-content: flex-start; gap:1.6rem; margin-top:0.5rem;} .evtm_list .evt_sbj .evt_info .icontxt1 {font-size:1.2rem; display:inline-block;} .evtm_list .evt_sbj .evt_info .icontxt1 label {margin-left:0.5rem;} /* 우측 배너부분 */ .slayout .area3 {border-left:1px solid #EEEEEE; padding:2.8rem; overflow-y:auto;} .slayout .area3 .a3_box1 {margin:2rem 0 4rem 0; display:none;} .slayout .area3 .a3_box1 .srch1 {display:grid; grid-template-columns: 1.6rem 1fr 1.6rem; gap:1rem; border-bottom:1px solid var(--point-color-6); padding:1.6rem 0;} .slayout .area3 .a3_box1 .srch1 .sh_icon {} .slayout .area3 .a3_box1 .srch1 a {} .slayout .area3 .a3_box2 {margin:2rem 0 4rem 0;} .slayout .area3 .footer_re {display:none;} .ns_list {display:grid; grid-template-columns: 5rem 1fr; gap:0.8rem; cursor: pointer; margin-top:1.6rem; padding-bottom:1rem; border-bottom:1px solid #CCCCCC;position:relative;} .ns_list .ns_pf {margin-top:1rem; border-radius: 3rem;} .ns_list .ns_pf img {width:100%;} .ns_list .ns_title {} .ns_list .ns_title p {font-size:2.2rem; font-weight:700; padding:0;} .ns_list .ns_title p span {font-size:1.2rem;} .ns_list .ns_title p i {font-size:1.2rem; color:var(--text-color-1); padding:0.2rem 1.5rem; margin-left:1rem; border-radius:2rem; display:inline-block; vertical-align:middle; margin-bottom:0.5rem;} .ns_list .ns_title .ns_txt {font-size:1.4rem; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1 ; -webkit-box-orient: vertical; word-wrap : break-word; overflow: hidden;} .ns_list2 {display:flex; justify-content: center; align-items:center; gap:0.8rem; cursor: pointer; margin-top:2rem; padding-bottom:2rem; border-bottom:1px solid #CCCCCC;} .ns_list2 .ns_pf {width:5rem; border-radius: 3rem; overflow: hidden;} .ns_list2 .ns_pf img {width:100%;} .ns_list2 .ns_title {flex-grow: 1;} .ns_list2 .ns_title .ns_txt {font-size:2rem; color:#666666; font-weight:500; line-height: 2.8rem;} .ns_list2 .ns_bt {width:2.8rem; height:2.8rem; background:#BFBFBF; border-radius:2.8rem; padding:0.7rem;} .ns_list2 .ns_bt img {width:100%;} .slayout .area3 .a3_box3 {margin:0 0 2rem 0;} .slayout .area3 .a3_box3 img {width:100%;} /* d-log */ .ocmty_con {display:grid; grid-template-columns: 1fr 38rem; gap:3rem;} .ocmty_con .ocmty_list {} .ocmty_con .ocmty_bn {border-left:1px solid #EEEEEE; padding-left:3rem;} .ocmty_con2 {display:grid; grid-template-columns: 1fr;} .ocmty_con2 .ocmty_list {} .ocmty_con2 .ocmty_bn {border-left:1px solid #EEEEEE; padding-left:3rem;} .mob_wbt {display:none;} .mob_wbt img {width:100%;} /* board detail */ .bod_wrap {background:#fff; border:1px solid #EEEEEE; padding:6rem; word-break: break-all;} .bod_wrap img {max-width:100%;} .bd_bt_list {position:fixed; left:31rem; top:11rem; width:6.8rem; height:6.2rem; background:#AFD1D2; border-radius:0 5rem 5rem 0; padding:1.8rem; transition: ease 0.3s all; z-index:5;} .bd_bt_list:hover {background:#139FA5;} .bd_bt_list img {width:100%;} .bd_bt_prev {position:fixed; left:30rem; top:55%; transform: translate(0, -45%); width:6.8rem; height:6.2rem; background:#F1F1F1; border-radius:0 5rem 5rem 0; padding:1.8rem 2.1rem; transition: ease 0.3s all; z-index:5;} .bd_bt_prev:hover {background:var(--point-color-6);} .bd_bt_prev img {width:100%;} .bd_bt_next {position:fixed; right:30rem; top:55%; transform: translate(0, -45%); width:6.8rem; height:6.2rem; background:#F1F1F1; border-radius:5rem 0 0 5rem; padding:1.8rem 2.1rem; transition: ease 0.3s all; z-index:5;} .bd_bt_next:hover {background:var(--point-color-6);} .bd_bt_next img {width:100%; transform: rotate(180deg);} .bd_bt_cmt {position:fixed; right:31rem; bottom:3rem; width:10rem; height:10rem; background:var(--point-color-6); border-radius:5rem; padding:2.9rem 1.7rem 2.4rem 2.8rem; transition: ease 0.3s all; z-index:101;} .bd_bt_cmt:hover {background:var(--point-color-6);} .bd_bt_cmt img {width:100%;} .bd_title_wrap {display:flex; margin-bottom: 3rem;} .bd_pf {min-width:22rem; display:flex; justify-content: space-between; align-items: center; gap:1rem; border-right:1px solid #EEEEEE; margin-right:3rem;} .bd_pf .bd_pfa {width:6rem; height:6rem;} .bd_pf .bd_pfa img {width:100%; height:100%; border-radius:6rem; overflow:hidden;} .bd_pf .bd_pfb {flex-grow: 1; line-height:2rem;} .bd_pf .bd_pfb .bd_pfb_txt {font-size:2rem; color:#666666; font-weight:500; padding-left:0.8rem; height: 100%; line-height:120%;} .bd_pf .bd_pfb .bd_pfb_txt p {font-size:1.2rem; font-weight:normal;} .bd_title {position:relative; width:100%; display: flex; flex-direction: column; justify-content: center; gap: 1rem;} .bd_title span {font-size:1.1rem; position:absolute; top:0; right:0rem;} .bd_title span i {margin:0 0.5rem; border-left:1px solid #eee; height:1rem; display:inline-block;} .bd_title p {font-size:2.5rem; font-weight:700; line-height: 140%;} .bd_title .info_link {display: flex; align-items: center; gap: 1rem; width:100%; max-width: 100rem;} .bd_title .info_link .home_icon {background:var(--point-color-6); color:#fff; font-size: 1.4rem; width: 10rem; height: 3rem; border-radius: 2rem; display: flex; justify-content: center; align-items: center;} .bd_title .info_link a {color:#333; font-size:1.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 100%;} .bd_title .info_link a:hover {color:#var(--point-color-6); text-decoration:underline;} .bd_con {font-size:1.6rem;} .bod_event {width:29.3rem; background:var(--point-color-1); color:#fff; font-size:2rem; text-align:center; padding:1.2rem 0; border-radius:5rem; margin:5rem auto 0 auto; display:block; transition: ease 0.3s all;} .bod_event:hover {background:var(--point-color-6);} .bod_heart {width:10rem; height:10rem; margin:9rem auto 6rem auto; border:3px solid #EEEEEE; border-radius:5rem; display:block; overflow:hidden; text-align:center; padding:2rem; background:#fff; color:var(--point-color-2);} .bod_heart:hover {border:3px solid var(--point-color-2); background:var(--point-color-2); color:#fff;} .bod_heart:hover img {filter:brightness(0) invert(1);} .bod_heart img {width:50%;} .bod_file {display:flex; gap:1rem; flex-wrap: wrap; margin-bottom:3rem;} .bod_file a {background:#f7f7f7; border-radius:5rem; display:inline-block; padding:0.5rem 1.5rem; color:#666; font-size:1.2rem; transition: ease 0.3s all;} .bod_file a:hover {background:#e5e5e5;} .bod_file a img {width:1.8rem; vertical-align:middle; margin-bottom:0.2rem;} .bod_file a span {margin-left:0.5rem;} .bod_kwd {display:flex; gap:1rem; flex-wrap: wrap; margin-bottom:5rem; border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; padding:1rem 0;} .hton {border:3px solid var(--point-color-7); background:var(--point-color-7); color:#fff;} .hton img {filter:brightness(0) invert(1);} .bod_cmt_wrap {margin-top:2rem; border:5px solid #DFDFDF; border-radius:0 0 0 2rem;} .bod_cmt_inp {display:flex; justify-content: space-between; gap:1.4rem; padding:2.1rem 2.5rem;} .bod_cmt_inp .cmt_item:nth-child(1) {width:5rem;} .bod_cmt_inp .cmt_item:nth-child(2) {flex-grow:1;} .bod_cmt_inp .cmt_item:nth-child(3) {width:4.4rem;} .bod_ccmt_wrap {margin-top:2rem;} .bod_ccmt_inp {display:flex; justify-content: space-between; flex-direction: row; gap:0; padding:1rem 3.5rem;} .bod_ccmt_inp .ccmt_item {position:relative;} .bod_ccmt_inp .ccmt_item .pf_name {position:absolute; top:5.5rem; left:0; z-index:2; width:5rem; text-align:center; font-size:1.4rem; line-height:1.8rem;} .bod_ccmt_inp .ccmt_item:nth-child(1) {width:5rem;} .bod_ccmt_inp .ccmt_item:nth-child(2) {flex-grow:1; border:2px solid #EEEEEE; border-radius:1rem; background:#fff; position:relative; padding:1rem 2rem; margin-left:3rem;} .bod_ccmt_inp .ccmt_item:nth-child(2) span {position:absolute; top:1.3rem; left:-2.1rem; z-index:1;} .bod_ccmt_inp .ccmt_item:nth-child(2) .ccmt_txt1 {font-size:1.6rem; border-bottom:1px solid #CCCCCC; padding-bottom:2rem; margin-bottom:1rem;} .bod_ccmt_inp .ccmt_item:nth-child(3) {width:5rem;} .ccmt_txt_cut {height: 9rem; line-height: 2.8rem; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap : break-word; overflow: hidden;} .bod_ccmt_inp2 {display:flex; justify-content: space-between; flex-direction: row-reverse; gap:0; padding:1rem 3.5rem;} .bod_ccmt_inp2 .ccmt_item:nth-child(1) {width:5rem; text-align:center;} .bod_ccmt_inp2 .ccmt_item:nth-child(2) {flex-grow:1; border:2px solid #EEEEEE; border-radius:1rem; background:#fff; position:relative; padding:1rem 2rem; margin-right:3rem;} .bod_ccmt_inp2 .ccmt_item:nth-child(2) span {position:absolute; top:1.3rem; right:-2.1rem; z-index:1; transform: rotate(180deg);} .bod_ccmt_inp2 .ccmt_item:nth-child(2) .ccmt_txt1 {font-size:1.6rem; border-bottom:1px solid #CCCCCC; padding-bottom:2rem; margin-bottom:1rem; line-height: 140%;} .bod_ccmt_inp2 .ccmt_item:nth-child(3) {width:5rem;} .bod_cccmt_txt {display:flex; justify-content: space-between; gap:2rem; padding:1.5rem 0;} .bod_cccmt_txt .ctxt_item {position:relative;} .bod_cccmt_txt .ctxt_item .pf_name {position:absolute; top:3.5rem; left:0; z-index:2; width:3rem; text-align:center; font-size:1.1rem; line-height:1.6rem;} .bod_cccmt_txt .ctxt_item:nth-child(1) {width:3rem;} .bod_cccmt_txt .ctxt_item:nth-child(2) {flex-grow:1; position: relative; border-radius:1rem; background:#F5F5F5; position:relative; padding:1rem 1.5rem;} .bod_cccmt_txt .ctxt_item:nth-child(2):after {content: ''; position: absolute; left: 0; top: 2.5rem; width: 0; height: 0; border: 1rem solid transparent; border-right-color: #f5f5f5; border-left: 0; border-top: 0; margin-top: -1rem; margin-left: -1rem;} .bod_cccmt_txt .ctxt_item:nth-child(2) .cccmt_txt1 {font-size:1.6rem;} .bod_cccmt_txt2 {display:flex; justify-content: space-between; flex-direction: row-reverse; gap:2rem; padding:1.5rem 0;} .bod_cccmt_txt2 .ctxt_item:nth-child(1) {width:3rem;} .bod_cccmt_txt2 .ctxt_item:nth-child(2) {flex-grow:1; position: relative; border-radius:1rem; background:#F5F5F5; position:relative; padding:1rem 1.5rem; text-align:right;} .bod_cccmt_txt2 .ctxt_item:nth-child(2):after {content: ''; position: absolute; right: 0; top: 2.5rem; width: 0; height: 0; border: 1rem solid transparent; border-left-color: #f5f5f5; border-right: 0; border-top: 0; margin-top: -1rem; margin-right: -1rem;} .bod_cccmt_txt2 .ctxt_item:nth-child(2) .cccmt_txt1 {font-size:1.6rem;} .cmbt_set {display:flex; flex-direction: column; gap:1rem; width:1.8rem; margin:1rem auto;} .cccmt_bt {display:flex; gap:1rem; justify-content: flex-end; margin-top:1rem;} .bod_cccmt_inp {display:flex; justify-content: space-between; flex-direction: row-reverse; gap:2rem; padding:1.5rem 0;} .bod_cccmt_inp .ccctxt_item:nth-child(1) {width:3rem;} .bod_cccmt_inp .ccctxt_item:nth-child(2) {flex-grow:1; position: relative; border-radius:1rem; background:#fff; border:2px solid #CCCCCC; position:relative; padding:1rem 1.5rem; display:flex; justify-content: space-between; gap:2rem;} .bod_cccmt_inp .ccctxt_item:nth-child(2) .ccc_item:nth-child(1) {flex-grow:1;} .bod_cccmt_inp .ccctxt_item:nth-child(2) .ccc_item:nth-child(2) {width:4.4rem;} .bod_cccmt_inp .ccctxt_item:nth-child(2):after {content: ''; position: absolute; right: 0; top: 2.5rem; width: 0; height: 0; border: 1rem solid transparent; border-left-color: #ccc; border-right: 0; border-top: 0; margin-top: -1rem; margin-right: -1rem;} /* board write */ .w_area1 {display:flex; gap:1rem; flex-wrap: wrap; margin-bottom:2rem; overflow: hidden;} .w_area2 {margin-bottom:3rem; border:1px solid #CCCCCC;} .edit_file {background:#FCFCFC; border-top:1px solid #CCCCCC; padding:1.7rem; display:flex; gap:1rem; flex-wrap: wrap;} .edit_file p {width:100%; margin:1rem 0;} .edit_file .file_txt {padding:0.7rem 0;} .w_bt_area {display:flex; gap:1rem; justify-content: center;} .mob_txta {border:0; width:100%; min-height:30rem; font-family:var(--body-font); font-size:1.6rem; padding: 1.4rem 2.2rem;} /* common */ .icate {font-size:1rem; padding:0.3rem 1.5rem; color:#fff; border-radius:3rem; display:inline-block; line-height: 1.4rem; word-break: keep-all; text-align: center;} .ic1 {background:var(--point-color-1);} .ic2 {background:var(--point-color-2);} .ic3 {background:#36C0E3;} .ic4 {background:#853FEE;} .ic5 {background:#25AC8C;} .ic6 {background:#8E6D47;} .pnt1 {background:var(--point-color-2);} .pnt2 {background:var(--point-color-4);} .pnt3 {background:#7AC9E6;} .pnt4 {background:var(--point-color-8);} .tx1 {color:var(--point-color-2);} .tx2 {color:var(--point-color-4);} .t_gap {height:3rem;} .bt_kwd {background:#E5E5E5; color:#878787; font-size:1.2rem; border-radius:4rem; padding:0.8rem 2.2rem; display:inline-block; transition: ease 0.3s all;} .bt_kwd:hover {background:var(--point-color-1); color:var(--text-color-1);} .bt_kwdon {background:var(--point-color-1); color:var(--text-color-1); font-size:1.2rem; border-radius:4rem; padding:0.8rem 2.2rem; display:inline-block;} .icon_set {display:flex; gap:1.6rem; padding:0; font-size:1.2rem; position:relative;} .icon_set .icontxt1 {display:inline-block;} .icon_set .icontxt1 img {vertical-align: text-bottom;} .icon_set .icontxt1 label {margin-left:0.5rem;} .row_rbs {flex-direction: row-reverse;} .pf_img {width:5rem; height:5rem; border-radius:2.5rem; overflow:hidden;} .pf_img2 {width:3rem; height:3rem; border-radius:1.5rem; overflow:hidden;} .bt_enter {background:var(--point-color-6); width:4.4rem; height:4.4rem; border-radius:2.2rem; padding:1.2rem; display:block;} .bt_enter:hover {background:#139FA5;} .bt_enter img {width:100%; transform: rotate(180deg);} /* btn style */ .slt_bt1 {background:#CCCCCC; padding: 0.2rem 1.5rem; color: #fff; border-radius: 2rem; text-align: center; font-size: 1.4rem; display: inline-block;} .slt_bt1:hover {background: var(--point-color-1);} .slt_bt1on {background: var(--point-color-1); padding: 0.2rem 1.5rem; color: #fff; border-radius: 2rem; text-align: center; font-size: 1.4rem; display: inline-block;} .slt_bt1off {background: #D1D1D1; padding: 0.2rem 1.5rem; color: #666; border-radius: 2rem; text-align: center; font-size: 1.4rem; display: inline-block;} .bt_join {background:var(--point-color-1); color:#fff; text-align:center; padding:1.3rem 0; display:inline-block; border-radius:5rem;} .bt_save {background:var(--point-color-1); color:#fff; text-align:center; padding:1.3rem 0; display:inline-block; border-radius:5rem;} .bt_pass {background:var(--point-color-6); color:#fff; text-align:center; padding:1.3rem 0; display:inline-block; border-radius:5rem;} .bt_cencel {background:#A7A7A7; color:#fff; text-align:center; padding:1.3rem 0; display:inline-block; border-radius:5rem;} .bt_delete {background:#E24545; color:#fff; text-align:center; padding:1.3rem 0; display:inline-block; border-radius:5rem;} .bt_point {background:var(--point-color-6); color:#fff; text-align:center; padding:1.3rem 0; display:inline-block; border-radius:5rem;} .bt_wt {background:#fff; color:var(--point-color-6); text-align:center; padding:1.3rem 0; display:inline-block; border-radius:5rem; border:1px solid var(--point-color-6);} .bw0 {width:100%; min-width: 14.6rem; min-height: 5rem;} .bw1 {width:14.5rem;} .bw2 {width:29rem;} .bt_sg1 {background:var(--point-color-1); padding:0.6rem 1.5rem; color:#fff; border-radius:2rem; text-align:center; font-size:1.2rem; display:inline-block;} .del_c {background:#f5f5f5; border-radius:5rem; display:inline-block; padding:0.6rem 1.5rem; color:#666; font-size:1.6rem; transition: ease 0.3s all;} .del_c:hover {background:#e5e5e5;} .del_c img {width:2rem; vertical-align:middle; margin-bottom:0.4rem;} .del_c span {margin-left:0.5rem;} .del_c2 {display:inline-block; padding:0.2rem 0.5rem; color:#666; font-size:1.6rem; transition: ease 0.3s all;} .del_c2 img {width:2rem; vertical-align:middle; margin-bottom:0.4rem;} .del_c2 span {margin-left:0.5rem;} .del_bd {border:1px solid #139FA5;} .lg_etc {width:30rem; height:5rem; display:block; background-size:2.5rem 2.5rem; text-align:center; font-size:1.8rem; padding:0.8rem 0; border-radius:5rem; transition: ease 0.3s all;} .lg_etc:hover {} .lg_google {background:#fff url(../images/icon_google.svg) no-repeat 2rem center; border:1px solid #747775; color:#1f1f1f;} .lg_kakao {background:#FEE500 url(../images/icon_kakao.svg) no-repeat 2rem center; border:1px solid #FEE500; color:#191919;} .lg_naver {background:#03C75A url(../images/icon_naver.svg) no-repeat 2rem center; border:1px solid #03C75A; color:#fff;} .lg_apple {background:#fff url(../images/icon_apple.svg) no-repeat 2rem center; border:1px solid #747775; color:#1f1f1f;} .txt_bt1 {color:#999999; font-size:1.4rem;} .txt_bt1:hover {color:var(--point-color-6); font-weight:500;} .cm_bt {font-size: 1rem; color: #fff; padding: 0.2rem 1.2rem 0.3rem 1.2rem; border-radius: 2rem;} .cm_clr1 {background:#E24545;} .cm_clr2 {background:#139FA5;} .m_bt {display:block; margin-bottom:5rem;} .m_bt span {background:var(--point-color-6); width:4.2rem; height:4.2rem; display:inline-block; border-radius:2.2rem; padding:1.2rem;} .m_bt label {color:var(--point-color-6); margin-left:1rem; font-size:1.4rem; vertical-align: text-bottom;} .m_bt img {width:100%;} .arr180 {transform: rotate(180deg);} /* paging */ .paging {margin:5rem auto; max-width:600px;} .paging ul {display:flex; justify-content: center; gap:0.8rem;} .paging ul li span {font-size:1.6rem;} .paging ul li.active a {background:var(--point-color-6); color:#fff;} .paging ul li.p_bt1 a {background:#3C3D3F; padding:0.7rem 0.95rem;} .paging ul li.p_bt2 a {background:#7A7C7E; padding:0.7rem 0.8rem;} .paging ul li a {width:2.5rem; height:2.5rem; font-size:1.2rem; background:#CCCCCC; color:#333230; border-radius:2rem; text-align:center; transition: ease 0.3s all; display: flex; justify-content: center; align-items: center;} .paging ul li a:hover {background:var(--point-color-6); color:#fff;} .paging ul li a img {width:0.8rem; filter: invert(0%) sepia(0%) saturate(7459%) hue-rotate(244deg) brightness(123%) contrast(102%);} /* input style */ .inp1 {border-bottom:1px solid #139FA5; border-top:none; border-right:none; border-left:none; outline: none; padding:0.8rem 0; width:100%; font-family:var(--body-font); font-size:2rem;} .inp2 {border:0; outline: none; width:100%; font-family:var(--body-font); font-size:1.8rem; color:var(--point-color-1); background: none;} .inp3 {border:0; outline: none; width:21rem; font-family:var(--body-font); font-size:1.8rem; color:var(--point-color-1); background: none;} .lnb_inp {border:0; outline: none; width:100%; font-family:var(--body-font); font-size:1.2rem; background:none;} .lnb_inp2 {border:1px solid #CCCCCC; width:100%; font-family:var(--body-font); font-size:1.6rem; padding:1.4rem 2.2rem;} .lnb_inp3 {border:0; outline: none; width:100%; font-family:var(--body-font); font-size:2.4rem; background:none;} .inp_slt {border:0; outline: none; width:auto; font-family:var(--body-font); font-size:1.8rem; color:var(--point-color-1); width: 100%; background: none;} .txtara1 {border:none; width:100%; padding:1.4rem; font-family:var(--body-font); height:15rem; background:none; outline:none; font-size:1.6rem; resize: none; line-height: 140%;} .txtara2 {border:none; width:100%; padding:1.4rem; font-family:var(--body-font); height:9rem; background:none; outline:none; font-size:1.6rem; resize: none; line-height: 140%;} .txtara3 {border:1px solid #7B7C7F; width:100%; padding:1.4rem; font-family:var(--body-font); height:14rem; background:#f9f9f9; outline:none; font-size:1.4rem; resize: none; border-radius:0.5rem; line-height:2.5rem;} .txtara4 {border:1px solid #7B7C7F; width:100%; padding:1.4rem; font-family:var(--body-font); height:14rem; background:#f9f9f9; outline:none; font-size:1.4rem; resize: none; border-radius:0.5rem; line-height:2.5rem;} .btn-upload { width:8.4rem; height:4rem; background:#139FA5; border:1px solid #707070; border-radius:0.5rem; font-weight:500; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; } .btn-upload:hover {background:#707070; color:#fff;} .btn-upload img {width:1.6rem; margin-right:0.6rem;} .btn-upload2 { width:7.2rem; height:3.2rem; font-size:1.2rem; background:#139FA5; border:1px solid #707070; border-radius:5rem; font-weight:500; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; } .btn-upload2:hover {background:#707070; color:#fff;} .btn-upload2 img {width:1.2rem; margin-right:0.6rem;} #file {display: none;} input#check_btn{display:none;} input#check_btn + label{cursor:pointer;} input#check_btn + label > span{vertical-align: middle; padding-left:0.5rem; display:inline-block; margin-top:0.2rem;} /* label:before에 체크하기 전 상태 CSS */ input#check_btn + label:before{content:""; display:inline-block; width:1.9rem; height:1.9rem; background:#BEBDBB url('../images/icon_check.svg') no-repeat; border-radius: 2rem; vertical-align:middle;} /* label:before에 체크 된 상태 CSS */ input#check_btn:checked + label:before{content:""; background:#C70752 url('../images/icon_check.svg') no-repeat; background-position: 50%;} /* footer */ .footer {font-size:1.2rem; position:relative; z-index:100; display: none;} .footer p {text-align:center;} .footer .f_over {background:#f5f5f5 url('../images/simbol01.png') no-repeat; background-size:12.4rem; background-position:80% 0; color:#A1A5A5; padding:3rem 3rem; width:100%; transition: ease 0.3s all;} .footer .f_over .flogo {display:block; width:11rem; height:4rem; background:url(../images/drsoop_bi.svg) no-repeat;background-size:100% auto; /* filter:brightness(0) invert(1);*/} .footer .f_over p {line-height:180%; margin:1.5rem 0; text-align:left;} .footer .f_over p a {color:#A1A5A5;} .footer .f_over p a:hover {color:#bcbcbc;} @media (max-width: 1800px) { .talk_ccmt_inp .talk_item:nth-child(3) {width:0;} .talk_ccmt_inp2 .talk_item:nth-child(3) {width:0;} } @media (max-width: 1700px) { .gnb_bar .gnb_nav>ul {column-gap:5rem;} .gnb_bar .gnb_nav>ul>li:before {left:-2.5rem;} } @media (max-width: 1620px) { .gnb_bar .gnb_logo {width:9.5rem; margin: 2.5rem 4rem 2.8rem 2.5rem;} .ad_txt span {font-size:3rem;} .sgup_wrap .sgup_con {padding: 7rem 4rem;} .sgup_wrap .sgup_con .sg_area1 .sg_bx_a {gap:1rem;} .main_con {display: block;} .main_con .main_c1 {border-right:0; margin-bottom:6rem;} .main_con .main_c2 {border-right:0; margin-bottom:6rem;} .main_con .main_c3 {border-right:0; margin-bottom:6rem;} .bd_title_wrap {display:block;} .bd_pf {margin-bottom:2rem; margin-right:0; border: 0;} .bd_pf .bd_pfb .bd_pfb_txt {border-right:0;} .news_wrap {flex-wrap: wrap;} .list_ty32 .list_ty32bt .list_ty32b .lty32b_t2 .lty32b_t2b, .list_ty33 .list_ty33le .list_ty33bt .list_ty33b .lty33b_t2 .lty33b_t2b {margin-right:4rem;} .ns_list .lty32b_t2c, .list_ty31 .list_ty31b .lty32b_t2c, .list_ty32 .list_ty32bt .list_ty32b .lty32b_t2 .lty32b_t2c, .list_ty33 .list_ty33bt .list_ty33b .lty33b_t2 .lty32b_t2c {display:block;} .list_ty31 .list_ty31b .lty31b_thum .lty31b_t2 .lty31b_t2b {margin-right:4rem;} } @media (max-width: 1520px) { .login_wrap {grid-template-columns: 1fr 50rem;} .gnb_bar .gnb_nav>ul {column-gap:4.2rem} .gnb_bar .gnb_nav>ul>li:before {left:-2.4rem} .ocmty_con {grid-template-columns: 1fr; gap:3rem;} .ocmty_con .ocmty_bn {border-left:0; padding-left:0;} .search_con {grid-template-columns: 1fr; gap:3rem;} .search_con .search_bn {border-left:0; padding-left:0;} .cstt_con {grid-template-columns: 1fr; gap:3rem;} .cstt_con .cstt_bn {border-left:0; padding-left:0;} .bod_ccmt_inp {padding:1rem 0;} .bod_ccmt_inp .ccmt_item:nth-child(3) {display:none;} .bod_ccmt_inp2 .ccmt_item:nth-child(3) {display:none;} .bod_wrap {padding:2rem;} .main_bot {grid-template-columns: none;} .main_bn1 div p {font-size:3rem; line-height: 4rem;} .main_bn2 p {font-size:3rem; line-height: 3rem;} .my_cfaq {background:none; border-radius:0; padding:0;} .evt_wrap .evt_list .evt_thum {height:30rem;} } @media (max-width: 1450px) { .gnb_bar .gnb_nav>ul {column-gap:3.5rem;} .gnb_bar .gnb_nav>ul>li:before {left:-2rem;} .gnb_bar .gnb_logo {margin: 2.5rem 3rem 2.8rem 2.5rem;} } @media (max-width: 1380px) { .my_ct_info .my_ct_txt img {width: 100%!important; height: auto!important;} .gnb_bar .gnb_nav>ul {column-gap:3.2rem} .gnb_bar .gnb_nav>ul>li:before {left:-1.8rem} .gnb_bar .gnb_nav a {font-size:1.6rem;} } @media (max-width: 1300px) { .ad_txt p {font-size:3rem; margin-bottom:3.3rem;} .ad_txt img {width:38rem;} .evt_wrap {grid-template-columns: 1fr 1fr;} .gnb_bar .gnb_nav>ul {column-gap:2.2rem} .gnb_bar .gnb_nav>ul>li:before {left:-1.2rem} .gnb_bar .gnb_logo {margin: 2.5rem 2rem 2.8rem 2.5rem;} .calder2 .calder_mnth .calder_mnth2 {font-size:3.2rem;} .calder2 .calder_title {font-size:1.6rem;} .calder2 .calder_con .cal_bt {font-size:1.6rem; width:5rem; height:5rem;} .calder2 .calder_con .cal_btlist {font-size:1.6rem; width:5rem; height:5rem;} .calder2 .calder_con .cal_bton {font-size:1.6rem; width:5rem; height:5rem;} .my_talk_wp {display:block;} } @media (max-width: 1230px) { .gnb_bar .gnb_nav>ul>li:before {left:-1rem} } @media (max-width: 1200px) { .gnb_bar .gnb_logo {width:8rem; height:3.8rem; margin:3.4rem 2rem 0 2rem;} .gnb_bar .gnb_nav>ul {column-gap:2rem} .gnb_bar .gnb_nav>ul>li:before {left:-1.1rem} .gnb_bar .gnb_nav a {font-size:1.4rem;} .lnb_nav ul li.lnb_title {font-size:1.8rem;} .lnb_a {font-size:1.6rem;} .lnb_on {font-size:1.6rem;} .my_con_wrap {padding:0;} .gnb_bar .gnb_btn .op_mn_a {gap:1rem;} } @media (max-width: 1100px) { .gnb_bar .gnb_nav>ul {column-gap:1.2rem} .gnb_bar .gnb_nav>ul>li:before {left:-0.8rem} } @media (max-width: 1000px) { .bnPc {display:none;} .bnMob {display:block;} .ad_web {display:none;} .ad_mob {display:block;} .slayout .area1 .a2_kwd {padding:1rem;} .slayout .area1 .a2_kwd .akwd {max-height: 15rem; display:none;} .login_wrap {display:flex; gap:2rem; flex-direction: column; overflow-y: auto;} .login_wrap .ad_area {height:17rem; min-height: 17rem;} .ad_txt {height:100%; border-radius: 0 0 10rem 0;} .ad_txt i {display:none;} .ad_txt p {font-size:2rem; margin-bottom:1rem;} .ad_txt img {width:15rem;} .ad_txt span {font-size:1.4rem; left:2rem; bottom:1.5rem;} .ad_txt .lg_logo {width:12rem; margin-top: 3rem;} .ad_txt .lg_title {top:2rem; font-size: 3rem;} .login_wrap .login_con .lg_box {margin-bottom:2rem;} .login_wrap .login_con .lg_box .lgitem {margin-bottom: 1rem;} .login_wrap .login_con .lg_box .lgitem:nth-child(n+6):nth-child(-n+10) {margin-bottom: 1rem;} .login_wrap .login_con .lg_box .lgitem:nth-child(n+11):nth-child(-n+11) {margin-bottom: 2rem;} .login_wrap .login_con .lg_box .lgm_logo {width:100%; display:flex; justify-content: center; align-items: center;} .login_wrap .login_con .lg_box .lgm_logo img {width:100%; max-width:15rem; margin-bottom:2rem;} .login_wrap .login_con .lg_box .lgline {margin:2rem 0 3rem 0;} .sgup_wrap {display:grid; grid-template-rows: 17rem auto; gap:3rem; grid-template-columns: none; overflow-y: scroll;} .sgup_wrap .sgup_con {width:100%; margin:0; padding:3rem;} .sgup_wrap .sgup_pass {flex-wrap: nowrap; align-items: center;} .gnb_bar {height:8.5rem;justify-content:center;padding-top:2rem;border-radius:0 0 20px 20px;border-bottom:0; background: transparent linear-gradient(120deg, #66B0F2 0%, #0B80BC 46%, #0F449F 100%) 0% 0% no-repeat padding-box;} .gnb_bar:hover {height:8.5rem;} .gnb_bar .gnb_logo {width:12rem;margin:0;height:4.1rem;} .gnb_bar .gnb_logo .logo {filter:brightness(0) invert(1); margin-top: 0.2rem;} .gnb_bar .gnb_nav {display:none;} .gnb_bar .gnb_nav>ul>li:before {display:none;} .gnb_bar .gnb_btn .op_mn_b {margin-left:0;} .gnb_bar .gnb_btn .op_mn_b .profile {width: 4.5rem; height: 4.5rem;} .gnb_bar .gnb_btn .op_mn_b a, .gnb_bar .gnb_btn .op_mn_b span {display:none;} .gnb_bar .gnb_btn {position:absolute;right:0;top:0;height:auto;padding:2rem;} .gnb_bar .gnb_btn .op_mn_a {display:none;} .gnb-btn {display:flex;align-items:center;justify-content:center;position:absolute;overflow:hidden;left:1rem;top:0;height:8.5rem;width:8.5rem;border:0;background:none;flex-wrap:wrap;flex-direction:column;} .gnb-btn b {transition:all .3s ease;width:70%;height:.4rem;display:block;background:var(--text-color-1);border-radius:.2rem;margin:1.1rem 0; position:relative;} .gnb-btn b .mob_alr {position:absolute; right:-1rem; top:-2.1rem; z-index:100; border:2px solid #fff; background:#FFCC00; color:#fff; width:2.5rem; height:2.5rem; border-radius:50%; font-size:1.3rem; font-weight:700; display:flex;align-items:center;justify-content:center; font-family:var(--body-font);} .gnb-btn:after, .gnb-btn:before {transition:all .3s ease;position:absolute;content:'';top:50%;left:50%;width:36%;margin:1rem 0 0 -8.5%;height:.4rem;display:block;background:var(--text-color-1);border-radius:.2rem;} .gnb-btn:before {margin:-1.5rem 0 0 -28.5%;} .gnb_bar.menu .gnb-btn b {transform:translate(-20rem,0)} .gnb_bar.menu .gnb-btn:after, .gnb_bar.menu .gnb-btn:before {margin:-.2rem 0 0 -30%;width:60%;transform:rotate(45deg);} .gnb_bar.menu .gnb-btn:before {transform:rotate(-45deg)} .gnb_bar.menu {height:90%;} .gnb_bar .gnb_nav {transition:all .3s ease;overflow:hidden;opacity:0;display:flex;position:absolute;top:8.5rem;left:0;right:0;bottom:100%;height:auto;align-items:center;justify-content:center;} .gnb_bar.menu .gnb_nav {bottom:10rem;opacity:1} .gnb_bar .gnb_nav>ul {display:block;height:auto;text-align:center;} .gnb_bar .gnb_nav ul a {font-size:2.2rem;color:#fff;line-height:5rem;} .gnb_bar .gnb_nav>ul>li ul {display:block;} .gnb_bar .gnb_nav>ul>li ul li a {color:#ccc;font-size:1.8rem;line-height:4rem;} .gnb_bar.menu .gnb_btn {bottom:3rem;left:0;right:0;top:auto;justify-content:center;} .gnb_bar.menu .gnb_btn .op_mn_b {display:none;} .gnb_bar.menu .gnb_btn .op_mn_a {display: flex; width: 90%; justify-content: space-evenly;} .gnb_bar .gnb_btn .op_mn_a a {width: 3rem;} .gnb_bar .gnb_btn .op_mn_a a img {min-height: 2rem; max-height: 2.4rem;} .lnb_nav {margin-bottom:0;} .lnb_nav ul { display: flex; gap: .5rem; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; /* 부드러운 스크롤 */ white-space: nowrap; padding: 0 0.5rem 1rem 0.5rem; } .lnb_nav ul li {padding: 0; display: inline-block;} .lnb_nav ul li a {font-size:1.4rem; padding:0.6rem 1.6rem; display:inline-block; white-space:nowrap;} .lnb_nav ul li.lnb_title {text-align:center; padding:2rem 0 2rem 0; display:none;} .slayout {grid-template-columns: 100%; overflow-y: scroll; height:auto;} .slayout .area1 {border-right:none;} .slayout .area1 .a1_bt {display:none;} .slayout .area1 .a1_kwd {padding: 1rem;} .slayout .area1 .a1_kwd .akwd {height:4.5rem; overflow-x: auto; -webkit-overflow-scrolling: touch; display:none;} .slayout .area1 .a1_pdsrch {position:static;} .slayout .area2 {overflow-y: visible; padding:1em 1.2rem;} .slayout .area3 {overflow-y: auto; padding:2em 1.2rem;} .slayout .area3 .footer_re {width:100%; height:auto; min-height: auto; padding: 0; font-size:1.4rem; color:#A1A5A5; display:block; word-break: keep-all;} .slayout .area3 .footer_re a {color:#A1A5A5;} .slayout .area3 .footer_re a:hover {color:#2A3E87;} .slayout .area3 .footer_re .flink_re {display:flex; gap:0; justify-content: center;} .slayout .area3 .footer_re .ftxt_re {padding: 1rem 0 0 0; text-align: center; line-height: 140%;} .ns_list .ns_title .ns_txt {max-width:20rem;} .mob_wbt {position:fixed; left:1rem; bottom:8rem; z-index:5; width:6rem; height:6rem; border-radius:8rem; background:var(--point-color-8); padding:2rem; display:block;} .main_bn1 {height:20rem;} .main_bn1 div p {font-size:1.8rem; line-height:2.5rem;} .search_con .search_list {padding: 0;} .w_area1 {margin-bottom: 1rem;} .bd_bt_list {position:fixed; left:0; top:32%; transform: translate(0, -68%); width: 4.5rem; height: auto; padding: 1.2rem;} .bd_bt_prev {position:fixed; left:0; width: 4.5rem; height: auto; top: 38%; transform: translate(0, -62%); padding: 1.2rem;} .bd_bt_next {position:fixed; right:0; width: 4.5rem; height: auto; top: 38%; transform: translate(0, -62%); padding: 1.2rem;} .bd_bt_cmt {position:fixed; left:1rem; bottom:1rem; width:6rem; height:6rem; padding:2.4rem 1.5rem 2.4rem 2.2rem;} .bod_ccmt_inp2 {padding:1rem 0;} .evt_wrap {grid-template-columns: 1fr; grid-template-rows: 1fr;} .my_ct_info .my_ct_txt img {width:100%!important; height: auto!important;} .slayout .area1 .footer_re {display:none;} .my_talk_wp .my_talk_line {display:none;} .my_talk_wp .my_talk1 .my_ppm_on {margin-bottom: 2rem;} .my_talk_wp .my_talk2 {display:none;} .my_talk_wp_n {font-size:1.6rem;} .talk_ccmt_wrap {display: flex; gap: 2rem; flex-direction: column-reverse; height: 40vh; margin-bottom:7.8rem; overflow-x: hidden; overflow-y: auto;} .talk_ccmt_inp2 .talk_item .pf_name {top:auto;} .talk_ccmt_inp .talk_item .pf_name {top:auto;} .talk_ccmt_inp .talk_item:nth-child(2) {margin-left:1rem;} .talk_ccmt_inp2 .talk_item:nth-child(1) {width:auto;} .talk_ccmt_inp2 .talk_item:nth-child(2) {padding:1rem 1.5rem 1rem 1.5rem; margin-right:2rem;} .talk_ccmt_inp2 .talk_item:nth-child(2) .talk_medel {top:0.5rem; right:0.5rem;} .talk_ccmt_inp .talk_item:nth-child(2) {padding:1rem 1.5rem 1rem 1.5rem;} .talk_cmt_wrap {margin:0; position: fixed; left: 0; bottom: 0; z-index: 100; background: #fff; width: 100%;} .talk_none {display:none;} .bod_cmt_inp {padding:1rem 1.5rem;} .bod_cmt_inp .cmt_item:nth-child(3) {display: flex; align-items: end;} .txtara1 {padding:0; height:auto;} .icon_set {padding:0;} .no_content {font-size:1.6rem;} .my_ctitle {font-size:2rem; font-weight:700; text-align:center; display:none;} .my_srhpp_wp {gap:1rem;} .lnb_inp3 {font-size:1.6rem;} .inp_bxip {font-size:1.6rem;} .inp_bxip3 {font-size:1.6rem;} .my_setting {font-size:1.6rem;} .my_out .my_out_txt>span {text-align: center; width: 100%; border: 0;} .my_out .my_out_txt ul {border-top:1px solid #EEEEEE; padding-top:3rem;} .main_con .main_c1 {padding:0 1rem;} .main_con .main_c2 {padding:0 1rem;} .main_con .main_c3 {padding:0 1rem;} .area_info {margin: 12rem auto 5rem auto;} .area_info .if_ctitle {margin-bottom: 2rem; font-size: 2.4rem;} .b_srch {margin: 0rem 0 2rem 0;} .list_ty33 .list_ty33rt .lty33b_subj { -webkit-line-clamp: 3;} .list_ty31 {gap:0;} .list_ty31 .list_ty31b .lty31b_thum .lty31b_t1 {height:auto;} .list_ty31 .list_ty31b .lty31b_thum .lty31b_t2 {align-items: flex-start; flex-direction: column;} .calder2 .calder_mnth .calder_mnth2 {font-size:2.4rem;} .con_title {font-size:2rem; margin-top: 1rem;} .con_title p {font-size:3rem; line-height: normal;} .list_ty_cate {gap:0.5rem; margin-top:0;} .area_info .if_cmb textarea {padding:1rem 1.5rem;} .inp_bx1pf {flex-direction: column;} .bd_title .info_link .home_icon {font-size:1rem;} .txtara2 {padding:0;} .bod_ccmt_inp .ccmt_item:nth-child(2) {margin-left: 2rem;} .bod_cccmt_inp {gap:1rem;} .bod_cccmt_txt {gap:1rem;} } @media (max-width: 550px) { .bod_ccmt_inp2 .ccmt_item:nth-child(1) {width: 4rem;} .pf_img {width: 4rem; height: 4rem;} .talk_ccmt_inp2 .talk_item .pf_name {left:-0.5rem;} .talk_ccmt_inp .talk_item .pf_name {left:-0.5rem;} } @media (max-width: 380px) { .slayout .area1 {max-width:37.4rem;} .slayout .area2 {max-width:37.4rem;} .main_con .main_c1 {max-width: 35.4rem; padding:0 1rem; margin-bottom: 3rem;} .main_con .main_c2 {max-width: 35.4rem; padding:0 1rem; margin-bottom: 3rem;} .main_con .main_c3 {max-width: 35.4rem; padding:0 1rem; margin-bottom: 3rem;} .bw1 {width:10.5rem; font-size: 1.2rem;} .main_bn2 p {font-size: 2rem; line-height: 2.4rem;} .b_srch .b_srch_title {font-size:3rem;} .list_ty33 .list_ty33le {min-width:34.4rem;} .list_ty33 .list_ty33rt {min-width:34.4rem;} .list_ty36 .list_ty36t {gap:1rem;} .list_ty36 .list_ty36t .ty36a {width:5.4rem; height:5.4rem;} .list_ty36 .list_ty36t .ty36c {width:5.4rem;} .list_ty36 .list_ty36t .ty36c .bt_cmnt {width:5.4rem; height:5.4rem; padding: 1.5rem;} .list_ty36 .list_ty36t .ty36b .ty36b_txt {font-size: 1.8rem;} .list_ty36 .list_ty36t .list_ty36b p {font-size: 1.4rem;} .list_ty35 .list_ty35t {gap:1rem;} .list_ty35 .list_ty35t .ty35a {width:5.4rem; height:5.4rem;} .list_ty35 .list_ty35t .ty35c {width:5.4rem;} .list_ty35 .list_ty35t .ty35c .bt_cmnt {width:5.4rem; height:5.4rem; padding: 1.5rem;} .list_ty35 .list_ty35t .ty35b .ty35b_txt {font-size: 1.8rem;} .list_ty35 .list_ty35t .list_ty35b p {font-size: 1.4rem;} .ocmty_con .ocmty_bn {max-width:35.4rem;} .news_wrap .news_a {max-width:35rem;} .calder2 .calder_con {gap:0.1rem;} .sgup_wrap .sgup_pass {padding:7rem 1rem; align-items: center;} } .allbg {background:rgba(0,0,0,0.4); width:100%; height:100vh;position:fixed;top:0;left:0;z-index:99999999;display:none;} /*팝업CSS*/ .mob_pop {width:90%; position:fixed; top:60%; left:0; z-index:1000; transform: translate(0, -40%); background:#fff; margin:0 5%; border-radius:2rem; padding:3rem 2rem; display: flex; flex-direction: column; align-items: center; gap:2rem;} .pop_info {display: flex; justify-content: center; align-items: center; gap: 1rem;} .pop_info .pop_logo {width:100%; max-width:63px;} .pop_info .pop_logo img {width:100%;} .pop_info .pop_txt {color:#333; display: flex; flex-direction: column; gap: 0.5rem;} .pop_info .pop_txt p {font-size: 1.8rem; font-weight: 700; line-height: 130%;} .pop_info .pop_txt span {font-size: 1.2rem; font-weight: 500;} .applink {width:100%; height:4.4rem; background: #333; color: #fff; font-size: 1.4rem; font-weight: 700; display: flex; justify-content: center; align-items: center; border-radius:3rem;} .weblink {color: #333; font-size: 1.4rem; font-weight: 500;}