@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');*/
@font-face {
	font-family:'FontAwesome';
	src: url('/font/fontawesome-webfont.eot?v=1');
	src: url('/font/fontawesome-webfont.eot?#iefix&v=1') format('embedded-opentype'),
	url('/font/fontawesome-webfont.woff2?v=1') format('woff2'),
	url('/font/fontawesome-webfont.woff?v=1') format('woff'),
	url('/font/fontawesome-webfont.ttf?v=1') format('truetype'),
	url('/font/fontawesome-webfont.svg?v=1#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* 패딩 스타일 */
.p0 { padding:0px !important}
.pt0 { padding-top:0px !important}
.pt5 { padding-top:5px !important}
.pt10 { padding-top:10px !important}
.pt15 { padding-top:15px !important}
.pt20 { padding-top:20px !important}
.pt25 { padding-top:25px !important}
.pt30 { padding-top:30px !important}
.pt35 { padding-top:35px !important}
.pt40 { padding-top:40px !important}
.pt45 { padding-top:45px !important}
.pt50 { padding-top:50px !important}
.pt55 { padding-top:55px !important}
.pt60 { padding-top:60px !important}
.pt65 { padding-top:65px !important}
.pt70 { padding-top:70px !important}
.pt75 { padding-top:75px !important}
.pt80 { padding-top:80px !important}
.pt85 { padding-top:85px !important}
.pt90 { padding-top:90px !important}
.pt95 { padding-top:95px !important}

.pr0 { padding-right:0px !important}
.pr5 { padding-right:5px !important}
.pr10 { padding-right:10px !important}
.pr15 { padding-right:15px !important}
.pr20 { padding-right:20px !important}
.pr25 { padding-right:25px !important}
.pr30 { padding-right:30px !important}
.pr35 { padding-right:35px !important}
.pr40 { padding-right:40px !important}
.pr45 { padding-right:45px !important}
.pr50 { padding-right:50px !important}

.pb0 { padding-bottom:0px !important}
.pb5 { padding-bottom:5px !important}
.pb10 { padding-bottom:10px !important}
.pb15 { padding-bottom:15px !important}
.pb20 { padding-bottom:20px !important}
.pb25 { padding-bottom:25px !important}
.pb30 { padding-bottom:30px !important}
.pb35 { padding-bottom:35px !important}
.pb40 { padding-bottom:40px !important}
.pb45 { padding-bottom:45px !important}
.pb50 { padding-bottom:50px !important}
.pb55 { padding-bottom:55px !important}
.pb60 { padding-bottom:60px !important}
.pb65 { padding-bottom:65px !important}
.pb70 { padding-bottom:70px !important}
.pb75 { padding-bottom:75px !important}
.pb80 { padding-bottom:80px !important}
.pb85 { padding-bottom:85px !important}
.pb90 { padding-bottom:90px !important}
.pb95 { padding-bottom:95px !important}

.pl0 {padding-left:0 !important}
.pl5 {padding-left:5px !important}
.pl10 {padding-left:10px !important}
.pl15 { padding-left:15px !important}
.pl20 { padding-left:20px !important}
.pl25 { padding-left:25px !important}
.pl30 { padding-left:30px !important}
.pl35 { padding-left:35px !important}
.pl40 { padding-left:40px !important}
.pl45 { padding-left:45px !important}
.pl50 { padding-left:50px !important}
.pl55 { padding-left:55px !important}
.pl60 { padding-left:60px !important}
.pl65 { padding-left:65px !important}
.pl70 { padding-left:70px !important}
.pl75 { padding-left:75px !important}
.pl80 { padding-left:80px !important}
.pl85 { padding-left:85px !important}
.pl90 { padding-left:90px !important}
.pl95 { padding-left:95px !important}

/* 마진 스타일 */
.mt0 { margin-top:0 !important}
.mt5 { margin-top:5px !important}
.mt10 { margin-top:10px !important}
.mt15 { margin-top:15px !important}
.mt20 { margin-top:20px !important}
.mt25 { margin-top:25px !important}
.mt30 { margin-top:30px !important}
.mt35 { margin-top:35px !important}
.mt40 { margin-top:40px !important}
.mt45 { margin-top:45px !important}
.mt50 { margin-top:50px !important}
.mt55 { margin-top:55px !important}
.mt60 { margin-top:60px !important}
.mt62 { margin-top:62px !important}
.mt65 { margin-top:65px !important}
.mt70 { margin-top:70px !important}
.mt75 { margin-top:75px !important}
.mt80 { margin-top:80px !important}
.mt85 { margin-top:85px !important}
.mt90 { margin-top:90px !important}
.mt95 { margin-top:95px !important}
.mt100 { margin-top:100px !important}

.mr0 { margin-right:0 !important}
.mr5 { margin-right:5px !important}
.mr8 { margin-right:8px !important}
.mr10 { margin-right:10px !important}
.mr15 { margin-right:15px !important}
.mr20 { margin-right:20px !important}
.mr25 { margin-right:25px !important}
.mr30 { margin-right:30px !important}
.mr35 { margin-right:35px !important}
.mr40 { margin-right:40px !important}
.mr45 { margin-right:45px !important}
.mr50 { margin-right:50px !important}
.mr55 { margin-right:55px !important}
.mr60 { margin-right:60px !important}
.mr65 { margin-right:65px !important}
.mr70 { margin-right:70px !important}

.mb0 { margin-bottom:0 !important}
.mb5 { margin-bottom:5px !important}
.mb10 { margin-bottom:10px !important}
.mb15 { margin-bottom:15px !important}
.mb20 { margin-bottom:20px !important}
.mb25 { margin-bottom:25px !important}
.mb30 { margin-bottom:30px !important}
.mb35 { margin-bottom:35px !important}
.mb40 { margin-bottom:40px !important}
.mb45 { margin-bottom:45px !important}
.mb50 { margin-bottom:50px !important}
.mb55 { margin-bottom:55px !important}
.mb60 { margin-bottom:60px !important}
.mb65 { margin-bottom:65px !important}
.mb70 { margin-bottom:70px !important}
.mb75 { margin-bottom:75px !important}
.mb80 { margin-bottom:80px !important}
.mb85 { margin-bottom:85px !important}
.mb90 { margin-bottom:90px !important}
.mb95 { margin-bottom:95px !important}
.mb100 { margin-bottom:100px !important}

.ml0 { margin-left:0 !important}
.ml5 { margin-left:5px !important}
.ml10 { margin-left:10px !important}
.ml15 { margin-left:15px !important}
.ml20 { margin-left:20px !important}
.ml25 { margin-left:25px !important}
.ml30 { margin-left:30px !important}
.ml35 { margin-left:35px !important}
.ml40 { margin-left:40px !important}
.ml45 { margin-left:45px !important}
.ml50 { margin-left:50px !important}
.ml55 { margin-left:55px !important}
.ml56 { margin-left:56px !important}
.ml57 { margin-left:57px !important}
.ml58 { margin-left:58px !important}
.ml59 { margin-left:59px !important}
.ml60 { margin-left:60px !important}
.ml65 { margin-left:65px !important}
.ml70 { margin-left:70px !important}
.ml75 { margin-left:75px !important}
.ml80 { margin-left:80px !important}
.ml85 { margin-left:85px !important}
.ml90 { margin-left:90px !important}
.ml95 { margin-left:95px !important}
.ml100 { margin-left:100px !important}

/* 레이아웃 설정 */
.fl {float:left !important}
.fr {float:right !important}
.clear { clear:both; display:block; overflow:hidden; }
.fc::after { content:''; clear:both; display:block; }

.fwb {font-weight:bold !important}

.tl {text-align:left !important}
.tr {text-align:right !important}
.tc {text-align:center !important}

/* 달력 */
.sort_area {position:relative;height:50px;}
.sort_area .date_view {position:absolute;top:0;left:50%;margin:0 0 0 -87px;}
.sort_area .date_view .date {font-size:20px; line-height:50px; font-weight:bold;font-family:verdana;}
.sort_area .date_view .btn_area {display:inline-block;margin:14px 0 0 5px;vertical-align:top;}
.sort_area .date_view button {height:20px;padding:1px 9px 0 9px;border:1px solid #b4b4b4;filter:none;background:url('/img/common/sp_calendar.png') no-repeat 0 0;font-size:11px;color:#666;background-color:#fff;vertical-align: middle;overflow: visible;cursor: pointer;border-radius: 4px;line-height: 140%;text-decoration: none!important;display: inline-block;-webkit-appearance: none;letter-spacing: -1px;}
.sort_area .date_view .prev {float:left;margin-right:-1px;width:20px;background-position:-59px 4px;border-top-right-radius:0;border-bottom-right-radius:0;}
.sort_area .date_view .next {float:left;width:20px;background-position:-73px 4px;border-top-left-radius:0;border-bottom-left-radius:0;}
.sort_area .date_view .today {margin:-1px 0 0 5px;padding:1px 4px 0 4px;background-image:none;}
table.calendar {width:100%; font-size:11px; color:#666;}
table.calendar thead th {border:1px solid #e4e5e7;font-weight:bold; background:#f9f9f9; color:#555; text-align:center; padding:6px}
table.calendar thead th.sun {color:#ff000a;}
table.calendar tbody td {position:relative; border:1px solid #e4e5e7; border-top:none; vertical-align:top; padding:6px; height:120px;}
table.calendar tbody td .date {font-weight:bold; font-family:verdana; margin-bottom:4px; vertical-align:top;}
table.calendar tbody td .day_info {position:absolute; right:6px; top:6px; color:#959595; font-family:Tahoma,'돋움',Dotum;}
table.calendar tbody td .schedule_list li {position:relative; overflow:hidden;text-overflow:hidden;vertical-align:top;zoom:1;white-space:nowrap; border-bottom:1px solid #ddd; font-family:Tahoma;font-weight:bold; line-height:2em; padding:0 10px;}
table.calendar tbody td .schedule_list li span {position:absolute; right:10px; top:0; display:block; font-weight:normal;}
table.calendar tbody td .schedule_list li.sum {color:#436fc8;}
table.calendar tbody td .schedule_list li.sub {color:#0fb338;}
table.calendar tbody td .schedule_list li.total {font-size:12px; background:#ffc;}
table.calendar tbody td.sun .date {color:#ff000a;}
table.calendar tbody td.sun .day_info {color:#ff000a;}
table.calendar tbody td.today {background:#ffc;}
table.calendar tbody td.disable {background:#fcfcfc; color:#b3b3b3;}
table.calendar tbody td.disable.sun .date {color:#eca9a9;}
table.calendar tbody td.disable.sun .day_info {color:#eca9a9;}
table.calendar tbody td:hover {background:#f8f8f8;}
table.calendar tfoot {border-bottom:1px solid #ddd; font-size:12px;}
table.calendar tfoot li {vertical-align:top;zoom:1;font-family:Tahoma;font-weight:bold; line-height:30px; padding:0 10px; float:right;}
table.calendar tfoot li span {}
table.calendar tfoot li.sum {color:#436fc8;}
table.calendar tfoot li.sub {color:#0fb338;}

.cursor {cursor:pointer; }

/* 페이징 */
.paging_comm{height:32px;padding:20px 0 10px;text-align:center}
.paging_comm em {font-style:normal;}
.paging_comm .paging_inner{display:inline-block;margin:0 auto}
.paging_comm .btn_page{position:relative; float:left;min-width:22px;height:22px;padding:4px;font-weight:bold;font-size:12px;font-family:verdana;color:#30323f;line-height:22px;text-align:center; border:1px solid #d4d5d8; background:#f5f5f5; margin-right:-1px;}
.paging_comm a.btn_page:hover{background:#fff;text-decoration:none}
.paging_comm em.btn_page{position:relative;background:#fff;color:#376cb8;padding:3px;border:2px solid #376cb8;}
.paging_comm i {font-size:16px; line-height:24px; font-weight:bold;}
.paging_comm a.btn_page:hover i {color:#376cb8;}
.paging_comm .btn_arrow {position:absolute;display:block; height:9px; top:11px; background:url('/skin/board/basic/image/ico_paging.gif') no-repeat; text-indent:-1000em;}
.paging_comm .btn_pprev .btn_arrow {width:10px;  left:9px;}
.paging_comm .btn_prev .btn_arrow {width:5px; left:12px;}
.paging_comm .btn_next .btn_arrow {width:5px; left:12px; background-position:-11px 0;}
.paging_comm .btn_nnext .btn_arrow {width:10px; left:9px; background-position:-11px 0;}
.paging_comm .btn_pprev:hover .btn_arrow {background-position:0 -10px;}
.paging_comm .btn_prev:hover .btn_arrow {background-position:0 -10px;}
.paging_comm .btn_next:hover .btn_arrow {background-position:-11px -10px;}
.paging_comm .btn_nnext:hover .btn_arrow {background-position:-11px -10px;}

/* 팝업 */
#popup_common {position:absolute; border:3px solid #FFF; background:#fff; left:50%; margin-left:-226px;}
#popup_common .btn_close {position:absolute; top:-5px; right:-3px; cursor:pointer;}
#popup_common .inner {position:relative;width:400px;border:3px solid #4e4c5b;border-top: 5px solid #05a5c1;padding:20px;}
#popup_common h2 {margin-bottom:10px;}
#popup_common h3 {border-bottom:1px solid #e6e6e6; margin-bottom:10px; padding-bottom:5px; color:#4e4c5b;}
#popup_common h4 {font-size:12px; color:#666; margin-bottom:5px;}
#popup_common .popup_tab {height:25px;zoom:1;border-bottom:1px solid #444;}
#popup_common .popup_tab li {float:left;overflow:hidden;border:1px solid #444;border-bottom:0;background-color: #fbfbfb;margin-right: -1px;height: 24px;line-height: 24px;}
#popup_common .popup_tab li a {color: #222;text-decoration: none!important;display: block;height: 100%;padding: 0 18px 0 19px;font-weight: 700;_display: inline;_zoom: 1;height: 24px;line-height: 24px;}
#popup_common .popup_tab li.on {background: #444; color:#fff;position: relative;z-index: 1;}
#popup_common .popup_tab li.on a {color:#fff;}
#popup_common .pop_content {position:relative; padding:15px; background:#fcfcfc; border:1px solid #e6e6e6; letter-spacing: -1px;}
#popup_common .pop_content a:hover { text-decoration:underline;}
#popup_common .pop_content:after {clear:both; content:""; display: block;}
#popup_common .pop_content p {color:#888; font-size:11px; line-height:1.5em;}
#popup_common .pop_content p.sm_info {padding: 8px 0 0 8px;text-indent: -8px;}
#popup_common .info {}
#popup_common .info strong {font-size: 13px;margin-right:8px;font-family: 'AritaSB';}
#popup_common .info p {margin-top:8px;}
#popup_common .pop_section {border-top:1px solid #d2d2d2; margin-top:10px; padding-top:10px;}
#popup_common input[type=text] {background:#fff;color:#666;border:1px solid #c1c1c1;font-size:12px;line-height:22px; height:22px;text-indent:4px;}
#popup_common select {background:#fff;color:#666;border:1px solid #c1c1c1;font-size:12px;line-height:24px; height:24px;}
#popup_common * {vertical-align:middle}
#popup_common .search_list {padding:10px 15px;line-height:24px;color:#888;border:1px solid #ccc; background:#fff; height:150px;overflow-y:scroll; font-size:11px; letter-spacing: -1px;overflow-x: hidden;scrollbar-3dlight-color: #d2d2d2;scrollbar-arrow-color: #d2d2d2;scrollbar-base-color: #d2d2d2;scrollbar-face-color: #fff;scrollbar-track-color: #fff;scrollbar-darkshadow-color: #d2d2d2;scrollbar-highlight-color: #fff;scrollbar-shadow-color: #fff;position: relative;}
#popup_common .search_list li {position:relative; overflow:hidden; border-bottom:1px solid #ddd;}
#popup_common .search_list li span {margin-left:6px;}
#popup_common .search_list li a {color:#666}
#popup_common .search_list li a.btn_select {position:absolute; right:0; top:3px;width:30px;height:14px;padding-top: 2px;background-color:#9cb8e0;border:1px solid #83a2d0;text-align:center;color:#FFF;line-height:14px;text-decoration:none;overflow:hidden;}
#popup_common ul.input_list {margin-left:0; height:24px; overflow:hidden;}
#popup_common ul.input_list li {margin-right:10px; *margin-right:5px; padding:0; font-size:12px; float:left;}
#popup_common ul.input_list li.on {font-weight:bold;}
#popup_common table.zip_finder {margin-top:20px; width:100%;}
#popup_common table.zip_finder .input_txt.num {text-align:center;}
#popup_common table.zip_finder td, #popup_common table.zip_finder th {padding-bottom:10px;}
#popup_common table.zip_finder th {font-weight:bold; color:#777; text-align:left;}
#popup_common .selbox {width:110px; font-size:12px;}
#popup_common table.zip_finder td input[type=text] {width:100px; color:#777;} /*20130213*/
#popup_common table.zip_finder td input[type=text].w151 {width:151px;}
#popup_common table.zip_finder td input[type=image] {margin-top:2px;}
#popup_common .input_adr input[type=text].zips {width:40px; margin-bottom:5px;}
#popup_common .input_adr input[type=text].adrs {width:100%;}
#popup_common .input_adr p {margin-top:10px;}
#popup_common .btn_area {margin:10px auto 0 auto; text-align:center;}