@charset "utf-8"; @import url('html5_reset.css'); @import url('layout.css'); :root { --thead-height: 80px; /* thead height */ } 

/********** skip_nav **********/
.skip_nav { position: relative; z-index: 1000; display: block; overflow: hidden; height: 0; background:#000; text-align: center; } 
.skip_nav:focus { overflow: auto; height: auto; padding: 5px 0; color:#fff; } 

/********** 숨김 **********/
.hide { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); } 

/********** overflow-hidden **********/
.overflow-hidden { overflow: hidden; } 

/********** color **********/
:root { --main: #641E7A; --sub: #2E75B7; --light-main: #B28FBD; --light2-main: #E0D2E4; --light-bg: #F7F3F8; --point: #B400C7; /* --dark-main: #25395F; */
/* --light-sub: #DBD8FF; */
--yellow: #FAC532; --pink: #FF628A; --green: #1EA857; --black: #222222; --blue: #547FD1; --gray-33: #333333; --gray-44: #444444; --gray-55: #555555; --gray-66: #666666; --gray-88: #888888; --gray-dd: #dddddd; --gray-cc: #cccccc; --gray-ea: #eaeaea; --gray-e5: #e5e5e5; --gray-e9: #e9e9e9; --gray-fa: #fafafa; --gray-f5: #f5f5f5; --gray-f7: #f7f7f7; --gray-f8: #f8f8f8; --gray-f9: #f9f9f9; --bd-color: #bcc7d1; --red: #fb0000; --orange: #FAAF3F; --point-fc: 'Montserrat', 'Pretendard', sans-serif; } 

/* background color */
.bg-main { background-color: var(--main); color: #fff; } 
.bg-sub { background-color: var(--sub); color: #fff; } 
.bg-l-main { background-color: var(--light-main); color: #fff; } 
.bg-dark-sub { background-color: var(--dark-sub); color: #fff; } 
.bg-blue { background-color: var(--main); color: #fff; } 
.bg-yellow { background-color: var(--yellow); color: #fff; } 
.bg-pink { background-color: var(--pink); color: #fff; } 
.bg-green { background-color: var(--green); color: #fff; } 
.bg-gray-33 { background-color: var(--gray-33); color: #fff; } 
.bg-gray-44 { background-color: var(--gray-44); color: #fff; } 
.bg-gray-55 { background-color: var(--gray-55); color: #fff; } 
.bg-gray-66 { background-color: var(--gray-66); color: #fff; } 
.bg-gray-dd { background-color: var(--gray-dd); color: #fff; } 
.bg-gray-e5 { background-color: var(--gray-e5); color: #666; } 
.bg-gray-e9 { background-color: var(--gray-e9); color: #666; } 
.bg-gray-f5 { background-color: var(--gray-f5); color: var(--main); } 
.bg-gray-f7 { background-color: var(--gray-f7); color: #666; } 
.bg-gray-f8 { background-color: var(--gray-f8); } 
.bg-gray-f9 { background-color: var(--gray-f9); } 
.bg-gray-fa { background-color: var(--gray-fa); color: #666; } 
.bg-white { background-color: #ffffff; color: #444; } 
.bg-red { background: var(--red); color: #fff; } 

/* font color */
.fc-main { color: var(--main); } 
.fc-sub { color: var(--sub); } 
.fc-l-main { color: var(--light-main); } 
.fc-l-sub { color: var(--light-sub); } 
.fc-d-sub { color: var(--dark-sub); } 
.fc-2d { color: var(--black); } 
.fc-point { color: var(--point); } 
.fc-blue { color: var(--main); } 
.fc-yellow { color: var(--yellow); } 
.fc-pink { color: var(--pink); } 
.fc-gray-44 { color: var(--gray-44); } 
.fc-gray-55 { color: var(--gray-55); } 
.fc-gray-66 { color: var(--gray-66); } 
.fc-gray-88 { color: var(--gray-88); } 
.fc-gray-dd { color: var(--gray-dd); } 
.fc-gray-cc { color: var(--gray-cc); } 
.fc-gray-e5 { color: var(--gray-e5); } 
.fc-gray-e9 { color: var(--gray-e9); } 
.fc-gray-f5 { color: var(--gray-f5); } 
.fc-gray-f9 { color: var(--gray-f9); } 
.fc-red { color: var(--red); } 
.fc-green { color: var(--green); } 
.fc-orange { color: var(--orange); } 
.fc-trans { color: transparent !important;} 

/* bd color */
/* border color */
.bd-main { border: 1px solid var(--main); } 
.bd-sub { border: 1px solid var(--sub); color: var(--sub); } 
.bd-point { border: 1px solid var(--point); color: var(--point); } 
.bd-l-main { border: 1px solid var(--light-main); } 
.bd-d-sub { border: 1px solid var(--dark-sub); } 
.bd-blue { border: 1px solid var(--main); } 
.bd-yellow { border: 1px solid var(--yellow); } 
.bd-pink { border: 1px solid var(--pink); } 
.bd-gray-33 { border: 1px solid var(--gray-33); } 
.bd-gray-44 { border: 1px solid var(--gray-44); } 
.bd-gray-55 { border: 1px solid var(--gray-55); } 
.bd-gray-66 { border: 1px solid var(--gray-66); } 
.bd-gray-dd { border: 1px solid var(--gray-dd); } 
.bd-gray-cc { border: 1px solid var(--gray-cc); } 
.bd-gray-e5 { border: 1px solid var(--gray-e5); } 
.bd-gray-e9 { border: 1px solid var(--gray-e9); } 
.bd-gray-f5 { border: 1px solid var(--gray-f5); } 
.bd-gray-f9 { border: 1px solid var(--gray-f9); } 

/* icon list */
i.icn { display: inline-block; font-size: 0; background-repeat: no-repeat; background-size: contain; background-position: center; } 
i.srch { width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cellipse class='cls-1' cx='6.51' cy='6.5' rx='5.51' ry='5.5'/%3E%3Cline class='cls-1' x1='10.58' y1='10.58' x2='14' y2='14'/%3E%3C/svg%3E"); } 
i.srch-wh { width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cellipse class='cls-1' cx='6.51' cy='6.5' rx='5.51' ry='5.5'/%3E%3Cline class='cls-1' x1='10.58' y1='10.58' x2='14' y2='14'/%3E%3C/svg%3E"); } 
i.top-notice { width: 17px; height: 17px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2337bcf4; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M17,1.06c0-.18-.05-.36-.13-.52-.09-.16-.22-.29-.37-.39-.15-.1-.33-.15-.51-.16-.18,0-.36.03-.52.11L7.19,4.25h-4c-.85,0-1.66.34-2.25.93-.6.6-.93,1.41-.93,2.25s.34,1.66.93,2.25c.6.6,1.41.93,2.25.93h.3l1.88,5.65c.07.21.21.4.39.53.18.13.4.2.62.2h1.06c.28,0,.55-.11.75-.31.2-.2.31-.47.31-.75v-4.66l6.96,3.48c.16.08.34.12.52.11.18,0,.36-.06.51-.16.15-.1.28-.23.37-.39.09-.16.13-.34.13-.52V1.06Z'/%3E%3C/svg%3E"); } 
i.plus { width: 10px; height: 10px; background-image: url(../img/common/more-btn.svg); } 
i.arr-rg { width: 16px; height: 14px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 19.02 16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1, .cls-2 %7B fill: none; %7D .cls-3 %7B clip-path: url(%23clippath); %7D .cls-2 %7B stroke: %232d2a21; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='cls-1' x='.02' width='19' height='16'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-3'%3E%3Cg%3E%3Cpath class='cls-2' d='M1,8h16.71'/%3E%3Cpath class='cls-2' d='M11.84,1l5.9,7-5.9,7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } 
i.arr-next { width: 8px; height: 14px; background-image: url(../img/common/next-btn.svg); } 
i.arr-prev { width: 8px; height: 14px; background-image: url(../img/common/prev-btn.svg); } 
i.arr-short-next { width: 5px; height: 10px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 9.49'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23333; stroke-linecap: round; stroke-linejoin: round; stroke-width: .99px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='.5 .5 4.5 4.75 .5 9'/%3E%3C/svg%3E"); } 
i.arr-short-prev { width: 5px; height: 10px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 9.49'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23333; stroke-linecap: round; stroke-linejoin: round; stroke-width: .99px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='4.5 9 .5 4.75 4.5 .5'/%3E%3C/svg%3E"); } 
i.close { width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23333; stroke-linecap: round; stroke-linejoin: round; stroke-width: 5px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E"); } 
i.close-wh { width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 5px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E"); } 
i.home { width: 13px; height: 13px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15.62'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23aaa; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M8.5.33c-.29-.22-.64-.33-1-.33s-.71.12-1,.33L.67,4.71c-.21.16-.38.36-.49.59s-.18.49-.18.75v7.92c0,.44.18.87.49,1.18.31.31.74.49,1.18.49h3.25c.24,0,.48-.1.65-.27.17-.17.27-.41.27-.65v-4.08c0-.44.18-.87.49-1.18.31-.31.74-.49,1.18-.49s.87.18,1.18.49c.31.31.49.74.49,1.18v4.08c0,.24.1.48.27.65.17.17.41.27.65.27h3.25c.44,0,.87-.18,1.18-.49.31-.31.49-.74.49-1.18v-7.92c0-.26-.06-.51-.18-.75-.12-.23-.28-.43-.49-.59L8.5.33Z'/%3E%3C/svg%3E"); } 
i.file { width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 79.62 74.49'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M60.88,24.92l-27.26,27.26c-3.12,3.12-8.19,3.12-11.31,0h0c-3.12-3.12-3.12-8.19,0-11.31l27.85-27.85c6.05-6.05,15.87-6.05,21.92,0h0c6.05,6.05,6.05,15.87,0,21.92l-29.82,29.82c-8.98,8.98-23.54,8.98-32.53,0h0c-8.98-8.99-8.98-23.55,0-32.53L38.96,3'/%3E%3C/svg%3E"); } 
i.lock { width: 12px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 16' fill='none'%3E%3Cpath d='M10.3408 5.9895H2.92222C1.86061 5.9895 1 6.85011 1 7.91173V13.0777C1 14.1393 1.86061 14.9999 2.92222 14.9999H10.3408C11.4024 14.9999 12.263 14.1393 12.263 13.0777V7.91173C12.263 6.85011 11.4024 5.9895 10.3408 5.9895Z' fill='white' stroke='%23153A55' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.51184 5.79806V4.11987C3.51184 2.40413 4.91597 1 6.6317 1C8.34744 1 9.75157 2.40413 9.75157 4.11987V5.79806' stroke='%23153A55' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.63147 9.85278V12.0434' stroke='%23153A55' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.74836 9.83023C7.74836 10.4478 7.24715 10.9472 6.63144 10.9472C6.01573 10.9472 5.51453 10.4459 5.51453 9.83023C5.51453 9.21452 6.01573 8.71332 6.63144 8.71332C7.24715 8.71332 7.74836 9.21452 7.74836 9.83023Z' fill='white' stroke='%23153A55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } 
i.timeout { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.52 13.65'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B opacity: .2; %7D .cls-2, .cls-3 %7B fill: %23547FD1; %7D .cls-3 %7B fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cg class='cls-1'%3E%3Cpath class='cls-2' d='M15.52,7.45c0,1.64-.65,3.22-1.82,4.38s-2.74,1.82-4.38,1.82-3.22-.65-4.38-1.82-1.82-2.74-1.82-4.38.65-3.22,1.82-4.38c1.16-1.16,2.74-1.82,4.38-1.82s3.22.65,4.38,1.82c1.16,1.16,1.82,2.74,1.82,4.38Z'/%3E%3Cpath class='cls-3' d='M9.32,11.88c1.17,0,2.3-.47,3.13-1.3.83-.83,1.3-1.96,1.3-3.13s-.47-2.3-1.3-3.13c-.83-.83-1.96-1.3-3.13-1.3s-2.3.47-3.13,1.3c-.83.83-1.3,1.96-1.3,3.13s.47,2.3,1.3,3.13c.83.83,1.96,1.3,3.13,1.3ZM9.32,13.65c.81,0,1.62-.16,2.37-.47.75-.31,1.44-.77,2.01-1.34s1.03-1.26,1.34-2.01c.31-.75.47-1.56.47-2.37s-.16-1.62-.47-2.37c-.31-.75-.77-1.44-1.34-2.01-.58-.58-1.26-1.03-2.01-1.34-.75-.31-1.56-.47-2.37-.47-1.64,0-3.22.65-4.38,1.82-1.16,1.16-1.82,2.74-1.82,4.38s.65,3.22,1.82,4.38,2.74,1.82,4.38,1.82Z'/%3E%3C/g%3E%3Cpath class='cls-3' d='M4.1,2.53c-.61.6-1.08,1.34-1.37,2.15-.29.81-.39,1.67-.3,2.53,0,.11-.03.23-.1.32-.07.09-.18.14-.29.16-.11.01-.23-.02-.32-.09-.09-.07-.15-.17-.17-.29-.11-.99.01-1.99.35-2.92.33-.94.87-1.78,1.58-2.48,2.6-2.57,6.8-2.52,9.37.09,2.58,2.61,2.56,6.81-.04,9.37-1.2,1.19-2.82,1.87-4.52,1.9-.64.01-1.28-.07-1.9-.24-.11-.03-.21-.11-.27-.21-.06-.1-.07-.22-.04-.34.03-.11.11-.21.21-.27.1-.06.22-.07.34-.04.54.15,1.09.22,1.64.21,1.47-.02,2.87-.61,3.91-1.64,2.25-2.22,2.27-5.86.04-8.12-2.23-2.27-5.87-2.3-8.12-.08Z'/%3E%3Cpath class='cls-3' d='M2.31,7.77s-.09.08-.14.1c-.05.03-.11.04-.17.04-.06,0-.12,0-.17-.02-.05-.02-.11-.05-.15-.09L.17,6.45s-.09-.08-.11-.14c-.03-.05-.05-.11-.05-.17,0-.06,0-.12.02-.18.02-.06.05-.11.09-.15.04-.04.09-.08.14-.11.05-.03.11-.04.17-.04.06,0,.12,0,.18.03.06.02.11.05.15.1l1.52,1.36s.08.09.1.14c.03.05.04.11.04.17,0,.06,0,.12-.02.17-.02.05-.05.11-.09.15Z'/%3E%3Cpath class='cls-3' d='M1.63,7.71s.08.09.13.12c.05.03.11.05.16.06.06,0,.12,0,.17,0,.06-.01.11-.04.16-.07l1.77-1.33c.09-.07.16-.18.17-.29.02-.12-.01-.23-.08-.33-.07-.09-.18-.16-.29-.17-.12-.02-.23.01-.33.08l-1.77,1.33c-.09.07-.16.18-.17.29-.02.12.01.23.08.33ZM7.99,3.46c.12,0,.23.05.31.13.08.08.13.2.13.31v3.1c0,.12-.05.23-.13.31-.08.08-.2.13-.31.13s-.23-.05-.31-.13c-.08-.08-.13-.2-.13-.31v-3.1c0-.12.05-.23.13-.31.08-.08.2-.13.31-.13Z'/%3E%3Cpath class='cls-3' d='M11.09,7c0,.12-.05.23-.13.31-.08.08-.2.13-.31.13h-2.66c-.12,0-.23-.05-.31-.13-.08-.08-.13-.2-.13-.31s.05-.23.13-.31c.08-.08.2-.13.31-.13h2.66c.12,0,.23.05.31.13.08.08.13.2.13.31Z'/%3E%3C/svg%3E"); } 
i.logout { width: 30px; height: 30px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.92 30'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M19,23.13v3.34c0,1.39-.95,2.53-2.12,2.53H3.12c-1.17,0-2.12-1.14-2.12-2.53V3.53c0-1.39.95-2.53,2.12-2.53h13.76c1.17,0,2.12,1.14,2.12,2.53v3.2'/%3E%3Cpath class='cls-1' d='M23.5,9.63l5.42,5.37-5.42,5.37'/%3E%3Cpath class='cls-1' d='M28.92,15H8.42'/%3E%3C/svg%3E"); } 
i.loca { width: 20px; height: 22px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 19.16 22.37'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %232d2d2d; %7D .cls-2 %7B fill: %23fff; %7D .cls-3 %7B fill: none; %7D .cls-4 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='cls-3' y='0' width='19.16' height='22.37'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-4'%3E%3Cg%3E%3Cpath class='cls-1' d='M19.16,9.58c0,6.42-9.58,12.79-9.58,12.79C9.58,22.37,0,15.9,0,9.58,0,4.29,4.29,0,9.58,0s9.58,4.29,9.58,9.58h0Z'/%3E%3Cpath class='cls-2' d='M9.58,12.54c1.89,0,3.42-1.53,3.42-3.42s-1.53-3.42-3.42-3.42-3.42,1.53-3.42,3.42,1.53,3.42,3.42,3.42Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } 
i.dwn { width: 14px; height: 12px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.53 51.37'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23153A55; stroke-linecap: round; stroke-linejoin: round; stroke-width: 5px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M56.53,35.34v5.97c0,4.45-3.6,8.05-8.05,8.05H10.05c-4.45,0-8.05-3.6-8.05-8.05v-5.97'/%3E%3Cpolyline class='cls-1' points='42.95 24.21 29.26 37.38 15.58 24.21'/%3E%3Cline class='cls-1' x1='29.26' y1='37.38' x2='29.26' y2='2'/%3E%3C/svg%3E"); } 
.icn-alam { width: 14px; height: 16px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.76 35.96'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M3.78,30.41c-.98,0-1.89-.52-2.39-1.36-.5-.84-.52-1.89-.06-2.75l3.02-2.8v-9.04C4.35,7.29,10.21,1,16.88,1s12.53,6.29,12.53,13.46v9.04l3.02,2.8c.47.86.45,1.91-.06,2.75-.5.84-1.41,1.36-2.39,1.36H3.78Z'/%3E%3Cpath class='cls-1' d='M12.99,31.06c0,2.15,1.74,3.89,3.89,3.89s3.89-1.74,3.89-3.89'/%3E%3Cline class='cls-1' x1='4.35' y1='23.49' x2='21.11' y2='23.49'/%3E%3C/svg%3E"); } 
.icn-close { width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23333; stroke-linecap: round; stroke-linejoin: round; stroke-width: 5px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E"); } 
.icn-close-wh { width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 5px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E"); } 
.icn-down { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.47 75'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='3 47.65 3 72 69.47 72 69.47 47.65'/%3E%3Cline class='cls-1' x1='36.24' y1='3' x2='36.24' y2='54'/%3E%3Cpolyline class='cls-1' points='57.24 36.08 36.24 54.08 15.24 36.08'/%3E%3C/svg%3E"); } 
.icn-list { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80.78 80'%3E%3Cdefs%3E%3Cstyle%3E .cls-1, .cls-2 %7B fill: %23fff; %7D .cls-2 %7B opacity: .8; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' width='34.94' height='34.94'/%3E%3Crect class='cls-1' x='45.84' width='34.94' height='34.94'/%3E%3Crect class='cls-1' y='45.06' width='34.94' height='34.94'/%3E%3Crect class='cls-2' x='45.84' y='45.06' width='34.94' height='34.94'/%3E%3C/svg%3E"); } 
.icn-file { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.77 54.94'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23333; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M28.27,17.88v22.18c0,7.38-5.99,13.38-13.37,13.38h0c-7.39,0-13.38-5.98-13.38-13.38v-.04s-.01-29.76-.01-29.76C1.5,5.43,5.42,1.5,10.26,1.5h0c4.84,0,8.76,3.93,8.76,8.76v29.76s0,.06,0,.06c0,2.54-2.06,4.61-4.61,4.61h0c-2.55,0-4.62-2.07-4.61-4.61V13.71'/%3E%3C/svg%3E"); } 
.icn-secret { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 40.72'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke: %232e4bcc; %7D .cls-1, .cls-2 %7B fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D .cls-2 %7B stroke: %23333; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M6.83,14.86v-5.92c0-4.51,3.67-7.44,8.17-7.44s8.17,2.94,8.17,7.44v5.92'/%3E%3Cg%3E%3Crect class='cls-2' x='1.5' y='15.72' width='27' height='23.5' rx='5' ry='5'/%3E%3Cline class='cls-1' x1='15' y1='24.72' x2='15' y2='30.22'/%3E%3C/g%3E%3C/svg%3E"); } 
.icn-fixnotice { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5 1.56218C17.4999 1.38114 17.4536 1.20312 17.3654 1.04503C17.2772 0.886934 17.15 0.754002 16.996 0.658846C16.842 0.56369 16.6662 0.509466 16.4853 0.50132C16.3045 0.493175 16.1245 0.531377 15.9626 0.612302L7.6857 4.74969H3.68751C2.84213 4.74969 2.03137 5.08551 1.4336 5.68328C0.835826 6.28106 0.5 7.09181 0.5 7.93719C0.5 8.78257 0.835826 9.59333 1.4336 10.1911C2.03137 10.7889 2.84213 11.1247 3.68751 11.1247H3.98501L5.8667 16.773C5.93719 16.9846 6.07252 17.1687 6.2535 17.2992C6.43448 17.4296 6.65193 17.4998 6.87501 17.4997H7.93752C8.21931 17.4997 8.48956 17.3878 8.68882 17.1885C8.88807 16.9893 9.00002 16.719 9.00002 16.4372V11.7813L15.9626 15.2621C16.1245 15.343 16.3045 15.3812 16.4853 15.3731C16.6662 15.3649 16.842 15.3107 16.996 15.2155C17.15 15.1204 17.2772 14.9874 17.3654 14.8294C17.4536 14.6713 17.4999 14.4932 17.5 14.3122V1.56218Z' fill='%231A3AC5'/%3E%3C/svg%3E"); } 
i.icn-lang { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 20C8.63333 20 7.34167 19.7373 6.125 19.212C4.90833 18.6867 3.846 17.97 2.938 17.062C2.03 16.154 1.31333 15.0917 0.788 13.875C0.262667 12.6583 0 11.3667 0 10C0 8.61667 0.262667 7.321 0.788 6.113C1.31333 4.905 2.03 3.84667 2.938 2.938C3.846 2.02933 4.90833 1.31267 6.125 0.788C7.34167 0.263333 8.63333 0.000666667 10 0C11.3833 0 12.6793 0.262667 13.888 0.788C15.0967 1.31333 16.1547 2.03 17.062 2.938C17.9693 3.846 18.686 4.90433 19.212 6.113C19.738 7.32167 20.0007 8.61733 20 10C20 11.3667 19.7373 12.6583 19.212 13.875C18.6867 15.0917 17.97 16.1543 17.062 17.063C16.154 17.9717 15.0957 18.6883 13.887 19.213C12.6783 19.7377 11.3827 20 10 20ZM10 17.95C10.4333 17.35 10.8083 16.725 11.125 16.075C11.4417 15.425 11.7 14.7333 11.9 14H8.1C8.3 14.7333 8.55833 15.425 8.875 16.075C9.19167 16.725 9.56667 17.35 10 17.95ZM7.4 17.55C7.1 17 6.83767 16.429 6.613 15.837C6.38833 15.245 6.20067 14.6327 6.05 14H3.1C3.58333 14.8333 4.18767 15.5583 4.913 16.175C5.63833 16.7917 6.46733 17.25 7.4 17.55ZM12.6 17.55C13.5333 17.25 14.3627 16.7917 15.088 16.175C15.8133 15.5583 16.4173 14.8333 16.9 14H13.95C13.8 14.6333 13.6127 15.246 13.388 15.838C13.1633 16.43 12.9007 17.0007 12.6 17.55ZM2.25 12H5.65C5.6 11.6667 5.56267 11.3377 5.538 11.013C5.51333 10.6883 5.50067 10.3507 5.5 10C5.49933 9.64933 5.512 9.312 5.538 8.988C5.564 8.664 5.60133 8.33467 5.65 8H2.25C2.16667 8.33333 2.10433 8.66267 2.063 8.988C2.02167 9.31333 2.00067 9.65067 2 10C1.99933 10.3493 2.02033 10.687 2.063 11.013C2.10567 11.339 2.168 11.668 2.25 12ZM7.65 12H12.35C12.4 11.6667 12.4377 11.3377 12.463 11.013C12.4883 10.6883 12.5007 10.3507 12.5 10C12.4993 9.64933 12.4867 9.312 12.462 8.988C12.4373 8.664 12.4 8.33467 12.35 8H7.65C7.6 8.33333 7.56267 8.66267 7.538 8.988C7.51333 9.31333 7.50067 9.65067 7.5 10C7.49933 10.3493 7.512 10.687 7.538 11.013C7.564 11.339 7.60133 11.668 7.65 12ZM14.35 12H17.75C17.8333 11.6667 17.896 11.3377 17.938 11.013C17.98 10.6883 18.0007 10.3507 18 10C17.9993 9.64933 17.9787 9.312 17.938 8.988C17.8973 8.664 17.8347 8.33467 17.75 8H14.35C14.4 8.33333 14.4377 8.66267 14.463 8.988C14.4883 9.31333 14.5007 9.65067 14.5 10C14.4993 10.3493 14.4867 10.687 14.462 11.013C14.4373 11.339 14.4 11.668 14.35 12ZM13.95 6H16.9C16.4167 5.16667 15.8127 4.44167 15.088 3.825C14.3633 3.20833 13.534 2.75 12.6 2.45C12.9 3 13.1627 3.571 13.388 4.163C13.6133 4.755 13.8007 5.36733 13.95 6ZM8.1 6H11.9C11.7 5.26667 11.4417 4.575 11.125 3.925C10.8083 3.275 10.4333 2.65 10 2.05C9.56667 2.65 9.19167 3.275 8.875 3.925C8.55833 4.575 8.3 5.26667 8.1 6ZM3.1 6H6.05C6.2 5.36667 6.38767 4.754 6.613 4.162C6.83833 3.57 7.10067 2.99933 7.4 2.45C6.46667 2.75 5.63733 3.20833 4.912 3.825C4.18667 4.44167 3.58267 5.16667 3.1 6Z' fill='%23B28FBD'/%3E%3C/svg%3E"); } 
i.icn-login { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 22' fill='none'%3E%3Cpath d='M9 4.04725e-09C10.5524 -5.69771e-05 12.0444 0.601566 13.1625 1.67847C14.2806 2.75537 14.9378 4.22371 14.996 5.775L15 6H16C16.5046 5.99984 16.9906 6.19041 17.3605 6.5335C17.7305 6.87659 17.9572 7.34685 17.995 7.85L18 8V18C18.0002 18.5046 17.8096 18.9906 17.4665 19.3605C17.1234 19.7305 16.6532 19.9572 16.15 19.995L16 20H2C1.49542 20.0002 1.00943 19.8096 0.639452 19.4665C0.269471 19.1234 0.0428434 18.6532 0.00500021 18.15L1.00268e-07 18V8C-0.000159579 7.49542 0.190406 7.00943 0.533497 6.63945C0.876588 6.26947 1.34684 6.04284 1.85 6.005L2 6H3C3 4.4087 3.63214 2.88258 4.75736 1.75736C5.88258 0.632141 7.4087 4.04725e-09 9 4.04725e-09ZM16 8H2V18H16V8ZM9 10C9.42659 10.0001 9.84196 10.1367 10.1854 10.3896C10.5289 10.6426 10.7825 10.9988 10.9092 11.4062C11.0358 11.8135 11.0289 12.2507 10.8895 12.6538C10.75 13.057 10.4853 13.405 10.134 13.647L10 13.732V15C9.99972 15.2549 9.90212 15.5 9.72715 15.6854C9.55218 15.8707 9.31305 15.9822 9.05861 15.9972C8.80416 16.0121 8.55362 15.9293 8.35817 15.7657C8.16271 15.6021 8.0371 15.3701 8.007 15.117L8 15V13.732C7.61874 13.5119 7.32077 13.1721 7.15231 12.7653C6.98384 12.3586 6.95429 11.9076 7.06824 11.4824C7.18219 11.0571 7.43326 10.6813 7.78253 10.4133C8.1318 10.1453 8.55975 10 9 10ZM9 2C7.93913 2 6.92172 2.42143 6.17157 3.17157C5.42143 3.92172 5 4.93913 5 6H13C13 4.93913 12.5786 3.92172 11.8284 3.17157C11.0783 2.42143 10.0609 2 9 2Z' fill='%23666666'/%3E%3C/svg%3E"); } 
i.icn-to-top { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 20C8.65907 20 8.3321 19.8683 8.09103 19.6339C7.84995 19.3995 7.71452 19.0816 7.71452 18.7501L7.71452 4.26926L2.19723 9.63616C1.95585 9.87085 1.62847 10.0027 1.28711 10.0027C0.945744 10.0027 0.618364 9.87085 0.376985 9.63616C0.135605 9.40147 -4.7719e-07 9.08316 -4.91698e-07 8.75126C-5.06206e-07 8.41935 0.135605 8.10105 0.376984 7.86635L8.08988 0.367193C8.20929 0.250797 8.35114 0.158451 8.50732 0.0954414C8.66349 0.0324322 8.83091 -3.86012e-07 9 -3.93402e-07C9.16908 -4.00793e-07 9.33651 0.0324321 9.49268 0.0954414C9.64886 0.158451 9.79071 0.250797 9.91012 0.367193L17.623 7.86635C17.8644 8.10104 18 8.41935 18 8.75126C18 9.08316 17.8644 9.40147 17.623 9.63616C17.3816 9.87085 17.0543 10.0027 16.7129 10.0027C16.3715 10.0027 16.0442 9.87085 15.8028 9.63616L10.2855 4.26926L10.2855 18.7501C10.2855 19.0816 10.15 19.3995 9.90897 19.6339C9.6679 19.8683 9.34093 20 9 20Z' fill='%23641E7A'/%3E%3C/svg%3E"); } 

i.icn-kakaoch { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26' fill='none'%3E%3Cpath d='M12 0C5.37359 0 0 5.09091 0 11.3689C0 16.0065 1.89721 18.2219 4.49412 20.239L4.50519 20.2447V25.6869C4.50519 25.9447 4.79281 26.092 4.99193 25.9362L9.54137 22.4742L9.64093 22.5167C10.4042 22.6612 11.1924 22.7377 12 22.7377C18.6264 22.7377 24 17.6468 24 11.366C24 5.08525 18.6292 0 12 0ZM7.9788 14.25C9.15418 14.25 10.1609 13.5276 10.4651 12.4142H12.2047C11.7788 14.5588 10.1498 15.964 7.9788 15.964C5.45656 15.964 3.45702 14.0375 3.45702 11.3547C3.45702 8.67183 5.45656 6.74539 7.9788 6.74539C10.1719 6.74539 11.8119 8.17889 12.2157 10.3603H10.4817C10.2189 9.17328 9.17631 8.43386 7.9788 8.43386C6.28348 8.43386 5.1551 9.67189 5.1551 11.3519C5.1551 13.0318 6.43835 14.2472 7.9788 14.2472M19.4423 15.7883H17.8465V12.1026C17.8465 11.2555 17.3653 10.7994 16.6241 10.7994C15.7972 10.7994 15.2634 11.3179 15.2634 12.3689V15.7883H13.6677V6.77655H15.2634V10.1648C15.6451 9.5699 16.2646 9.2781 17.1053 9.2781C17.7857 9.2781 18.3416 9.50474 18.773 9.97502C19.2183 10.4425 19.4423 11.0771 19.4423 11.8986V15.7855V15.7883Z' fill='%23999999'/%3E%3C/svg%3E"); } 
i.icn-linkedin { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.3333 0C22.0406 0 22.7189 0.280951 23.219 0.781048C23.719 1.28115 24 1.95942 24 2.66667V21.3333C24 22.0406 23.719 22.7189 23.219 23.219C22.7189 23.719 22.0406 24 21.3333 24H2.66667C1.95942 24 1.28115 23.719 0.781048 23.219C0.280951 22.7189 0 22.0406 0 21.3333V2.66667C0 1.95942 0.280951 1.28115 0.781048 0.781048C1.28115 0.280951 1.95942 0 2.66667 0H21.3333ZM20.6667 20.6667V13.6C20.6667 12.4472 20.2087 11.3416 19.3936 10.5264C18.5784 9.71128 17.4728 9.25333 16.32 9.25333C15.1867 9.25333 13.8667 9.94667 13.2267 10.9867V9.50667H9.50667V20.6667H13.2267V14.0933C13.2267 13.0667 14.0533 12.2267 15.08 12.2267C15.5751 12.2267 16.0499 12.4233 16.3999 12.7734C16.75 13.1235 16.9467 13.5983 16.9467 14.0933V20.6667H20.6667ZM5.17333 7.41333C5.76742 7.41333 6.33717 7.17733 6.75725 6.75725C7.17733 6.33717 7.41333 5.76742 7.41333 5.17333C7.41333 3.93333 6.41333 2.92 5.17333 2.92C4.57571 2.92 4.00257 3.1574 3.57999 3.57999C3.1574 4.00257 2.92 4.57571 2.92 5.17333C2.92 6.41333 3.93333 7.41333 5.17333 7.41333ZM7.02667 20.6667V9.50667H3.33333V20.6667H7.02667Z' fill='%23999999'/%3E%3C/svg%3E"); } 
i.icn-facebook { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12.0301C24 5.38947 18.624 0 12 0C5.376 0 0 5.38947 0 12.0301C0 17.8526 4.128 22.7008 9.6 23.8195V15.6391H7.2V12.0301H9.6V9.02256C9.6 6.70075 11.484 4.81203 13.8 4.81203H16.8V8.42105H14.4C13.74 8.42105 13.2 8.96241 13.2 9.62406V12.0301H16.8V15.6391H13.2V24C19.26 23.3985 24 18.2737 24 12.0301Z' fill='%23999999'/%3E%3C/svg%3E"); } 
i.icn-youtube { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 20' fill='none'%3E%3Cpath d='M28.401 3.12163C28.0666 1.89335 27.0845 0.922708 25.8379 0.596165C23.5758 0 14.5061 0 14.5061 0C14.5061 0 5.43636 0 3.17425 0.596165C1.92158 0.922708 0.939505 1.89035 0.605053 3.12163C0 5.35051 0 10 0 10C0 10 0 14.6495 0.605053 16.8784C0.939505 18.1067 1.92158 19.0773 3.16817 19.4038C5.43028 20 14.5 20 14.5 20C14.5 20 23.5697 20 25.8318 19.4038C27.0784 19.0743 28.0635 18.1067 28.3949 16.8784C29 14.6495 29 10 29 10C29 10 29 5.35051 28.3949 3.12163H28.401ZM11.6024 14.287V5.713L19.1367 10L11.6024 14.287Z' fill='%23999999'/%3E%3C/svg%3E"); } 

/* 스크롤 애니메이션 */
.trans-text { overflow: hidden; } 
.trans-text [data-aos=fade-up] { display: block; -webkit-transform: translate3d(0, 104%, 0); transform: translate3d(0, 104%, 0); } 
.trans-img { overflow: hidden; } 
.trans-img img[data-aos=fade-right] { -webkit-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); } 

/********** search-box **********/
.srch-box { position: relative; display: flex; align-items: center; gap: 20px; width: 360px; height: 50px; padding-right: 20px; border: 1px solid var(--gray-e5); overflow: hidden; } 
.srch-box input { width: 100%; border: 0; padding-left: 20px; font-size: 1.8rem; line-height: 50px; } 
.srch-box input::placeholder { font-size: 15px; color: #888; } 
.srch-box input:focus { outline: none; } 
.srch-box button { position: relative; font-size: 0; } 
.srch-box button i { display: inline-block; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23641E7A; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cellipse class='cls-1' cx='6.51' cy='6.5' rx='5.51' ry='5.5'/%3E%3Cline class='cls-1' x1='10.58' y1='10.58' x2='14' y2='14'/%3E%3C/svg%3E"); } 
.srch-box select ~ input { padding-left: 0; } 

/********** tag **********/
.tag { display: inline-block; padding: 8px 12px; font-weight: 600; font-size: 14px; white-space: nowrap; } 
.tag1 { display: inline-block; margin-right: 10px; padding: 0 12px; line-height: 32px; font-weight: 600; font-size: 15px; white-space: nowrap; } 
.tag2 { display: inline-block; padding: 10px 15px; font-weight: 500; font-size: 1.8rem; white-space: nowrap; } 

/********** 게시판 **********/
/* 상단 */
.bbs-list .top { display: flex; justify-content: space-between; align-items: flex-end; margin: 25px 0 15px; } 
.bbs-list .top .lf .total { font-weight: 500; font-size: 15px; color: #666; } 
.bbs-list .top .rg { display: flex; align-items: center; gap: 10px; } 
@media only screen and (max-width: 767px){
 .bbs-list .top { flex-direction: column; align-items: baseline; gap: 10px; } 
.bbs-list .top .rg { width: 100%; justify-content: flex-end; } 
.bbs-list .top .rg .inp-st2 { font-size: 14px; } 
.bbs-list .top .rg .btn-bace2 { font-size: 14px; } 
 }

/* 에디터 */
.editor-text { line-height: 1.65; font-size: 1.8rem; } 
.editor-text p { margin-top: 1rem; margin-bottom: 1rem; } 


/* 게시판 검색 */
.bbs-search1 { display: flex; align-items: flex-end; width: 100%; } 
.bbs-search1 .sch-box { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px; } 
.bbs-search1 .sch-box span { flex-shrink: 0; font-weight: 500; font-size: 1.6rem; color: var(--gray-66); } 
.bbs-search1 .sch-box span em { font-weight: 700; } 
.bbs-search1 .sch-box .tit { flex-shrink: 0; width: 120px; line-height: 50px; font-weight: 600; font-size: 15px; color: #333; } 
.bbs-search1 > .rg { flex-shrink: 0; display: flex; align-items: center; gap: 10px; margin-left: auto; } 
.bbs-search1 > .rg > button { flex-shrink: 0; } 
.bbs-search1 > .rg select { min-width: 135px; max-width: 135px; height: 50px; line-height: 50px; padding: 0 20px; border: 1px solid var(--gray-e5); font-weight: 500; color: #666; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M10.2856 1.25L5.99993 5.75L1.71422 1.25' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center / 12px 8px; } 

@media only screen and (max-width: 1023px){
 .bbs-search1 { padding: 0; } 
.bbs-search1 .srch-box { width: 100%; } 
 }
@media only screen and (max-width: 767px){
 .bbs-search1 { flex-flow: column wrap; align-items: flex-start; gap: 10px; } 
.bbs-search1 .rg { flex-flow: column wrap; width: 100%; } 
.bbs-search1 .rg select { width: 100%; max-width: unset; } 
.bbs-search1 .sch-box { align-items: center; gap: 10px; } 
.bbs-search1 .sch-box > .rg { justify-content: flex-end; flex-wrap: wrap; width: 100%; } 
.bbs-search1 .sch-box > button { width: 100%; } 
 }

/* 일반 게시판 */
.bbs-list-wrap1 { width: 100%; border-collapse: collapse; border-top: 2px solid var(--main); } 
.bbs-list-wrap1 thead { border-bottom: 1px solid #ccc; background-color: var(--light-bg); } 
.bbs-list-wrap1 thead th { padding: 14px 20px; line-height: 1.2; font-weight: 500; font-size: 2.2rem; color: var(--main); text-align: center; } 
.bbs-list-wrap1 tbody tr { border-bottom: 1px solid #eaeaea; font-weight: 500; } 
.bbs-list-wrap1 tbody tr:hover { background-color: var(--light2-main); } 
.bbs-list-wrap1 tbody tr td { padding: 16px 10px; line-height: 1.2; font-size: 2rem; color:#444; text-align: center; } 
.bbs-list-wrap1 tbody tr td.noList { padding: 25px 0; } 
.bbs-list-wrap1 tbody tr td.noList::before { display: none; } 
.bbs-list-wrap1 tbody tr td.noList strong { display: block; font-size: 2.5rem; font-weight: 600; color: #222; margin-bottom: 20px; } 
.bbs-list-wrap1 tbody tr td[data-content="제목"] { font-weight: 500; color:#333; } 
.bbs-list-wrap1 tbody tr.fixnotice td[data-content="제목"] { color: #333; font-weight: 600; } 
/* .bbs-list-wrap1 tbody tr td a.txt-over1 { height: fit-content; padding-bottom: 1px; } */
.bbs-list-wrap1 tbody tr td a.txt-over1:hover { text-decoration: underline; } 
.bbs-list-wrap1 tbody tr td a .icn-flex { flex-shrink: 0; display: flex; gap: 5px; } 
.bbs-list-wrap1 tbody tr td .icn-file { width: 20px; height: 15px; margin: 0 auto; background-size: auto 15px; } 
.bbs-list-wrap1 tbody tr td .icn-secret { width: 20px; height: 15px; margin-top: 2px; background-size: auto 15px; } 
.bbs-list-wrap1 tbody tr td .icn-fixnotice { width: 16px; height: 16px; margin: 0 auto; } 
.bbs-list-wrap1 tbody tr td .new { display: inline-block; width: 19px; height: 19px; line-height: 22px; margin-right: 4px; font-size: 12px; color: #fff; text-align: center; background: var(--sub); border-radius: 100%; vertical-align: middle; } 
@media only screen and (max-width: 1023px){
 .bbs-list-wrap1 colgroup { display: none; } 
.bbs-list-wrap1 thead { display: none; } 
.bbs-list-wrap1 tbody tr { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding: 18px 18px 18px 60px; } 
.bbs-list-wrap1 tbody tr td { display: inline-block; padding: 0; font-size: 16px; text-align: left; } 
.bbs-list-wrap1 tbody tr td::after { content:""; display: inline-block; width: 1px; height: 8px; margin: 0 10px; background: var(--gray-dd); vertical-align: middle; } 
.bbs-list-wrap1 tbody tr td[data-content="번호"] { position: absolute; top: 50%; left: 8px; transform: translateY(-50%); width: 40px; text-align: center; } 
.bbs-list-wrap1 tbody tr td[data-content="No."] { position: absolute; top: 50%; left: 8px; transform: translateY(-50%); width: 40px; text-align: center; } 
.bbs-list-wrap1 tbody tr td[data-content="상태"] { position: absolute; top: 50%; left: 8px; transform: translateY(-50%); width: 40px; text-align: center; } 
.bbs-list-wrap1 tbody tr td[data-content="구분"] { display: block; width: 100%; text-align: left; margin-bottom: 6px; } 
.bbs-list-wrap1 tbody tr.fixnotice td[data-content="구분"] { top: 22px; } 
.bbs-list-wrap1 tbody tr td[data-content="제목"] { display: block; width: 100%; margin-bottom: 6px; } 
.bbs-list-wrap1 tbody tr td[data-content="공연단체명"] { display: block; width: 100%; margin-bottom: 6px; } 
.bbs-list-wrap1 tbody tr td[data-content="공연시설명"] { display: block; width: 100%; margin-bottom: 6px; } 
.bbs-list-wrap1 tbody tr td[data-content="공연명"] { display: block; width: 100%; } 
.bbs-list-wrap1 tbody tr td[data-content="공연장"] { display: block; width: 100%; } 
.bbs-list-wrap1 tbody tr td[data-content="번호"]::after { display: none; } 
.bbs-list-wrap1 tbody tr td[data-content="No."]::after { display: none; } 
.bbs-list-wrap1 tbody tr td[data-content="상태"]::after { display: none; } 
.bbs-list-wrap1 tbody tr td[data-content="구분"]::after { display: none; } 
.bbs-list-wrap1 tbody tr td[data-content="제목"]::after { display: none; } 
.bbs-list-wrap1 tbody tr td[data-content="공연단체명"]::after { display: none; } 
.bbs-list-wrap1 tbody tr td[data-content="공연시설명"]::after { display: none; } 
.bbs-list-wrap1 tbody tr td[data-content="공연명"]::after { display: none; } 
.bbs-list-wrap1 tbody tr td[data-content="공연장"]::after { display: none; } 
.bbs-list-wrap1 tbody tr td[data-content="첨부"]::after { display: none; } 
.bbs-list-wrap1 tbody tr td[data-content="첨부"] .icn-file { display: inline-flex; flex-direction: row-reverse; align-items: center; width: 30px; background-position: left center; } 
.bbs-list-wrap1 tbody tr td[data-content="첨부"] .icn-file::after { content:""; display: inline-block; width: 1px; height: 8px; margin: 0 10px; background: var(--gray-dd); } 
.bbs-list-wrap1 tbody tr td:last-child::after { display: none; } 
.bbs-list-wrap1 tbody tr td .reply { margin-left: 20px; } 

.bbs-list-wrap1 tbody tr.no-data { padding: 18px; } 
.bbs-list-wrap1 tbody tr.no-data td { position: relative; width: 100%; transform: none; text-align: center; } 
 }
@media only screen and (max-width: 767px){
 .bbs-list-wrap1 tbody tr td { font-size: 14px; } 
.bbs-list-wrap1 tbody tr td .new { width: 17px; height: 17px; line-height: 20px; } 
 }

.bbs-list-wrap2 { width: 100%; border-collapse: collapse; border-top: 2px solid var(--main); } 
.bbs-list-wrap2 thead { border-bottom: 1px solid #ccc; background-color: var(--light-bg); } 
.bbs-list-wrap2 thead th { padding: 14px 20px; border-right: 1px solid #fff; line-height: 1.2; font-weight: 500; font-size: 2.2rem; color: var(--main); text-align: center; } 
.bbs-list-wrap2 thead th:last-child { border: 0; } 
.bbs-list-wrap2 tbody tr { border-bottom: 1px solid #eaeaea; } 
.bbs-list-wrap2 tbody tr td { padding: 16px 10px; border-right: 1px solid var(--gray-e5); line-height: 1.2; font-weight: 500; font-size: 2rem; color:#444; text-align: center; } 
.bbs-list-wrap2 tbody tr td:last-child { border: 0; } 
.bbs-list-wrap2 tbody tr td.noList { padding: 25px 0; } 
.bbs-list-wrap2 tbody tr td.row { border-right: 1px solid var(--gray-e5); } 
.bbs-list-wrap2 tbody tr td.bg { font-weight: 500; font-size: 2.2rem; color: var(--main); background-color: var(--gray-f9); } 
.bbs-list-wrap2 tbody tr td[data-content="제목"] { font-weight: 500; color:#333; } 
.bbs-list-wrap2 tbody tr.fixnotice td[data-content="제목"] { color: #333; font-weight: 600; } 
.bbs-list-wrap2 tbody tr td a.txt-over1:hover { text-decoration: underline; } 
.bbs-list-wrap2 tbody tr td a .icn-flex { flex-shrink: 0; display: flex; gap: 5px; } 
.bbs-list-wrap2 tbody tr td .icn-file { width: 20px; height: 15px; margin: 0 auto; background-size: auto 15px; } 
.bbs-list-wrap2 tbody tr td .icn-secret { width: 20px; height: 15px; margin-top: 2px; background-size: auto 15px; } 
.bbs-list-wrap2 tbody tr td .icn-fixnotice { width: 16px; height: 16px; margin: 0 auto; } 
.bbs-list-wrap2 tbody tr td .new { display: inline-block; width: 19px; height: 19px; line-height: 22px; margin-right: 4px; font-size: 12px; color: #fff; text-align: center; background: var(--sub); border-radius: 100%; vertical-align: middle; } 
.bbs-list-wrap2 tr td.check { color: var(--main); } 

/* FAQ 게시판 */
/* .bbs-list-wrap3 { border-top: 2px solid var(--main); } */
.bbs-list-wrap3 .faq-item { border: 1px solid var(--gray-e5); border-radius: 20px; } 
.bbs-list-wrap3 .faq-item.on { border: 1px solid var(--main); box-shadow: 2px 4px 6px 0px rgba(84, 127, 209, 0.08); } 
.bbs-list-wrap3 .faq-item + .faq-item { margin-top: 20px; } 
.bbs-list-wrap3 .faq-item .tit { position: relative; display: block; padding: 30px 80px 30px 80px; word-wrap: break-word; word-break: keep-all; } 
.bbs-list-wrap3 .faq-item .tit::before { content:"Q"; position: absolute; top: 50%; left: 24px; display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; font-weight: 600; font-size: 1.8rem; color: var(--main); transform: translateY(-50%); } 
.bbs-list-wrap3 .faq-item .tit::after { content:""; position: absolute; top: 50%; right: 30px; display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14' fill='none'%3E%3Cpath d='M19.7998 2.80005L11.3141 11.5501L2.82838 2.80005' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 22px 14px; transform: translateY(-50%); transition: all .3s; } 
.bbs-list-wrap3 .faq-item.on .tit::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14' fill='none'%3E%3Cpath d='M19.7998 2.80005L11.3141 11.5501L2.82838 2.80005' stroke='%231A3AC5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 22px 14px; transform: translateY(-50%) rotateZ(180deg); } 
.bbs-list-wrap3 .faq-item .tit strong { line-height: 1.3; font-weight: 500; font-size: 2rem; } 
.bbs-list-wrap3 .faq-item.on .tit { color: var(--main); } 
.bbs-list-wrap3 .faq-item .cont { position: relative; display: none; padding: 10px 30px 30px 60px; } 
.bbs-list-wrap3 .faq-item .cont::before { content:"A"; position: absolute; top: 25px; left: 24px; display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; font-weight: 600; font-size: 16px; color: var(--pink); } 
/* .bbs-list-wrap3 .faq-item.on .cont { border-bottom: 1px solid var(--main); } */
.bbs-list-wrap3 .faq-item .cont .txt { padding: 20px; line-height: 1.4; font-size: 18px; color: #444; background-color: var(--gray-f9); border-radius: 6px; } 
.bbs-list-wrap3 .faq-item .cont .txt > * { line-height: 1.4; font-size: 18px; } 
@media only screen and (max-width: 1023px){
 .bbs-list-wrap3 .faq-item .tit { padding: 30px 70px 30px 70px; } 
.bbs-list-wrap3 .faq-item .tit::before { left: 15px; width: 35px; height: 35px; font-size: 14px; } 
.bbs-list-wrap3 .faq-item .tit strong { font-size: 18px; } 
.bbs-list-wrap3 .faq-item .cont .txt { font-size: 16px; } 
.bbs-list-wrap3 .faq-item .cont .txt::before { left: 15px; width: 35px; height: 35px; font-size: 14px; } 
.bbs-list-wrap3 .faq-item .cont .txt > * { font-size: 16px; } 
 }

/* 갤러리 게시판 */
/* .bbs-list-wrap4 { display: flex; flex-wrap: wrap; margin: 0 -15px; } 
.bbs-list-wrap4 .gallery-item { width: 33.3%; margin-bottom: 30px; padding: 0 15px; } 
.bbs-list-wrap4 .gallery-item a { display: block; border: 1px solid var(--gray-dd); } 
.bbs-list-wrap4 .gallery-item a .img-wrap { position: relative; width: 100%; height: 0; padding-bottom: 56%; background: var(--gray-f6); } 
.bbs-list-wrap4 .gallery-item a .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.bbs-list-wrap4 .gallery-item a .txt-wrap { padding: 40px 30px; } 
.bbs-list-wrap4 .gallery-item a .txt-wrap .date { display: block; font-size: 14px; color: #666; } 
.bbs-list-wrap4 .gallery-item a .txt-wrap .tit { height: 60px; margin-top: 20px; line-height: 1.4; font-weight: 700; font-size: 20px; word-break: keep-all; } */

.bbs-list-wrap4 { display: flex; flex-wrap: wrap; margin: 0 -10px; margin-bottom: -50px; } 
.bbs-list-wrap4 .gallery-item { width: 25%; margin-bottom: 50px; padding: 0 10px; } 
.bbs-list-wrap4 .gallery-item a { display: block; border: 1px solid #e5e5e5; transition: all .3s; } 
.bbs-list-wrap4 .gallery-item a:hover { border: 1px solid var(--light-main); } 
.bbs-list-wrap4 .gallery-item a .img-wrap { position: relative; width: 100%; height: 0; padding-bottom: 90%; background: #f5f5f5; } 
.bbs-list-wrap4 .gallery-item a .img-wrap::after { content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 100%); } 
.bbs-list-wrap4 .gallery-item a .img-wrap .tag { position: absolute; left: 15px; top: 15px; z-index: 2; } 
.bbs-list-wrap4 .gallery-item a .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.bbs-list-wrap4 .gallery-item a .txt-wrap { padding-top: 15px; } 
.bbs-list-wrap4 .gallery-item a .txt-wrap .tit { height: 52px; margin-bottom: 15px; line-height: 1.4; font-weight: 700; font-size: 18px; word-break: keep-all; } 
.bbs-list-wrap4 .gallery-item a .txt-wrap .date { display: block; font-size: 15px; color: #888; } 
.bbs-list-wrap4 .gallery-item a .txt-wrap .date + .date { margin-top: 6px; } 
@media only screen and (max-width: 1023px){
 .bbs-list-wrap4 .gallery-item { width: 50%; margin-bottom: 40px; padding: 0 10px; } 
 /* .bbs-list-wrap4 .gallery-item a .txt-wrap { padding: 30px; } */
 .bbs-list-wrap4 .gallery-item a .txt-wrap .tit { height: 52px; font-size: 18px; } 
 }
@media only screen and (max-width: 500px){
 .bbs-list-wrap4 .gallery-item { width: 100%; } 
.bbs-list-wrap4 .gallery-item a .img-wrap { height: 50%; } 
 }

.bbs-list-wrap5 { display: flex; flex-wrap: wrap; margin: 0 -20px; margin-bottom: -50px; } 
.bbs-list-wrap5 .item { width: 33.3%; margin-bottom: 50px; padding: 0 20px; } 
.bbs-list-wrap5 .item a { display: block; padding: 20px; background: #f9f9f9; border-top: 2px solid var(--main); } 
.bbs-list-wrap5 .item a .sm-txt { position: relative; font-size: 1.7rem; color: var(--light-main); font-weight: 500; padding-left: 12px; } 
.bbs-list-wrap5 .item a .sm-txt::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 5px; height: 5px; background: var(--light-main); border-radius: 10px; } 
.bbs-list-wrap5 .item a .tit { margin: 40px 0; font-size: 2rem; font-weight: 600; line-height: 1.4; } 
.bbs-list-wrap5 .item a .date { display: flex; justify-content: right; gap: 10px; color: #666; } 
@media only screen and (max-width:1023px){
 .bbs-list-wrap5 .item { width: 50%; } 
 }
@media only screen and (max-width:767px){
 .bbs-list-wrap5 .item { width: 100%; } 
 }
/* 게시판 상세 */
.bbs-view .bbs-header { padding: 50px 60px; border-top: 2px solid var(--main); border-bottom: 1px solid var(--gray-e5); } 
.bbs-view .bbs-header .tag { text-align: center; } 
.bbs-view .bbs-header .tag span { display: inline-block; padding: 8px 20px; font-size: 1.8rem; border-radius: 100px; background-color: var(--dark-sub); color: #fff; } 
.bbs-view .bbs-header .tit { display: block; line-height: 1.4; margin-bottom: 30px; font-weight: 700; font-size: 3.6rem; color: #222; text-align: center; } 
.bbs-view .bbs-header .info { display: flex; justify-content: center; } 
.bbs-view .bbs-header .info span { position: relative; font-weight: 500; font-size: 1.8rem; color: #777; } 
.bbs-view .bbs-header .info span + span { margin-left: 15px; padding-left: 15px; } 
.bbs-view .bbs-header .info span + span::before { content:""; position: absolute; top: 4px; left: 0; width: 1px; height: 11px; background: var(--gray-e5); } 
.bbs-view .bbs-body { padding: 80px 50px; border-bottom: 1px solid var(--gray-e5); } 
.bbs-view .bbs-body img { max-width: 100%; } 
.attr-box { margin-top: 30px; padding: 30px; background: var(--gray-f9); } 
.attr-box .tit { display: block; margin-bottom: 14px; font-size: 1.7rem; line-height: 1.4; word-break: keep-all; word-wrap: break-word; } 
.attr-box li { margin-top: 1rem; margin-bottom: 1rem; } 
.file { display: flex; align-items: center; gap: 2px; } 
.file .icn-down { width: 12px; height: 12px; margin-right: 5px; } 
.file span { color: #999; } 
.file-btn { position: relative; } 
.bbs-view .bbs-foot { display: flex; justify-content: space-between; align-items: center; padding-top: 40px; } 
.bbs-view .bbs-foot .go-other-btn { display: flex; align-items: center; justify-content: flex-start; gap: 20px; width: 100%; } 
.bbs-view .bbs-foot .go-other-btn strong { flex-shrink: 0; display: flex; align-items: center; gap: 10px; } 
.bbs-view .bbs-foot .go-other-btn span { width: 100%; max-width: 400px; color: #666; } 
.bbs-view .bbs-foot .go-next-btn { flex-direction: row-reverse; } 
.bbs-view .bbs-foot .go-next-btn span { text-align: right; } 
@media only screen and (max-width: 1023px){
 .bbs-view .bbs-header { padding: 30px 20px; } 
.bbs-view .bbs-header .tit { margin-bottom: 15px; font-size: 2.6rem; } 
.bbs-view .bbs-body { padding: 35px 0; } 
.bbs-view .bbs-body .attr-box { padding: 20px; } 
 .bbs-view .bbs-foot { flex-flow: column wrap; padding-top: 0; } 
 .bbs-view .bbs-foot .go-list-btn { order: 1; } 
 .bbs-view .bbs-foot .go-other-btn { padding: 20px 0; border-bottom: 1px solid var(--gray-e5); } 
.bbs-view .bbs-foot .go-other-btn i { display: none; } 
.bbs-view .bbs-foot .go-other-btn span { max-width: unset; height: 14px; } 
 .bbs-view .bbs-foot .go-next-btn { flex-direction: row; margin-bottom: 20px; } 
.bbs-view .bbs-foot .go-next-btn span { text-align: left; } 
 }
@media only screen and (max-width: 560px){
 .bbs-view .bbs-foot .go-other-btn span { height: 12px; } 
 }

/* 폼 */
.esn { font-size: 1.6rem; color: var(--pink); } 
.not-esn {display: inline-block; width: 12.4px; font-size: 0;} 
.inp-st1 { width: 100%; height: 50px; line-height: 50px; padding: 0 10px; font-size: 15px; background: #fff; border: 1px solid var(--gray-dd); transition: all 0.3s; } 
.inp-st1:focus { border: 1px solid var(--main); outline: none; } 
.inp-st1:disabled { background-color: var(--gray-f5); } 
textarea.inp-st1 { min-height: 100px; padding: 10px 15px; line-height: 1.4; overflow-y: auto; } 
.inp-sht { min-width: 160px; max-width: 160px; } 
.inp-min { width: 70px !important; } 
.inp-fit { width: fit-content !important; } 
input.inp-min { text-align: center; } 
.inp-mid { max-width: 180px; } 
.inp-st1[type="date"] { width: unset; } 
select.inp-st1 { appearance: none; padding: 0 55px 0 15px; font-size: 15px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M10.2856 1.25L5.99993 5.75L1.71422 1.25' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 15px center / 10px 6px; } 
.inp-st2 { height: 40px; line-height: 40px; padding: 0 10px; font-size: 15px; background: #fff; border: none; border-bottom: 1px solid var(--gray-e5); } 
select.inp-st2 { appearance: none; padding: 0 50px 0 10px; font-size: 15px; background: #fff url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.25 31.04'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23555; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='44.25 3 23.62 28.04 3 3'/%3E%3C/svg%3E") no-repeat right 15px center / auto 6px; } 
.inp-st3 { width: 100%; height: 30px; line-height: 30px; padding: 0 10px; font-size: 14px; border: 1px solid var(--gray-e5); border-radius: 3px; } 
/* .inp-flex { display: flex; align-items: center; } */
.inp-flex button { flex-shrink: 0; } 
.inp-flex .inp-txtarea { width: 100%; border: 1px solid var(--gray-cc); } 
.inp-flex .inp-txtarea .txt-box { position: relative; width: 100%; padding: 7px; } 
.inp-flex .inp-txtarea .txt-box .textarea textarea { width: 100%; height: 35px; padding: 7px; resize: none; } 
.inp-flex .inp-txtarea .txt-box .textarea label { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; z-index: 1; font-size: 15px; color: #999; } 
.inp-flex .inp-txtarea .txt-box .file-box2 { display: none; margin-top: 20px; } 
.inp-flex .inp-txtarea .txt-box .write-count { display: none; padding: 10px; font-size: 14px; color: #777; text-align: right; } 
.inp-flex .inp-txtarea .bottom { display: none; justify-content: space-between; align-items: center; padding: 8px 8px 8px 15px; border-top: 1px solid var(--gray-e5); } 
.inp-flex .inp-txtarea .bottom .lf { display: flex; align-items: center; gap: 20px; } 
.inp-flex .inp-txtarea .bottom .lf .secret-btn button { font-size: 12px; color: #555; white-space: nowrap; } 
.inp-flex .inp-txtarea .bottom .lf .secret-btn button::before { content:""; display: inline-block; width: 16px; height: 16px; margin-right: 2px; background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 40.72'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke: %232e4bcc; %7D .cls-1, .cls-2 %7B fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D .cls-2 %7B stroke: %23333; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M6.83,14.86v-5.92c0-4.51,3.67-7.44,8.17-7.44s8.17,2.94,8.17,7.44v5.92'/%3E%3Cg%3E%3Crect class='cls-2' x='1.5' y='15.72' width='27' height='23.5' rx='5' ry='5'/%3E%3Cline class='cls-1' x1='15' y1='24.72' x2='15' y2='30.22'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 14px; vertical-align: middle; } 
.inp-flex .inp-txtarea .bottom .lf .secret-btn .inp-st3 { display: none; font-size: 11px; } 
.inp-flex .inp-txtarea .bottom .lf .secret-btn .inp-st3::placeholder { font-size: 11px; } 
.inp-flex .inp-txtarea .bottom .lf .secret-btn.on button { font-weight: 600; color: #333; } 
.inp-flex .inp-txtarea .bottom .lf .secret-btn.on button::before { background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 40.72'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke: %23222; %7D .cls-1, .cls-2 %7B fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D .cls-2 %7B stroke: %23222; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M6.83,14.86v-5.92c0-4.51,3.67-7.44,8.17-7.44s8.17,2.94,8.17,7.44v5.92'/%3E%3Cg%3E%3Crect class='cls-2' x='1.5' y='15.72' width='27' height='23.5' rx='5' ry='5'/%3E%3Cline class='cls-1' x1='15' y1='24.72' x2='15' y2='30.22'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 14px; vertical-align: middle; } 
.inp-flex .inp-txtarea .bottom .lf .secret-btn.on .inp-st3 { display: inline-block; } 
.inp-flex .inp-txtarea .bottom .rg { display: flex; gap: 5px; margin-left: auto; } 
.inp-flex .inp-txtarea.open .txt-box .write-count { display: block; } 
.inp-flex .inp-txtarea.open .txt-box textarea { height: 90px; } 
.inp-flex .inp-txtarea.open .txt-box label { display: none; } 
.inp-flex .inp-txtarea.open .txt-box .file-box2 { display: block; } 
.inp-flex .inp-txtarea.open .bottom { display: flex; } 
.inp-flex .inp-txtarea.open .bottom .write-count { display: block; } 
@media only screen and (max-width: 767px){
 .inp-st1 { font-size: 14px; } 
select.inp-st1 { padding: 0 55px 0 15px; font-size: 14px; background-size: auto 6px; background-position: right 15px center; } 

.inp-flex .inp-txtarea.open .bottom { flex-direction: column; } 
.inp-flex .inp-txtarea .bottom .lf { width: 100%; } 
.inp-flex .inp-txtarea .txt-box textarea { height: 38px; padding: 10px; } 
.inp-flex .inp-txtarea .txt-box label { left: 10px; font-size: 14px; } 
 }
@media only screen and (max-width: 470px){
 .inp-flex .inp-txtarea .bottom { flex-direction: column; align-items: baseline; gap: 8px; padding: 8px; } 
.inp-flex .inp-txtarea .bottom .lf { flex-direction: column; align-items: baseline; gap: 5px; } 
.inp-flex .inp-txtarea .bottom .rg { width: 100%; } 
 }

.form-wrap1 > .title { display: flex; justify-content: space-between; align-items: flex-end; padding: 20px 0; flex-wrap: wrap; gap: 20px; } 
.form-wrap1 > .title.bd-b { border-bottom: 2px solid var(--main); } 
.form-wrap1 > .title strong { font-size: 2.4rem; color: #333; } 
.form-wrap1 > .title span { color: var(--gray-66); } 
.form-wrap1 > .title .esn { margin-left: auto; font-size: 1.6rem; color: #555; } 
.form-wrap1 > .title .esn b { color: var(--pink); } 
.form-wrap1 .form-frame .form-group { display: flex; padding: 1rem 0; } 
.form-wrap1 .form-frame .form-group .label { flex-shrink: 0; width: 10rem; padding-top: 1.2rem; font-weight: 600; } 
.form-wrap1 .form-frame .form-group .col { flex-grow: 1; flex-basis: 0; max-width: 100%; } 
.form-wrap1 .form-frame .form-group .col .btn-bace1 { cursor: pointer; } 
.form-wrap1 .form-frame .form-group .check-col > * { padding-top: 10px; } 
.form-wrap1 .form-frame .form-group .col textarea.inp-st1 { height: 200px; line-height: 1.3; } 

.form-wrap1 .inp-flex textarea.inp-st1 { height: 200px; line-height: 1.3; } 
@media only screen and (max-width: 767px){
 .form-wrap1 .form-frame .form-group { flex-direction: column; } 
.form-wrap1 .form-frame .form-group .label { padding-bottom: 1.2rem; } 
 }

/******* 첨부파일 *******/
.file-box .file-list { max-width: 50rem; margin-top: 10px; padding: 12px 15px; border: 1px solid var(--gray-dd); } 
.file-box .file-list li { display: flex; align-items: center; gap: 10px; margin-top: 0.5rem; margin-bottom: 0.5rem; } 
.file-box .file-list li span { display: flex; align-items: center; gap: 5px; color: #777; word-break: keep-all; } 
.file-box .file-list li span::before { content:""; width: 18px; height: 18px; background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38.54 53.67'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23641E7A; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M37.04,25.39l-10.33,19.63c-3.44,6.53-11.53,9.05-18.06,5.62h0c-6.54-3.44-9.06-11.52-5.61-18.07l.02-.04L16.91,6.19c2.24-4.28,7.54-5.93,11.82-3.68h0c4.28,2.25,5.92,7.56,3.67,11.83l-13.86,26.34-.03.05c-1.18,2.25-3.97,3.12-6.23,1.93h0c-2.26-1.19-3.12-3.98-1.93-6.23l12.28-23.34'/%3E%3C/svg%3E") no-repeat center / auto 14px; } 
.file-box .file-list li .delete-btn .icn-close { width: 12px; height: 12px; background-size: auto 10px; } 

.file-box2 .file-list li { display: flex; justify-content: space-between; gap: 10px; padding: 12px; background: var(--gray-f9); } 
.file-box2 .file-list li .lf { flex-shrink: 0; display: flex; justify-content: space-between; align-items: center; gap: 10px; } 
.file-box2 .file-list li .lf .img-wrap { width: 30px; height: 30px; background: var(--gray-dd); } 
.file-box2 .file-list li .lf .txt strong { display: block; margin-bottom: 4px; font-weight: 600; font-size: 14px; color: #444; } 
.file-box2 .file-list li .lf .txt em { display: block; font-size: 11px; color: #888; } 
.file-box2 .file-list li .rg { display: flex; justify-content: end; align-items: center; gap: 15px; flex-grow: 1; } 
.file-box2 .file-list li .rg .progressbar { position: relative; width: 100%; max-width: 300px; height: 3px; background: var(--gray-cc); } 
.file-box2 .file-list li .rg .progressbar .active { position: absolute; top: 0; left: 0; width: 30%; height: 3px; background: var(--main-color); } 
.file-box2 .file-list li .rg .delete .icn-close { width: 16px; height: 16px; background-size: auto 10px; } 

.file-btn2 label { display: inline-block; font-size: 12px; color: #555; white-space: nowrap; } 
.file-btn2 label::before { content:""; display: inline-block; margin-right: 2px; width: 16px; height: 16px; background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38.54 53.67'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23222; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M37.04,25.39l-10.33,19.63c-3.44,6.53-11.53,9.05-18.06,5.62h0c-6.54-3.44-9.06-11.52-5.61-18.07l.02-.04L16.91,6.19c2.24-4.28,7.54-5.93,11.82-3.68h0c4.28,2.25,5.92,7.56,3.67,11.83l-13.86,26.34-.03.05c-1.18,2.25-3.97,3.12-6.23,1.93h0c-2.26-1.19-3.12-3.98-1.93-6.23l12.28-23.34'/%3E%3C/svg%3E") no-repeat center / auto 14px; cursor: pointer; vertical-align: middle; } 

/*** pagination ***/ 
.pagination { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 50px; } 
.pagination a { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; font-weight: 400; font-size: 15px; color: var(--gray-66); border: 1px solid transparent; border-radius: 6px; text-align: center; background-position: center; background-repeat: no-repeat; background-size: contain; transition: all .3s; } 
.pagination a.active { color: #fff; background-color: var(--main); } 
.pagination a.arr-btn { display: block; width: 15px; height: 15px; font-size: 0; border: none; background-repeat: no-repeat; background-position: center center; background-size: auto 13px; } 
.pagination a.arr-btn.first { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14.5px' height='15.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(102, 102, 102)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M12.138,12.635 L11.715,13.058 L6.328,7.671 L6.540,7.460 L6.328,7.248 L11.715,1.862 L12.138,2.285 L6.963,7.460 L12.138,12.635 ZM7.138,12.635 L6.715,13.058 L1.328,7.671 L1.540,7.460 L1.328,7.248 L6.715,1.862 L7.138,2.285 L1.963,7.460 L7.138,12.635 Z'/%3E%3C/svg%3E"); } 
.pagination a.arr-btn.prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9.5px' height='15.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(102, 102, 102)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M7.138,12.635 L6.715,13.058 L1.328,7.671 L1.540,7.460 L1.328,7.248 L6.715,1.862 L7.138,2.285 L1.963,7.460 L7.138,12.635 Z'/%3E%3C/svg%3E"); } 
.pagination a.arr-btn.next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9.5px' height='15.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(102, 102, 102)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M7.140,7.658 L1.754,13.044 L1.331,12.621 L6.505,7.446 L1.331,2.271 L1.754,1.848 L7.140,7.235 L6.929,7.446 L7.140,7.658 Z'/%3E%3C/svg%3E"); } 
.pagination a.arr-btn.last { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14.5px' height='15.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(102, 102, 102)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M12.140,7.658 L6.754,13.044 L6.331,12.621 L11.505,7.446 L6.331,2.271 L6.754,1.848 L12.140,7.235 L11.929,7.446 L12.140,7.658 ZM6.929,7.446 L7.140,7.658 L1.754,13.044 L1.331,12.621 L6.505,7.446 L1.331,2.271 L1.754,1.848 L7.140,7.235 L6.929,7.446 Z'/%3E%3C/svg%3E"); } 
.pagination a:hover { border: 1px solid var(--main); } 
.pagination a.arr-btn:hover { border: none; } 
@media only screen and (max-width: 470px){
 .pagination a { width: 30px; height: 30px; line-height: 30px; } 
 }

.card-box1 { padding: 30px; background: var(--gray-f9); } 

.bbs-preview .bbs-header { display: block; padding: 36px; border-top: 2px solid var(--dark-main); border-bottom: 1px solid var(--gray-e5); } 
.bbs-preview .bbs-header .tit { display: block; margin-bottom: 2rem; font-size: 2.6rem; color: #222; } 
.bbs-preview .bbs-header .tit i.lock { width: 14px; height: 18px; margin-right: 8px; } 
.bbs-preview .bbs-header .tit:only-child { margin-bottom: 0; } 
.bbs-preview .bbs-header .info { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; } 
.bbs-preview .bbs-header .info span { display: flex; align-items: center; gap: 15px; font-size: 18px; color: #777; } 
.bbs-preview .bbs-header .info span + span::before { content:""; width: 1px; height: 10px; background: var(--gray-e5); } 
.bbs-preview .bbs-header .info .company { position: relative; padding-left: 22px; } 
.bbs-preview .bbs-header .info .company::before { content: ""; position: absolute; left: 0; top: 50%; width: 16px; height: 16px; margin-right: 6px; background: url(../img/content/i-building.svg) no-repeat center / contain; transform: translateY(-50%); } 
.bbs-preview .bbs-body { padding: 30px; background: var(--gray-f9); } 
.bbs-preview .editor-text + .attr-box { border-top: 1px solid var(--gray-dd); background-color: #fff; } 
.bbs-preview + .bbs-preview { margin-top: 6rem; } 
@media only screen and (max-width: 767px){
 .bbs-preview .bbs-header { padding: 20px; } 
.bbs-preview .bbs-header .tit { margin-bottom: 1.5rem; font-size: 18px; text-align: center; } 
.bbs-preview .bbs-header .info { justify-content: center; } 
.bbs-preview .bbs-header .info span { gap: 15px; font-size: 15px; } 
.bbs-preview .bbs-body { padding: 20px; } 
.bbs-preview + .bbs-preview { margin-top: 30px; } 
 }

.bd-box { padding: 60px 20px; border-top: 2px solid #333; border-bottom: 1px solid var(--gray-e5); } 
.bd-box-mid { max-width: 600px; margin: 0 auto; } 
.bd-box .tit { display: block; font-size: 3rem; color: #222; } 
.bd-box .txt { display: block; line-height: 1.4; font-size: 1.8rem; color: #666; } 
.bd-box .icn { margin: 0 auto; width: 50px; height: 50px; } 

.bd-box .inp-st1 { max-width: 400px; } 


/********** table **********/
.table-st1 { width: 100%; word-break: keep-all; border-top: 2px solid var(--main); } 
.table-st1 td { padding: 20px; border-bottom: 1px solid #eee; line-height: 1.4; font-size: 2rem; color: #666; word-break: break-all; } 
.table-st1 tr td.bg { min-width: 80px; border-left: 0; border-bottom: 2px solid #fff; line-height: 1.4; font-weight: 500; font-size: 2rem; color: var(--main); background-color: var(--light-bg); text-align: center; word-break: keep-all; } 
.table-st1 tr td.bg.bg2 { border-left: 2px solid #fff; } 
.table-st1 tr td.bg span { color: var(--pink); } 
.table-st1 td.txt-ce { text-align: center; } 
.table-st1 td.bold { font-weight: 600; } 
.table-st1 .no-bord { border-bottom: 0; } 
.table-st1 input[type="checkbox"] { width: auto; } 
.table-st1 input.rdo-st1 + label.rdo-st1 { font-size: 2rem; } 
.table-st1 input.rdo-st1 + label.rdo-st1:before { top: 3px; } 
.table-st1 input.rdo-st1:checked + label.rdo-st1:before { top: 3px; } 
.table-st1 input.rdo-st1:checked + label.rdo-st1::after { top: 9px; } 
.table-st1 input.full-input { width: 100%; } 
.table-st1 input::placeholder { font-size: 15px; } 
.table-st1 input[type="text"]:focus { outline: 1px solid var(--main); } 
.table-st1 select { display: block; width: 100%; max-width: 50rem; } 
.table-st1 select[name=telFirst] { width: 15rem; } 
.table-st1 select:focus-visible { outline: 1px solid var(--main); } 
.table-st1 .coution { margin-top: 20px; } 
.table-st1 div.flex .inp-st1 { width: 35rem; } 
.table-st1 .radio-wrap > div { width: 100%; max-width: 250px; } 
.table-st1 .num { display: flex; align-items: center; gap: 8px; } 

/* 인보이스용 */
.table-st2 { width: 100%; word-break: keep-all; border-top: 1px solid #ccc;} 
.table-st2 td { padding: 8px; border-bottom: 1px solid #ccc; line-height: 1.4; font-size: 2rem; color: #000; word-break: break-all; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } 
.table-st2 tr td { border-bottom: 1px solid #ccc; line-height: 1.4; font-weight: 400; font-size: 13px; color: #000;}
.table-st2 tr td.bg { min-width: 80px; background-color: #eeeeee; text-align: center; word-break: keep-all; font-weight: 500; } 
.table-st2 tr td.bg.bg2 { border-left: 2px solid #fff; } 
.table-st2 tr td.bg span { color: var(--pink); } 
.table-st2 td.txt-ce { text-align: center; } 
.table-st2 td.bold { font-weight: 600; } 
.table-st2 .no-bord { border-bottom: 0; } 
.table-st2 input[type="checkbox"] { width: auto; } 
.table-st2 input.rdo-st1 + label.rdo-st1 { font-size: 2rem; } 
.table-st2 input.rdo-st1 + label.rdo-st1:before { top: 3px; } 
.table-st2 input.rdo-st1:checked + label.rdo-st1:before { top: 3px; } 
.table-st2 input.rdo-st1:checked + label.rdo-st1::after { top: 9px; } 
.table-st2 input.full-input { width: 100%; } 
.table-st2 input::placeholder { font-size: 15px; } 
.table-st2 input[type="text"]:focus { outline: 1px solid var(--main); } 
.table-st2 select { display: block; width: 100%; max-width: 50rem; } 
.table-st2 select[name=telFirst] { width: 15rem; } 
.table-st2 select:focus-visible { outline: 1px solid var(--main); } 
.table-st2 .coution { margin-top: 20px; } 
.table-st2 div.flex .inp-st1 { width: 35rem; } 
.table-st2 .radio-wrap > div { width: 100%; max-width: 250px; } 
.table-st2 .num { display: flex; align-items: center; gap: 8px; } 

@media only screen and (max-width:767px){
 .table-st1 { table-layout: fixed; } 
 .table-st1 colgroup { display: none; } 
 .table-st1 td { padding: 10px; } 
 .table-st1 tr td.bg { font-size: 16px; width: 100px; word-break: break-all; } 
 .table-st1 div.flex .inp-st1 { width: 100%; } 
 }
@media only screen and (max-width:450px){
 .table-st1 input { width: 100%; } 
 }
@media only screen and (max-width:390px){
 .table-st1 button[type=submit] { width: 100%; } 
 }

/********** tab **********/
/* .tab-st1 { margin-top: 80px; } */
.tab-st1 .tab { display: flex; align-items: stretch; flex-wrap: wrap; margin-bottom: 40px; } 
.tab-st1 .tab > li { flex: 1; } 
.tab-st1 .tab > li > a { display: block; height: 60px; border-right: 1px solid #fff; line-height: 60px; font-size: 2.5rem; color: #444; background-color: var(--light-bg); text-align: center; } 
.tab-st1 .tab > li.on > a { border-top: 2px solid var(--main); border-right: none; font-weight: 500; color: var(--main); background-color: #fff; } 
.tab-st1 .tab > li:last-child > a { border-right: none; } 

.tab-st2 .tab { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; width: 100%; margin-top: 30px; } 
.tab-st2 .tab li a { display: block; padding: 10px 20px; border: 1px solid var(--sub); font-weight: 500; font-size: 2rem; color: var(--sub); } 
.tab-st2 .tab li.on a { background-color: var(--sub); color: #fff; } 

.tab-cont .cont { display: none; } 
.tab-cont .cont.on { display: block; } 
@media only screen and (max-width: 1300px){
 .tab-st1 .tab.nth6 { flex-wrap: wrap; } 
.tab-st1 .tab.nth6 > li { flex: unset; width: 50%; } 
 }
@media only screen and (max-width: 600px){
 .tab-st1 .tab.nth6 > li { width: 100%; } 
 }


/********** list **********/
.list1 > li { position: relative; line-height: 1.5; margin-bottom: 30px; padding-left: 16px; font-size: 2.2rem; color: #444; } 
.list1 > li:before { content: ""; position: absolute; top: 13px; left: 0; width: 6px; height: 6px; border-radius: 100%; background-color: var(--light2-main); } 
.list1 > li:last-child { margin-bottom: 0; } 
.list2 > li { position: relative; line-height: 1.4; margin-bottom: 10px; padding-left: 12px; font-weight: 400; font-size: 2rem; color: #666; } 
.list2 > li:last-child { margin-bottom: 0; } 
.list2 > li:before { content: ""; position: absolute; top: 14px; left: 0; width: 5px; height: 1px; background: #666; } 
.list3 > li { position: relative; line-height: 1.5; margin-bottom: 2px; padding-left: 15px; font-size: 1.8rem; color: #666; counter-increment: number-counter1; } 
.list3 > li:before { content: counter(number-counter1) "."; position: absolute; top: 2px; left: 0; font-size: 1.6rem; color: #666; } 
.list4 > li { position: relative; line-height: 1.6; margin-bottom: 3px; padding-left: 12px; font-weight: 400; font-size: 16px; color: #666; } 
.list4 > li > strong { font-weight: 600; } 
.list4 > li:last-child { margin-bottom: 0; } 
.list4 > li:before { content: ""; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; background: #666; border-radius: 100%; } 


/********** checkbox & radio **********/
/* 체크박스 */
.checklist-st1 { display: flex; align-items: center; flex-wrap: wrap; gap: 15px 20px; } 
.checkbox { position: relative; } 
input.chk-st1 { position: absolute; top: 0px; left: 0; width: 18px; height: 18px; cursor: pointer; border: none; border-radius: 2px; appearance: none; background: transparent; } 
input.chk-st1 + label.chk-st1 { position: relative; display: block; padding-left: 25px; line-height: 18px; font-size: 1.8rem; color: #666; cursor: pointer; } 
input.chk-st1 + label.chk-st1::before { content: ""; position: absolute; top: 0px; left: 0; width: 18px; height: 18px; background: #fff; border: 1px solid var(--gray-e5); border-radius: 2px; } 
input.chk-st1:checked + label.chk-st1 { font-weight: 500; color: #333; } 
input.chk-st1:disabled + label.chk-st1 { cursor: default; } 
input.chk-st1:checked + label.chk-st1::before { content: ""; position: absolute; top: 0px; left: 0; width: 18px; height: 18px; border-radius: 2px; background: var(--main); border: 1px solid var(--main); } 
input.chk-st1:checked + label.chk-st1::after { content: ""; position: absolute; top: 4px; left: 7px; width: 5px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left:transparent; border-top:transparent; transform:rotate(40deg); } 

.checkbox.noLabel { width: 18px; height: 18px; } 
.checkbox.noLabel input.chk-st1 { background: #fff; border: 1px solid var(--gray-e5); border-radius: 2px; } 
.checkbox.noLabel input.chk-st1:checked { background: var(--main); border: 1px solid var(--main); } 
.checkbox.noLabel input.chk-st1:checked::after { content: ""; position: absolute; top: 3px; left: 6px; width: 5px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left:transparent; border-top:transparent; transform:rotate(40deg); } 

td .checkbox.noLabel { margin: 0 auto; } 

/* 라디오 */
.radio { position: relative; } 
input.rdo-st1 { appearance: none; position: absolute; top: -1px; left: 0; width: 18px; height: 18px; margin: 0; border: none; background: transparent; } 
input.rdo-st1 + label.rdo-st1 { position: relative; padding-left: 25px; line-height: 18px; font-size: 1.8rem; color: #666; cursor: pointer; } 
input.rdo-st1 + label.rdo-st1:before { content: ""; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; background: #fff; border: 1px solid var(--gray-e5); border-radius: 100%; } 
input.rdo-st1:checked + label.rdo-st1 { font-weight: 600; } 
input.rdo-st1:disabled + label.rdo-st1 { cursor: default; } 
input.rdo-st1:checked + label.rdo-st1:before { content: ""; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; background: var(--main); border: 1px solid var(--main); } 
input.rdo-st1:checked + label.rdo-st1:after { content: ""; position: absolute; top: 7px; left: 6px; width: 6px; height: 6px; background: #fff; border-radius: 100%; } 

/********** btn **********/
/* 버튼 정렬 */
.btn-lf { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 5px; } 
.btn-ce { display: flex; justify-content: center; flex-wrap: wrap; gap: 5px; } 
.btn-rg { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 5px; } 
@media only screen and (max-width: 560px){
 .btn-ce { flex-wrap: wrap; } 
.btn-ce > a, .btn-ce > button { flex: 1; min-width: fit-content; } 
 }
@media only screen and (max-width: 340px){
 .btn-ce button { max-width: unset; width: 100%; } 
 }

.btn-bace1 { display: block; min-width: 80px; width: fit-content; height: 50px; line-height: 50px; padding: 0 20px; font-family: var(--point-fc); font-weight: 600; font-size: 2rem; white-space: nowrap; text-align: center; } 
.btn-bace2 { display: block; min-width: 80px; width: fit-content; height: 50px; line-height: 50px; padding: 0 20px; font-family: var(--point-fc); font-weight: 600; font-size: 2rem; white-space: nowrap; text-align: center; } 
.btn-bace3 { display: block; min-width: 80px; width: fit-content; height: 45px; line-height: 45px; padding: 0 10px 0 20px; font-family: 'Pretendard', sans-serif; font-weight: 500; font-size: 2.2rem; white-space: nowrap; } 
.btn-bace4 { display: block; min-width: 80px; width: fit-content; height: 50px; line-height: 50px; padding: 0 20px; font-family: 'Pretendard', sans-serif; font-weight: 500; font-size: 2rem; white-space: nowrap; text-align: center; } 
.btn-bace5 { display: block; width: 100%; max-width: 300px; height: 50px; line-height: 50px; padding: 0 20px; font-family: 'Pretendard', sans-serif; font-weight: 500; font-size: 2rem; white-space: nowrap; text-align: center; } 
.btn-bace6 { display: block; width: 100%; height: 50px; line-height: 50px; padding: 0 20px; font-family: 'Pretendard', sans-serif; font-weight: 500; font-size: 2rem; white-space: nowrap; text-align: center; transition: all .3s ease; } 
.btn-bace6:hover { color: #fff; background: var(--main); } 
.btn-bace7 { display:inline-block;font-family: 'Pretendard', sans-serif; font-weight: 500; white-space: nowrap; text-align: center; padding: 13px 20px; } 
.btn-bace8 { display:inline-block; padding: 6px 12px; font-family: 'Pretendard', sans-serif; font-weight: 500; white-space: nowrap; text-align: center; } 

/* .btn-bace2 { display: block; width: fit-content; height: 36px; line-height: 36px; padding: 0 15px; font-family: var(--point-fc); font-weight: 600; font-size: 14px; white-space: nowrap; border-radius: 6px; } */
/* .btn-bace3 { display: block; min-width: fit-content; width: 100%; max-width: 150px; height: 50px; line-height: 50px; padding: 0 20px; font-family: var(--point-fc); font-weight: 600; font-size: 16px; text-align: center; border-radius: 6px; } */
/* .btn-bace4 { display: block; min-width: fit-content; height: 30px; line-height: 30px; padding: 0 10px; font-family: var(--point-fc); font-weight: 600; font-size: 13px; text-align: center; border-radius: 6px; } */



/********** 팝업 **********/
.popup-wrap { display: none; position: fixed; top: 0; left: 0; z-index: 110; width: 100%; height: 100%; background: rgba(0,0,0,0.5) } 
.popup-wrap.active { display: block; } 
.popup-wrap .popup-inner { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 900px; padding: 20px; transform: translate(-50%, -50%); overflow: hidden; } 
.popup-wrap .popup-box1 { position: relative; height: 100%; max-height: calc(100% - 60px); background: #fff; overflow: hidden; } 
.popup-wrap .popup-box1 .popup-top { position: relative; padding: 20px; background: var(--main); } 
.popup-wrap .popup-box1 .popup-top .ti { font-weight: 700; font-size: 2.5rem; color: #fff; } 
.popup-wrap .popup-box1 .close { position: absolute; top: 23px; right: 23px; z-index: 1; display: block; width: 15px; height: 15px; } 
.popup-wrap .popup-box1 .close .icn-close { width: 15px; height: 15px; background-size: 15px; } 
.popup-wrap .popup-box1 .popup-cont { width: 100%; max-height: calc(100vh - 150px); margin-top: 10px; padding: 0 30px 30px 30px; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; } 
.popup-wrap .popup-box1 .popup-cont::-webkit-scrollbar { display: none; width: 0px; } 
/* .popup-wrap .popup-box1 .popup-cont table { min-width: 700px; } */
.popup-wrap .popup-box1 .popup-btn { margin-top: 30px; } 
/* .popup-wrap .flex { max-width: 32rem; margin: 0 auto; } */
.popup-wrap .popup-tit { font-size: 2rem; font-weight: 600; color: var(--main); } 

.artist-pop .popup-inner { width: 100%; max-width: 600px; } 
.popup-wrap .popup-box2 { position: relative; height: 100%; max-height: calc(100% - 60px); margin: 0 auto; border-radius: 10px; background: #fff; overflow: hidden; } 
.popup-wrap .popup-box2 > img { width: 100%; height: auto; overflow: hidden; } 
.popup-wrap .popup-box2 .popup-close-btn { position: absolute; right: 20px; top: 20px; display: block; width: 40px; height: 40px; border: 1px solid var(--gray-e5); font-size: 0; background-color: #fff; border-radius: 100%; text-align: center; } 
.popup-wrap .popup-box2 .popup-close-btn i { line-height: 40px; font-size: 1.6rem; } 
.popup-wrap .popup-box2 .popup-close-btn i::before { font-weight: 600 !important; } 

.popup-wrap.over-popup .popup-cont { overflow-y: scroll; } 

.popup-wrap.id-check-pop .popup-inner { max-width: 500px; } 

.popup-wrap.img-lp .popup-inner { max-width: 100vw; height: 100vh; padding: 0; } 
.popup-wrap.img-lp .popup-box1 { height: 100%; } 
.popup-wrap.img-lp .popup-inner .popup-cont { position: relative; height: 100%; max-height: 100%; margin-top: 0; padding-top: 30px; } 

.popup-wrap.post-lp .popup-inner { max-width: 630px; } 
.popup-wrap.post-lp .popup-box1 .popup-cont { margin-top: 0; padding-top: 30px; } 
.popup-wrap.post-lp .popup-box1 .popup-cont .img-wrap { position: relative; height: 0; padding-bottom: 141%; } 
.popup-wrap.post-lp .popup-box1 .popup-cont .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

.popup-wrap.post-lp2 .popup-box1 { height: 100%; } 
.popup-wrap.post-lp2 .popup-box1 .popup-cont { max-height: unset; margin-top: 0; padding-top: 30px; } 
.popup-wrap.post-lp2 .popup-box1 .popup-cont .img-wrap { position: relative; height: 0; padding-bottom: 100%; } 
.popup-wrap.post-lp2 .popup-box1 .popup-cont .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 

.popup-wrap.post-lp3 .popup-inner { max-width: 1200px; } 
.popup-wrap.post-lp3 .popup-box1 .close { top: 15px; right: 15px; } 
.popup-wrap.post-lp3 .popup-box1 .popup-cont { margin-top: 0; padding-top: 30px; } 
.popup-wrap.post-lp3 .popup-box1 .popup-cont .img-wrap { position: relative; height: 0; padding-bottom: 60%; } 
.popup-wrap.post-lp3 .popup-box1 .popup-cont .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

.popup-wrap.pw-lp .popup-inner { max-width: 400px; } 
.popup-wrap.pw-lp .popup-box1 .popup-cont .ti { display: block; margin-bottom: 20px; font-size: 2rem; text-align: center; } 
.popup-wrap.pw-lp .popup-box1 .popup-cont .txt1 { margin-bottom: 10px; } 
.popup-wrap.pw-lp .popup-box1 .popup-cont .inp-st1 { width: 100%; } 
.popup-wrap.pw-lp .popup-box1 .popup-btn { margin-top: 0; } 
.popup-wrap.pw-lp .popup-box1 .popup-btn .btn-bace1 { width: 100%; max-width: 100%; } 

.popup-wrap.pw-alam .popup-inner { max-width: 600px; } 
.popup-wrap.pw-alam .popup-box1 .popup-cont { text-align: center; } 
.popup-wrap.pw-alam .popup-box1 .popup-cont .txt { padding: 90px 10px 10px; border-radius: 2rem; background: var(--gray-f5) url(../img/content/i-warning.svg) no-repeat top 10px center / 60px 60px; } 
.popup-wrap.pw-alam .popup-box1 .popup-cont p { margin-bottom: 10px; line-height: 1.2; font-size: 1.6rem; word-break: keep-all; } 
.popup-wrap.pw-alam .popup-box1 .popup-btn { margin-top: 0; } 
.popup-wrap.pw-alam .popup-box1 .popup-btn .btn-bace1 { width: 100%; max-width: 100%; } 

.popup-wrap.qr-lp .popup-inner { max-width: 400px; } 
.popup-wrap.qr-lp .popup-inner .qr-img-wrap { position: relative; max-width: 100%; width: 100%; height: 0; padding-bottom: 100%; } 
.popup-wrap.qr-lp .popup-inner .qr-img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } 

.popup-wrap.choice-child .popup-inner { max-width: 600px; } 
.popup-wrap.choice-child table { height: auto; } 
.popup-wrap.choice-child table td { text-align: center; } 
.popup-wrap.choice-child table a:hover { font-weight: 600; } 

.popup-wrap .popup-search { display: flex; gap: 5px; } 

/*신유미 수정 -전시 부스 등록- popup-wrap.sub 스크롤 x */
.popup-wrap.view .popup-inner { max-width: 1250px; max-height: calc(100vh - 60px); background: #fff; } 

.submit-popup-wrap { display: none; } 
.submit-popup-wrap.active { display: block; } 

.inp-flex { display: flex; gap: 10px; } 
.inp-flex input { flex: 1; } 

.booth-name input { border-right: none; } 
.booth-name input:last-child { border-right: 1px solid #e5e5e5; } 
.booth-name input:disabled { background: #fff; border-color: #aaa; font-size: 2rem; font-weight: 500; text-align: center; color: #222; } 




@media only screen and (max-width: 900px){
 .popup-wrap .table-scroll-wrap { word-break: keep-all; overflow-x: scroll; } 
.popup-wrap .table-scroll-event { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(255,255,255,0.8); } 
.popup-wrap .table-scroll-event.hidden { display: none; } 
.popup-wrap .table-scroll-event .inner::before { content: ""; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 64.28'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M26.24,52.94s-8.39-7.82-8.39-15.08v-8.7c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2V6.25c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v12.24c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v3.74c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2v3.12c0-2.59,2.35-4.64,5.04-4.11,1.99.39,3.35,2.26,3.35,4.3h0c0,5.83.45,10.07-.06,15.51-.12,1.25-.34,2.49-.67,3.7l-2.09,7.84h-30.76Z'/%3E%3Cline class='cls-1' x1='26.24' y1='29.16' x2='26.24' y2='35.78'/%3E%3Cline class='cls-1' x1='34.63' y1='18.67' x2='34.63' y2='29.16'/%3E%3Cline class='cls-1' x1='43.03' y1='20.59' x2='43.03' y2='29.16'/%3E%3Cline class='cls-1' x1='51.42' y1='25.71' x2='51.42' y2='29.16'/%3E%3Crect class='cls-1' x='26.24' y='52.94' width='30.76' height='10.34'/%3E%3C/g%3E%3Cline class='cls-1' x1='40.31' y1='7.05' x2='58.94' y2='7.05'/%3E%3Cpolyline class='cls-1' points='52.89 1 58.94 7.05 52.89 13.11'/%3E%3Cline class='cls-1' x1='19.63' y1='7.05' x2='1' y2='7.05'/%3E%3Cpolyline class='cls-1' points='7.05 1 1 7.05 7.05 13.11'/%3E%3C/svg%3E"); animation: leftRight 2.4s infinite linear; } 

@keyframes leftRight { 
 0% { transform: translateX(0px); } 
50% { transform: translateX(-20px); } 
100% { transform: translateX(0px); } 
 }

.popup-wrap .table-scroll-event .inner::after { content: "좌우로 스크롤하세요"; position: absolute; left: 50%; top: 110px; transform: translateX(-50%); display: block; margin-top: 15px; font-size: 14px; } 
.popup-wrap .table-scroll-wrap .bbs-list-wrap2 { width: 1000px; } 
 }
@media only screen and (max-width: 767px){
 .popup-wrap .popup-box1 .popup-cont { max-height: calc(100vh - 60px); } 

.popup-wrap.post-lp2 .popup-img-swiper { padding: 20px; } 
 }
@media only screen and (max-width: 600px) { /* 비밀번호 변경 팝업 */
.popup-wrap .login-top { margin-bottom: 20px; } 
.pass-tip ul { flex-flow: column wrap; gap: 30px; } 
.pass-tip .img-wrap { margin-bottom: 10px; } 
.pass-tip .img-wrap img { height: 55px; } 
.pass-tip p br { display: none; } 
 }
@media only screen and (max-width: 560px){
 .popup-wrap .popup-box1 .popup-top { padding: 15px; } 
.popup-wrap .popup-box1 .close { top: 15px; right: 15px; } 
.popup-wrap .popup-box1 .popup-cont { padding: 0 10px 10px 10px; } 


.popup-wrap .popup-box2 .popup-cont { padding: 0 20px 20px 20px; } 

.popup-wrap.post-lp .popup-box1 .popup-cont { padding: 30px 10px 10px 10px; } 
 }

/********** 팝업 **********/
.popup-st2 { display: none; position: fixed; top: 0; left: 0; z-index: 101; align-items: center; justify-content: center; width: 100%; height: 100%; max-height: 100vh; background: rgba(0, 0, 0, 0.5); } 
.popup-st2.active { display: flex; } 
.popup-st2 .popup-inner { position: relative; max-width: 100%; max-height: 100%; display: flex; align-items: center; justify-content: center; background: #fff; } 
.popup-st2 .popup-inner .popup-close-btn { position: absolute; top: 0; right: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 20px; color: #fff; background: var(--main); } 
.popup-st2 .popup-inner .img-wrap { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; max-width: 100%; max-height: 100%; padding: 20px; overflow: hidden; } 
.popup-st2 .popup-inner .img-wrap img { display: block; max-width: 100%; max-height: calc(100vh - 40px); width: auto; height: auto; object-fit: contain; } 
/* 포토갤러리 */
.photo-gallery-pop { } 
.photo-gallery-pop .popup-inner .img-wrap { width: 100%; max-width: 800px; padding: unset; } 
.photo-gallery-pop .popup-inner .img-wrap img { width: 100%; height: 100%; object-fit: cover; } 
.photo-gallery-pop .popup-inner .ui-wrap { position: absolute; bottom: 20px; right: 20px; display: flex; z-index: 1; gap: 20px; } 
.photo-gallery-pop .popup-inner .ui-wrap li { width: 20px; height: 20px; } 
.photo-gallery-pop .popup-inner .ui-wrap li a { display: block; width: 100%; height: 100%; color: #fff; } 
.photo-gallery-pop .popup-inner .ui-wrap li a i { font-size: 20px; } 
/********** 이미지 **********/
.img-wrap { display: block; overflow: hidden; } 
.img-wrap img { max-width: 100% !important; } 
.video-wrap video { max-width: 100%; } 
.video-wrap iframe { max-width: 100%; border: 0; } 


/********** 텍스트 ...처리 **********/
.txt-over1 { display: -webkit-box; display: -ms-flexbox; height: fit-content; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } /* 1줄 */
.txt-over2 { display: -webkit-box; display: -ms-flexbox; height: fit-content; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } /* 2줄 */
.txt-over3 { display: -webkit-box; display: -ms-flexbox; height: fit-content; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } /* 3줄 */

/********** 오버플로우 스크롤 **********/
.ovf-x-scroll { overflow-x: scroll; } 
.ovf-y-scroll { overflow-y: scroll; } 


/********** 텍스트 정렬 **********/
.txt-lf { text-align: left; } 
.txt-ce { text-align: center; } 
.txt-rg { text-align: right; } 

/********** font-weight **********/
.fw-300 { font-weight: 300; } 
.fw-400 { font-weight: 400; } 
.fw-500 { font-weight: 500; } 
.fw-600 { font-weight: 600; } 
.fw-700 { font-weight: 700; } 

/********** font-size **********/
.fz-20 { font-size: 2rem; } 
.fz-19 { font-size: 1.9rem; } 
.fz-18 { font-size: 1.8rem; } 
.fz-17 { font-size: 1.7rem; } 
.fz-16 { font-size: 1.6rem; } 
.fz-15 { font-size: 1.5rem; } 
.fz-14 { font-size: 1.4rem; } 
.fz-13 { font-size: 1.3rem; } 
.print-fz-11 {font-size: 11px !important;}
.print-fz-13 {font-size: 13px !important;}
.print-fz-16 {font-size: 16px !important;}

/********** flex **********/
.flex { display: flex; } 
.flex-shrink { flex-shrink: 0; } 
.flex-wrap { flex-wrap: wrap; } 
.flex-ce { display: flex; justify-content: center; } 

/* 정렬 */
.flex-align-center { align-items: center; } 
.flex-justify-between { justify-content: space-between; } 
.flex-justify-center {justify-content: center;}
.flex-justify-between-center { justify-content: space-between; align-items: center; } 

/* gap */
.gap5 { gap: 5px; } 
.gap10 { gap: 10px; } 
.gap15 { gap: 15px; } 
.gap20 { gap: 20px; } 
.gap25 { gap: 25px; } 
.gap30 { gap: 30px; } 

/********** width **********/
.wh100p { width: 100%; } 
.wh90p { width: 90%; } 
.wh80p { width: 80%; } 
.wh70p { width: 70%; } 
.wh60p { width: 60%; } 
.wh50p { width: 50%; } 
.wh40p { width: 40%; } 
.wh30p { width: 30%; } 
.wh20p { width: 20%; } 
.wh5p { width: 5%; } 

/********** margin **********/
.mg0 { margin:0; } 
/*** margin_top ***/
.mt-33 { margin-top:-33px; } 
.mt0 { margin-top:0; } 
.mt3 { margin-top:3px; } 
.mt5 { margin-top:5px; } 
.mt10 { margin-top:10px; } 
.mt15 { margin-top:15px; } 
.mt20 { margin-top:20px; } 
.mt25 { margin-top:25px; } 
.mt30 { margin-top:30px; } 
.mt35 { margin-top:35px; } 
.mt40 { margin-top:40px; } 
.mt45 { margin-top:45px; } 
.mt50 { margin-top:50px; } 
.mt55 { margin-top:55px; } 
.mt60 { margin-top:60px; } 
.mt65 { margin-top:65px; } 
.mt70 { margin-top:70px; } 
.mt75 { margin-top:75px; } 
.mt80 { margin-top:80px; } 
.mt85 { margin-top:85px; } 
.mt90 { margin-top:90px; } 
.mt95 { margin-top:95px; } 
.mt100 { margin-top:100px; } 
.mt160 { margin-top:160px; } 
/*** margin_bottom ***/
.mb0 { margin-bottom:0; } 
.mb5 { margin-bottom:5px; } 
.mb10 { margin-bottom:10px; } 
.mb15 { margin-bottom:15px; } 
.mb20 { margin-bottom:20px; } 
.mb25 { margin-bottom:25px; } 
.mb30 { margin-bottom:30px; } 
.mb35 { margin-bottom:35px; } 
.mb40 { margin-bottom:40px; } 
.mb45 { margin-bottom:45px; } 
.mb50 { margin-bottom:50px; } 
.mb55 { margin-bottom:55px; } 
.mb60 { margin-bottom:60px; } 
.mb65 { margin-bottom:65px; } 
.mb70 { margin-bottom:70px; } 
.mb75 { margin-bottom:75px; } 
.mb80 { margin-bottom:80px; } 
.mb85 { margin-bottom:85px; } 
.mb90 { margin-bottom:90px; } 
.mb95 { margin-bottom:95px; } 
.mb100 { margin-bottom:100px; } 
/*** margin_left ***/
.ml0 { margin-left:0; } 
.ml5 { margin-left:5px; } 
.ml10 { margin-left:10px; } 
.ml15 { margin-left:15px; } 
.ml20 { margin-left:20px; } 
.ml25 { margin-left:25px; } 
.ml30 { margin-left:30px; } 
.ml35 { margin-left:35px; } 
.ml40 { margin-left:40px; } 
.ml45 { margin-left:45px; } 
.ml50 { margin-left:50px; } 
.ml55 { margin-left:55px; } 
.ml60 { margin-left:60px; } 
.ml65 { margin-left:65px; } 
.ml70 { margin-left:70px; } 
.ml75 { margin-left:75px; } 
.ml80 { margin-left:80px; } 
.ml85 { margin-left:85px; } 
.ml90 { margin-left:90px; } 
.ml95 { margin-left:95px; } 
.ml100 { margin-left:100px; } 
/*** margin_right ***/
.mr0 { margin-right:0; } 
.mr5 { margin-right:5px; } 
.mr10 { margin-right:10px; } 
.mr15 { margin-right:15px; } 
.mr20 { margin-right:20px; } 
.mr25 { margin-right:25px; } 
.mr30 { margin-right:30px; } 
.mr35 { margin-right:35px; } 
.mr40 { margin-right:40px; } 
.mr45 { margin-right:45px; } 
.mr50 { margin-right:50px; } 
.mr55 { margin-right:55px; } 
.mr60 { margin-right:60px; } 
.mr65 { margin-right:65px; } 
.mr70 { margin-right:70px; } 
.mr75 { margin-right:75px; } 
.mr80 { margin-right:80px; } 
.mr85 { margin-right:85px; } 
.mr90 { margin-right:90px; } 
.mr95 { margin-right:95px; } 
.mr100 { margin-right:100px; } 

/******************** padding ********************/
.pd0 { padding:0; } 
/*** padding_top ***/
.pt0 { padding-top:0; } 
.pt5 { padding-top:5px; } 
.pt10 { padding-top:10px; } 
.pt15 { padding-top:15px; } 
.pt20 { padding-top:20px; } 
.pt25 { padding-top:25px; } 
.pt30 { padding-top:30px; } 
.pt35 { padding-top:35px; } 
.pt40 { padding-top:40px; } 
.pt45 { padding-top:45px; } 
.pt50 { padding-top:50px; } 
.pt55 { padding-top:55px; } 
.pt60 { padding-top:60px; } 
.pt65 { padding-top:65px; } 
.pt70 { padding-top:70px; } 
.pt75 { padding-top:75px; } 
.pt80 { padding-top:80px; } 
.pt85 { padding-top:85px; } 
.pt90 { padding-top:90px; } 
.pt95 { padding-top:95px; } 
.pt100 { padding-top:100px; } 
/*** padding_bottom ***/
.pb0 { padding-bottom:0; } 
.pb5 { padding-bottom:5px; } 
.pb10 { padding-bottom:10px; } 
.pb15 { padding-bottom:15px; } 
.pb20 { padding-bottom:20px; } 
.pb25 { padding-bottom:25px; } 
.pb30 { padding-bottom:30px; } 
.pb35 { padding-bottom:35px; } 
.pb40 { padding-bottom:40px; } 
.pb45 { padding-bottom:45px; } 
.pb50 { padding-bottom:50px; } 
.pb55 { padding-bottom:55px; } 
.pb60 { padding-bottom:60px; } 
.pb65 { padding-bottom:65px; } 
.pb70 { padding-bottom:70px; } 
.pb75 { padding-bottom:75px; } 
.pb80 { padding-bottom:80px; } 
.pb85 { padding-bottom:85px; } 
.pb90 { padding-bottom:90px; } 
.pb95 { padding-bottom:95px; } 
.pb100 { padding-bottom:100px; } 
/*** padding_left ***/
.pl0 { padding-left:0; } 
.pl5 { padding-left:5px; } 
.pl10 { padding-left:10px; } 
.pl15 { padding-left:15px; } 
.pl17 { padding-left:17px; } 
.pl20 { padding-left:20px; } 
.pl25 { padding-left:25px; } 
.pl30 { padding-left:30px; } 
.pl35 { padding-left:35px; } 
.pl40 { padding-left:40px; } 
.pl45 { padding-left:45px; } 
.pl50 { padding-left:50px; } 
.pl55 { padding-left:55px; } 
.pl60 { padding-left:60px; } 
.pl65 { padding-left:65px; } 
.pl70 { padding-left:70px; } 
.pl75 { padding-left:75px; } 
.pl80 { padding-left:80px; } 
.pl85 { padding-left:85px; } 
.pl90 { padding-left:90px; } 
.pl95 { padding-left:95px; } 
.pl100 { padding-left:100px; } 
/*** padding_right ***/
.pr0 { padding-right:0; } 
.pr5 { padding-right:5px; } 
.pr10 { padding-right:10px; } 
.pr15 { padding-right:15px; } 
.pr17 { padding-right:17px; } 
.pr20 { padding-right:20px; } 
.pr25 { padding-right:25px; } 
.pr30 { padding-right:30px; } 
.pr35 { padding-right:35px; } 
.pr40 { padding-right:40px; } 
.pr45 { padding-right:45px; } 
.pr50 { padding-right:50px; } 
.pr55 { padding-right:55px; } 
.pr60 { padding-right:60px; } 
.pr65 { padding-right:65px; } 
.pr70 { padding-right:70px; } 
.pr75 { padding-right:75px; } 
.pr80 { padding-right:80px; } 
.pr85 { padding-right:85px; } 
.pr90 { padding-right:90px; } 
.pr95 { padding-right:95px; } 
.pr100 { padding-right:100px; }