@charset "UTF-8";

:root{
--height-header-main:4rem;
--width-logo:13rem;
}

html{overflow-x: hidden; scroll-behavior: smooth;}
body{overflow-x: hidden;}

div.wrap.main{background: #f8fafc; min-height: 100vh; display: flex; flex-direction: column;}
div.wrap.main div.main-sect-wrap{flex: 1;}

/* header */
header.header{width:100%; height: var(--height-header-main); background:#fff; border-bottom: 1px solid #ddd;}
header.header div.w1280{height: 100%; display: flex; justify-content: space-between; align-items: center;}
header.header div.w1280 a.logo{width: var(--width-logo); height: auto;}
header.header div.w1280 a.logo img{display: block; width: 100%; height: 100%;}
header.header div.w1280 a.logo h1{font-size: 1.5rem; font-family: 'Pretendard-SemiBold', sans-serif;}
header.header div.w1280 ul.gnb{display: flex; align-items: center; gap: 1rem;}
header.header div.w1280 ul.gnb > li{font-size: 1.125rem; font-family: 'Pretendard-Bold', sans-serif;}
header.header div.w1280 ul.gnb > li a{padding: 0 1.25rem; height: 100%; line-height:var(--height-header-main); position: relative;}
header.header div.w1280 ul.gnb > li a::after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: var(--color-main01); transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; --webkit-transition:transform 0.3s ease;}
@media(hover:hover){
	header.header div.w1280 ul.gnb > li:hover a{color: var(--color-main01);}
    header.header div.w1280 ul.gnb > li:hover a::after{transform: scaleX(1);}
}

/* main-section 공통 */
section[class*="main"]{margin-bottom: 1.5rem;}
section[class*="main"]:last-of-type{margin-bottom: 0;}

/* main-visual */
section.main-visual{width: 100%; height: 20rem; padding-bottom: 5rem; background: url(../img/main_banner_260617.jpg) top center / cover no-repeat; position: relative;}
section.main-visual div.inner{text-align: center; color: #fff; position: relative; z-index: 2; top: 3rem;}
section.main-visual div.inner span.lab-txt{backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); /* Safari */ display: inline-block; padding: 0.25rem 1.25rem; background: rgba(255,255,255,.1); color: #fff; border-radius: 50px; border: 1px solid rgba(255,255,255,.4); font-family: 'Pretendard-Bold', sans-serif; font-size: 0.9rem;}
section.main-visual div.inner h2.main-txt{font-size: 2.25rem; font-family: 'Pretendard-ExtraBold', sans-serif; margin: 0.8rem 0 1.25rem 0; word-break: keep-all;}
section.main-visual div.inner p{font-size: 1.125rem; line-height: 1.5; word-break: keep-all;}

/* main-quick-btn */
section.main-quick-btn{position: relative; margin-top: -7rem; z-index: 9;}
section.main-quick-btn div.w1280{display: grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap: 1.25rem;}
section.main-quick-btn div.w1280 div.q-box{position: relative; overflow: hidden; background: #fff; border: 1px solid #fff; border-radius: 1rem; padding: 1.5rem; box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); transition: 0.3s; --webkit-transition:0.3s;}
section.main-quick-btn div.w1280 div.q-box div.top-border{width: 100%; height: 4px; position: absolute; top: 0 ; left: 0; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; --webkit-transition:transform 0.3s ease;}
section.main-quick-btn div.w1280 div.q-box:nth-child(odd) div.top-border{background: var(--color-main01);}
section.main-quick-btn div.w1280 div.q-box:nth-child(even) div.top-border{background: var(--color-main02);}
section.main-quick-btn div.w1280 div.q-box div.box-tit{display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem;}
section.main-quick-btn div.w1280 div.q-box div.box-tit div.ico{width: 3rem; height: 3rem; background: #f1f5f9; border-radius: 0.5rem; position: relative; transition: 0.3s; --webkit-transition:0.3s;}
section.main-quick-btn div.w1280 div.q-box div.box-tit div.ico::after{content: ''; position: absolute; width: 1.5rem; height: 1.5rem; top: 50%; left: 50%; transform: translate(-50%, -50%);}
section.main-quick-btn div.w1280 div.q-box:nth-child(odd) div.box-tit div.ico::after{background-color: var(--color-main01);}
section.main-quick-btn div.w1280 div.q-box:nth-child(even) div.box-tit div.ico::after{background-color: var(--color-main02);}
section.main-quick-btn div.w1280 div.q-box.box01 div.box-tit div.ico::after{width: 1.8rem; height: 1.8rem; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Cpath d='m423.49 124.55a47.7 47.7 0 0 0 -14.06-34 48.08 48.08 0 0 0 -67.92 0l-147.81 147.86a12.06 12.06 0 0 0 -2.85 4.56l-28.25 80.61a12 12 0 0 0 15.54 15.21l79.27-29.73a12 12 0 0 0 4.21-2.73l147.81-147.82a47.71 47.71 0 0 0 14.06-33.96zm-31 17-146 146-52.76 19.75 18.88-53.85 145.87-145.88a24 24 0 0 1 34 34z'/%3E%3Cpath d='m88.51 423.44h279a12 12 0 0 0 12-12v-139.5a12 12 0 0 0 -24 0v127.5h-255v-255h127.49a12 12 0 1 0 0-24h-139.49a12 12 0 0 0 -12 12v279a12 12 0 0 0 12 12z'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Cpath d='m423.49 124.55a47.7 47.7 0 0 0 -14.06-34 48.08 48.08 0 0 0 -67.92 0l-147.81 147.86a12.06 12.06 0 0 0 -2.85 4.56l-28.25 80.61a12 12 0 0 0 15.54 15.21l79.27-29.73a12 12 0 0 0 4.21-2.73l147.81-147.82a47.71 47.71 0 0 0 14.06-33.96zm-31 17-146 146-52.76 19.75 18.88-53.85 145.87-145.88a24 24 0 0 1 34 34z'/%3E%3Cpath d='m88.51 423.44h279a12 12 0 0 0 12-12v-139.5a12 12 0 0 0 -24 0v127.5h-255v-255h127.49a12 12 0 1 0 0-24h-139.49a12 12 0 0 0 -12 12v279a12 12 0 0 0 12 12z'/%3E%3C/svg%3E") no-repeat center / contain;}
section.main-quick-btn div.w1280 div.q-box.box02 div.box-tit div.ico::after{-webkit-mask: url("../img/icon_app_check.svg") no-repeat center / contain;  mask: url('../img/icon_app_check.svg') no-repeat center / contain;}
section.main-quick-btn div.w1280 div.q-box.box03 div.box-tit div.ico::after{-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -57 512 512'%3E%3Cpath d='m506.039062 180.492188c-7.773437-12.554688-21.523437-20.046876-36.78125-20.046876h-38.085937v-69.863281c0-16.863281-14.226563-30.578125-31.710937-30.578125h-186.441407c-.273437 0-.457031-.078125-.53125-.125l-33.367187-46.667968c-5.917969-8.273438-15.675782-13.210938-26.105469-13.210938h-121.304687c-17.488282 0-31.710938 13.71875-31.710938 30.578125v335.148437c0 17.257813 14.570312 31.300782 32.484375 31.300782h377.363281c5.878906 0 10.957032-3.394532 13.414063-8.320313l.011719.003907 84.5625-169.839844c6.132812-12.308594 5.457031-26.65625-1.796876-38.378906zm-474.328124-150.492188h121.304687c.898437 0 1.507813.394531 1.699219.664062l33.417968 46.734376c5.640626 7.890624 14.945313 12.605468 24.886719 12.605468h186.441407c1.046874 0 1.578124.492188 1.710937.667969v69.773437h-271.472656c-16.835938 0-32.148438 9.488282-39.011719 24.175782l-60.6875 129.871094v-283.824219c.132812-.175781.664062-.667969 1.710938-.667969zm449.269531 175.5-80.421875 161.523438h-361.992188l79.300782-169.699219c1.921874-4.113281 6.679687-6.878907 11.832031-6.878907h339.558593c4.792969 0 9.007813 2.183594 11.273438 5.839844 1.273438 2.058594 2.382812 5.328125.449219 9.214844zm0 0'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -57 512 512'%3E%3Cpath d='m506.039062 180.492188c-7.773437-12.554688-21.523437-20.046876-36.78125-20.046876h-38.085937v-69.863281c0-16.863281-14.226563-30.578125-31.710937-30.578125h-186.441407c-.273437 0-.457031-.078125-.53125-.125l-33.367187-46.667968c-5.917969-8.273438-15.675782-13.210938-26.105469-13.210938h-121.304687c-17.488282 0-31.710938 13.71875-31.710938 30.578125v335.148437c0 17.257813 14.570312 31.300782 32.484375 31.300782h377.363281c5.878906 0 10.957032-3.394532 13.414063-8.320313l.011719.003907 84.5625-169.839844c6.132812-12.308594 5.457031-26.65625-1.796876-38.378906zm-474.328124-150.492188h121.304687c.898437 0 1.507813.394531 1.699219.664062l33.417968 46.734376c5.640626 7.890624 14.945313 12.605468 24.886719 12.605468h186.441407c1.046874 0 1.578124.492188 1.710937.667969v69.773437h-271.472656c-16.835938 0-32.148438 9.488282-39.011719 24.175782l-60.6875 129.871094v-283.824219c.132812-.175781.664062-.667969 1.710938-.667969zm449.269531 175.5-80.421875 161.523438h-361.992188l79.300782-169.699219c1.921874-4.113281 6.679687-6.878907 11.832031-6.878907h339.558593c4.792969 0 9.007813 2.183594 11.273438 5.839844 1.273438 2.058594 2.382812 5.328125.449219 9.214844zm0 0'/%3E%3C/svg%3E") no-repeat center / contain;}
section.main-quick-btn div.w1280 div.q-box.box04 div.box-tit div.ico::after{-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m26.247 1.1h-20.494c-1.953 0-3.542 1.589-3.542 3.542v23.417c0 .315.166.608.436.771l3.221 1.942c.142.085.303.128.464.128s.322-.043.465-.129l2.756-1.661 2.753 1.661c.285.173.645.173.93 0l2.756-1.662 2.756 1.662c.287.173.643.172.93 0l2.758-1.662 2.763 1.662c.284.171.642.173.928 0l3.228-1.942c.271-.163.437-.455.437-.771v-23.416c-.003-1.953-1.592-3.542-3.545-3.542zm1.741 26.449-2.327 1.4-2.763-1.663c-.143-.086-.303-.129-.464-.129s-.321.043-.465.129l-2.758 1.662-2.756-1.662c-.285-.173-.645-.173-.93 0l-2.756 1.661-2.753-1.661c-.285-.173-.645-.173-.93 0l-2.756 1.662-2.32-1.399v-22.907c0-.96.781-1.742 1.741-1.742h20.494c.96 0 1.741.781 1.741 1.742v22.907z'/%3E%3Cpath d='m23.521 8.705h-15.042c-.497 0-.9.403-.9.9s.403.9.9.9h15.041c.497 0 .9-.403.9-.9s-.402-.9-.899-.9z'/%3E%3Cpath d='m23.521 14.129h-15.042c-.497 0-.9.403-.9.9s.403.9.9.9h15.041c.497 0 .9-.403.9-.9s-.402-.9-.899-.9z'/%3E%3Cpath d='m15.249 19.553h-6.77c-.497 0-.9.403-.9.9s.403.9.9.9h6.77c.497 0 .9-.403.9-.9s-.403-.9-.9-.9z'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m26.247 1.1h-20.494c-1.953 0-3.542 1.589-3.542 3.542v23.417c0 .315.166.608.436.771l3.221 1.942c.142.085.303.128.464.128s.322-.043.465-.129l2.756-1.661 2.753 1.661c.285.173.645.173.93 0l2.756-1.662 2.756 1.662c.287.173.643.172.93 0l2.758-1.662 2.763 1.662c.284.171.642.173.928 0l3.228-1.942c.271-.163.437-.455.437-.771v-23.416c-.003-1.953-1.592-3.542-3.545-3.542zm1.741 26.449-2.327 1.4-2.763-1.663c-.143-.086-.303-.129-.464-.129s-.321.043-.465.129l-2.758 1.662-2.756-1.662c-.285-.173-.645-.173-.93 0l-2.756 1.661-2.753-1.661c-.285-.173-.645-.173-.93 0l-2.756 1.662-2.32-1.399v-22.907c0-.96.781-1.742 1.741-1.742h20.494c.96 0 1.741.781 1.741 1.742v22.907z'/%3E%3Cpath d='m23.521 8.705h-15.042c-.497 0-.9.403-.9.9s.403.9.9.9h15.041c.497 0 .9-.403.9-.9s-.402-.9-.899-.9z'/%3E%3Cpath d='m23.521 14.129h-15.042c-.497 0-.9.403-.9.9s.403.9.9.9h15.041c.497 0 .9-.403.9-.9s-.402-.9-.899-.9z'/%3E%3Cpath d='m15.249 19.553h-6.77c-.497 0-.9.403-.9.9s.403.9.9.9h6.77c.497 0 .9-.403.9-.9s-.403-.9-.9-.9z'/%3E%3C/svg%3E") no-repeat center / contain;}
section.main-quick-btn div.w1280 div.q-box div.box-tit p.box-tit{font-size: 1.125rem; font-family: 'Pretendard-Bold', sans-serif; word-break: keep-all;}
section.main-quick-btn div.w1280 div.q-box p.guide-text{min-height: 4rem; font-size: 0.9rem; line-height: 1.5; color: var(--color-gray700); margin-bottom: 1.25rem; word-break: keep-all;}
section.main-quick-btn div.w1280 div.q-box a.q-btn{width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0.8rem 1.25rem; background: #f8fafc; border-radius: 0.5rem; font-family: 'Pretendard-Bold', sans-serif; transition: 0.3s; --webkit-transition:0.3s;}
section.main-quick-btn div.w1280 div.q-box a.q-btn span.arrow-ico{display: inline-block; width: 1.125rem; height: 1.125rem;}
section.main-quick-btn div.w1280 div.q-box a.q-btn span.arrow-ico svg{width: 100%; height: 100%; object-fit: contain;}
@media(hover:hover){
    section.main-quick-btn div.w1280 div.q-box:hover{transform: translateY(-6px); box-shadow: 0 15px 20px -5px rgba(0, 0, 0, 0.1), 0 8px 8px -5px rgba(0, 0, 0, 0.04);}
    section.main-quick-btn div.w1280 div.q-box:hover div.top-border{transform: scaleX(1);}
    section.main-quick-btn div.w1280 div.q-box.box01:hover div.box-tit div.ico{}
    section.main-quick-btn div.w1280 div.q-box:nth-child(odd):hover div.box-tit div.ico{background: var(--color-main01);}
    section.main-quick-btn div.w1280 div.q-box:nth-child(even):hover div.box-tit div.ico{background: var(--color-main02);}
    section.main-quick-btn div.w1280 div.q-box:nth-child(odd):hover a.q-btn{background: var(--color-main01); color: #fff;}
    section.main-quick-btn div.w1280 div.q-box:nth-child(even):hover a.q-btn{background: var(--color-main02); color: #fff;}
    section.main-quick-btn div.w1280 div.q-box:hover div.box-tit div.ico::after{background-color: #fff;}
    section.main-quick-btn div.w1280 div.q-box:hover a.q-btn span.arrow-ico svg{color: #fff;}
}

/* main-board 공통 */
section.main-board{padding-bottom: 1.5rem;}
section.main-board div.w1280{display: grid; gap: 1.25rem; grid-template-columns:repeat(2, minmax(0, 1fr));}
section.main-board div.w1280 > div{padding: 1.5rem; border-radius: 1rem;}
section.main-board div.w1280 div.top p.tit{position: relative; padding-left: 1.8rem; font-size: 1.125rem; font-family: 'Pretendard-Bold', sans-serif; margin-bottom: 1.25rem;}
/* 공지사항 */
section.main-board div.w1280 div.noti{background: #fff; box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); }
section.main-board div.w1280 div.noti div.top{display: flex; justify-content: space-between;}
section.main-board div.w1280 div.noti div.top p.tit{}
section.main-board div.w1280 div.noti div.top p.tit::before{content: ""; position: absolute; width: 1.25rem; height: 1.25rem; background-color: var(--color-main02); -webkit-mask: url('../img/icon_notice.svg') center/100% no-repeat; mask: url('../img/icon_notice.svg') center/100% no-repeat; left: 0; top: 50%; transform: translateY(-50%);}
section.main-board div.w1280 div.noti div.top a.more-btn{font-size: 1rem; color: var(--color-gray600); font-family: 'Pretendard-Medium', sans-serif; padding-right: 1.25rem; position: relative;} 
section.main-board div.w1280 div.noti div.top a.more-btn span.more-ico{width: 0.8rem; height: 0.8rem; display: inline-block; position: absolute; right: 0; top: 0; transition: 0.3s; --webkit-transition:0.3s;}
section.main-board div.w1280 div.noti div.top a.more-btn span.more-ico svg{width: 100%; height: 100%; object-fit: contain; color: var(--color-gray600); transition: .3s;}
section.main-board div.w1280 div.noti ul > li{border-bottom: 1px solid var(--color-gray300);}
section.main-board div.w1280 div.noti ul > li a{padding: 0.8rem 0; display: flex; justify-content: space-between; align-items: center;}
section.main-board div.w1280 div.noti ul > li a div.noti-tit{font-family: 'Pretendard-Medium', sans-serif; max-width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
section.main-board div.w1280 div.noti ul > li a div.noti-tit span.noti-label{font-family: 'Pretendard-Bold', sans-serif; display: inline-block; margin-right: 0.5rem; padding: 0.25rem; background: var(--color-main01); color: #fff; font-size: 0.8rem; border-radius: 2px;}
section.main-board div.w1280 div.noti ul > li a span.date{font-size: 0.8rem; font-family: 'Pretendard-SemiBold', sans-serif; color: var(--color-gray600);}
@media(hover:hover){
    section.main-board div.w1280 div.noti div.top a.more-btn:hover{color: var(--color-main02);}
    section.main-board div.w1280 div.noti div.top a.more-btn:hover span.more-ico svg{color: var(--color-main02); transform: rotate(180deg);}
    section.main-board div.w1280 div.noti ul > li a div.noti-tit:hover{color: var(--color-main01);}
}
/* 입학상담 */
section.main-board div.w1280 div.contact-info{background: linear-gradient(40deg,rgba(82, 44, 129, .9) 15%, rgba(0, 164, 151, 1) 100%); position: relative;}
section.main-board div.w1280 div.contact-info::after{content: ''; display: block; position: absolute; right: -1rem; bottom: -1rem; width: 8rem; height: 8rem; background: url('../img/icon_operator.svg')center/100% no-repeat; opacity: .2;}
section.main-board div.w1280 div.contact-info div.top p.tit{color: #fff;}
section.main-board div.w1280 div.contact-info div.top p.tit::before{content: ""; position: absolute; width: 1.25rem; height: 1.25rem; background-color: #fff; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 474 474'%3E%3Cpath d='M236.99 0C106.116 0 0 106.116 0 236.99C0 367.864 106.116 474 236.99 474C367.864 474 474 367.864 474 236.99C474 106.116 367.864 0 236.99 0ZM286.326 367.302C274.127 372.118 264.417 375.769 257.134 378.297C249.871 380.825 241.424 382.089 231.814 382.089C217.047 382.089 205.55 378.478 197.365 371.275C189.179 364.072 185.106 354.943 185.106 343.848C185.106 339.534 185.407 335.121 186.009 330.626C186.631 326.132 187.614 321.076 188.958 315.398L204.226 261.467C205.571 256.291 206.734 251.375 207.657 246.801C208.58 242.186 209.021 237.953 209.021 234.101C209.021 227.239 207.597 222.424 204.768 219.715C201.899 217.007 196.502 215.683 188.456 215.683C184.524 215.683 180.471 216.264 176.318 217.488C172.205 218.752 168.634 219.896 165.704 221.019L169.737 204.407C179.729 200.334 189.299 196.843 198.428 193.954C207.557 191.025 216.184 189.58 224.31 189.58C238.976 189.58 250.292 193.151 258.257 200.214C266.182 207.296 270.175 216.505 270.175 227.821C270.175 230.168 269.894 234.301 269.352 240.2C268.811 246.119 267.787 251.516 266.303 256.472L251.115 310.242C249.871 314.555 248.767 319.491 247.764 325.008C246.781 330.526 246.299 334.739 246.299 337.568C246.299 344.711 247.884 349.586 251.095 352.174C254.265 354.763 259.822 356.067 267.687 356.067C271.399 356.067 275.552 355.405 280.247 354.121C284.902 352.837 288.272 351.693 290.399 350.71L286.326 367.302ZM283.638 149.052C276.555 155.633 268.028 158.923 258.057 158.923C248.105 158.923 239.518 155.633 232.375 149.052C225.273 142.471 221.682 134.466 221.682 125.116C221.682 115.786 225.293 107.761 232.375 101.12C239.518 94.4589 248.105 91.1484 258.057 91.1484C268.028 91.1484 276.575 94.4589 283.638 101.12C290.72 107.761 294.271 115.786 294.271 125.116C294.271 134.486 290.72 142.471 283.638 149.052Z'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 474 474'%3E%3Cpath d='M236.99 0C106.116 0 0 106.116 0 236.99C0 367.864 106.116 474 236.99 474C367.864 474 474 367.864 474 236.99C474 106.116 367.864 0 236.99 0ZM286.326 367.302C274.127 372.118 264.417 375.769 257.134 378.297C249.871 380.825 241.424 382.089 231.814 382.089C217.047 382.089 205.55 378.478 197.365 371.275C189.179 364.072 185.106 354.943 185.106 343.848C185.106 339.534 185.407 335.121 186.009 330.626C186.631 326.132 187.614 321.076 188.958 315.398L204.226 261.467C205.571 256.291 206.734 251.375 207.657 246.801C208.58 242.186 209.021 237.953 209.021 234.101C209.021 227.239 207.597 222.424 204.768 219.715C201.899 217.007 196.502 215.683 188.456 215.683C184.524 215.683 180.471 216.264 176.318 217.488C172.205 218.752 168.634 219.896 165.704 221.019L169.737 204.407C179.729 200.334 189.299 196.843 198.428 193.954C207.557 191.025 216.184 189.58 224.31 189.58C238.976 189.58 250.292 193.151 258.257 200.214C266.182 207.296 270.175 216.505 270.175 227.821C270.175 230.168 269.894 234.301 269.352 240.2C268.811 246.119 267.787 251.516 266.303 256.472L251.115 310.242C249.871 314.555 248.767 319.491 247.764 325.008C246.781 330.526 246.299 334.739 246.299 337.568C246.299 344.711 247.884 349.586 251.095 352.174C254.265 354.763 259.822 356.067 267.687 356.067C271.399 356.067 275.552 355.405 280.247 354.121C284.902 352.837 288.272 351.693 290.399 350.71L286.326 367.302ZM283.638 149.052C276.555 155.633 268.028 158.923 258.057 158.923C248.105 158.923 239.518 155.633 232.375 149.052C225.273 142.471 221.682 134.466 221.682 125.116C221.682 115.786 225.293 107.761 232.375 101.12C239.518 94.4589 248.105 91.1484 258.057 91.1484C268.028 91.1484 276.575 94.4589 283.638 101.12C290.72 107.761 294.271 115.786 294.271 125.116C294.271 134.486 290.72 142.471 283.638 149.052Z'/%3E%3C/svg%3E") no-repeat center / contain; left: 0; top: 50%; transform: translateY(-50%);}
section.main-board div.w1280 div.contact-info div.info-con div.i-con{display: flex; align-items: center; margin-bottom: 1rem;}
section.main-board div.w1280 div.contact-info div.info-con div.i-con div.cir{width: 2.5rem; height: 2.5rem; margin-right: 1rem; border-radius: 50%; }
section.main-board div.w1280 div.contact-info div.info-con div.i-con.email div.cir{background: rgba(255, 255, 255, 0.2) url('../img/icon_mail.svg') center/50% no-repeat;}
section.main-board div.w1280 div.contact-info div.info-con div.i-con.tel div.cir{background: rgba(255, 255, 255, 0.2) url('../img/icon_phone.svg') center/50% no-repeat;}
section.main-board div.w1280 div.contact-info div.info-con div.i-con.time div.cir{background: rgba(255, 255, 255, 0.2) url('../img/icon_clock.svg') center/50% no-repeat;}
section.main-board div.w1280 div.contact-info div.info-con div.i-con div.right-con{color: #fff;}
section.main-board div.w1280 div.contact-info div.info-con div.i-con div.right-con span.sm-txt{opacity: .7; font-size: 0.85rem; font-family: 'Pretendard-Medium', sans-serif;}
section.main-board div.w1280 div.contact-info div.info-con div.i-con div.right-con p{font-size: 1.125rem; margin-top: 0.25rem; font-family: 'Pretendard-SemiBold', sans-serif;}

/* footer */
footer.footer{background: #fff; border-top: 1px solid var(--color-gray300);}
footer.footer div.w1280{display: flex; justify-content: space-between; align-items: start; padding: 1.25rem 0;}
footer.footer div.w1280 div.left div.footer-logo{width: var(--width-logo); height: auto; margin-bottom:1.5rem; opacity:.5;}
footer.footer div.w1280 div.left div.footer-logo img{display: block; width: 100%; height: 100%;}
footer.footer div.w1280 div.left p.addr{font-size: 0.9rem; margin-bottom: 0.5rem; color: var(--color-gray700); font-family: 'Pretendard-Medium', sans-serif;}
footer.footer div.w1280 div.left div.other-info{display: flex; justify-content:center; flex-wrap:wrap; column-gap: 20px; row-gap:6px; margin-bottom: 1rem;}
footer.footer div.w1280 div.left div.other-info p{position:relative; font-size: 0.9rem; color: var(--color-gray700);font-family: 'Pretendard-Medium', sans-serif;}
footer.footer div.w1280 div.left div.other-info p::after{position: absolute; content: ''; width: 1px; height: 100%; background: var(--color-gray500); right: -10px; top: 0;}
footer.footer div.w1280 div.left div.other-info p:last-child::after{display:none;}
footer.footer div.w1280 div.left p.copy{color: var(--color-gray700); font-size:0.9rem;}
footer.footer div.w1280 div.right ul{display: flex; gap: 2rem;}
footer.footer div.w1280 div.right ul > li{position: relative; font-size: 0.9rem; font-family: 'Pretendard-SemiBold', sans-serif; color: var(--color-gray700);}
footer.footer div.w1280 div.right ul > li::after{content: ''; display: block; position: absolute; right: -1rem; top: 0; width: 1px; height: 100%; background: var(--color-gray400);}
footer.footer div.w1280 div.right ul > li:last-child::after{display: none;}
@media(hover:hover){
    footer.footer div.w1280 div.right ul > li:hover{color: var(--color-main01);}
}


@media screen and (max-width: 1600px){

}

@media screen and (max-width: 1440px){
    
}

@media screen and (max-width: 1280px){
    
}

@media screen and (max-width: 1200px){
    /* main-quick-btn */
    section.main-quick-btn div.w1280 div.q-box a.q-btn{padding: 0.8rem 1rem;}
}

@media screen and (max-width: 1024px){
    /* main-visual */
    section.main-visual div.inner h2.main-txt{font-size: 2rem; margin: 0.8rem 0 1rem 0;}
    section.main-visual div.inner p{font-size: 1.1rem;}

    /* main-quick-btn */
    section.main-quick-btn div.w1280{grid-template-columns:repeat(2, minmax(0, 1fr));}

    /* main-board */
    section.main-board div.w1280{grid-template-columns:repeat(1, minmax(0, 1fr));}
}

@media screen and (max-width: 800px){
    /* header */
    header.header{height: auto;}
    header.header div.w1280{flex-direction: column; padding: 1rem 0; gap: 1rem;}
    header.header div.w1280 ul.gnb{gap: 0;}
    header.header div.w1280 ul.gnb > li{font-size: 1.1rem; position: relative;}
    header.header div.w1280 ul.gnb > li::after{position: absolute; content: ''; width: 4px; height: 4px; background: var(--color-gray600); border-radius: 50%; right: 0; top: 50%; transform: translateY(-50%);}
    header.header div.w1280 ul.gnb > li:last-child::after{display: none;}
    header.header div.w1280 ul.gnb > li a{padding: 0 1rem; line-height: normal;}

    /* footer */
    footer.footer div.w1280{flex-direction: column; align-items: center; gap: 1rem;}
    footer.footer div.w1280 div.left div.footer-logo{margin:0 auto; margin-bottom:1.5rem;}
    footer.footer div.w1280 div.left p{text-align: center;}
}

@media screen and (max-width: 640px){
    /* main-visual */
    section.main-visual div.inner h2.main-txt{font-size: 1.8rem;}
    section.main-visual div.inner p{font-size: 1rem;}
}

@media screen and (max-width: 480px){
    /* main-visual */
    section.main-visual div.inner br.hidden{display: none;}
    section.main-visual div.inner h2.main-txt{font-size: 1.625rem;}
    section.main-visual div.inner p{font-size: 0.9rem;}

    /* main-quick-btn */
    section.main-quick-btn div.w1280{grid-template-columns:repeat(1, minmax(0, 1fr));}

    /* main-board */
    section.main-board div.w1280 div.noti ul > li a span.date{font-size: 0.9rem;}
}

@media screen and (max-width: 400px){
    /* main-visual */
    section.main-visual div.inner{top: 2rem;}
}

@media screen and (max-width: 320px){
    
}