body {-webkit-text-size-adjust:none;} .inr { position:relative; display:block; width:1200px; margin:0 auto; font-size:0} @media screen and (max-width:1200px){ .inr { width:100%; padding:0 10px; } } /*** Animation ***/ @keyframes loading { 0% {width:0;} 10% {width:0;} 90% {width:100%;} 100% {width:100%;} } @keyframes fade { 0% {opacity:0;} 100% {opacity:1;} } @keyframes fadeOut { 0% {opacity:1;} 100% {opacity:0;} } @keyframes fadeTop { 0% {opacity:0;transform:translateY(-10px);} 100% {opacity:1;transform:translateY(0);} } @keyframes fadeOutTop { 0% {opacity:1;transform:translateY(0);} 100% {opacity:0;transform:translateY(-15px);} } @keyframes btn_line { 0% {transform:translateX(0);} 50% {transform:translateX(100%);} 51% {transform:translateX(-100%);} 100% {transform:translateX(0);} } @keyframes rot { 0% {transform:rotate(-150deg);} 100% {transform:rotate(0deg);} } @keyframes rot02 { 0% {transform:rotate(150deg);} 100% {transform:rotate(0deg);} } .trans{ -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); } .trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s} .trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s} .trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s} .size_0 {font-size:0} .wrapper{position:relative;width:100%;margin:0; min-width:1000px;} .wrapper:after{content:""; display:block; height:0; clear:both; visibility:hidden;} /**************************************************************************************************/ /* Header /************************************************************************************************ */ .sub_intro header {border-bottom:0; } header{position:relative; width:100%; height:135px; background:rgba(255, 255, 255, 1);box-shadow:2px 2px 5px rgba(0,0,0,0.0); border-bottom:1px solid rgba(0,0,0,0.1) ;z-index:333;} header h1.logo{z-index:30; position:absolute; left:50%;margin-left:-600px; top:70px; width:170px;} header h1.logo>a{z-index:30; text-indent:-9999px; display:block; height:40px; background:url(/images/inc/logo.svg) no-repeat left ; background-position:left ;background-size:auto 100%;transition:300ms ease-out 0ms;} header .link_right {position:absolute; top:.65rem; right:0; display:flex; align-items: center; gap:.625rem;} header .link_right .icon {position:relative; width:1.5rem; height:1.5rem; background-repeat: no-repeat; background-position: center ; background-size:auto 1.25rem; } header .link_right .icon .blink {position:absolute; right:0; top:0; width:0.375rem;height:0.375rem; border-radius:50%; background-color:#F33939; animation: blink .5s ease-in-out infinite;} header .link_right .icon.alert {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 12.59V10C19 6.78 16.82 4.07 13.86 3.26C13.57 2.52 12.85 2 12 2C11.15 2 10.44 2.52 10.14 3.26C7.18002 4.08 5.00002 6.79 5.00002 10V12.59L3.29002 14.3C3.19734 14.3934 3.12401 14.5043 3.07425 14.6261C3.02448 14.7479 2.99926 14.8784 3.00002 15.01V17.01C3.00002 17.56 3.45002 18.01 4.00002 18.01H20C20.55 18.01 21 17.56 21 17.01V15.01C21 14.74 20.89 14.49 20.71 14.3L19 12.59ZM14.82 20H9.18002C9.59002 21.17 10.69 22 12 22C13.31 22 14.41 21.17 14.82 20Z' fill='%23535A62'/%3E%3C/svg%3E%0A");} header .link_right .icon.notify {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 19.5C16.5 19.8978 16.658 20.2794 16.9393 20.5607C17.2206 20.842 17.6022 21 18 21C18.3978 21 18.7794 20.842 19.0607 20.5607C19.342 20.2794 19.5 19.8978 19.5 19.5V16.5C20.2956 16.5 21.0587 16.1839 21.6213 15.6213C22.1839 15.0587 22.5 14.2957 22.5 13.5V10.5C22.5 9.70436 22.1839 8.9413 21.6213 8.37869C21.0587 7.81608 20.2956 7.50001 19.5 7.50001H16.5V19.5ZM7.086 3.54301C6.97166 3.48571 6.84456 3.4586 6.71679 3.46427C6.58902 3.46993 6.46482 3.50817 6.35599 3.57536C6.24717 3.64255 6.15733 3.73646 6.09502 3.84815C6.03271 3.95984 6 4.08561 6 4.21351V19.7865C6 19.9144 6.03271 20.0402 6.09502 20.1519C6.15733 20.2636 6.24717 20.3575 6.35599 20.4246C6.46482 20.4918 6.58902 20.5301 6.71679 20.5357C6.84456 20.5414 6.97166 20.5143 7.086 20.457L15 16.5V7.50001L7.086 3.54301ZM2.3295 10.086C2.08038 10.2105 1.87083 10.4019 1.72433 10.6387C1.57782 10.8756 1.50015 11.1485 1.5 11.427V12.573C1.49987 12.8518 1.57741 13.125 1.72393 13.3622C1.87045 13.5993 2.08015 13.7909 2.3295 13.9155L4.5 15V9.00001L2.3295 10.086Z' fill='%23535A62'/%3E%3C/svg%3E%0A");} header .lang_wrap {padding:0 .85rem; height:32px; line-height:32px;border-radius:.5rem; padding:0 0 0 .5rem; margin:0 !important; background-color:#6ece00;} header .lang_wrap select {color:#fff; background-image:url('/images/icon_select_w.png')} header .lang_wrap option {color:#333;} header .language {margin-top:0; background-color:transparent; border:0; height:32px; } header .flag {display:inline-block; vertical-align:middle; margin-top:0; width:29px; height:32px; background-image:url('/images/inc/flag_kor.png') ; background-repeat:no-repeat; background-position:center ; background-size:auto .85rem; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.2; } } header .link { border:1px solid #eee; border-radius:.5rem; } header .link li {display:inline-block; vertical-align:middle; padding:0 .85rem; border-left:1px solid #eee; height:35px; line-height:35px; } header .link li:nth-child(1) {border-left:0; } header .link li a {display:inline-block; vertical-align:top; font-size:13px; color:#666; font-weight:500; } header .link .img-ms { position:relative; vertical-align:middle; display:inline-block; margin-top:10px;margin-left:3px; width:17px;height:17px; background:url(/images/inc/img_ms.png) no-repeat center ; } header .link .count {position:absolute; right:-7px; top:-7px; z-index:5 } header .link .count a {display:block; width:15px; height:15px; line-height:15px; color:#fff; background-color:#f66d11; font-size:10px; font-weight:500; text-align:center; border-radius:30px;} header .link li.lan { border-radius:.5rem; padding:0 0 0 .5rem; margin:0 !important; background-color:var(--color-main);} header .link li.lan select {color:#fff; background-image:url('/images/icon_select_w.png')} header .link li.lan option {color:#333;} header .contact {position:absolute; left:0; top:60px; } header .contact .n-wrap {display:inline-block; vertical-align:top; width:140px; } header .contact .exp-wrap {display:inline-block; vertical-align:top; margin-top:24px; width:200px; font-size:13px; line-height:18px; color:#777; letter-spacing:-.07em; word-break:break-all; } header .contact i {display:inline-block; vertical-align:top; margin-top:-1px; font-size:24px; color:#f66d11;} header .contact .number {display:inline-block; vertical-align:top; letter-spacing:0; color:#f66d11;font-weight:600; font-size:21px; } header .contact .number em { color:#444; font-size:14px; display:block; color:#666; padding-top:3px; font-weight:500 !important;} header .consult_call {position:absolute; right:0; top:4.6rem; } header .consult_call dl {padding-left:2.5rem; position:relative; } header .consult_call dl:before {content:''; position:absolute; left:0; top:.15rem; width:2rem; height:2rem; background-repeat:no-repeat; background-position:center ; background-size:auto 100%; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F66D11;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M34.9,18.2c-0.5,0-0.9,0.4-0.9,0.9s0.4,0.9,0.9,0.9s0.9-0.4,0.9-0.9C35.9,18.5,35.4,18.2,34.9,18.2'/%3E%3Cpath class='st0' d='M28.4,18.2c-0.5,0-0.9,0.4-0.9,0.9s0.4,0.9,0.9,0.9s0.9-0.4,0.9-0.9C29.3,18.5,28.9,18.2,28.4,18.2'/%3E%3Cpath class='st0' d='M31.7,18.2c-0.5,0-0.9,0.4-0.9,0.9s0.4,0.9,0.9,0.9s0.9-0.4,0.9-0.9C32.6,18.5,32.2,18.2,31.7,18.2'/%3E%3Cpath class='st0' d='M25,0.1C11.3,0.1,0.1,11.3,0.1,25S11.3,49.9,25,49.9S49.9,38.7,49.9,25S38.7,0.1,25,0.1 M30.7,38.3l-1,0.7 l-0.2,0.1c-0.5,0.3-1,0.4-1.6,0.5c-0.5,0.1-1,0.1-1.5,0.1c0,0-0.2,0-0.4-0.1c-1.3-0.3-6.2-1.6-11.1-8.7c-4.1-5.9-5.2-9.9-4-13.8 c0.1-0.5,0.3-0.9,0.6-1.4c0.3-0.5,0.7-0.9,1.1-1.3l0.1-0.1l1.1-0.7c0.4-0.3,0.8-0.3,1.3-0.3c0.4,0.1,0.8,0.3,1,0.6l3.1,4.4 c0.5,0.7,0.3,1.8-0.5,2.4l-2.4,1.6l0.2,0.6c0.4,1.3,1,3.2,2.5,5.2s2.9,3.3,4,4.2l0.5,0.4l2.4-1.6c0.4-0.3,0.8-0.3,1.3-0.3 c0.4,0.1,0.8,0.3,1,0.6l3.1,4.4C31.8,36.7,31.6,37.7,30.7,38.3 M32,25.8c-0.2,0-0.5,0-0.7,0l0,0h-4.1c-1.5-0.1-3,1.7-3,1.7 c1.5-2.3,0.8-4.1,0.4-4.9c-0.6-0.8-1-1.8-1-3c-0.2-3.7,3.2-6.9,7.7-7.1c4.4-0.3,8.3,2.5,8.5,6.1C39.8,22.3,36.4,25.5,32,25.8'/%3E%3C/g%3E%3C/svg%3E%0A"); } header .consult_call dt { color:#F66D11; font-size:1.55rem; line-height:1.3em; font-weight:700; letter-spacing:0;} header .consult_call dd {color:#666; font-size:.985rem; color:#888; padding-left:.25rem; } header .consult_call dd em { display:inline-block; vertical-align:middle; font-size:80%; margin-left:.2rem; letter-spacing:-.09em;} header .search-area {position:absolute; right:0; top:55px; background-color:#f1f1f1; border-radius:60px; width:260px; height:45px; padding:5px 0px 0px 25px; } header .search-area input[type="text"] {border:0; background:transparent; width:180px; display:inline-block; color:#555; } header .search-area button {background:transparent; border:0; width:35px;height:35px; display:inline-block; } header .search-area button i {font-family:'xeicon'; font-size:25px; color:#444; text-align:center; line-height:35px; } header .member-login {position:absolute; right:10px; top:68px; font-size:0; } header .member-login li {display:inline-block; vertical-align:middle; margin-left:20px; padding-left:20px; } header .member-login li:nth-child(1) {margin-left:0} header .member-login li a {display:inline-block; vertical-align:top;color:#555; font-size:14px; } header .member-login li a i {display:inline-block; vertical-align:top;margin-right:5px; margin-top:1px; font-family:'xeicon'; font-size:19px; } header .member-login li:before {content:'';display:inline-block; vertical-align:middle; } header .member-login li.out:before {content:"\e972";} header .member-login .img-ms { position:relative; vertical-align:middle; display:inline-block; margin-top:2px;margin-left:3px; width:17px;height:17px; background:url(/images/inc/img_ms.png) no-repeat center ; } header .member-login .count {position:absolute; right:-7px; top:-7px; z-index:5 } header .member-login .count a {display:block; width:15px; height:15px; line-height:15px; color:#fff; background-color:#f66d11; font-size:10px; font-weight:500; text-align:center; border-radius:30px;} /* header .member-logout {position:absolute; right:0px; top:68px; font-size:0; } header .member-logout li {display:inline-block; position:relative; vertical-align:middle; color:#555; font-size:14px; margin-left:20px; padding-left:20px; } header .member-logout li:before {content:''; position:absolute; left:0; top:4px; width:1px; height:14px; background:#ddd; } header .member-logout li:nth-child(1):before {display:none;} header .member-logout li:nth-child(1) {margin-left:0; padding-left:0; } header .member-logout li a {display:inline-block; vertical-align:middle; color:#555; font-size:14px; position:relative; } header .member-logout .img-ms { position:relative; vertical-align:middle; display:inline-block; margin-top:2px;margin-left:3px; width:17px;height:17px; background:url(/images/inc/img_ms.png) no-repeat center ; } header .member-logout .count {position:absolute; right:-7px; top:-7px; z-index:5 } header .member-logout .count a {display:block; width:15px; height:15px; line-height:15px; color:#fff; background-color:#f66d11; font-size:10px; font-weight:500; text-align:center; border-radius:30px;} header .member-logout li a i {display:inline-block; vertical-align:top;margin-right:3px; margin-top:1px; font-family: "Material Design Icons", "xeicon" ; font-size:19px; } header .btn-adm {position:absolute; left:0; top:0px;font-size:0 } header .btn-adm li {display:inline-block; vertical-align:top; margin-left:0px; text-align:center; } header .btn-adm li a {display:block; padding:0px 20px; height:35px; line-height:35px; font-size:14px; font-weight:500; color:#fff; } header .btn-adm li:nth-child(1) a { background-color:#326dd3} header .btn-adm li:nth-child(2) a { background-color:#75be25} header .btn-adm li:nth-child(3) a { background-color:#ed7d31} */ /* 언어선택 */ .goog-te-gadget-simple {display:none !important;} /* .goog-te-gadget-simple{margin:0 !important; border:0 !important; background-color:transparent !important;} .goog-te-gadget-icon {display:none; } .goog-te-menu-value span:first-child + span {display:none !important;} */ /*gnb */ header .gnb_wrap{ position:absolute; left:200px; top:3.8rem; width:auto; } header #gnb{z-index:29;position:relative; display:block; width:auto;margin:.65rem auto 0; font-size:0; } header #gnb:after{content: ''; display: block; clear: both;} header #gnb>li{position:relative;display:inline-block; vertical-align:top; width:auto;} header #gnb>li>a{display:block;line-height:36px; padding:0 1.5rem;font-size:1.063rem; font-weight:500; text-align:center; color:#222; transition:300ms ease-out 0ms; } header #gnb>li>a:hover, header #gnb>li>a:focus, header #gnb>li>a.on{color:var(--color-main);} header #gnb>li>div{ display:none; opacity:0;z-index:100; overflow:hidden; position:absolute; top:57px;left:50%;margin-left:-100px;width:200px;height:auto;background:rgba(0,0,0,0.6);} header #gnb>li>div:before{content:'';display:inline-block;position:absolute;top:0;left:0;width:100%;height:3px;background:var(--color-main);opacity: 0;transform:scale(1,1);-webkit-transform: scale(1,1);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;} header #gnb>li.open>div{ display:block; z-index:334;opacity:0;transform:translateY(10px); animation:come-in 0.3s ease forwards;} header #gnb>li.open>div:before{ opacity:1; transform:scale(1,1); -webkit-transform: scale(1,1); } header #gnb>li>div>ul{ position:relative; text-align:left; border:0px solid #f00;} header #gnb>li>div>ul>li{ display:block; width:100%; border-bottom:1px solid rgba(255,255,255,0.2); } header #gnb>li>div>ul>li:last-child{ margin-bottom:0;} header #gnb>li>div>ul>li>a{ display:block;padding:15px 17px;font-size:15px !important;letter-spacing:-.06em; color:#fff;white-space:nowrap; transition:300ms ease-out 0ms} header #gnb>li>div>ul>li>a:hover { background:var(--color-main); color:#fff; } header #gnb>li.all>a:before {content:"\e91c"; display:inline-block; font-size:1.75rem; color:#111; font-family:'xeicon'; } header #gnb>li>a.around {background-color:#222; font-size:.95rem; color:#fff; border-radius:5rem;} header #top_gnb{z-index:33333;position:absolute; left:0; top:.65rem;font-size:0; } header #top_gnb>li{position:relative;display:inline-block; vertical-align:middle;width:auto;padding:0 .6rem 0 1rem; background-color:#e6edfa; border-radius:.5rem;} header #top_gnb>li>a{display:block;line-height:30px; padding:0 30px 0 0;font-size:14px; font-weight:500; color:#222; transition:300ms ease-out 0ms; background-repeat:no-repeat; background-position:right ; background-size:auto 14px; background-image:url('/images/icon_select.png');} header #top_gnb>li.none {padding:0 1rem;} header #top_gnb>li.none>a { padding:0;background:none;} header #top_gnb>li>a:hover, header #top_gnb>li>a:focus, header #top_gnb>li>a.on{color:var(--color-main);} header #top_gnb>li>div{ display:none; opacity:0;z-index:333; overflow:hidden; position:absolute; top:30px;left:-1px; width:150px;height:auto;background:#333; border-radius:.5rem; overflow:hidden; box-shadow:3px 3px 10px rgba(0,0,0,0.1); animation:come-in 0.3s ease forwards;} header #top_gnb>li:hover>div{ display:block; z-index:334;opacity:1;transform:translateY(5px);} header #top_gnb>li>div>ul{ position:relative; text-align:left;} header #top_gnb>li>div>ul>li{ display:block; width:100%; } header #top_gnb>li>div>ul>li:last-child{ margin-bottom:0;border-bottom:0;} header #top_gnb>li>div>ul>li>a{ display:block;padding:10px 17px;font-size:.85rem !important;letter-spacing:-.06em; color:#fff;white-space:nowrap; transition:300ms ease-out 0ms} header #top_gnb>li>div>ul>li>a:hover { background:var(--color-main); color:#fff; } header #top_gnb>li>div>ul>li>a.bus {background-color:#fb7804; } header #top_gnb>li>div>ul>li>a.taxi {background-color:#63a702;} header #top_gnb>li.call { background-color:#fff; margin-left:1rem; font-size:1.085rem; color:#222; font-weight:700; padding:0; display:inline-flex;align-items: center; } header #top_gnb>li.call:before {content:''; width:30px; height:30px; background-repeat:no-repeat; background-position:left ; background-size:auto 60%; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 84.5 70' style='enable-background:new 0 0 84.5 70;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23111111;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M11.5,23.7l-3.1-1.5l8.8-18.5C18,2.2,19.9,1,21.6,1h41.9c1.8,0,3.6,1.2,4.4,2.8l8.5,18.5l-3.1,1.4L64.8,5.2 c-0.2-0.4-0.9-0.8-1.3-0.8H21.6c-0.4,0-1.1,0.4-1.3,0.8L11.5,23.7z'/%3E%3C/g%3E%3Cpath class='st0' d='M81.4,59H3.2c0,0-1.8-15.2-1.8-19.9c0-4.5,6.9-16.7,6.9-16.7h68c0,0,7.3,11.9,7.3,16.4 C83.7,43.5,81.4,59,81.4,59z'/%3E%3Cpath class='st1' d='M5.1,42c0,0-1.7-3.2-1.1-4.2c1.7-2.9,10.1-2.2,13.3-1.2c2.5,0.7,8.1,6.4,8.1,6.4L5.1,42z'/%3E%3Cpath class='st1' d='M80.4,42c0,0,1.7-3.2,1.1-4.2c-1.7-2.9-10.1-2.2-13.3-1.2C65.7,37.3,60,43,60,43L80.4,42z'/%3E%3Cg%3E%3Cpath class='st1' d='M58.8,40.3C58.8,40.3,58.8,40.3,58.8,40.3l-31-0.1c-0.6,0-1-0.5-1-1c0-0.6,0.4-1,1-1c0,0,0,0,0,0l31,0.1 c0.6,0,1,0.5,1,1C59.8,39.9,59.3,40.3,58.8,40.3z'/%3E%3C/g%3E%3Crect x='3.2' y='59' class='st0' width='12.6' height='10'/%3E%3Crect x='68.9' y='59' class='st0' width='12.6' height='10'/%3E%3Cpolygon class='st1' points='54.5,55.1 29.9,55.1 30,50.2 54.5,50.2 '/%3E%3Ccircle class='st1' cx='11.3' cy='53.3' r='3.1'/%3E%3Ccircle class='st1' cx='73.8' cy='53.3' r='3.1'/%3E%3Cpath class='st0' d='M83.6,20.3c-1.3-2.2-7-6.5-9.1-5c-1.5,1,0,7.1,0,7.1h9.1C83.6,22.4,83.9,20.7,83.6,20.3z'/%3E%3Cpath class='st0' d='M10.5,15.3c-2.1-1.5-7.8,2.8-9.1,5c-0.3,0.5,0,2.1,0,2.1h9.1C10.5,22.4,12,16.3,10.5,15.3z'/%3E%3C/g%3E%3C/svg%3E%0A"); } header #top_gnb>li.call em { margin-left:.3rem; font-size:80%; color:#888; font-weight:400;} header #top_gnb.right {position:relative; left:auto; top:auto; border:0; background-color:#fff;border:1px solid #e6e6e6; border-radius:.5rem;} header #top_gnb.right>li {border-left:1px solid #eee; background-color:transparent; border-radius:0;} header #top_gnb.right>li:first-child {border-left:0;} header #top_gnb.right>li>div {width:120px; } header #top_gnb.right>li>div>ul>li{ display:block; width:100%; border-bottom:1px solid rgba(255,255,255,0.1); } header #top_gnb.right>li>div>ul>li:last-child {border:0;} @keyframes come-in{ to{transform:translateY(0);opacity:1;} } @media screen and (max-width:1200px){ header h1.logo{z-index:30; position:absolute; left:.5rem;margin-left:0; } header #gnb {width:100%;} header .gnb_wrap{ left:170px; } header #gnb>li>a{ padding:0 1rem;font-size:1rem; } } /* 알림내역 */ .alert_list {display:flex; flex-direction: column; min-width:25rem;margin-top:0.5rem;font-family: "pretendard"; min-height:10rem;max-height:25rem; overflow: auto;} .alert_list li { display:flex; flex-direction: column; gap:0.3125rem; padding:1rem 0.125rem; border-bottom:1px solid #EDEEF0; } .alert_list li:last-of-type {border:0;} .alert_list li .row{display:flex; align-items: center; gap:0.25rem;margin:0; padding:0; } .alert_list li .title {font-size:1rem; font-weight:500; color:#333; } .alert_list li .date {font-size:0.875rem; font-weight:300; color:#b6b6b6; letter-spacing: 0; margin-left:0.25rem;} .alert_list li .new { width:1.125rem; height:1.125rem; border-radius:50%; background-color:#f00} .alert_list li .new:before {content:"N"; display:flex; align-items: flex-start; justify-content: center;color:#fff; font-size:0.6875rem; line-height:1.125rem; width:100%; height:100%; font-family: "pretendard";} /* ----------------- All Menu ----------------------- */ #all_menu{width:100%; display:none; background:#fff; position:absolute; top:0px; height:100%; width:100%; z-index:3333;} #all_menu .close a {position:absolute; width:100px; height:100px; top:20px; right:100px; text-align:center; z-index:9999} #all_menu .close a:after {content:"\e921"; display:inline-block; color:#333; font-size:40px; line-height:100px; } #all_menu .all-wrap{ position:relative; margin: 0 auto;width:1200px; } #all_menu .all-wrap .tit{ padding-top:70px;font-family:'GmarketSans';} #all_menu .all-wrap .tit h3{display:block; text-align:center;color:#332;font-weight:600; font-size:32px; line-height:32px;} #all_menu .all-wrap .sec{ font-size:0; padding-top:50px; } #all_menu .all-wrap .dl{ position:relative; display:inline-block; vertical-align:top; width:calc(20% - 20px); margin-left:25px; margin-bottom:60px; } #all_menu .all-wrap .dl.first {margin-left:0; clear:both;} #all_menu .all-wrap .dl dl{ } #all_menu .all-wrap .dl dt{display:block; text-align:center; color:#222;font-size:18px; font-weight:600; padding-bottom:15px; line-height:1.5em;border-bottom:1px solid #666; margin-bottom:20px; font-family: 'ScoreDream'; } #all_menu .all-wrap .dl dd{display:block;} #all_menu .all-wrap .dl dd ul{ } #all_menu .all-wrap .dl dd li { position:relative; display:block; width:100%; border-bottom:1px solid #eee; } #all_menu .all-wrap .dl dd li a {display:block; position:relative; color:#777; line-height:45px; height:45px;font-size:14px; font-weight:600; font-family: 'ScoreDream'; padding-left:15px; z-index:1;} #all_menu .all-wrap .dl dd li a:before {content:""; position:absolute; top:0px; left:0px; width:1px; height:45px; transition: all 0.2s ease-in; z-index:-1;} #all_menu .all-wrap .dl dd li a:hover:before {width:100%; background-color:var(--color-main); } #all_menu .all-wrap .dl dd li a:hover {color:#fff;} #all_menu .all-wrap .dl dd li a .bar { position:absolute;left:0; top:0; height:45px; width:0px; word-break:keep-all; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #all_menu .all-wrap .dl dd li a:hover .bar { background:var(--color-main); color:#fff; width:100%;opacity:1; } @media screen and (max-width:1200px){ #all_menu .all-wrap{ width:100%; } } /**************************************************************************************************/ /* Quick /************************************************************************************************ */ .quick { position:absolute; top:180px;left:50%; margin-left:650px; width:100px; border-radius:12px; background-color:#fff; border:1px solid rgba(0,0,0,0.1); box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.03); z-index:999} .quick.fixed {position:fixed;top:20px;} .main .quick {top:180px; } .main .quick.fixed {top:20px; } .quick ul { text-align:center; position:relative; } .quick ul li {display:block; border-top:1px solid #eee;margin:0; } .quick ul li:nth-child(1) {border-top:0;} .quick ul li a {display:block; padding:12px 0; font-size:13px; line-height:16px; color:#555; font-weight:600; } .quick ul li i {display:block; position:relative; font-size:28px; width:45px; line-height:33px; margin:0 auto; border:0px solid #f00; color:#333;font-weight:normal; font-family:"xeicon"; text-align:center; } .quick ul li label {display:block; position:relative; font-size:28px; width:45px; line-height:33px; margin:0 auto;} .quick ul li label:before {content:''; display:block;font-family:"Material Design Icons","xeicon"; font-size:28px; width:45px; line-height:26px; margin:0 auto; color:#333;font-weight:normal; } .quick ul li .label_car:before {content:"\F7AA"} .quick ul li .label_regist:before {content:"\FB4A";} .quick ul li .label_heart:before {content:"\ea11";} .quick ul li .label_apply:before {content:"\e9f7";} .quick ul li .label_inquiry:before {content:"\F366";} .quick ul li .label_insta {height:2rem; background-repeat:no-repeat; background-position:center center; background-size:auto 95%; background-image: url("/images/icon_insta2.png"); } .quick ul li .label_youtube {height:2rem; background-repeat:no-repeat; background-position:center center; background-size:auto 95%; background-image: url("/images/icon_youtube2.png"); } .quick ul li .label_blog {height:2rem; background-repeat:no-repeat; background-position:center center; background-size:auto 95%; background-image: url("/images/icon_blog2.png"); } .quick ul li .label_kakao {height:2rem; background-repeat:no-repeat; background-position:center center; background-size:auto 95%; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 47' style='enable-background:new 0 0 50 47;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23332323;%7D%0A%3C/style%3E%3Cpath class='st0' d='M25,1.3c13.6,0,24.7,8.7,24.7,19.5c0,10.8-11,19.5-24.7,19.5c-1.6,0-3.1-0.1-4.6-0.3c-2.7,1.9-9.1,6.2-9.5,6.4 c-0.5,0.4-1.4,0.4-1-1c0.3-1.1,1.6-6.1,2.1-8.1C5,34,0.3,27.8,0.3,20.8C0.3,10.1,11.4,1.3,25,1.3 M15.4,14.9H8.2 c-0.7,0-1.2,0.5-1.2,1.2c0,0.7,0.5,1.2,1.2,1.2h2.3V26c0,0.3,0.1,0.6,0.4,0.8c0.2,0.2,0.5,0.3,0.8,0.3H12c0.3,0,0.6-0.1,0.8-0.3 c0.2-0.2,0.4-0.5,0.4-0.8v-8.6h2.2c0.7,0,1.2-0.5,1.2-1.2C16.6,15.5,16.1,14.9,15.4,14.9 M32.8,24.9h-3.4v-8.8 c0-0.7-0.6-1.3-1.3-1.3c-0.7,0-1.3,0.6-1.3,1.3v9.5c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2c0,0.6,0.5,1.1,1.1,1.1h4.9 c0.6,0,1.1-0.5,1.1-1.1C33.9,25.4,33.4,24.9,32.8,24.9 M43.5,25.3l-3.7-4.9l3.4-3.4c0.5-0.5,0.5-1.2,0-1.7c-0.5-0.5-1.2-0.5-1.7,0 l-4.2,4.2v-3.5c0-0.7-0.6-1.3-1.3-1.3c-0.7,0-1.3,0.6-1.3,1.3v9.8c0,0.7,0.6,1.3,1.3,1.3c0.7,0,1.3-0.6,1.3-1.3v-3l0.8-0.8l3.5,4.6 c0.4,0.5,1.1,0.6,1.7,0.2C43.8,26.6,43.9,25.8,43.5,25.3 M25.7,25.6l-3.6-9.8c0,0,0,0,0,0c-0.2-0.6-0.9-1-1.7-1 c-0.9,0-1.6,0.5-1.7,1.2c0,0.1,0,0.1-0.1,0.2l-3.5,9.5c-0.2,0.6,0.1,1.3,0.7,1.5c0.6,0.2,1.3-0.1,1.5-0.7l0.6-1.7h4.9l0.6,1.7 c0.2,0.6,0.9,0.9,1.5,0.7C25.6,26.9,26,26.2,25.7,25.6 M18.7,22.4l1.7-4.7c0,0,0,0,0.1,0l1.7,4.7H18.7z'/%3E%3C/svg%3E%0A"); } .quick ul li .count {position:relative; display:inline-block; clear:both; width:auto; margin:0 auto 3px;padding:0 .5rem; text-align:center;height:18px; line-height:20px; font-size:11px; color:#fff; background-color:#f66d11; text-align:center; border-radius:30px; letter-spacing:0 } .quick ul li a.kakao {background-color:#fff000;padding-bottom:35px; border-radius:0 0 12px 12px; } .quick .skip_top {position:absolute; bottom:-25px;left:25px; } .quick .skip_top .skip_top_btn { width:50px; height:50px; border-radius:50%; background-color:#222;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); cursor:pointer; transition:0.4s; -webkit-transition:0.4s; text-align:center;} .quick .skip_top .skip_top_btn:before{ content:"\e945"; display:inline-block; margin-top:5px;font-family:'xeicon';font-size:18px; color:#fff;} .quick .skip_top .skip_top_btn span { display:block;text-align:center; padding-top:0px; margin:0;font-size:13px;line-height:13px; color:#fff; letter-spacing:0; } @media screen and (max-width:1500px){ .quick {margin-left:610px; } } @media screen and (max-width:1320px){ .quick {display:none;margin-left:620px; } .modal {display:none;} } /* Modal */ html.no-scroll, html.no-scroll body { overflow: hidden;} .modal { position:fixed; inset: 0; z-index: 1000; /* 1 */ top: 0; left: 0;right:0; bottom:0; visibility: hidden;} .modal.is-visible { visibility: visible;} /*.no-scroll { overflow: hidden;}*/ .modal-overlay, .modal-container { position:absolute; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: visibility 0s ease 0.3s, opacity 0.3s ease;} .modal-overlay { background: hsla(0, 0%, 0%, 0.3);} .modal.is-visible .modal-overlay, .modal.is-visible .modal-container { opacity: 1; visibility: visible; transition-delay: 0s; } .modal.is-visible .modal-container { overflow: auto; /* 1 */ -webkit-overflow-scrolling: touch; /* 1 */} /* .modal-wrapper.today { top: 180px;left:50%;transform: translate(0,0); margin-left:100px; width: 530px; padding:30px; height: auto; background-color: #fff; box-shadow: 0 0 0.5em hsla(0, 0%, 0%, 0.1); border-radius: 6px;} */ .modal-wrapper { position: absolute; z-index: 1000;top:50%; left:50%; transform: translate(-50%,-50%); min-width:20rem; padding:0; height: auto; background-color: #fff; box-shadow: 0 0 0.5em hsla(0, 0%, 0%, 0.1); border-radius: 0.875rem;max-width: calc(100% - 40px); max-height: calc(100% - 40px); overflow-y: auto;} /* 스크롤바 */ .modal ::-webkit-scrollbar { width: 3px;height:3px;} .modal ::-webkit-scrollbar-track { background-color: transparent; } .modal ::-webkit-scrollbar-thumb { background:#eee !important; border-radius:0; } /* @media screen and (max-width:1500px){ .modal-wrapper {margin-left:60px; } } */ /* Modal Transition */ .modal-transition { opacity: 0; transform: translate(-50%, calc(-50% - 20px)); transition: transform 0.3s ease-out, opacity 0.3s ease-out; } .modal.is-visible .modal-transition { opacity: 1; transform: translate(-50%, -50%); } .modal-dialog {position:relative; width:100%; height:100%;} .modal-header { position: relative; display:block; padding:1.5rem 1.5rem 1rem; } .modal-header.line:after {content:''; position:absolute; left:1.5rem; right:1.5rem;bottom:0; height:1px; background-color:#dedede;} .modal-heading { font-size:1.125rem; color:#111; } .modal-close { position: absolute; top:1.375rem; right:1.5rem; text-align:center; color: #555; background: none; border: 0 !important; z-index:10} .modal-close:after { content:""; display:inline-block;width:1.5rem; height:1.5rem; background-repeat: no-repeat; background-position: center ; background-size:auto 100%;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='%23333333'/%3E%3C/svg%3E%0A");} .modal-content { padding:1.5rem; } .modal-content .title-box {display:flex; flex-direction: column; gap:0.3125rem;} .modal-content .title-box .h4 {font-size:1.125rem; font-weight:bold; color:#222; } .modal-dialog:not(:has(.modal-header)) .modal-content{padding-top:3rem;} .modal-content .modal-carlist {display:block; margin-top:20px; padding-top:20px;width:480px; border-top:1px solid #dedede; font-size:0; } .modal-content .modal-carlist:nth-child(1) {padding-top:0; border-top:0; margin-top:0;} .modal-content .modal-carlist .img-wrap {display:inline-block; position:relative; vertical-align:top; width:30%; height:95px; background-repeat:no-repeat; background-position:center center; background-size:cover; } .modal-content .modal-carlist .img-wrap a {display:block; width:100%; height:100%; } .modal-content .modal-carlist .img-wrap .rank {position:absolute; left:0; top:0;z-index:55; width:25px; height:25px; line-height:25px; text-align:center; font-size:13px; background-color:var(--color-main); color:#fff; font-weight:500; } .modal-content .modal-carlist .img-wrap .rank.first {background-color:#f42941; } .modal-content .modal-carlist .cont {display:inline-block; vertical-align:top; margin-left:25px; width:calc(70% - 25px); } .modal-content .modal-carlist .cont h2 {font-size:18px; line-height:1.3em; font-weight:500; color:#333; margin-bottom:20px; } .modal-content .modal-carlist .cont h2 p {display:block; font-size:16px;} .modal-content .modal-carlist .cont .date {display:block; font-size:14px; color:#777; } .modal-content .modal-carlist .cont .date span { display:inline-block; vertical-align:top; width:1px; height:14px; background-color:#ccc; margin:3px 12px 0;} .modal-footer {padding: 0.5rem 1.5rem 2rem;} /* modal 검색저장 */ .modal_wrap { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999;overflow: hidden; .modal_box {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 460px; max-width: calc(100% - 40px); max-height: 600px; background: #fff; border-radius: 8px; overflow: hidden;} .modal_header { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; } .modal_header h3 {margin: 0;font-size: 1.125rem;font-weight:700; color:#111;} .modal_header .close {border: 0; background: none; cursor: pointer; font-size: 0; width:1.25rem; height:1.25rem; background-repeat:no-repeat; background-size:auto 100%; background-position:center ; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 190 190' style='enable-background:new 0 0 190 190;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000000;%7D%0A%3C/style%3E%3Cg%3E%3Crect x='-3.8' y='87.9' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -39.3503 95)' class='st0' width='197.5' height='14.1'/%3E%3Crect x='-3.8' y='87.9' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 95 229.3503)' class='st0' width='197.5' height='14.1'/%3E%3C/g%3E%3C/svg%3E%0A"); } .modal_body {padding:1.25rem;max-height: 480px; overflow-y: auto; background: #F0F4F9;} .saved_search_list {display:flex; flex-direction:column; gap:0.8125rem; width: 100%;} .saved_card {border-radius:0.75rem; padding: 1.25rem; background-color:#fff; box-shadow:0 0 0.375rem rgba(0,0,0,0.05);cursor:pointer; border:1px solid transparent; transition: all 0.2s ease-in; /* background: #F0F5FB; */ } .saved_card:hover {border-color:var(--color-main)} .card_top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;} /* .alias_area {display: flex; align-items: center; justify-content: space-between; gap: 8px; width:100%;} */ .alias_area {display: flex; align-items: center; gap: 8px; width:100%;} .saved_alias {display:block;flex: none;width:auto; height:auto; white-space:nowrap;font-size:1.0625rem; font-weight:600; color:#111;} .favorite { flex-shrink:0; border: 0; outline:0; background: none; cursor: pointer; font-size: 0; color: #aaa; width:1.25rem; height:1.25rem; background-repeat:no-repeat; background-position:center ; background-size:auto 100%; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 48' style='enable-background:new 0 0 50 48;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23DDDDDD;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,2.6l3.9,12.1c0.4,1.1,1.4,1.8,2.5,1.8h12.7c2.6,0,3.6,3.3,1.6,4.8l-10.3,7.5c-0.9,0.7-1.3,1.9-1,3 l3.9,12.1c0.8,2.4-2,4.5-4.1,3l-10.3-7.5c-0.9-0.7-2.2-0.7-3.1,0l-10.3,7.5c-2.1,1.5-4.9-0.5-4.1-3L13,31.7c0.4-1.1,0-2.3-1-3 L1.8,21.3c-2.1-1.5-1-4.8,1.6-4.8H16c1.1,0,2.2-0.7,2.5-1.8l3.9-12.1C23.3,0.2,26.7,0.2,27.5,2.6z'/%3E%3C/svg%3E%0A"); } .favorite:focus{border:0; } .favorite.active { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 48' style='enable-background:new 0 0 50 48;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFBF00;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,2.6l3.9,12.1c0.4,1.1,1.4,1.8,2.5,1.8h12.7c2.6,0,3.6,3.3,1.6,4.8l-10.3,7.5c-0.9,0.7-1.3,1.9-1,3 l3.9,12.1c0.8,2.4-2,4.5-4.1,3l-10.3-7.5c-0.9-0.7-2.2-0.7-3.1,0l-10.3,7.5c-2.1,1.5-4.9-0.5-4.1-3L13,31.7c0.4-1.1,0-2.3-1-3 L1.8,21.3c-2.1-1.5-1-4.8,1.6-4.8H16c1.1,0,2.2-0.7,2.5-1.8l3.9-12.1C23.3,0.2,26.7,0.2,27.5,2.6z'/%3E%3C/svg%3E%0A"); } .action_area button { border: 1px solid #ddd; background: #fff; padding: 4px 8px; cursor: pointer; font-size: 12px;} .condition_area {display:flex; flex-direction:column; gap:0.625rem; font-size: 0.9375rem; line-height:1.3em; color: #555; padding:0.5rem 0.25rem 0; border-radius:0.5rem;} .condition_area .row{position:relative; display:flex; align-items:center; justify-content:space-between; padding-left:0.625rem; } .condition_area .row:before {content:''; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; border-radius:1rem; background-color:#C2CEDE} .condition_area span {display:inline-flex; line-height:1.3em;} .condition_area span:first-of-type {width:80px;} .condition_area span + span {font-weight:600; color:#252525; width:calc(100% - 80px); text-align:right; justify-content:flex-end;} .card_bottom {display:flex; align-items:center; justify-content:space-between; margin-top:0.75rem; padding-top: 0.75rem; color: #999; border-top:1px solid #f6f6f6;} .card_bottom span {font-size: 0.8125rem; font-weight:300;} .card_bottom .btn_area {display:flex; align-items:center; gap:0.25rem; } .btn_delete {display:inline-flex; align-items:center; gap:0.125rem; height:1.625rem; font-size:0.8125rem; padding:0 0.5rem; background-color:#f8f8f8; border-radius:0.25rem; border:0 !important;} .btn_delete:before {content:''; width:1rem; height:1rem; background-repeat:no-repeat; background-position:center ; background-size:auto 100%; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 5H21V6.5H20V19.25C19.9987 19.9789 19.7085 20.6776 19.1931 21.1931C18.6776 21.7085 17.9789 21.9987 17.25 22H6.75C6.02106 21.9987 5.32236 21.7085 4.80692 21.1931C4.29148 20.6776 4.00132 19.9789 4 19.25V6.5H3V5H8V4.75C8.00132 4.02106 8.29148 3.32236 8.80692 2.80692C9.32236 2.29148 10.0211 2.00132 10.75 2H13.25C13.9789 2.00132 14.6776 2.29148 15.1931 2.80692C15.7085 3.32236 15.9987 4.02106 16 4.75V5ZM10.75 3.5C10.06 3.5 9.5 4.06 9.5 4.75V5H14.5V4.75C14.5 4.06 13.94 3.5 13.25 3.5H10.75ZM17.25 20.5C17.94 20.5 18.5 19.94 18.5 19.25V6.5H5.5V19.25C5.5 19.94 6.06 20.5 6.75 20.5H17.25ZM14.22 10.22L15.28 11.28L13.06 13.5L15.28 15.72L14.22 16.78L12 14.56L9.78 16.78L8.72 15.72L10.94 13.5L8.72 11.28L9.78 10.22L12 12.44L14.22 10.22Z' fill='%23111111'/%3E%3C/svg%3E%0A");} .empty_area {text-align: center; padding: 50px 0; color: #888;} .loading_area {position:fixed; left:0; top:0; right:0; bottom:0; text-align: center; color: #888; background-color:rgba(255,255,255,0.5); background-repeat:no-repeat; background-position:center ; background-image:url("../images/loading_dual_ball.svg"); background-size:auto 3rem; } } /* end modal_wrap */ /**************************************************************************************************/ /* Footer /************************************************************************************************ */ footer {width:100%; display:block; clear:both; margin-top:50px; padding:2.5rem 0 3.5rem; background-color:#f9f9f9; border-top:1px solid #f3f3f3;} footer .f_logo {display:inline-block;width:180px; height:2.5rem; background:url('/images/inc/logo.svg') no-repeat left ; background-size:auto 100%;} footer .link-wrap {display:block; width:100%;margin-top:1rem; } footer .link-wrap .f-link {display:inline-block; vertical-align:top; } footer .link-wrap .f-link li {position:relative; display:inline-block; vertical-align:middle; margin-left:12px; padding-left:12px;} footer .link-wrap .f-link li:before { content:''; position:absolute; left:0; top:3px; width:1px; height:15px; background-color:#d4d4d4;} footer .link-wrap .f-link li:first-child { padding-left:0; margin-left:0; } footer .link-wrap .f-link li:first-child:before {display:none;} footer .link-wrap .f-link li a {display:block; color:#666; font-size:14px; font-weight:500;} footer .link-wrap .f-link li a.use {color:#000} footer .site {position:absolute; right:0; top:15px;} footer select{ width:180px; border:0; border-radius:0; color: #333;font-size: 15px; padding-left:10px; letter-spacing:-.04em; background-color:transparent; outline:0} footer select option {background:transparent; } footer select:focus {border:0; background-color:transparent;} footer address { display:block; margin:.5rem 0; font-size:14px; line-height:1.5em;color:#666; font-weight:400; } footer address span {display:inline-block; vertical-align:middle; padding:0 12px;} footer p {display:block; font-size:14px;letter-spacing:0} footer .note {display:block; font-size:.85rem; margin-top:1.25rem; color:#0070f0; } footer .btn-adm {position:absolute; right:0; top:0px;font-size:0 } footer .btn-adm li {display:inline-block; vertical-align:top; margin-left:5px; text-align:center; } footer .btn-adm li a {display:block; border-radius:30px; padding:0px 20px; height:35px; line-height:35px; font-size:14px; font-weight:500; color:#fff; } footer .btn-adm li:nth-child(1) a { background-color:#1d50aa} footer .btn-adm li:nth-child(2) a { background-color:#53a000} .cs footer {margin-top:0;} footer .qrcode {position:absolute; right:0; top:.9rem; display:flex;align-items: center; gap:.65rem;} footer .qrcode figure {width:4rem;height:4rem; background:url('/images/qrcode.png') no-repeat center ; background-size:cover; } footer .qrcode dl dt{font-size:1.2rem; line-height:1; color:#111; font-weight:700; } footer .qrcode dl dd {font-size:.85rem; line-height:1.3; font-weight:500; color:#000; margin-top:.35rem; opacity:.4;} footer .footerSite {position:absolute;top:10px; right:0} footer .footerSite:after {display:block; content:""; clear:both} footer .footerSite > div {position:relative; float:left} footer .footerSite > div + div {margin-left:10px} footer .footerSite > div > a {display:block; padding:0 35px 0 19px; border:1px solid transparent; width:210px; line-height:40px; font-size:15px; color:#666; background:url("/images/inc/bg-arrow.png") no-repeat; background-size:10px auto; -moz-background-size:10px auto;-webkit-background-size:10px auto;-o-background-size:10px auto;background-position: 180px center;} footer .footerSite > div > a:after {content:''; position:absolute; right:5px; top:5px; width:20px; height:20px; } footer .footerSite > div > a.on {background-image:url("/images/inc/bg-arrow-on.png")} footer .footerSite > div ul {display:none; position:absolute; bottom:53px; left:0; border:1px solid #dedede; border-bottom:0;width:100%; background:#fff;z-index:999} footer .footerSite > div ul li a {padding:0 20px; line-height:40px; font-size:15px; color:#666} /* skip_top */ footer .skip_top {position:fixed;bottom:30px; right:1%; z-index:50; transition:300ms ease-out 0ms;} footer .skip_top .skip_top_btn {width:60px; height:60px; line-height:16px; padding-top:12px;background:#1a99ee; color:#fff; cursor:pointer; transition:0.4s; -webkit-transition:0.4s; text-align:center;} footer .skip_top .skip_top_btn:before{ content:"\e945"; display:inline-block; font-family:'xeicon';font-size:20px; color:#fff;} footer .skip_top .skip_top_btn span { display:block;text-align:center; padding-top:0px; font-size:14px; letter-spacing:0} @media screen and (max-width:1200px){ footer address { width:70%;} footer address br {display:none;} } /* 앱다운로드 */ .alertAppdown { position:fixed; left:0; bottom:0; padding:130px 25px 200px; width:100%; background-color:rgba(0,0,0,0.9); text-align:center; border-radius:25px 25px 0 0; box-shadow:5px 5px 10px rgba(0,0,0,0.2) ; z-index:9999} .alertAppdown h2 {display:block; font-size:50px; font-weight:600; color:#fff;} .alertAppdown p {display:block; font-size:35px; color:rgba(255,255,255,0.6); line-height:1.5em; padding:20px 60px; word-break:keep-all; } .alertAppdown .btn-ok {display:inline-block; clear:both; margin-top:20px; height:130px; line-height:130px; padding:0 150px; color:#fff; background-color:#0dacff; font-size:45px; font-weight:bold; border-radius:150px; } .alertAppdown .btn-no {display:block; text-align:center; margin-top:30px; color:#fff; font-size:40px; }