@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500&display=swap');
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}

html{font-size: 16px;}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var, td, input, select, textarea, button {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, th{font-weight: 700; line-height: inherit;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
fieldset, img, input, button, select, textarea {vertical-align: middle; border: 0;}
button {border: 0 none; background-color: transparent; cursor: pointer; margin: 0; padding: 0; overflow: visible;}
button::-moz-focus-inner {border: 0; padding: 0;}
a {cursor:pointer; color: inherit; text-decoration:none;}
:is(.bbs-view, .board_detail) :is(.cont, .content) a{text-decoration:underline; text-underline-position:under;}
:is(.bbs-view, .board_detail) :is(.cont, .content) ul{list-style:disc; margin: 1em;}
:is(.bbs-view, .board_detail) :is(.cont, .content) ol{list-style:decimal; margin: 1em;}
:is(.bbs-view, .board_detail) :is(.cont, .content) :is(ul) li{list-style:inherit;}
:is(.bbs-view, .board_detail) :is(.cont, .content) ol{list-style:decimal; margin: 1em;}
:is(.bbs-view, .board_detail) :is(.cont, .content) :is(ol) li{list-style:decimal !important;}
a:active, a:hover {}
address, cite, code, dfn, var {font-style: normal; font-weight: normal;}
label {cursor: pointer;}
table {border-spacing: 0px; border: 0px; border-collapse: collapse;}
legend, caption {visibility: hidden; font-size: 0; width: 0; height: 0; line-height: 0;}
li {list-style: none;}
.bbs-view .cont li{margin-left: 1.5em;}
select {color: #252525; border-radius:0;}
select::-ms-expand {display:none}
select::-webkit-expand { display: none; }
select::-moz-expand { display: none; }
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}
pre, textarea, button {font-family: 'Noto Sans KR';}
input.txt, .optionbox select {display: block; padding: 0 15px; width: 100%; height: 100%; color: #252525; background-color:#fff}
input.file {padding:0; background:#fff; border:0; border-radius:0}
input.radio {vertical-align:middle}
input.checkbox {vertical-align:middle}
/*input::-ms-clear {display:none}*/
/* input::-webkit-input-placeholder {color:#999 !important; font-size: 16px;}
input:-moz-placeholder {color:#999 !important; font-size: 16px;}
input::-moz-placeholder {color:#999 !important; font-size: 16px;}
input:-ms-input-placeholder {color:#999 !important; font-size: 16px;}

textarea {overflow-x:hidden; overflow-y:auto; resize:none; background:#fff}
textarea::-webkit-input-placeholder {color:#999 !important; font-size: 16px;}
textarea:-moz-placeholder {color:#999 !important; font-size: 16px;}
textarea::-moz-placeholder {color:#999 !important; font-size: 16px;}
textarea:-ms-input-placeholder {color:#999 !important; font-size: 16px;} */

/* width */
.w-1p{width:1% !important;}
.w-2p{width:2% !important;}
.w-3p{width:3% !important;}
.w-4p{width:4% !important;}
.w-5p{width:5% !important;}
.w-6p{width:6% !important;}
.w-7p{width:7% !important;}
.w-8p{width:8% !important;}
.w-9p{width:9% !important;}
.w-10p{width:10% !important;}
.w-11p{width:11% !important;}
.w-12p{width:12% !important;}
.w-13p{width:13% !important;}
.w-14p{width:14% !important;}
.w-15p{width:15% !important;}
.w-16p{width:16% !important;}
.w-17p{width:17% !important;}
.w-18p{width:18% !important;}
.w-19p{width:19% !important;}
.w-20p{width:20% !important;}
.w-21p{width:21% !important;}
.w-22p{width:22% !important;}
.w-23p{width:23% !important;}
.w-24p{width:24% !important;}
.w-25p{width:25% !important;}
.w-26p{width:26% !important;}
.w-27p{width:27% !important;}
.w-28p{width:28% !important;}
.w-29p{width:29% !important;}
.w-30p{width:30% !important;}
.w-31p{width:31% !important;}
.w-32p{width:32% !important;}
.w-33p{width:33% !important;}
.w-34p{width:34% !important;}
.w-35p{width:35% !important;}
.w-36p{width:36% !important;}
.w-37p{width:37% !important;}
.w-38p{width:38% !important;}
.w-39p{width:39% !important;}
.w-40p{width:40% !important;}
.w-41p{width:41% !important;}
.w-42p{width:42% !important;}
.w-43p{width:43% !important;}
.w-44p{width:44% !important;}
.w-45p{width:45% !important;}
.w-46p{width:46% !important;}
.w-47p{width:47% !important;}
.w-48p{width:48% !important;}
.w-49p{width:49% !important;}
.w-50p{width:50% !important;}
.w-60p{width:60% !important;}
.w-61p{width:61% !important;}
.w-62p{width:62% !important;}
.w-63p{width:63% !important;}
.w-64p{width:64% !important;}
.w-65p{width:65% !important;}
.w-66p{width:66% !important;}
.w-67p{width:67% !important;}
.w-68p{width:68% !important;}
.w-69p{width:69% !important;}
.w-70p{width:70% !important;}
.w-71p{width:71% !important;}
.w-72p{width:72% !important;}
.w-73p{width:73% !important;}
.w-74p{width:74% !important;}
.w-75p{width:75% !important;}
.w-76p{width:76% !important;}
.w-77p{width:77% !important;}
.w-78p{width:78% !important;}
.w-79p{width:79% !important;}
.w-80p{width:80% !important;}
.w-90p{width:90% !important;}
.w-100p{width:100% !important;}

/*�뙘�뾽*/
.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 99999; -webkit-overflow-scrolling: touch; outline: 0; }
/*
.popup {overflow: hidden; z-index: 99999; position: absolute; left: calc(50% - 190px); top: 50%; transform: translateY(-50%); width: 380px; background: #fff;}
*/
.popup {overflow: hidden; z-index: 99999; position: absolute; left: 0; background: #fff;}
.popup .popup_title {position: relative; padding: 10px 0px; text-align:center; background: #13baee; }
.popup .popup_title h3 {color: #fff; font-size: 15px;}
.popup .popup_title button {position: absolute; top: 16px; right: 20px; width: 20px; height: 20px; background: url('/static/sw/images/icon_close2.png') 0 0 no-repeat;}
.popup .popup_inner {position: relative; padding: 0px 0px;}
.popup .popup_inner .text {text-align: center; word-break: keep-all;}
.popup .popup_inner .boardlist{max-height:250px; overflow:auto;}
.popup .popup_inner img { position: relative; width: 100%; text-align: center; height: auto;}
.popup .bottom { text-align: right; height: auto; font-size: 11px; padding: 8px 10px; position: relative; background: #fff;  }
.popup .bottom button { font-size: 11px; vertical-align: top;  font-weight: bold; color: #000; }
.popup .bottom .check_box { display: inline-block;}
.popup .btn_bottom {margin: 20px 0 0;}
.popup .boardlist_top {margin-bottom: 30px;}
.popup .boardlist_top fieldset {width: 100%; display:flex; align-items:center;}
.popup .boardlist_top fieldset .inpbox {margin: 0; flex:1; width: calc(60% - 50px); height: 40px;}
.popup .boardlist_top fieldset .optionbox {margin: 0 15px; width: calc(40% - 50px); height: 40px;}
.popup .boardlist_top fieldset button {width: 70px; line-height: 40px; font-weight: 400; margin-left:5px;}
.popup .boardlist table thead th {height: 55px; font-size: 16px;}
.popup .boardlist table tbody td {padding:5px 10px; height: 40px; font-size: 16px;}
.popup .boardlist table tbody td.title {overflow:hidden; text-align: left;}
.popup .boardlist table tbody td.title a {max-width: 100%; font-size: 16px; white-space:inherit; text-overflow:inherit; -o-text-overflow:inherit; text-decoration: underline;}
.popup .paging .box span a {width: 30px; height: 30px; line-height: 27px;}
.popup .paging .box button {width: 30px; height: 30px;}
/*援먯쑁湲곌� 寃��깋 �뙘�뾽*/
.popup.education{left:50%; top:50%; transform:translate(-50%, -50%); width:768px;}
/*�떖�젰 �뙘�뾽*/

/*
.popup { z-index: 9999; position: absolute; left: 30px; top: 30px;  }
.popup_title { text-align: center; font-size: 16px; background: #f7f7f7; color: #000; }
.popup_title h3 { text-align: center; font-size: 16px;}
.popup_inner { position: relative; height: auto;}
.popup_inner img { width: 100%;}
.popup .bottom .check_box { position: relative; font-size: 11px; text-align: right;  color: #000; }     
*/
/* @media screen and (min-width:320px) and (max-width:784px){
    input.txt, .optionbox select {padding: 0 10px; font-size: 16px;}
    input::-webkit-input-placeholder {font-size: 14px;}
    input:-moz-placeholder {font-size: 14px;}
    input::-moz-placeholder {font-size: 14px;}
    input:-ms-input-placeholder {font-size: 14px;}
    textarea::-webkit-input-placeholder {font-size: 14px;}
    textarea:-moz-placeholder {font-size: 14px;}
    textarea::-moz-placeholder {font-size: 14px;}
    textarea:-ms-input-placeholder {font-size: 14px;}
}
@media screen and (min-width:320px) and (max-width:480px){
    a {font-size: 13px;}
    input.txt, .optionbox select {padding: 0 5px; font-size: 13px;}
    input::-webkit-input-placeholder {font-size: 11px;}
    input:-moz-placeholder {font-size: 11px;}
    input::-moz-placeholder {font-size: 11px;}
    input:-ms-input-placeholder {font-size: 11px;}
    textarea::-webkit-input-placeholder {font-size: 11px;}
    textarea:-moz-placeholder {font-size: 11px;}
    textarea::-moz-placeholder {font-size: 11px;}
    textarea:-ms-input-placeholder {font-size: 11px;}

} */

.wrap_loading { position: fixed; left: 0; width: 100%; text-align: center; margin-top: -120px; top: 50%; text-align: center; font-size: 18px; font-weight: bold; z-index: 1999; }

.wrap_loading::after { content: ''; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; background-color: rgba(255, 255, 255, 0.8); z-index: -1; }

.inpInlineSet{display:inline-block;vertical-align: middle;}
.inpInlineSet input{width:300px;vertical-align:top;padding:0 5px}
.inpInlineSet button{
	height:27px;
	padding:0 10px;
	vertical-align:top;
	color: #fefefe;
    background: #252525;}
    
    
.bbs-view .cont a{color: blue}

hr{border:0}




/* bullet */
.bul-dot-cStyle, .bul-ref-cStyle { list-style: none; }
.bul-dot-cStyle li { position: relative; margin-top: 4px; padding-left: 33px; }
.bul-dot-cStyle li:before { content:''; position: absolute; top: 11px; left: 18px; width: 5px; height: 2px; background: #333; }
.bul-ref-cStyle li { position: relative; margin-top: 4px; padding-left: 33px; }
.bul-ref-cStyle li:before { content:'*'; position: absolute; top: 3px; left: 17px; }

@media (max-width: 767px) {
	.bul-dot-cStyle li { padding-left: 26px; }
	.bul-dot-cStyle li:before { left: 13px; }
	.bul-ref-cStyle li { padding-left: 26px; }
	.bul-ref-cStyle li:before { left: 12px; }
}