@charset "utf-8";

input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"],
button,
select,
textarea {font-family:"Spoqa Han Sans Neo", sans-serif;}
button, input[type="button"], input[type="submit"] {cursor:pointer}
.editor-out p {min-height:1.5em}

b {font-weight:500}

/* 컬러셋팅 */
.colorB1 {color:#006ee9}
.colorB2 {color:#009ae0}
.colorB3 {color:#004591}
.colorB4 {color:#0d3862}
.colorB5 {color:#142e5d}
.colorB6 {color:#73819e}
.colorB7 {color:#e8e8f1}
.colorB8 {color:#b3855b}
.colorB9 {color:#e8b13b}
.colorB10 {color:#cf673e}
.colorB11 {color:#289ca0}
.colorB12 {color:#af415d}

.colorF1 {color:#333;background:#ececec}
.colorF2 {color:#333;background:#f7f7f7}

/* 박스 스타일 */
.w-box {background:#fff;border:1px solid #ddd;overflow:hidden;position:relative}
.g-box {background:#f8f8f8;border:1px solid #ddd;overflow:hidden;position:relative;padding:20px}
.r-box {background:#fbf0e6;border:1px dashed #d1001d;overflow:hidden;position:relative}

/* 인쇄미리보기 */
@media print {
	#header-wrap,
	#svisual-wrap,
	#side-wrap,
	#charge-satisfy,
	#footer-wrap,
	.b-tab01,
	.c-tab01,
	.board-search-wrap .board-search,
	.board-list-paging {display:none !important}
	.loaded #container-wrap,
	#container-wrap,
	#container {padding:0 !important}
	#contents {float:none;max-width:none;width:100%;min-height:initial}
}

/* 반응형br */
.br {display:block}
@media all and (max-width:999px) {
	.br {display:inline}
}

/* apple 기기 */
input[type=text], input[type=password], input[type=button], input[type=submit], button, textarea, select {-webkit-appearance:none;-moz-appearance:none;appearance:none}
select {border:0;height:28px;box-sizing:border-box;border:1px solid #ccc;background:rgba(255,255,255,0.3) url(/resources/_Img/Common/selfrm_arr.gif) no-repeat right 50%;min-width:120px;padding-right:1px;padding-left:5px;padding-top:1px;line-height:1.2em;border-radius:0}
select::-ms-expand {display:none}

/* ie9 업그레이드 안내창 */
.lowIE-update {position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;line-height:1.6}
.lowIE-update .update-cont {position:relative;margin:130px auto 0 auto;width:570px;height:410px;background:#2a2a2a;color:#fff;padding:30px 0 0 0;text-align:center;z-index:7100}
.lowIE-update .update-cont .tit {font-size:21px;padding:65px 0 25px 0;margin:0 40px 25px 40px;background:url(/resources/_Img/Common/ie_logo.png) no-repeat center 0;line-height:1.2;border-bottom:1px solid #444}
.lowIE-update .update-cont .btxt {font-weight:bold;font-size:15px;margin-bottom:10px}
.lowIE-update .update-cont .txt {font-size:12px;color:#c0c0c0;margin-bottom:35px}
.lowIE-update .update-cont .txt .spc {color:#0c8ecb;font-weight:bold}
.lowIE-update .update-cont .btn-upgrade {display:inline-block;font-size:15px;font-weight:bold;color:#fff;padding:15px 20px;background:#0c8ecb}
.lowIE-update .update-cont .btn-upgrade span {display:inline-block;vertical-align:middle;line-height:20px;color:#fff;padding-left:35px;background:url(/resources/_Img/Common/ie_arr.png) no-repeat 0 50%}
.lowIE-update .update-cont .chk-uclose {position:absolute;left:0;bottom:0;width:100%;height:40px;text-align:right;background:#0e0e0e}
.lowIE-update .update-cont .chk-uclose label {display:inline-block;vertical-align:middle;font-size:11px;color:#9f9f9f;padding:0 50px 0 5px;*display:inline;*zoom:1;line-height:40px}
.lowIE-update button {position:absolute;bottom:0;right:0;width:40px;height:40px;background:#000 url(/resources/_Img/Common/ie_close.png) no-repeat 50% 50%;border:0}

/* 라디오 / 체크박스 */
.rdos {position:relative;line-height:1;overflow:hidden}
.rdos.inline {display:inline-block;vertical-align:top}
.rdos input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.rdos input[type="radio"] + label {display:inline-block;vertical-align:middle;position:relative;padding:5px 0 5px 27px;cursor:pointer;user-select:none;line-height:1.2;margin-right:5px;font-size:.944em;text-align:left;transition:all .3s ease}
.rdos input[type="radio"] + label:before,
.rdos input[type="radio"] + label:after {content:'';position:absolute;box-sizing:border-box;border-radius:50%;transition:all .3s ease}
.rdos input[type="radio"] + label:before {left:0;top:5px;background:#fff;border:1px solid #b8b8b8;margin:0;width:18px;height:18px}
.rdos input[type="radio"] + label:after {left:5px;top:10px;background:#fff;border-radius:50%;width:8px;height:8px;opacity:0}
.rdos input[type="radio"] + label:focus,
.rdos input[type="radio"] + label:hover {color:#0d3862}
.rdos input[type="radio"] + label:focus:before,
.rdos input[type="radio"] + label:hover:before {border-color:#0d3862}
.rdos input[type="radio"]:checked + label {color:#0d3862}
.rdos input[type="radio"]:checked + label:before {border-color:#0d3862;background:#0d3862}
.rdos input[type="radio"]:checked + label:after {opacity:1}
.rdos input[type="radio"]:focus + label {outline:rgb(59, 153, 252) auto 5px}

.chks {position:relative;line-height:1;overflow:hidden}
.chks.inline {display:inline-block;vertical-align:top}
.chks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.chks input[type="checkbox"] + label {display:inline-block;vertical-align:middle;position:relative;padding:5px 0 5px 27px;cursor:pointer;user-select:none;line-height:1.2;margin-right:5px;font-size:.944em;text-align:left;transition:all .3s ease}
.chks input[type="checkbox"] + label:before,
.chks input[type="checkbox"] + label:after {content:'';display:block;position:absolute;box-sizing:border-box;transition:all .3s ease}
.chks input[type="checkbox"] + label:before {width:18px;height:18px;left:0;top:5px;margin:0;background:#f4f4f4;border:1px solid #b8b8b8;border-radius:50%}
.chks input[type="checkbox"] + label:after {width:9px;height:5px;left:5px;top:11px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #b8b8b8 #b8b8b8;transform:rotate(-45deg);opacity:.3}
.chks input[type="checkbox"] + label:focus,
.chks input[type="checkbox"] + label:hover {color:#0d3862}
.chks input[type="checkbox"] + label:focus:before,
.chks input[type="checkbox"] + label:hover:before {border-color:#0d3862}
.chks input[type="checkbox"]:checked + label {color:#0d3862}
.chks input[type="checkbox"]:checked + label:before {border-color:#0d3862;background:#0d3862}
.chks input[type="checkbox"]:checked + label:after {border-color:transparent transparent #fff #fff;opacity:1}
.chks input[type="checkbox"]:focus + label {outline:rgb(59, 153, 252) auto 5px}

@media all and (max-width:599px) {
	.rdos input[type="radio"] + label {padding-left:25px;padding-top:3px}
	.rdos input[type="radio"] + label:before {width:18px;height:18px;left:0;top:3px}
	.rdos input[type="radio"] + label:after {width:4px;height:4px;left:7px;top:10px}
	.rdos input[type="radio"]:checked + label:after {width:6px;height:6px;left:6px;top:9px}
	.chks input[type="checkbox"] + label {padding-left:25px;padding-top:3px}
	.chks input[type="checkbox"] + label:before {top:3px;width:18px;height:18px;left:0}
	.chks input[type="checkbox"] + label:after {width:9px;height:5px;left:4px;top:8px}
	.chks input[type="checkbox"]:checked + label:after {}
}
/* Form-style */
input.text,
input.txt,
input[type='text'],
input[type='password'],
input[type='file'] {background:#fff;height:40px;border:1px solid #cbcbcb;box-sizing:border-box;padding:0 20px;font-size:.889em;color:#666;/*outline:0;*/}

input[readonly="readonly"].txt,
input.txt:read-only,
input.txt:disabled {background:#f4f4f4}
input[readonly="readonly"].date, input.date:read-only, input.date:disabled{background:#fff}
select,
select.select {font-size:.889em;color:#666;height:40px;border:1px solid #cbcbcb;box-sizing:border-box;background:#fff url(/resources/_Img/Common/selfrm_arr7.png) no-repeat right 50%;min-width:120px;padding-left:20px;padding-right:45px;padding-top:1px;line-height:1.2em}

select.sselect {font-size:0.833em;background:#fff url(/resources/_Img/Common/selfrm_arr8.png) no-repeat right 50%;min-width:initial;padding-left:5px;padding-right:20px}

textarea.textarea {font-size:.889em;color:#666;border:1px solid #cccccc;padding:20px;box-sizing:border-box;background:#fff}
 
input::placeholder,
select::placeholder,
textarea::placeholder {font-size:0.889rem;color:#999999}

@media all and (max-width:599px) {
	input.text,
	input.txt,
	input[type='text'],
	input[type='password'],
	input[type='file'] {padding:0 10px;max-width:100%}
	select,
	select.select {padding-left:10px;max-width:100%;padding-right:20px;background:#fff url(/resources/_Img/Common/selfrm_arr8.png) no-repeat right 50%}
	textarea.textarea {padding:10px;max-width:100%}
}

/* Form-style 달력 */
.prg-cal-wr .prg-cal-box {display:inline-block;position:relative;max-width:140px;height:45px;box-sizing:border-box;border:1px solid #c2c4c6;background:#fff}
.prg-cal-wr .prg-cal-box .cal-btn {position:absolute;top:0;left:0;width:40px;height:100%;background:url(/resources/_Img/Common/calfrm_icon1.png) no-repeat 13px 50%;border:0;z-index:1}
.prg-cal-wr .prg-cal-box input.calendar {position:relative;width:100%;height:40px;padding-left:40px;padding-right:10px;line-height:40px;font-size:0.889em;color:#666;font-weight:400;font-family:"sofia-pro","Noto Sans KR", sans-serif;border:0;box-sizing:border-box}
.prg-cal-wr .ftxt {color:#000;font-weight:500;font-family:"sofia-pro", sans-serif;font-size:0.833em;line-height:43px}

#ui-datepicker-div.ui-widget-content {border:0;background:#fff;box-shadow:9px 0 10px rgba(0,0,0,0.1);min-width:360px;border:1px solid #565656;box-sizing:border-box;border-radius:0;z-index:999999 !important}
.ui-datepicker .ui-datepicker-header {border:0;background:#fff}
.ui-datepicker {padding:20px}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {top:0;left:0;width:28px;height:45px;border-radius:0;background:#fff;border:0;cursor:pointer}
.ui-datepicker .ui-datepicker-next {left:auto;right:0}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {width:0;height:0;overflow:hidden;opacity:0}
.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before {display:block;content:'';position:absolute;top:0;left:3px;bottom:0;margin:auto 0;width:11px;height:11px;border-bottom:2px solid #000;border-right:2px solid #000;transform:rotate(135deg);transition: all .2s }
.ui-datepicker .ui-datepicker-next:before {left:12px;transform:rotate(-45deg)}
.ui-datepicker .ui-datepicker-prev.ui-state-hover:before {left:0}
.ui-datepicker .ui-datepicker-next.ui-state-hover:before {left:15px}
.ui-datepicker .ui-datepicker-header {padding:0}
.ui-datepicker .ui-datepicker-title {height:45px;font-family:"sofia-pro","Noto Sans KR", sans-serif;font-size:16px;color:#333333;font-weight:500}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year,
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {display:inline-block;height:45px;line-height:45px}
.ui-datepicker .ui-datepicker-title select {margin:0;width: calc(50% - 7px);color:#333333}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {margin-right:3px}
.ui-datepicker .ui-datepicker-calendar {font-family:"sofia-pro","Noto Sans KR", sans-serif;font-size:15px;margin-top:7px}
#ui-datepicker-div.ui-state-default, 
#ui-datepicker-div.ui-widget-content .ui-state-default, 
#ui-datepicker-div .ui-widget-header .ui-state-default {/*display:flex;align-items:center;justify-content:center;margin:0 auto;background:#fff;border:0;color:#222;width:34px;height:34px;text-align:center;border-radius:50%;box-sizing:border-box;*/}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default {display:flex;align-items:center;justify-content:center;margin:0 auto;background:#fff;border:0;color:#222;width:34px;height:34px;text-align:center;border-radius:50%;box-sizing:border-box}
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev,
#ui-datepicker-div .ui-widget-header .ui-datepicker-next {display:flex;align-items:center;justify-content:center;margin:0 auto;background:none;border:0;color:#222;width:34px;height:45px;text-align:center;border-radius:50%;box-sizing:border-box}
#ui-datepicker-div.ui-widget-content .ui-datepicker-calendar .ui-state-hover {background:#006ee9;color:#fff !important}


.ui-datepicker-calendar thead th {color:#555555;font-weight:500}
.ui-datepicker td {padding:2px 1px}
.ui-datepicker-calendar tr > th:first-child,
.ui-datepicker-calendar tr > td:first-child .ui-state-default, 
.ui-datepicker-calendar tr > td:last-child .ui-widget-content .ui-state-default, 
.ui-datepicker-calendar tr > td:last-child .ui-widget-header .ui-state-defaul {color:#eb1f1f !important}
.ui-datepicker-calendar tr > th:last-child,
.ui-datepicker-calendar tr > td:last-child .ui-state-default, 
.ui-datepicker-calendar tr > td:last-child .ui-widget-content .ui-state-default, 
.ui-datepicker-calendar tr > td:last-child .ui-widget-header .ui-state-defaul {color:#0d3862 !important}
.ui-datepicker-calendar td.ui-datepicker-today a {border:2px solid #dddddd}
.ui-datepicker-calendar td a:hover.ui-state-default {background:#006ee9;color:#fff !important}

@media all and (max-width:599px) {
	.ui-datepicker {padding:15px}
	#ui-datepicker-div .ui-widget-content {left:50% !important;transform:translateX(-50%);min-width:220px}
	.ui-datepicker .ui-datepicker-title {margin:0 20px}
	.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {font-size:14px}
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {width:20px}
	.ui-datepicker .ui-datepicker-next:before {left:4px}
	#ui-datepicker-div.ui-state-default, 
	#ui-datepicker-div .ui-widget-content .ui-state-default, 
	#ui-datepicker-div .ui-widget-header .ui-state-default {width:24px;height:24px}
}
@media all and (max-width:399px) {
	#ui-datepicker-div .ui-widget-content {left:50% !important;transform:translateX(-50%);min-width:220px}
	.ui-datepicker .ui-datepicker-title {margin:0 20px}
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {width:20px}
	.ui-datepicker .ui-datepicker-next:before {left:4px}
	.ui-datepicker .ui-datepicker-calendar {font-size:12px}

	#ui-datepicker-div.ui-state-default, 
	#ui-datepicker-div .ui-widget-content .ui-state-default, 
	#ui-datepicker-div .ui-widget-header .ui-state-default,
	#ui-datepicker-div .ui-datepicker-calendar .ui-state-default {width:20px;height:20px}
	#ui-datepicker-div.ui-widget-content {min-width:100px}

	#ui-datepicker-div .ui-datepicker-calendar .ui-state-default {width:20px;height:20px}

	#ui-datepicker-div .ui-widget-header .ui-datepicker-prev,
	#ui-datepicker-div .ui-widget-header .ui-datepicker-next {width:20px}
	
}


/* Form-style 정보 */
.finfo-ex01,
.finfo-ex02,
.finfo-ex03,
.finfo-ex04 {display:block;position:relative;line-height:1.4;padding-left:25px;margin:10px 5px 0 0;font-size:0.889em;color:#777777;text-align:left}
.finfo-ex01.inline,
.finfo-ex02.inline,
.finfo-ex03.inline,
.finfo-ex04.inline {display:inline-block}
.finfo-ex01:before,
.finfo-ex02:before,
.finfo-ex03:before,
.finfo-ex04:before {content:"";display:block;position:absolute;left:0;top:0;width:18px;height:18px;background:url(/resources/_Img/Common/style_spr.png) no-repeat -173px 0}
.finfo-ex01:before {background-position:-173px -55px}
.finfo-ex02:before {background-position:-201px -55px}
.finfo-ex03:before {background-position:-229px -55px;width:20px;height:20px}
.finfo-ex04:before {background-position:-259px -55px;width:14px;height:14px;top:2px}
.finfo-ex02 {color:#fa3030}
.finfo-ex03 {color:#00204b;padding-left:30px}
.finfo-ex04 {font-size:0.778em;color:#777777;padding-left:19px}


/* Form-style(라디오, 체크버튼, 숫자형) */
.frm-rdos-wr {font-size:0}
.frm-rdos-wr > span:first-child input[type=radio] + label {}
.frm-rdos-wr > span:last-child input[type=radio] + label {}
.frm-rdos-wr .frm-rdos {display:inline-block;text-align:center;vertical-align:top}
.frm-rdos-wr .frm-rdos input[type=radio] {position:absolute;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
.frm-rdos-wr .frm-rdos input[type=radio] + label {display:block;position:relative;background:#fff;border:1px solid #cccccc;border-left-width:0;min-width:77px;padding:0 12px;color:#555;font-size:16px;font-weight:400;line-height:38px;box-sizing:border-box;cursor:pointer;transition:width .3s ease}
.frm-rdos-wr .frm-rdos input[type=radio] + label:before {content:"";display:none;width:11px;height:6px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;transform:rotate(-45deg);margin:-5px 5px 0 0;vertical-align:middle;box-sizing:border-box}
.frm-rdos-wr .frm-rdos:first-child input[type=radio] + label {border-left-width:1px}
.frm-rdos-wr .frm-rdos input[type=radio]:checked + label {background:#0d3862;border-color:#0d3862;color:#fff}
.frm-rdos-wr .frm-rdos input[type=radio]:checked + label:before {display:inline-block}
.frm-rdos-wr .frm-rdos input[type=radio]:focus + label:after {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:1px dashed rgb(252, 100, 97)}
.Code-eng .frm-rdos-wr .frm-rdos input[type=radio] + label {min-width:60px}

.frm-chks-wr {font-size:0}
.frm-chks-wr > span:first-child input[type=checkbox] + label {}
.frm-chks-wr > span:last-child input[type=checkbox] + label {}
.frm-chks-wr .frm-chks {display:inline-block;text-align:center;vertical-align:top}
.frm-chks-wr .frm-chks input[type=checkbox] {position:absolute;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
.frm-chks-wr .frm-chks input[type=checkbox] + label {display:block;position:relative;background:#fff;border:1px solid #cccccc;border-left-width:0;min-width:77px;padding:0 12px;color:#555;font-size:16px;font-weight:400;line-height:43px;box-sizing:border-box;transition:width .3s ease}
.frm-chks-wr .frm-chks input[type=checkbox] + label:before  {content:"";display:none;width:11px;height:6px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;transform:rotate(-45deg);margin:-5px 5px 0 0;vertical-align:middle;box-sizing:border-box}
.frm-chks-wr .frm-chks:first-child input[type=checkbox] + label  {border-left-width:1px}
.frm-chks-wr .frm-chks input[type=checkbox]:checked + label {background:#0d3862;border-color:#0d3862;color:#fff}
.frm-chks-wr .frm-chks input[type=checkbox]:checked + label:before {display:inline-block}
.frm-rdos-wr .frm-chks input[type=radio]:focus + label:after {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:1px dashed rgb(252, 100, 97)}

@media all and (max-width:599px){
	.frm-rdos-wr .frm-rdos input[type=radio] + label,
	.frm-chks-wr .frm-chks input[type=checkbox] + label {font-size:14px}
	.frm-rdos-wr .frm-rdos input[type=radio] + label:before,
	.frm-chks-wr .frm-chks input[type=checkbox] + label:before {width:10px;margin-top:-6px}
}
 
.frm-nums-wr {font-size:0}
.frm-nums-wr > * {display:inline-block;border:1px solid #ddd;line-height:48px;text-align:center;vertical-align:top;box-sizing:border-box}
.frm-nums-wr > button {position:relative;background:#fff;width:68px;height:50px}
.frm-nums-wr > button.frm-minus {border-top-left-radius:50px;border-bottom-left-radius:50px}
.frm-nums-wr > button.frm-plus {border-top-right-radius:50px;border-bottom-right-radius:50px}
.frm-nums-wr > button.frm-minus:before,
.frm-nums-wr > button.frm-plus:before,
.frm-nums-wr > button.frm-plus:after {content:"";display:inline-block;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#848484;width:14px;height:2px;margin:auto}
.frm-nums-wr > button.frm-plus:after {width:2px;height:14px}
.input-num-box .input-num input[type="text"] {max-width:55px;margin:0 5px;padding:0;text-align:center}
.input-num-box .input-num-txt {font-size:17px}
.frm-nums-wr > .num-txt {background:#f2f2f2;border-left:0;border-right:0;width:120px;height:auto;padding:0 10px;color:#333333;font-size:18px;font-weight:500}


/* 포인트컬러값 */
.csc-p01 {color:#006ee9 !important}
.csc-p02 {color:#4b90ff !important}
.csc-p03 {color:#004591 !important}
.csc-p04 {color:#142e5d !important}
.csc-p05 {color:#ffd44d !important}
.csc-p06 {color:#3446f0 !important}
.csc-p07 {color:#755fff !important}
.csc-p08 {color:#fb3b4c !important}
.csc-p09 {color:#d931ac !important}
.csc-p10 {color:#00c1e2 !important}
.csc-p11 {color:#ff7f4d !important}
.csc-p01bg,.ico-bg1:before {background-color:#006ee9 !important}
.csc-p02bg,.ico-bg2:before {background-color:#4b90ff !important}
.csc-p03bg,.ico-bg3:before {background-color:#004591 !important}
.csc-p04bg,.ico-bg4:before {background-color:#142e5d !important}
.csc-p05bg,.ico-bg5:before {background-color:#ffd44d !important}
.csc-p06bg,.ico-bg6:before {background-color:#3446f0 !important}
.csc-p07bg,.ico-bg7:before {background-color:#755fff !important}
.csc-p08bg,.ico-bg8:before {background-color:#fb3b4c !important}
.csc-p09bg,.ico-bg9:before {background-color:#d931ac !important}
.csc-p10bg,.ico-bg10:before  {background-color:#00c1e2 !important}
.csc-p11bg,.ico-bg11:before  {background-color:#ff7f4d !important}

/* 링크스타일 */
.sico-nwin {color:#006476 !important;margin:0 5px 0 0}
.sico-nwin:after {content:"";display:inline-block;width:10px;height:10px;background:url(/resources/_Img/Common/ico_nw.gif) no-repeat 0 0;margin:0 0 1px 5px}
.sico-nwin:focus, .sico-nwin:active, .sico-nwin:hover {text-decoration:underline}

/* 탭메뉴 */
.c-tab01 a[target=_blank] span:after {content:"";display:inline-block;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -44px 0;width:12px;height:12px;margin-left:14px}
.c-tab01 a[target=_blank].over span:after,
.c-tab01 a[target=_blank]:hover span:after {}
.c-tab01 {position:relative;border-radius:20px;margin:-53px 0 57px;text-align:center;line-height:1;overflow:hidden;box-sizing:border-box}
.c-tab01:before {content:"";display:block;position:absolute;left:0;top:0;border:1px solid #ddd;border-radius:20px;width:100%;height:100%;box-sizing:border-box}
.c-tab01 ul {display:flex;flex-flow:row wrap;overflow:hidden;z-index:1}
.c-tab01 ul li {flex:1 1 0;position:relative}
.c-tab01 ul li:before {content:"";display:block;position:absolute;right:0;top:0;bottom:0;background-color:#ddd;width:1px;height:26px;margin:auto}
.c-tab01 ul li:nth-child(5n):before {display:none}
.c-tab01 ul.more-tab li {flex:none;width:20%} 
.c-tab01 ul li a {display:flex;justify-content:center;align-items:center;position:relative;height:70px;padding:3px 12px 0;color:#333;font-size:.944em;font-weight:500;font-family:"Gmarket Sans", sans-serif;letter-spacing:-.025em;word-break:break-all;transition:all .3s;box-sizing:border-box}
.c-tab01 ul li a:before,
.c-tab01 ul li a:after {content:"";display:block;position:absolute;bottom:0;}
.c-tab01 ul li a:before {left:0;background-color:#ddd;width:100%;height:1px}
.c-tab01 ul li a:after {left:50%;background-color:#ffd44d;width:0;height:4px;opacity:0;transition:all .3s ease-out;z-index:1}
.c-tab01 ul li.over a:after,
.c-tab01 ul li a:hover:after {left:0;width:100%;opacity:1}


/*
.c-tab01 {position:relative;margin-bottom:57px;line-height:1;box-sizing:border-box;text-align:center;margin-top:-53px}
.c-tab01 ul {display:flex;flex-flow:row wrap;overflow:hidden;z-index:1}
.c-tab01 ul li {position:relative}
.c-tab01 ul li:before {content:"";display:block;position:absolute;left:0;bottom:0;background-color:#ccc;width:2000px;height:1px}
.c-tab01 ul li a {display:flex;justify-content:center;align-items:center;position:relative;height:60px;padding:0 30px;color:#333;font-size:1.125em;font-weight:500;letter-spacing:-.025em;transition:all .3s;box-sizing:border-box}
.c-tab01 ul li a:before {content:"";display:block;position:absolute.c-tab01.mSet ul;left:50%;bottom:0;background-color:#ffd44d;width:0;height:4px;opacity:0;transition:all .3s}
.c-tab01 ul li a span {display:block}
.c-tab01 ul li.over a {font-weight:700}
.c-tab01 ul li.over a:before,
.c-tab01 ul li a:hover:before {left:0;width:100%;opacity:1}
*/
.c-tab01.mSet {position:relative;border:0;border-radius:0;margin-bottom:20px;overflow:unset;z-index:10}
.c-tab01.mSet button.ctab01Ctrl {position:relative;background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;height:45px;padding:0 45px 0 19px;text-align:left;overflow:hidden;box-sizing:border-box;z-index:2}
.c-tab01.mSet button.ctab01Ctrl span {display:inline-block;margin-top:-1px;color:#333;font-size:15px;font-weight:700;line-height:1.2;letter-spacing:-.05em;font-family:"Gmarket Sans", sans-serif;vertical-align:middle}
.c-tab01.mSet button.ctab01Ctrl:before,
.c-tab01.mSet button.ctab01Ctrl:after {content:"";display:block;position:absolute;z-index:9}
.c-tab01.mSet button.ctab01Ctrl:before {right:7px;top:6px;background-color:#ffd44d;border-radius:10px;width:30px;height:30px;}
.c-tab01.mSet button.ctab01Ctrl:after {right:17px;top:14px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #211b0a #211b0a;width:7px;height:7px;transform:rotate(-45deg);transition:all .3s;z-index:9}
.c-tab01.mSet button.ctab01Ctrl.over {border-bottom-left-radius:0;border-bottom-right-radius:0}
.c-tab01.mSet button.ctab01Ctrl.over span {}
.c-tab01.mSet button.ctab01Ctrl.over:after {top:19px;transform:rotate(135deg)}
.c-tab01.mSet ul {display:none;position:absolute;width:100%;left:0;top:45px;background:#fff;border:1px solid #ddd;border-top:0;border-radius:0 0 10px 10px;overflow:hidden;box-sizing:border-box;z-index:1}
.c-tab01.mSet ul:before {content:"";display:block;position:absolute;left:50%;top:0;background-color:#ddd;width:1px;height:100%}
.c-tab01.mSet ul:after {display:none}
.c-tab01.mSet button.ctab01Ctrl.over + ul {display:flex !important}
.c-tab01.mSet ul li {flex-basis:50%;width:auto;padding:0;margin:0;min-width:0;max-width:none;box-sizing:border-box}
.c-tab01.mSet ul li:nth-child(5n):before {display:block}
.c-tab01.mSet ul li:before {left:0;right:auto;top:auto;bottom:-1px;width:100%;height:1px;}
.c-tab01.mSet ul li a {justify-content:flex-start;position:relative;height:45px;color:#666;font-size:14px}
.c-tab01.mSet ul li a:before,
.c-tab01.mSet ul li a:after {display:none}
.c-tab01.mSet ul li a span {display:inline-block;/*width:100%;*/text-align:left}
.c-tab01.mSet ul li.over a {background-color:#ffd44d;color:#000;font-weight:500}
.c-tab01.mSet a[target=_blank],
.c-tab02.mSet a[target=_blank] {padding-right:30px !important;}
.c-tab01.mSet a[target=_blank]:after,
.c-tab02.mSet a[target=_blank]:after  {position:absolute;bottom:15px;right:10px;}

.c-tab02 {position:relative;background-color:#f2f4f7;border:1px solid #d6dce7;border-radius:20px;margin:-25px 0 50px;padding:16px 30px 6px;line-height:1;z-index:8;box-sizing:border-box}
.c-tab02 ul {display:flex;flex-flow:row wrap}
.c-tab02 ul li {margin:0 10px 10px 0}
.c-tab02 ul li:last-child {margin-right:0}
.c-tab02 ul li a {display:block;background-color:#fff;border-radius:30px;padding:8px 20px 8px;color:#194272;font-size:.889em;line-height:1.2;letter-spacing:-.05em;transition:all .3s ease}
.c-tab02 ul li.over a,
.c-tab02 ul li a:hover {background-color:#002a5e;color:#fff;box-shadow:0 10px 21px 0 rgba(141, 158, 190, .4)}


.c-tab02 ul li button {display:block;height:auto;color:#777;font-weight:500;padding-bottom:23px;padding-top:15px;border:0;background:none;position:relative;transition:all .3s ease}
.c-tab02 ul li button:before {content:"";display:block;position:absolute;left:50%;bottom:0;width:0;height:3px;background:#0d3862;transition:all .3s ease}
.c-tab02 ul li button span {display:inline-block;position:relative}
.c-tab02 ul li button.over,
.c-tab02 ul li button.active,
.c-tab02 ul li button:focus,
.c-tab02 ul li button:hover {color:#0d3862}
.c-tab02 ul li button.active:before,
.c-tab02 ul li button.over:before,
.c-tab02 ul li button:focus:before,
.c-tab02 ul li button:hover:before {left:0;width:100%}

.c-tab02.mSet {position:relative;background:none;border:0;border-radius:0;margin:0 0 20px;padding:0;overflow:unset;z-index:9}
.c-tab02.mSet button.ctab02Ctrl {position:relative;background:#f2f4f7;border:1px solid #d6dce7;border-radius:10px;width:100%;height:45px;padding:0 45px 0 19px;text-align:left;overflow:hidden;box-sizing:border-box;z-index:2}
.c-tab02.mSet button.ctab02Ctrl span {display:inline-block;margin-top:-1px;color:#333;font-size:15px;font-weight:700;line-height:1.2;letter-spacing:-.05em;font-family:"Gmarket Sans", sans-serif;vertical-align:middle}
.c-tab02.mSet button.ctab02Ctrl:before,
.c-tab02.mSet button.ctab02Ctrl:after {content:"";display:block;position:absolute;z-index:9}
.c-tab02.mSet button.ctab02Ctrl:before {right:7px;top:6px;background-color:#002a5e;border-radius:10px;width:30px;height:30px;}
.c-tab02.mSet button.ctab02Ctrl:after {right:17px;top:14px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;width:7px;height:7px;transform:rotate(-45deg);transition:all .3s;z-index:9}
.c-tab02.mSet button.ctab02Ctrl.over {border-bottom-left-radius:0;border-bottom-right-radius:0}
.c-tab02.mSet button.ctab02Ctrl.over span {}
.c-tab02.mSet button.ctab02Ctrl.over:after {top:19px;transform:rotate(135deg)}
.c-tab02.mSet ul {display:none;position:absolute;width:100%;left:0;top:45px;background:#fff;border:1px solid #ddd;border-top:0;border-radius:0 0 10px 10px;overflow:hidden;box-sizing:border-box;z-index:1}
.c-tab02.mSet ul:before {content:"";display:block;position:absolute;left:50%;top:0;background-color:#ddd;width:1px;height:100%}
.c-tab02.mSet ul:after {display:none}
.c-tab02.mSet button.ctab02Ctrl.over + ul {display:flex !important}
.c-tab02.mSet ul li {flex-basis:50%;position:relative;width:auto;padding:0;margin:0;min-width:0;max-width:none;font-family:"Gmarket Sans", sans-serif;box-sizing:border-box}
.c-tab02.mSet ul li:before {content:"";display:block;position:absolute;left:0;bottom:-1px;background-color:#ddd;width:100%;height:1px;}
.c-tab02.mSet ul li a {display:flex;align-items:center;justify-content:flex-start;position:relative;background:none;border-radius:0;height:45px;color:#194272;padding:3px 12px 0;font-size:14px;box-shadow:none;box-sizing:border-box}
.c-tab02.mSet ul li a:before,
.c-tab02.mSet ul li a:after {display:none}
.c-tab02.mSet ul li a span {display:inline-block;/*width:100%;*/text-align:left}
.c-tab02.mSet ul li.over a {background-color:#002a5e;color:#fff;font-weight:500}
.c-tab02.mSet a[target=_blank] {padding-right:30px !important;}
.c-tab02.mSet a[target=_blank]:after {position:absolute;bottom:15px;right:10px;}

/*
@media all and (min-width:800px) {
	.c-tab01 ul {display:flex !important}
	.c-tab01 ul li:nth-child(6n):before {display:block}
	.c-tab01 ul li:nth-child(4n):before {display:none}
	.c-tab01 ul.more-tab li {width:20%} 
	.c-tab01 ul li a {height:60px}
}
*/

@media all and (max-width:999px) {
	.c-tab01 {margin-top:0}
	.c-tab01 ul li a {height:50px}

	.c-tab02 {padding:16px 20px 6px}

}
@media all and (max-width:399px) {
	.c-tab01.mSet ul li a {padding:0 10px;}
	.c-tab01.mSet ul li a span {word-break:break-all;}
}



/* 컨텐츠 타이틀 */
.c-tit00,
.c-tit01,
.c-tit02,
.c-tit03 {}
.c-tit00.inline,
.c-tit01.inline,
.c-tit02.inline,
.c-tit03.inline  {display:inline-block}
.c-tit00 {position:relative;color:#222;font-size:2.5em;font-weight:700;font-family:"Gmarket Sans", sans-serif;line-height:1.25; margin-bottom:15px;}
.c-tit00:after {content:"";display:inline-block;background-color:#ffd325;border-radius:50%;width:8px;height:8px;margin-left:9px;vertical-align:top}
.c-tit01 {position:relative;margin-bottom:15px;color:#222;font-size:1.778em;font-weight:700;font-family:"Gmarket Sans", sans-serif;line-height:1.25}
.c-tit01:before {content:"";display:block;position:absolute;left:-7px;top:-4px;background-color:#0091dc;border-radius:50%;width:18px;height:18px;z-index:-1}
.c-tit02 {margin-bottom:15px;color:#0091dc;font-size:1.333em;font-weight:700;font-family:"Gmarket Sans", sans-serif;line-height:1.214}
.c-tit03 {margin-bottom:15px;color:#506384;font-size:1.167em;font-weight:700;font-family:"Gmarket Sans", sans-serif;line-height:1.238}
.c-tit04 {margin-bottom:10px;color:#333;font-size:1em;font-weight:700;line-height:1.238 ;font-family:"Gmarket Sans", sans-serif;}

@media all and (max-width:768px) {
	.c-tit00 {font-size:2em}
	.c-tit01 {margin-bottom:10px;font-size:1.467em}
	.c-tit02 {margin-bottom:10px;font-size:1.333em}
	.c-tit03 {margin-bottom:10px;font-size:1.2em}
	.c-tit04 {margin-bottom:10px}
}

/* 리스트 스타일 */
.c-list01, .c-list02, .c-list03, .c-list04, .c-list05, .c-list06, .c-list07 {text-align:left} {text-align:left}
.c-list01 *, .c-list02 *, .c-list03 *, .c-list04 * {}
.c-list01 > li, .c-list01-li, .c-list02 > li, .c-list03 > li, .c-list04 > li, .c-list02-li, .c-list03-li, .c-list04-li {position:relative;margin-bottom:15px;line-height:1.412}
.c-list01 > li:last-child, .c-list02 > li:last-child, .c-list03 > li:last-child, .c-list04 > li:last-child {margin-bottom:0}
.c-list01 > li:before, .c-list02 > li:before,.c-list03 > li:before, .c-list04 > li:before,
.c-list01-li:before {content:"";display:block;position:absolute;left:0}
.c-list01 > li ul:not([class^=c-list]), .c-list02 > li ul:not([class^=c-list]), .c-list03 > li ul:not([class^=c-list]), .c-list04 > li ul:not([class^=c-list]) {padding:4px 0 1px 1px}
.c-list01 > li ul:not([class^=c-list]) li, .c-list02 > li ul:not([class^=c-list]) li, .c-list03 > li ul:not([class^=c-list]) li, .c-list04 > li ul:not([class^=c-list]) li {position:relative;margin-top:5px;padding-left:9px;color:#666;font-size:.9441em;line-height:1.25}
.c-list01 > li ul:not([class^=c-list]) li:first-child, .c-list02 > li ul:not([class^=c-list]) li:first-child, .c-list03 > li ul:not([class^=c-list]) li:first-child, .c-list04 > li ul:not([class^=c-list]) li:first-child {margin-top:0} 
.c-list01 > li ul:not([class^=c-list]) li:before, .c-list02 > li ul:not([class^=c-list]) li:before, .c-list03 > li ul:not([class^=c-list]) li:before, .c-list04 > li ul:not([class^=c-list]) li:before {content:"";display:block;position:absolute;left:0;top:10px;background:#8c8c8c;width:5px;height:1px}

.c-list01 > li ul li ul li, .c-list02 > li ul li ul li, .c-list03 > li ul li ul li, .c-list04 > li ul li ul li {position:relative;font-size:1em}

.c-list01 > li .tit, .c-list02 > li .tit, .c-list03 > li .tit, .c-list04 > li .tit,
.c-list01 > li .tit-in, .c-list02 > li .tit-in, .c-list03 > li .tit-in, .c-list04 > li .tit-in {display:block;color:#272727;font-weight:500}
.c-list01 > li .tit-in, .c-list02 > li .tit-in, .c-list03 > li .tit-in, .c-list04 > li .tit-in {display:inline-block}
.c-list01 > li .txt, .c-list02 > li .txt, .c-list03 > li .txt, .c-list04 > li .txt {display:inline-block}

.c-list01 > li, .c-list01-li {padding-left:17px}
.c-list01 > li:before, .c-list01-li:before {left:0;top:8px;background-color:#717171;border-radius:50%;width:5px;height:5px}
.c-list01-li {margin-bottom:0}

.c-list02 > li {padding-left:26px}
.c-list02 > li:before {display:block;content:"가.";position:absolute;top:0 !important;left:1px!important;background:none !important;color:#272727!important;font-weight:500!important;width:auto !important;height:auto !important}
.c-list02 > li .tit + .txt {margin-top:5px}
.c-list02.han > li:nth-child(1):before {content:"가." !important}
.c-list02.han > li:nth-child(2):before {content:"나." !important}
.c-list02.han > li:nth-child(3):before {content:"다." !important}
.c-list02.han > li:nth-child(4):before {content:"라." !important}
.c-list02.han > li:nth-child(5):before {content:"마." !important}
.c-list02.han > li:nth-child(6):before {content:"바." !important}
.c-list02.han > li:nth-child(7):before {content:"사." !important}
.c-list02.han > li:nth-child(8):before {content:"아." !important}
.c-list02.han > li:nth-child(9):before {content:"자." !important}
.c-list02.han > li:nth-child(10):before {content:"차." !important}
.c-list02.han > li:nth-child(11):before {content:"카." !important}
.c-list02.han > li:nth-child(12):before {content:"타." !important}
.c-list02.han > li:nth-child(13):before {content:"파." !important}
.c-list02.han > li:nth-child(14):before {content:"하." !important}

.c-list02.num {counter-reset:numli1}
.c-list02.num > li {counter-increment:numli1;padding-left:30px}
.c-list02.num > li:nth-child(-n+9) {padding-left:20px}
.c-list02.num > li:before {content:counter(numli1) ".";left:5px}

.c-list02.snum {counter-reset:numli2}
.c-list02.snum > li {counter-increment:numli2; padding-left:32px}
.c-list02.snum > li:nth-child(-n+9) {padding-left:22px}
.c-list02.snum > li:before {content:counter(numli2) ")";left:5px;font-weight:400}

.c-list03 {counter-reset:numli3}
.c-list03 > li {padding-left:34px;counter-increment:numli3}
.c-list03 > li, .c-list03-li {margin-bottom:18px}
.c-list03 > li:before {display:block;content:counter(numli3);position:absolute;top:-2px;left:0;border:1px solid #777;border-radius:6px;width:24px;height:24px;color:#777;font-size:.765em;line-height:24px;text-align:center;box-sizing:border-box}
.c-list03.cor > li:before {color:#fff;background-color:#208df0;border-color:#208df0}
.c-list03 > li .tit + .txt {padding-top:5px}

.c-list04 {counter-reset:numli4}
.c-list04 > li {padding-left:28px;counter-increment:numli4}
.c-list04 > li, .c-list04-li {margin-bottom:18px}
.c-list04 > li:before {display:block;content:counter(numli4);position:absolute;top:0;left:0;border:1px solid #777;border-radius:8px;width:20px;height:20px;color:#777;font-size:.706em;line-height:20px;text-align:center;box-sizing:border-box}
.c-list04.cor > li:before {color:#fff;background-color:#4d4d4d;border-color:#4d4d4d}
.c-list04 > li .tit + .txt {padding-top:5px}
/*
.c-list05 > li {position:relative;padding-left:27px !important;}
.c-list05 > li:before {display:none !important;}
.c-list05 > li > .num {display:block;position:absolute;top:0;left:0;width:18px;height:18px;border:1px solid #333333;line-height:16px;text-align:center;font-family:"sofia-pro","Montserrat","Noto Sans KR", sans-serif;font-weight:500;color:#333333;font-size:0.667em;border-radius:50%;}

.c-list06 > li {position:relative;padding-left:23px !important;}
.c-list06 > li:before {display:none !important;}
.c-list06 > li > .num {display:block;position:absolute;top:0;left:0;width:18px;height:18px;line-height:18px;text-align:center;font-family:"sofia-pro","Montserrat","Noto Sans KR", sans-serif;font-weight:500;color:#333333;font-size:0.889em;}

.c-list07 > li {position:relative;padding-left:23px !important;}
.c-list07 > li:before {display:none !important;}
.c-list07 > li > .num {display:block;position:absolute;top:-2px;left:0;width:18px;height:18px;line-height:18px;text-align:center;font-family:"sofia-pro","Montserrat","Noto Sans KR", sans-serif;font-weight:500;color:#333333;font-size:0.889em;}
*/

.c-list-no > li {padding-left:0 !important}
.c-list-no > li:before {display:none !important}

ul > li > [class^=c-list] {padding-top:7px}
ul > li > [class^=c-list] > li {margin-bottom:12px}
ul > li > ul > li > [class^=c-list] > li {margin-bottom:10px}
ul > li > [class^=c-list] li .tit + .txt {margin-top:0;padding-top:0}


table .c-list01, table  .c-list02, table  .c-list03, table  .c-list04 {padding:5px 0} /*테이블내에 리스트가 사용시 여백 보완*/
table .c-list01 > li, table .c-list02 > li, table .c-list03 > li, table .c-list04 > li, table .c-list01-li, table .c-list02-li, table .c-list03-li, table .c-list04-li {margin-bottom:5px}

@media all and (max-width:999px) {
	.c-list02 > li:before {top:0}

	.c-list03 > li {padding-left:34px}
}

@media all and (max-width:768px) {
	.c-list01 > li, .c-list01-li, .c-list02 > li, .c-list03 > li, .c-list04 > li, .c-list02-li, .c-list03-li, .c-list04-li {margin-bottom:5px}
	ul > li > [class^=c-list] > li {margin-bottom:7px}
	ul > li > ul > li > [class^=c-list] > li {margin-bottom:5px}
	.c-list01 > li, .c-list01-li {padding-left:12px}
	.c-list01 > li:before, .c-list01-li:before {top:8px;width:4px;height:4px}

	.c-list02 > li {padding-left:22px}
	.c-list02.num > li {padding-left:26px}
	.c-list02.num > li:nth-child(-n+9) {padding-left:17px}
	.c-list02.snum > li {padding-left:28px}
	.c-list02.snum > li:nth-child(-n+9) {padding-left:19px}

	.c-list03 > li {padding-left:28px}
	.c-list03 > li:before {width:20px;height:20px;line-height:18px}

	.c-list04 > li {padding-left:28px}
	.c-list04 > li:before {border-radius:7px;width:18px;height:18px;line-height:17px}
}


/* ----- 버튼 ----- */
.arr-btn, .nw-btn, .down-btn,
.f-btn {display:inline-block;position:relative;transition:all .3s ease;box-sizing:border-box;}
.arr-btn:after, .nw-btn:after, .down-btn:after,
.f-arr-btn:after, .f-nw-btn:after, .f-down-btn:after {content:"";display:inline-block;background:url(/resources/_Img/Common/style_spr.png) no-repeat 0 -30px;width:14px;height:14px;margin:-2px 0 0 5px;vertical-align:middle}
.arr-btn:before, .nw-btn:before, .down-btn:before {content:"";display:none;position:absolute;bottom:0;left:0;background:#065fc0;width:100%;height:1px;opacity:1;transition:all .3s ease}
.arr-btn span, .nw-btn span, .down-btn span {position:relative;padding:0 3px 2px;transition:all .3s ease; color:#065fc0;text-decoration:underline;text-underline-position:under;}
.arr-btn:focus, .arr-btn:hover, .nw-btn:focus, .nw-btn:hover, .down-btn:focus, .down-btn:hover {color:#065fc0}
.arr-btn:focus:before, .arr-btn:hover:before, .nw-btn:focus:before, .nw-btn:hover:before, .down-btn:focus:before, .down-btn:hover:before {background:#065fc0;}
.arr-btn:after,
.f-arr-btn:after {background-position:0 -30px}
.nw-btn:after,
.f-nw-btn:after {background-position:-24px -30px;bottom:5px !important;}
.down-btn:after,
.f-down-btn:after {background-position:-48px -30px}

.f-btn {background-color:#fff;border:1px solid #878f9e;border-radius:5px;margin-top:5px;max-width:100%;padding:3px 10px 1px;font-size:.778em}
.f-btn:first-child {margin-top:0}
.f-arr-btn, .f-nw-btn, .f-down-btn {padding-right:31px}
.f-arr-btn:after, .f-nw-btn:after, .f-down-btn:after {display:block;position:absolute;right:7px;bottom:7px;margin:0}


.sw-btn:hover, .sg-btn:hover, .sp-btn:hover, .sdp-btn:hover,
.bw-btn:hover, .bg-btn:hover, .bp-btn:hover, .bdp-btn:hover,
.lw-btn:hover, .lg-btn:hover, .lp-btn:hover, .ldp-btn:hover,
.sw-btn:focus, .sg-btn:focus, .sp-btn:focus, .sdp-btn:focus,
.bw-btn:focus, .bg-btn:focus, .bp-btn:focus, .bdp-btn:focus,
.lw-btn:focus, .lg-btn:focus, .lp-btn:focus, .ldp-btn:focus {text-decoration:none}

.map-btn {display:block;position:relative;width:49px;height:49px;background:#8d8d8d;border-radius:50%;overflow:hidden;transition:all .3s ease}
.map-btn:before {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:21px;height:21px;background:url(/resources/_Img/Common/style_spr.png) no-repeat -349px 0}
.map-btn:focus,
.map-btn:hover {background:#0d3862}

.map-btn2 {display:block;position:relative;width:49px;height:49px;background:#8d8d8d;border-radius:50%;overflow:hidden;transition:all .3s ease}
.map-btn2:before {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:24px;height:21px;background:url(/resources/_Img/Common/style_spr.png) no-repeat -380px 0}
.map-btn2:focus,
.map-btn2:hover {background:#0d3862}


/* 작은 컨텐츠 버튼 */
.sw-btn, .sg-btn, .sp-btn, .sdp-btn {display:inline-block;position:relative;overflow:hidden;font-size:0.833em;font-weight:400;vertical-align:top;min-width:90px;padding:14px 18px 14px 18px;box-sizing:border-box;text-align:center;transition:all .3s ease}
.sw-btn span, .sg-btn span, .sp-btn span, .sdp-btn span {display:block;line-height:1;z-index:2;position:relative}
button.sw-btn, button.sg-btn, button.sp-btn, button.sdp-btn, input.sw-btn, input.sg-btn, input.sp-btn, input.sdp-btn {padding:0 18px;height:45px}

.sw-btn, a.sw-btn {background:#fff;border:1px solid #3e536b;color:#3e536b !important}
div.sw-btn:hover,
span.sw-btn:hover {background:#3e536b;border:1px solid #3e536b;color:#fff !important}

.sg-btn, a.sg-btn {background:#e0e0e0;border:1px solid #e0e0e0;color:#666 !important}
div.sg-btn:hover,
span.sg-btn:hover {background:#666;border:1px solid #666;color:#e0e0e0 !important}

.sp-btn, a.sp-btn {background:#142e5d;border:1px solid #142e5d;color:#fff !important}
div.sp-btn:hover,
span.sp-btn:hover {background:#fff;border:1px solid #142e5d;color:#142e5d !important}

.sdp-btn, a.sdp-btn {background:#ffd44d;border:1px solid #ffd44d;color:#000 !important}
div.sdp-btn:hover,
span.sdp-btn:hover {background:#fff;border:1px solid #ffd44d;color:#ffd44d !important}


/* 컨텐츠 버튼 */
.cw-btn, .cg-btn, .cp-btn, .cdp-btn {display:inline-block;position:relative;min-width:140px;padding:17px 16px 17px 18px; margin-right:3px; margin-bottom:6px; font-size:.889em;font-weight:500;line-height:1.2;text-align:left;vertical-align:top;box-sizing:border-box;overflow:hidden;transition:all .3s ease}
.cw-btn span, .cg-btn span, .cp-btn span, .cdp-btn span {display:block;position:relative;padding:0 36px 0 0;z-index:2}
input.cw-btn , button.cw-btn,
input.cg-btn , button.cg-btn,
input.cd-btn , button.cd-btn,
input.cdp-btn , button.cdp-btn {position:relative;padding:0 16px 0 18px;height:55px;cursor:pointer;vertical-align:top}
input.cw-btn:before , button.cw-btn:after,
input.cg-btn:before , button.cg-btn:after,
input.cd-btn:before , button.cd-btn:after,
input.cdp-btn:before , button.cdp-btn:after {display:none !important}

.cw-btn {background:#fff;border:1px solid #3e536b;color:#3e536b !important}
.cg-btn {background:#fff;border:1px solid #ccc;color:#666 !important}
.cp-btn {background:#142e5d;border:1px solid #142e5d;color:#fff !important}
.cdp-btn {background:#ffd44d;border:1px solid #ffd44d;color:#333 !important}
.cw-btn > span.doc, .cw-btn > span.pos, .cw-btn > span.home,
.cg-btn > span.doc, .cg-btn > span.pos, .cg-btn > span.home,
.cp-btn > span.doc, .cp-btn > span.pos, .cp-btn > span.home,
.cdp-btn > span.doc, .cdp-btn > span.pos, .cdp-btn > span.home {padding-left:39px}
.cw-btn > span.doc:before, .cw-btn > span.pos:before, .cw-btn > span.home:before,
.cg-btn > span.doc:before, .cg-btn > span.pos:before, .cg-btn > span.home:before,
.cp-btn > span.doc:before, .cp-btn > span.pos:before, .cp-btn > span.home:before,
.cdp-btn > span.doc:before, .cdp-btn > span.pos:before, .cdp-btn > span.home:before,
.cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {content:"";display:block;position:absolute;top:50%;background:url(/resources/_Img/Common/style_spr.png) no-repeat;width:24px;height:24px;margin-top:-13px}
.cw-btn span:before, .cg-btn span:before, .cp-btn span:before, .cdp-btn span:before {left:0}
.cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {right:0}

.cw-btn .arr:after {background-position:-105px -54px;right:-3px}
.cw-btn .down:after {background-position:-140px -54px}
.cw-btn .nw:after {background-position:-175px -54px}
.cw-btn > span.doc:before {background-position:0 -54px;right:-3px}
.cw-btn > span.pos:before {background-position:-35px -54px}
.cw-btn > span.home:before {background-position:-70px -54px}
.cw-btn:hover .arr:after {background-position:-105px -159px;right:-3px}
.cw-btn:hover .down:after {background-position:-140px -159px}
.cw-btn:hover .nw:after {background-position:-175px -159px}
.cw-btn:hover > span.doc:before {background-position:0 -159px;right:-3px}
.cw-btn:hover > span.pos:before {background-position:-35px -159px}
.cw-btn:hover > span.home:before {background-position:-70px -159px}

.cg-btn .arr:after {background-position:-105px -124px;right:-3px}
.cg-btn .down:after {background-position:-140px -124px}
.cg-btn .nw:after {background-position:-175px -124px}
.cg-btn > span.doc:before {background-position:0 -124px;right:-3px}
.cg-btn > span.pos:before {background-position:-35px -124px}
.cg-btn > span.home:before {background-position:-70px -124px}

.cp-btn .arr:after {background-position:-105px -159px;right:-3px}
.cp-btn .down:after {background-position:-140px -159px}
.cp-btn .nw:after {background-position:-175px -159px}
.cp-btn > span.doc:before {background-position:0 -159px;right:-3px}
.cp-btn > span.pos:before {background-position:-35px -159px}
.cp-btn > span.home:before {background-position:-70px -159px}

.cdp-btn .arr:after {background-position:-105px -89px;right:-3px}
.cdp-btn .down:after {background-position:-140px -89px}
.cdp-btn .nw:after {background-position:-175px -89px}
.cdp-btn > span.doc:before {background-position:0 -89px;right:-3px}
.cdp-btn > span.pos:before {background-position:-35px -89px}
.cdp-btn > span.home:before {background-position:-70px -89px}

/* 테이블 내 버튼 사용시 깨짐 방지 */
@media all and (max-width:999px) {
	.tbl-type01 .cw-btn, .tbl-type01 .cw-btn, .tbl-type01 .cg-btn, .tbl-type01 .cp-btn, .tbl-type01 .cdp-btn {min-width:90%;padding:15px 10px;font-size:.8em}
} 

/* 프로그램버튼 */
.bw-btn, .bg-btn, .bp-btn, .bdp-btn {display:inline-block;position:relative;min-width:180px;min-height:60px;padding:20px 15px 11px;font-size:.944em;font-weight:500;text-align:center;vertical-align:top;box-sizing:border-box;overflow:hidden;transition:all .3s ease}
.bw-btn span, .bg-btn span, .bp-btn span, .bdp-btn span {display:block;position:relative;line-height:1.2;box-sizing:border-box;z-index:2}
input.bw-btn, input.bg-btn, input.bp-btn, input.bdp-btn, button.bw-btn, button.bg-btn, button.bp-btn, button.bdp-btn {padding-top:0;padding-bottom:0;height:60px;cursor:pointer}

.bw-btn, a.bw-btn {background:#fff;border:1px solid #3e536b;color:#3e536b !important}
.bg-btn, a.bg-btn {background:#eee;border:1px solid #eee;color:#767676 !important}
.bp-btn, a.bp-btn {background:#142e5d;border:1px solid #142e5d;color:#fff !important}
.bdp-btn, a.bdp-btn {background:#ffd44d;border:1px solid #ffd44d;color:#333 !important}

/* 회원 버튼 */
.lw-btn, .lg-btn, .lp-btn, .ldp-btn {display:inline-block;position:relative;min-width:180px;min-height:60px;padding:20px 15px 11px;font-size:.944em;font-weight:500;text-align:center;vertical-align:top;box-sizing:border-box;overflow:hidden;transition:all .3s ease}
.lw-btn span, .lg-btn span, .lp-btn span, .ldp-btn span {display:block;position:relative;line-height:1.2;box-sizing:border-box;z-index:2}
input.lw-btn, input.bg-btn, input.lp-btn, input.ldp-btn, button.lw-btn, button.lg-btn, button.lp-btn, button.ldp-btn {padding-top:0;padding-bottom:0;height:60px;cursor:pointer}

.lw-btn, a.lw-btn {background:#fff;border:1px solid #3e536b;color:#3e536b !important}
.lg-btn, a.lg-btn {background:#eee;border:1px solid #eee;color:#767676 !important}
.lp-btn, a.lp-btn {background:#142e5d;border:1px solid #142e5d;color:#fff !important}
.ldp-btn, a.ldp-btn {background:#ffd44d;border:1px solid #ffd44d;color:#333 !important}

/* 오버 */
.sw-btn:hover, 
.cw-btn:hover,
.bw-btn:hover, 
.lw-btn:hover {background:#fff;color:#fff !important;outline-color:red}
 
.sg-btn:hover, 
.cg-btn:hover, 
.bg-btn:hover,
.lg-btn:hover {background:#fff}

.sp-btn:hover,
.cp-btn:hover,
.bp-btn:hover,
.lp-btn:hover {background:#142e5d;border-color:#27447a;color:#fff !important;outline-color:red}

.sdp-btn:hover,
.cdp-btn:hover,
.bdp-btn:hover,
.ldp-btn:hover {background:#ffd44d;border-color:#f2be1a}

input.sw-btn:hover, 
input.cw-btn:hover,
input.bw-btn:hover, 
input.lw-btn:hover {background:#3e536b}

input.sg-btn:hover
input.cg-btn:hover 
input.bg-btn:hover
input.lg-btn:hover {background:#ccc}

input.sp-btn:hover 
input.cp-btn:hover 
input.bp-btn:hover 
input.lp-btn:hover {background:#27447a}

input.sdp-btn:hover
input.cdp-btn:hover
input.bdp-btn:hover
input.ldp-btn:hover {background:#f2be1a}

.sw-btn:before, 
.sg-btn:before, 
.sp-btn:before, 
.sdp-btn:before,
.cw-btn:before, 
.cg-btn:before, 
.cp-btn:before, 
.cdp-btn:before,
.bw-btn:before, 
.bg-btn:before, 
.bp-btn:before, 
.bdp-btn:before,
.lw-btn:before, 
.lg-btn:before, 
.lp-btn:before, 
.ldp-btn:before {content:"";display:block;position:absolute;top:0;right:-30px;border-radius:30px;width:0;height:100%;transition:all .45s cubic-bezier(0.65, 0, 0.076, 1)}

.sw-btn:before, 
.cw-btn:before,
.bw-btn:before, 
.lw-btn:before {background:#3e536b}

.sg-btn:before, 
.cg-btn:before, 
.bg-btn:before,
.lg-btn:before {background:#ccc}

.sp-btn:before, 
.cp-btn:before, 
.bp-btn:before, 
.lp-btn:before {background:#27447a}

.sdp-btn:before,
.cdp-btn:before,
.bdp-btn:before,
.ldp-btn:before {background:#f2be1a}

.sw-btn:hover:before, 
.sg-btn:hover:before, 
.sp-btn:hover:before, 
.sdp-btn:hover:before,
.cw-btn:hover:before, 
.cg-btn:hover:before, 
.cp-btn:hover:before, 
.cdp-btn:hover:before,
.bw-btn:hover:before,  
.bg-btn:hover:before, 
.bp-btn:hover:before, 
.bdp-btn:hover:before,
.lw-btn:hover:before, 
.lg-btn:hover:before, 
.lp-btn:hover:before, 
.ldp-btn:hover:before {left:-30px;right:auto;width: calc(100% + 60px)}

@media all and (max-width:599px) {
	.sw-btn, .sg-btn, .sp-btn, .sdp-btn {min-width:70px;padding:12px 10px 12px 10px}
	.sw-btn span, .sg-btn span, .sp-btn span, .sdp-btn span {}
	input.sw-btn, input.sg-btn, input.sp-btn, input.sdp-btn {padding:0 5px;height:41px}
	button.sw-btn, button.sg-btn, button.sp-btn, button.sdp-btn {padding:0 5px;height:41px}

	.cw-btn, .cg-btn, .cp-btn, .cdp-btn {min-width:100px;padding:16px 12px 14px 14px}
	.cw-btn span, .cg-btn span, .cp-btn span, .cdp-btn span {padding-right:32px}
	.cw-btn > span.doc, .cw-btn > span.pos, .cw-btn > span.home,
	.cg-btn > span.doc, .cg-btn > span.pos, .cg-btn > span.home,
	.cp-btn > span.doc, .cp-btn > span.pos, .cp-btn > span.home,
	.cdp-btn > span.doc, .cdp-btn > span.pos, .cdp-btn > span.home {padding-left:29px}
	.cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {}

	.bw-btn, .bg-btn, .bp-btn, .bdp-btn {min-width:110px;min-height:47px;padding:13px 10px 11px 10px}
	input.bw-btn, input.bg-btn, input.bp-btn, input.bdp-btn, button.bw-btn, button.bg-btn, button.bp-btn, button.bdp-btn {padding:0 10px;height:47px}

	.lw-btn, .lg-btn, .lp-btn, .ldp-btn {min-width:110px;min-height:47px;padding:13px 10px 11px 10px}
	input.lw-btn, input.bg-btn, input.lp-btn, input.ldp-btn, button.lw-btn, button.lg-btn, button.lp-btn, button.ldp-btn {padding:0 10px;height:47px}
}




/* 테이블 */
.tbl-type01 {position:relative;border-top:2px solid #363636;border-bottom:1px solid #e9e9e9;border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;clear:both;text-align:center}
.tbl-type01 th,
.tbl-type01 td {padding:19px 10px 17px;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;color:#555;box-sizing:border-box}
.tbl-type01 th.l,
.tbl-type01 th.left,
.tbl-type01 td.l,
.tbl-type01 td.left {padding-left:25px;padding-right:25px}
.tbl-type01 th {background:#fafafa;color:#222;font-weight:500}
.tbl-type01 th:last-child,
.tbl-type01 td:last-child {border-right:0}
.tbl-type01 th.bg,
.tbl-type01 td.bg {background:#f6f6f6}
.tbl-type01 th:first-child, .tbl-type01 td:first-child {border-left:0}
.tbl-type01 .border {border-left:1px solid #dcdcdc}
.tbl-type01 thead {border-bottom:2px solid #ccc}
.tbl-type01 thead th {position:relative;background:#f6f6f6;border-left:0;padding:17px 10px 18px;color:#222;font-weight:700; border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.tbl-type01 tr th.line,
.tbl-type01 tr td.line {border-right:1px solid #dcdcdc}
.tbl-type01 thead tr th.line {border-right:1px solid #ccc}
.tbl-type01 th.backslash {background:#f6f6f6 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>');}
.tbl-type01 th.backslash span {display:block;}

@media all and (max-width:768px){
	.tbl-type01 thead th {padding:10px 0 10px 5px}
	.tbl-type01 tfoot th,
	.tbl-type01 tfoot td,
	.tbl-type01 tbody th,
	.tbl-type01 tbody td {padding:10px 5px}
}

/* 테이블 > 테이블 */
.tbl-type01 table {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:1px solid #777;font-size:.944em}
.tbl-type01 table thead th {background:#fff;color:#333; }
.tbl-type01 table thead th,
.tbl-type01 table tbody th,
.tbl-type01 table tfoot th { color:#000;font-weight:500}
.tbl-type01 table tbody th {color:#444}
.tbl-type01 table tbody td {}
.tbl-type01 table thead th,
.tbl-type01 table tbody th,
.tbl-type01 table tbody td,
.tbl-type01 table tfoot th,
.tbl-type01 table tfoot td {border-bottom:1px solid #ccc;overflow:hidden;border-left:1px solid #ccc;border-right:1px solid #ccc}
.tbl-type01 table tfoot th,
.tbl-type01 table thead th {padding:14px 10px 10px}
.tbl-type01 table tbody th,
.tbl-type01 table tbody td {background:#fff;padding:11px 10px 12px}
.tbl-type01 table th:first-child,
.tbl-type01 table td:first-child {border-left:0}
.tbl-type01 table th:last-child,
.tbl-type01 table td:last-child {border-right:0}
.tbl-type01 table tr th.line,
.tbl-type01 table tr td.line {border-right:1px solid #dcdcdc}
.tbl-type01 table thead tr th.line {border-right:1px solid #ccc}

/* 작은 테이블 스타일 */
.tbl-type-s01 {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #363636;font-size:.944em}
.tbl-type-s01 thead th {color:#333; }
.tbl-type-s01 thead th,
.tbl-type-s01 tbody th,
.tbl-type-s01 tfoot th { color:#000;font-weight:500}
.tbl-type-s01 tbody th {color:#444}
.tbl-type-s01 tbody td {}
.tbl-type-s01 thead th,
.tbl-type-s01 tbody th,
.tbl-type-s01 tbody td,
.tbl-type-s01 tfoot th,
.tbl-type-s01 tfoot td {border-bottom:1px solid #ccc;overflow:hidden;border-left:1px solid #ccc;border-right:1px solid #ccc}
.tbl-type-s01 tfoot th,
.tbl-type-s01 thead th {padding:14px 10px 10px}
.tbl-type-s01 tbody th,
.tbl-type-s01 tbody td {padding:11px 10px 12px}
.tbl-type-s01 th:first-child,
.tbl-type-s01 td:first-child {border-left:0}
.tbl-type-s01 th:last-child,
.tbl-type-s01 td:last-child {border-right:0}
.tbl-type-s01 table tr th.line,
.tbl-type-s01 table tr td.line {border-right:1px solid #dcdcdc}
.tbl-type-s01 table thead tr th.line {border-right:1px solid #ccc}


/* 프린트 테이블 */
.tbl-print {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #000;border-bottom:1px solid #bbb;font-size:12px}
.tbl-print th,
.tbl-print td {padding:10px 7px;border-left:1px solid #aaaaaa;border-right:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa}
.tbl-print thead {border-bottom:2px solid #aaaaaa}
.tbl-print thead th {position:relative;background:#fff;color:#000;font-weight:700}
.tbl-print th {font-weight:500;color:#000000}


/* 반응형 테이블 안내창 */
.wauto-wrap {position:relative}
.is-wauto-box {position:relative;width:100%}
.is-wauto-box > table {min-width:720px}
.rsv-info {position:relative;border:1px solid #ddd;margin:10px 0 5px;padding:7px 15px 8px;border-radius:30px;text-align:center;box-sizing:border-box}
.rsv-info .ico {display:inline-block;position:relative;padding-left:28px;color:#363636;font-size:14px;line-height:1.2}
.rsv-info .ico:before {content:"";display:block;position:absolute;left:0;top:-3px;background:url(/resources/_Img/Common/style_spr.png) no-repeat -124px 0;width:24px;height:24px}
.rsv-info .icoEng {display:none;}

/* 이미지 슬라이드 */
.img-slide-wr {width:100%;position:relative;margin:0 auto}
.img-slide-wr .item .viewDetail {display:block;position:absolute;width:50px;height:50px;right:0;bottom:0;z-index:1;background:#fff;font-size:0;transition:all .3s ease}
.img-slide-wr .item .viewDetail:after {content:"";display:block;position:absolute;width:18px;height:18px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/resources/_Img/Common/style_spr1.png) no-repeat -210px -20px;opacity:.4;transition:all .3s ease}
.img-slide-wr .item .viewDetail:focus:after,
.img-slide-wr .item .viewDetail:hover:after {opacity:1}
.img-slide-wr .item .viewNormal {display:block;width:100%;position:relative;z-index:0}
.img-slide-wr .owl-stage-outer {z-index:0}
.img-slide-wr .owl-nav {position:absolute;bottom:0;right:50px;font-size:0;z-index:1}
.img-slide-wr .owl-nav button {display:inline-block;position:relative;width:50px;height:50px;background:rgba(0, 0, 0, .7) !important;margin:0 1px 0 0;transition:all .3s ease}
.img-slide-wr .owl-nav button:after {content:"";display:block;position:absolute;width:22px;height:10px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/resources/_Img/Common/style_spr1.png) no-repeat}
.img-slide-wr .owl-nav .owl-prev:after {background-position:-210px 0}
.img-slide-wr .owl-nav .owl-next:after {background-position:-242px 0}
.img-slide-wr .owl-nav button:focus,
.img-slide-wr .owl-nav button:hover {background:#000 !important}
.img-slide-wr .dataUtil {position:relative;width:100%;text-align:center;font-size:0;margin:14px 0 0;display:none}
.img-slide-wr .dataUtil > div {display:inline-block;vertical-align:middle;font-size:0;box-sizing:border-box}
.img-slide-wr .dataUtil > div button {width:23px;height:23px;box-sizing:border-box;position:relative;border:0;background:transparent}
.img-slide-wr .dataUtil > div button:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;box-sizing:border-box;transition:all .3s ease}
.img-slide-wr .dataUtil .dataDots {}
.img-slide-wr .dataUtil .dataDots button {}
.img-slide-wr .dataUtil .dataDots button:after {width:7px;height:7px;border-radius:50%;background:#969696;transition:all .3s ease}
.img-slide-wr .dataUtil .dataDots button:focus:after,
.img-slide-wr .dataUtil .dataDots button:hover:after {background:#000}
.img-slide-wr .dataUtil .dataDots button.active:after {width:20px;height:4px;border-radius:0;background:#faa61a}
.img-slide-wr .dataUtil .dataAuto {margin:0 0 0 3px}
.img-slide-wr .dataUtil .dataAuto .btn-stop {display:block}
.img-slide-wr .dataUtil .dataAuto .btn-stop:after {width:10px;height:13px;border:solid;border-width:0 3px;border-color:transparent #565656}
.img-slide-wr .dataUtil .dataAuto .btn-stop:focus:after,
.img-slide-wr .dataUtil .dataAuto .btn-stop:hover:after {border-color:transparent #faa61a}
.img-slide-wr .dataUtil .dataAuto .btn-play {display:none}
.img-slide-wr .dataUtil .dataAuto .btn-play:after {width:0;height:0;border:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #565656}
.img-slide-wr .dataUtil .dataAuto .btn-play:focus:after,
.img-slide-wr .dataUtil .dataAuto .btn-play:hover:after {border-color:transparent transparent transparent #faa61a}
@media all and (max-width:799px) {
	.img-slide-wr .item .viewDetail {width:35px;height:35px}
	.img-slide-wr .owl-nav {right:35px}
	.img-slide-wr .owl-nav button {width:35px;height:35px}
}

/* 이미지 확대보기 */
.img-zoom {position:relative;width:100%}
.img-zoom img {max-width:100%}
.img-zoom .btn-zoom {display:block;position:absolute;top:10px;right:10px;background:rgba(0, 0, 0, .3);border:0;border-radius:5px;width:50px;height:50px;transition:all .3s ease;box-sizing:border-box;z-index:1}
.img-zoom .btn-zoom:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(/resources/_Img/Common/btn_zoom.png) no-repeat;width:18px;height:18px;margin:auto}
.img-zoom .btn-zoom:hover {background:rgba(0, 0, 0, .5)}
@media all and (max-width:768px){
	.img-zoom img {width:100%}
}
@media all and (max-width:699px) {
	.img-zoom .btn-zoom {width:35px;height:35px}
}


/* info-ex 스타일 */
.info-ex01,
.info-ex02,
.info-ex03 {display:block;position:relative;margin:10px 5px 0 0;padding-left:28px;line-height:1.4;text-align:left}
.info-ex01.inline,
.info-ex02.inline,
.info-ex03.inline {display:inline-block}
.info-ex01:before,
.info-ex02:before,
.info-ex03:before {content:"";display:block;position:absolute;left:0;top:2px;background:url(/resources/_Img/Common/style_spr.png) no-repeat -173px 0;width:20px;height:20px}
.info-ex01:before {background-position:0 0}
.info-ex02:before {background-position:-30px 0}
.info-ex03:before {background-position:-60px 0}

.info-ex01 {color:#555}
.info-ex02 {color:#004591}
.info-ex03 {color:#dc2d44}

.info-ex01 > ul, .info-ex02 > ul, .info-ex03 > ul {margin:12px 0 0 29px;font-size:.889em}
.info-ex01 > ul li, .info-ex02 > ul li, .info-ex03 > ul li {position:relative;margin-bottom:10px;padding-left:9px;color:#555;line-height:1.25}
.info-ex01 > ul li:last-child, .info-ex02 > ul li:last-child, .info-ex03 > ul li:last-child {margin-bottom:0}
.info-ex01 > ul li:before, .info-ex02 > ul li:before, .info-ex03 > ul li:before {content:"";display:block;position:absolute;top:7px;left:0;background-color:#989898;border-radius:50%;width:3px;height:3px}

.info-prg01,
.info-prg02,
.info-prg03 {display:block;position:relative;line-height:1.4;padding-left:25px;margin:10px 5px 0 0;font-size:.889em;color:#777777;text-align:left}
.info-prg01.inline,
.info-prg02.inline,
.info-prg03.inline {display:inline-block}
.info-prg01:before,
.info-prg02:before,
.info-prg03:before {content:"";display:block;position:absolute;left:0;top:0;width:18px;height:18px;background:url(/resources/_Img/Common/style_spr.png) no-repeat -173px 0}
.info-prg01:before {background-position:-173px -55px}
.info-prg02:before {background-position:-201px -55px}
.info-prg03:before {background-position:-229px -55px;width:20px;height:20px}
.info-prg02 {color:#fa3030}
.info-prg03 {color:#00204b;padding-left:30px}

@media all and (max-width:768px) {
	.info-ex01, .info-ex02, .info-ex03 {font-size:.933em}
	.info-ex01:before, .info-ex02:before, .info-ex03:before {top:-1px}
}
/* pdf 뷰어 */
.pdf-view-wr {position:relative;border-top:2px solid #777;background:#fbfbfb;padding:25px}
.pdf-view-wr p {font-size:15px;background:url(/resources/_Img/Common/sicon_acrobat.png) no-repeat;padding-left:38px;line-height:1.8;margin-right:270px}
.pdf-view-wr p .pdf-down {display:block;font-size:13px;font-weight:bold;color:#ff0000;text-decoration:underline}
.pdf-view-wr .btn-down {position:absolute;top:50%;right:55px;line-height:1.8;margin-top:-12px;font-size:15px;color:#555;padding-right:50px}
.pdf-view-wr .btn-down:before {content:"";display:inline-block;vertical-align:middle;width:19px;height:23px;background:url(/resources/_Img/Common/ficon/pdf.gif) no-repeat 0 0;margin-right:8px;margin-top:-2px}
.pdf-view-wr .btn-down:after {position:absolute;top:50%;right:0;margin-top:-17px;content:"";display:block;width:35px;height:35px;background:url(/resources/_Img/Content/pdf_sprite.png) no-repeat 0 0}
@media all and (max-width:899px){
	.pdf-view-wr p {margin-right:0}
	.pdf-view-wr .btn-down {display:inline-block;position:relative;top:auto;right:auto;margin-top:10px;margin-left:8px}
}

/* 준비중, 에러 메시지, 안내 페이지 */
.msg-wrap {position:relative;text-align:center;box-sizing:border-box;}
.msg-wrap .tit {display:block;position:relative;margin-bottom:17px;color:#142e5d;font-size:2.222em;font-weight:700;line-height:1.2}
.msg-wrap .tit:before {content:"";display:block;background:url(/resources/_Img/Common/msg_spr.png) no-repeat;width:400px;height:264px;margin:0 auto 12px}
.msg-wrap.error .tit:before {background-position:0 0}
.msg-wrap.info .tit:before {background-position:-410px 0}
.msg-wrap.logout .tit:before {background-position:-820px 0}
.msg-wrap p,
.msg-wrap .txt {margin-bottom:30px;color:#142e5d;font-size:1.111em;font-weight:300;line-height:1.6}

.msg-wrap.error,
.msg-wrap.wait {padding:70px 0 85px}
.msg-wrap.error:before,
.msg-wrap.error:after,
.msg-wrap.wait:before,
.msg-wrap.wait:after {content:"";position:absolute;left:0;width:100%;box-sizing:border-box;z-index:-1}
.msg-wrap.error:before,
.msg-wrap.wait:before {top:0;height:130px;border:2px solid #142e5d;border-bottom:0}
.msg-wrap.error:after,
.msg-wrap.wait:after {bottom:0;height:100px;border:2px solid #ddd;border-top:0;border-bottom-left-radius:100px;border-bottom-right-radius:100px}

@media all and (max-width:768px) {
	.msg-wrap {}
	.msg-wrap .tit {font-size:1.8em}
	.msg-wrap .tit:before {background-size:auto 185px;width:280px;height:185px;margin:0 auto 10px}
	.msg-wrap.info .tit:before {background-position:-287px 0}
	.msg-wrap.logout .tit:before {background-position:-574px 0}
	.msg-wrap p,
	.msg-wrap .txt {margin-bottom:20px}

	.msg-wrap.error,
	.msg-wrap.wait {padding:50px 0 60px}

	.msg-wrap.error:before,
	.msg-wrap.wait:before {height:90px}
	.msg-wrap.error:after,
	.msg-wrap.wait:after {height:70px;border-bottom-left-radius:70px;border-bottom-right-radius:70px}
}
@media all and (max-width:499px) {
	.msg-wrap .tit:before {background-size:auto 132px;width:200px;height:132px}
	.msg-wrap.error,
	.msg-wrap.wait {padding:25px 15px 30px}
	.msg-wrap.info .tit:before {background-position:-205px 0}
	.msg-wrap.logout .tit:before {background-position:-410px 0}

	.msg-wrap.error:before,
	.msg-wrap.wait:before {height:70px}
	.msg-wrap.error:after,
	.msg-wrap.wait:after {height:50px}

}


/* 플로우 차트 */
.flow-type01 {padding-top:40px;border-bottom:2px solid #333333;padding-bottom:50px}
.flow-type01 > ol {width:100%;display:flex}
.flow-type01 > ol > li {display:inline-block;position:relative;width:25%;text-align:center}
.flow-type01 > ol > li:before {/*display:block;content:'';position:absolute;top:50%;left:-33px;margin-top:-33px;width:31px;height:31px;border-bottom:2px solid #333333;border-right:2px solid #333333;transform:rotate(-45deg);*/}
.flow-type01 > ol > li:before {display:block;content:'';position:absolute;top:50%;left:-33px;margin-top:-28px;width:47px;height:26px;background:url(/resources/_Img/Contents/flow_type01_arr.png) no-repeat 0 0;background-size:100% auto}

.flow-type01 > ol > li:first-child:before {display:none}
.flow-type01 .step {display:inline-block;font-size:0.778em;color:#fff;font-weight:700;font-family:"sofia-pro", sans-serif;background:#333333;border-radius:16px;padding:0 16px 2px 14px}
.flow-type01 .txt {display:flex;align-items:center;justify-content:center;position:relative;font-size:1.222em;color:#666666;font-weight:300;padding-top:166px;margin-top:20px;height:60px}
.flow-type01 .txt:before {display:block;content:'';position:absolute;top:0;left:50%;margin-left:-70px;width:140px;height:140px;border:1px solid #ccc;box-sizing:border-box;border-radius:50%}
.flow-type01 .txt:after {display:block;content:'';position:absolute;top:41px;left:50%;margin-left:-31px;width:62px;height:62px;background:url(/resources/_Img/Contents/flow_type01_spr.png) no-repeat 0 0}
.flow-type01 > ol > li.ico1 .txt:after {background-position:0 0}
.flow-type01 > ol > li.ico2 .txt:after {background-position:-72px 0}
.flow-type01 > ol > li.ico3 .txt:after {background-position:-144px 0}
.flow-type01 > ol > li.ico4 .txt:after {background-position:-216px 0}
.flow-type01 > ol > li.ico5 .txt:after {background-position:-288px 0}
.flow-type01 > ol > li.ico6 .txt:after {background-position:-360px 0}
.flow-type01 > ol > li.ico7 .txt:after {background-position:-432px 0}
.flow-type01 > ol > li.ico8 .txt:after {background-position:-504px 0}
.flow-type01 > ol > li.ico9 .txt:after {background-position:0 -72px}
.flow-type01 > ol > li.ico10 .txt:after {background-position:-72px -72px}
.flow-type01 > ol > li.ico11 .txt:after {background-position:-216px -72px}
.flow-type01 > ol > li.ico12 .txt:after {background-position:-144px -72px}

@media all and (max-width:999px) {
	.flow-type01 > ol > li:before {left:-10px;margin-top:-13px;width:20px}
	.flow-type01 .txt {padding-top:110px}
	.flow-type01 .txt:before {top:-20px;transform:scale(0.7)}
	.flow-type01 .txt:after {top:21px;transform:scale(0.7)}
}
@media all and (max-width:599px) {
	.flow-type01 {padding-top:30px;padding-bottom:30px}
	.flow-type01 > ol > li:before {margin-top:-13px;width:15px}
	.flow-type01 .txt {padding-top:70px;height:60px;font-size:1em;line-height:1.2em}
	.flow-type01 .txt:before {top:-40px;transform:scale(0.5)}
	.flow-type01 .txt:after {top:1px;transform:scale(0.5)}
}
@media all and (max-width:429px) {
	.flow-type01 > ol > li:before {left:-5px;margin-top:-15px;width:10px}
	.flow-type01 .txt {padding-top:55px}
	.flow-type01 .txt:before {top:-50px;transform:scale(0.4)}
	.flow-type01 .txt:after {top:-9px;transform:scale(0.4)}
}


/* 폴딩 스타일 */
.foldings-wrap {border-top:2px solid #333;border-bottom:1px solid #d4d4d4 }
.foldings-list {position:relative;width:100%;/*overflow:hidden*/}
.foldings-list > li {border-top:1px solid #d4d4d4;/*overflow:hidden*/}
.foldings-list > li:first-child {border-top:0}
.foldings-wrap .foldings-in-wrap a {display:block;position:relative;padding:25px 90px 26px 105px;font-size:1.111em;color:#333;font-weight:500;cursor:pointer;overflow:hidden;transition:all .3s ease}
.foldings-wrap .foldings-in-wrap a .num {position:absolute;top:25px;left:50px;display:inline-block;width:55px;line-height:1.4;font-weight:600;vertical-align:top}
.foldings-wrap .foldings-in-wrap a .num:after {content:"";display:block;position:absolute;top:50%;right:15px;margin:-1px 0 0;width:4px;height:4px;background:#cfcfcf;border-radius:50%}
.foldings-wrap .foldings-in-wrap a:before, .foldings-wrap .foldings-in-wrap a:after {display:block;content:"";position:absolute;top:50%}
.foldings-wrap .foldings-in-wrap a:before {width:38px;height:38px;border:0px solid #c8c8c8;right:40px;margin-top:-20px;transition:all .3s ease}
.foldings-wrap .foldings-in-wrap a:after {right:53px;margin-top:-20px;width:18px;height:18px;border:2px solid #b6b6b6;border-top-color:transparent;border-right-color:transparent;transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:transform .3s ease}

.foldings-wrap .foldings-in-wrap a:hover {color:#0d3862}
.foldings-wrap .foldings-in-cont {display:none;overflow:hidden;background:#f2f2f2;padding:30px 50px}
.foldings-wrap .over .foldings-in-wrap a, .foldings-wrap.over .foldings-in-wrap a {color:#fff; background:#0d3862}
.foldings-wrap .over .foldings-in-wrap a:after, .foldings-wrap.over .foldings-in-wrap a:after {border-color:transparent transparent #fff #fff;transform:rotate(135deg);-ms-transform:rotate(135deg);margin-top:-7px}

@media all and (max-width:760px) {
	.foldings-wrap .foldings-in-cont {padding:20px 25px}
	.foldings-wrap .foldings-in-wrap a {padding:15px 60px 15px 55px;font-size:16px}
	.foldings-wrap .foldings-in-wrap a .num {left:5px;top:15px;font-size:16px}
	.foldings-wrap .foldings-in-wrap a:before {right:10px}
	.foldings-wrap .foldings-in-wrap a:after {right:15px;margin-top:-12px;width:12px;height:12px}
}
@media all and (max-width:599px) {
	.foldings-wrap .foldings-in-wrap a {font-size:15px}
	.foldings-wrap .foldings-in-wrap a:before {width:28px;height:28px;margin-top:-15px}
	.foldings-wrap .foldings-in-wrap a:after {right:19px}
	.foldings-wrap .over .foldings-in-wrap a:before {background-position:-29px 0}
}
@media all and (max-width:399px) {
	.foldings-wrap .foldings-in-wrap a:before {width:24px;height:24px;margin-top:-12px}
}