@charset "utf-8";
/**/
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"],
button,
select,
textarea {font-family:"Montserrat","Noto Sans KR", sans-serif;}
button, input[type="button"], input[type="submit"] {cursor:pointer}
.editor-out p {min-height:1.5em}

/* 컬러셋팅 */
.colorB1 {background:#0061ba}
.colorB2 {background:#002752}
.colorB3 {background:#008eac}
.colorB4 {background:#ff9900}
.colorF1 {color:#333;background:#ececec}
.colorF2 {color:#333;background:#f7f7f7}

.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw700 {font-weight:700;}

/* 박스 스타일 */
.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}

.g-box2 {background:#f8f8f8;border:1px solid #cccccc;padding:42px 47px;}
.g-box2 .c-list01 > li .tit,
.g-box2 .c-list01 > li .tit-in {color:#000;font-weight:700;}
.d-box {overflow:hidden;width:100%;}
.df-box {overflow:hidden;width:100%;flex-wrap:wrap;display:flex;justify-content:space-between;align-items:center;}

img.imgw100p {max-width:100%;}

@media all and (max-width:599px)  {
	.g-box2 {padding:25px;}
}

/* 인쇄미리보기 */
@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:1000px)  {
	.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}
input[type=text], input[type=password], input[type=button] {}
input[readonly='readonly'] {background:#f4f4f4;}

select {}
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 30px;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:4px;margin:0;width:22px;height:22px;background:#fff;border:1px solid #b8b8b8}
.rdos input[type="radio"] + label:after {width:8px;height:8px;left:7px;top:11px;background:#fff;border-radius:50%;opacity:0}
.rdos input[type="radio"] + label:focus,
.rdos input[type="radio"] + label:hover {color:#2360c5}
.rdos input[type="radio"] + label:focus:before,
.rdos input[type="radio"] + label:hover:before {border-color:#2360c5}
.rdos input[type="radio"]:checked + label {color:#2360c5}
.rdos input[type="radio"]:checked + label:before {border-color:#2360c5;background:#2360c5}
.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 32px;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:22px;height:22px;left:0;top:4px;margin:0;background:#f4f4f4;border:1px solid #b8b8b8;border-radius:50%;}
.chks input[type="checkbox"] + label:after {width:11px;height:6px;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:#2360c5}
.chks input[type="checkbox"] + label:focus:before,
.chks input[type="checkbox"] + label:hover:before {border-color:#2360c5}
.chks input[type="checkbox"]:checked + label {color:#2360c5}
.chks input[type="checkbox"]:checked + label:before {border-color:#2360c5;background:#2360c5}
.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:45px;border:1px solid #cccccc;box-sizing:border-box;padding:0 20px;font-size:0.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:0.889em;color:#666;height:45px;border:1px solid #cccccc;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:0.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;}
.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);}
.ui-datepicker .ui-datepicker-next:before {left:12px;transform:rotate(-45deg);}
.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-state-hover {background:rgb(60,88,199);background:linear-gradient(90deg, rgba(60,88,199,1) 0%, rgba(232,11,140,1) 100%);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:#2360c5 !important;}
.ui-datepicker-calendar td.ui-datepicker-today a {border:2px solid #dddddd;}
.ui-datepicker-calendar td a:hover.ui-state-default {background:rgb(60,88,199);background:linear-gradient(90deg, rgba(60,88,199,1) 0%, rgba(232,11,140,1) 100%);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;letter-spacing:-0.05em;}

 
/* 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:43px;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:#2360c5;border-color:#2360c5;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:#2360c5;border-color:#2360c5;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;letter-spacing:-.05em}



/* 포인트컬러값 */
.csc-p01 {color:#2360c5}
.csc-p02 {color:#e80b8c}
.csc-p01bg {background:#2360c5}
.csc-p02bg {background:#e80b8c}
.csc-p01gra {background:rgb(60,88,199);background:linear-gradient(90deg, rgba(60,88,199,1) 0%, rgba(232,11,140,1) 100%);}

/* 링크스타일 */
.sico-nwin {color:#006476 !important;letter-spacing:-0.05em;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 {display:inline;}
.c-tab01 a[target=_blank] span:after {display:inline-block;content:"";margin-left:12px;width:12px;height:12px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -91px 0;}
.c-tab01 a[target=_blank].over span:after,
.c-tab01 a[target=_blank]:hover span:after,
.c-tab01 a[target=_blank]:focus span:after,
.c-tab01 a[target=_blank]:active span:after {background-position:-135px 0;}

.c-tab02 a[target=_blank] span {display:inline;}
.c-tab02 a[target=_blank] span:after {display:inline-block;content:"";margin-left:12px;width:12px;height:12px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -91px 0;}
.c-tab02 a[target=_blank].over span:after,
.c-tab02 a[target=_blank]:hover span:after,
.c-tab02 a[target=_blank]:focus span:after,
.c-tab02 a[target=_blank]:active span:after {background-position:-113px 0;}

.c-tab01 {position:relative;margin-bottom:50px;line-height:1;box-sizing:border-box;text-align:center;margin-top:-18px;}
.c-tab01 ul {display:flex;flex-wrap:wrap;justify-content:center;width:auto;position:relative;vertical-align:top;z-index:1}
.c-tab01 ul li {display:inline-block;position:relative;vertical-align:top;margin-top:3px;}
.c-tab01 ul li a {display:flex;justify-content:center;align-items:center;position:relative;min-width:90px;height:53px;text-align:center;padding:0 30px;background:#f7f7f7;border-radius:28px;border:1px solid #dddddd;color:#444;font-weight:500;overflow:hidden;transition:all .3s ease}
.c-tab01 ul li a span {position:relative;display:inline-block;}
.c-tab01 ul li.over a,
.c-tab01 ul li a:focus,
.c-tab01 ul li a:hover {background:#2360c5;color:#fff;border-color:#2360c5;outline-color:red;}

.c-tab01.mSet {border:0;z-index:101;width:280px;overflow:visible;position:relative;z-index:9;margin:0 auto 23px auto;}
.c-tab01.mSet button.ctab01Ctrl {position:relative;width:100%;height:42px;border:1px solid #2360c5;background:#fff;text-align:left;border-radius:21px;box-sizing:border-box;padding:0 40px 0 20px;overflow:hidden;z-index:2;}
.c-tab01.mSet button.ctab01Ctrl span {display:inline-block;vertical-align:middle;font-size:0.824em;color:#2360c5;font-weight:500;line-height:1.2;letter-spacing:0;}
.c-tab01.mSet button.ctab01Ctrl:after {content:"";display:block;position:absolute;right:24px;top:13px;width:7px;height:7px;z-index:9;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #2360c5 #2360c5;transform:rotate(-45deg);transition:all .3s ease}
.c-tab01.mSet button.ctab01Ctrl.over {background:#2360c5;}
.c-tab01.mSet button.ctab01Ctrl.over span {color:#fff;}
.c-tab01.mSet button.ctab01Ctrl.over:after {border-color:transparent transparent #fff #fff;transform:rotate(135deg);top:19px}
.c-tab01.mSet ul {display:none;position:absolute;width:100%;left:0;top:21px;padding-top:25px;padding-bottom:4px;background:#fff;box-sizing:border-box;overflow:hidden;border:1px solid #2360c5;border-radius:0 0 21px 21px;box-shadow:9px 0 10px rgba(0, 0, 0, .05);z-index:1;}
.c-tab01.mSet ul:after {display:none}
.c-tab01.mSet ul li {display:block;padding:0;margin:0;min-width:0;max-width:none;box-sizing:border-box;padding:0 25px;}
.c-tab01.mSet ul li a {display:block;position:relative;min-width:initial;width:100%;height:auto;padding:6px 0;text-align:left;background:none;border-radius:0;border:0;color:#777777;font-weight:300;line-height:1.333em;font-size:0.882em;}
.c-tab01.mSet ul li.over a {padding-left:25px;color:#2360c5;}
.c-tab01.mSet ul li.over a:before {display:block;content:'';position:absolute;top:15px;left:0;width:12px;height:1px;background:#2360c5;}
.c-tab01.mSet ul li.over a:after {display:block;content:'';position:absolute;top:13px;left:7px;width:4px;height:4px;border-bottom:1px solid #2360c5;border-right:1px solid #2360c5;transform:rotate(-45deg);}

.c-tab02 {position:relative;line-height:1;margin-bottom:50px;z-index:8;margin-top:-25px;}
.c-tab02:before {display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#d5d5d5;z-index:-1;}
.c-tab02 ul {display:flex !important;justify-content:center;}
.c-tab02 ul li {display:inline-block;padding:0 25px;}
.c-tab02 ul li a {display:block;color:#777777;font-weight:500;padding-bottom:23px;padding-top:15px;border:0;background:none;position:relative;transition:all .3s ease;}
.c-tab02 ul li a:before {content:"";display:block;position:absolute;left:50%;bottom:0;width:0;height:3px;background:#2360c5;transition:all .3s ease;}
.c-tab02 ul li a span {display:inline-block;position:relative;}
.c-tab02 ul li.over a,
.c-tab02 ul li a:focus,
.c-tab02 ul li a:hover {color:#2360c5}
.c-tab02 ul li.over a:before,
.c-tab02 ul li a:focus:before,
.c-tab02 ul li a:hover:before {left:0;width:100%;}

.c-tab02 ul li button {display:block;height:auto;color:#777777;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:#2360c5;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:#2360c5}
.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 {margin-top:-10px;margin-bottom:20px;}
.c-tab02.mSet .ctab02Ctrl {display:none;}
.c-tab02.mSet ul {display:block !important;text-align:center;}
.c-tab02.mSet ul li {padding:0 13px;}
.c-tab02.mSet ul li a,
.c-tab02.mSet ul li button {font-size:0.824em;font-weight:400;padding-bottom:15px;padding-top:10px;}

.c-tab03 {position:relative;line-height:1;margin-bottom:30px;z-index:8;margin-top:-20px;}
.c-tab03 ul {display:flex !important;justify-content:center;}
.c-tab03 ul li {display:inline-block;padding:0 5px;}
.c-tab03 ul li a {display:block;min-width:51.98px;text-align:center;color:#444444;font-size:0.944em;font-weight:500;padding:16px 15px 15px 15px;border:2px solid #eeeeee;background:#eeeeee;border-radius:25px;position:relative;box-sizing:border-box;transition:all .3s ease;}
.c-tab03 ul li a span {display:inline-block;position:relative;}
.c-tab03 ul li.over a,
.c-tab03 ul li a:focus,
.c-tab03 ul li a:hover {color:#2360c5;border:2px dotted #2360c5;background:#fff;}

.c-tab03.mSet {margin-top:-10px;margin-bottom:20px;}
.c-tab03.mSet .ctab02Ctrl {display:none;}
.c-tab03.mSet ul {display:block !important;text-align:center;}
.c-tab03.mSet ul li {padding:0 13px;}
.c-tab03.mSet ul li a {font-size:0.824em;font-weight:400;padding-bottom:15px;padding-top:10px;}

.b-tab01 {position:relative;border:0;margin-bottom:20px;height:63px;box-sizing:border-box;padding:0 65px;opacity:0; font-weight: 600}
.b-tab01:before {display:none;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid red;box-sizing:border-box;z-index:-1;}
.b-tab01 .mCSB_scrollTools.mCSB_scrollTools_horizontal {height:0;overflow:hidden;bottom:0}
.b-tab01.arrKeyHide {padding:0}
.b-tab01.arrKeyHide.hasOutAll .outAll {left:0}
.b-tab01.stable {opacity:1}
.b-tab01.hasOutAll {}

.b-tab01 a:focus,
.b-tab01 button:focus {outline:rgb(255, 0, 0) solid 3px;outline-offset:-3px;}

.b-tab01.hasOutAll .tabinwr {margin-left:200px;z-index:0}
.b-tab01.hasOutAll .outAll {position:absolute;width:200px;height:100%;left:65px;top:0;box-sizing:border-box;z-index:1}
.b-tab01.hasOutAll .outAll a {display:block;width:100%;height:100%;box-sizing:border-box;position:relative;text-align:center;color:#222;border:1px solid #dddddd;background:#fafafa;transition:all .3s ease}
.b-tab01.hasOutAll .outAll a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle}
.b-tab01.hasOutAll .outAll a:after {}
.b-tab01.hasOutAll .outAll a:focus:after,
.b-tab01.hasOutAll .outAll a:hover:after {}
.b-tab01.hasOutAll .outAll a span {display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;line-height:1}
.b-tab01.hasOutAll .outAll.over a {background:#fff;border-color:#2360c5;color:#2360c5;}
.b-tab01.hasOutAll .outAll a:focus,
.b-tab01.hasOutAll .outAll a:hover {color:#2360c5;}
.b-tab01.hasOutAll ul {}
.b-tab01.hasOutAll ul li.all {display:none;width:0 !important}

.b-tab01 .tabinwr {display:block;box-sizing:border-box;position:relative;overflow:auto;height:100%;}
.b-tab01 ul {display:block;position:absolute;text-align:left;font-size:0;height:100%;white-space:nowrap;left:0;box-sizing:border-box;transition:left .3s ease}
.b-tab01 ul li {display:inline-block;text-align:center;box-sizing:border-box;position:relative;font-size:18px;width:240px;height:100%;vertical-align:top;}
.b-tab01 ul li a {display:flex;align-items:center;justify-content:center;position:relative;color:#222;padding:0 10px;height:100%;box-sizing:border-box;background:#fafafa;border:1px solid #dddddd;border-left:0;transition:all .3s ease}
.b-tab01 ul li a:after {content:"";display:none;position:absolute;top:0;left:0;width:1px;height:100%;background:#2360c5;box-sizing:border-box;z-index:1;}
.b-tab01 ul li a span {display:inline-block;box-sizing:border-box;position:relative;position:relative;vertical-align:middle;line-height:1.2;word-wrap:break-word;word-break:keep-all;white-space:normal;font-size:.944em}
.b-tab01 ul li a:focus,
.b-tab01 ul li a:hover {color:#2360c5;}
.b-tab01 ul li.over a {background:#fff;border-color:#2360c5;color:#2360c5;}
.b-tab01 ul li.over a:after {display:block;}

.b-tab01 .button-wr {}
.b-tab01 .button-wr.show {display:block}
.b-tab01 .button-wr.hide {display:none}
.b-tab01 .button-wr button {display:block;position:absolute;width:65px;height:63px;border:0;background:#2360c5;top:0;box-sizing:border-box;transition:all .3s ease}
.b-tab01 .button-wr button:after {content:"";display:block;position:absolute;opacity:.8;width:22px;height:10px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/resources/_Img/Common/style_spr1.png) no-repeat;transition:opacity .3s ease, border .3s ease}
.b-tab01 .button-wr button:focus:after,
.b-tab01 .button-wr button:hover:after {opacity:1}
.b-tab01 .button-wr button.disabled {}
.b-tab01 .button-wr button.disabled:after {opacity:.8}
.b-tab01 .button-wr button.disabled:focus:after,
.b-tab01 .button-wr button.disabled:hover:after {opacity:.8}
.b-tab01 .button-wr button.btn-prev {left:0}
.b-tab01 .button-wr button.btn-prev:after {background-position:-210px 0}
.b-tab01 .button-wr button.btn-next {right:0}
.b-tab01 .button-wr button.btn-next:after {background-position:-242px 0}


.b-tab01 .tabinwr::-webkit-scrollbar {height:0;}





@media all and (max-width:1199px) {
	.b-tab01.hasOutAll .outAll {width:100px}
	.b-tab01.hasOutAll .tabinwr {margin-left:100px}
}
@media all and (max-width:768px) {
.c-tab03 {margin-top:0;}
}
@media all and (max-width:699px) {
	.b-tab01 {height:50px;padding:0 50px}
	.b-tab01.hasOutAll .outAll {width:50px;left:50px}
	.b-tab01.hasOutAll .tabinwr {margin-left:50px}
	.b-tab01 .button-wr button {width:50px;height:50px}
	.b-tab01 .button-wr button:after {opacity:1}
	.b-tab01 .button-wr button.disabled:after {opacity:.2}
	.b-tab01 .button-wr button.disabled:focus:after,
	.b-tab01 .button-wr button.disabled:hover:after {opacity:.2}
}

/* 컨텐츠 타이틀 */
.c-tit01,
.c-tit02,
.c-tit03 {display:block;box-sizing:border-box;position:relative;line-height:1.3;}
.c-tit01.inline,
.c-tit02.inline,
.c-tit03.inline  {display:inline-block}
.c-tit01 {font-size:1.778em;font-weight:700;color:#000;line-height:1.25em;margin-bottom:30px;}
.c-tit02 {font-size:1.444em;font-weight:700;color:#111;line-height:1.154em;margin-bottom:25px;padding-top:8px;}
.c-tit02:after {content:"";display:block;position:absolute;top:0;left:0; width:16px;height:3px;background:#000000;}
.c-tit03 {font-size:1.222em;font-weight:700;color:#e80b8c;line-height:1.182em;margin-bottom:20px;}

@media all and (max-width:999px) {
	.c-tit01 {margin-bottom:25px}
	.c-tit02 {margin-bottom:20px}
	.c-tit03 {margin-bottom:15px}
}
@media all and (max-width:599px) {
	.c-tit01 {margin-bottom:20px; font-size:1.444em;}
	.c-tit02 {margin-bottom:15px; font-size:1.222em;}
	.c-tit03 {margin-bottom:15px; font-size:1.125em;}
}

/* 리스트 스타일 (float:left 속성을 줄경우에는 ie6등에서 배경 이미지가 나오지 않을수 있으므로 width값 설정이 필요합니다.) */
.c-list01, .c-list02, .c-list03, .c-list04, .c-list05, .c-list06, .c-list07 {text-align:left}
table .c-list01, table  .c-list02, table  .c-list03, table  .c-list04, table  .c-list05, table  .c-list06, table  .c-list07 {padding:5px 0} /*테이블내에 리스트가 사용시 여백 보완*/
.c-list01 *, .c-list02 *, .c-list03 *, .c-list04 *, .c-list05 *, .c-list06 *, .c-list07 * {vertical-align:text-top;}
.c-list01 > li, .c-list02 > li, .c-list05 > li, .c-list06 > li, .c-list07 > li, .c-list01-li, .c-list02-li, .c-list05-li, .c-list06-li, .c-list07-li {position:relative;margin-bottom:15px;line-height:1.333em;}
.c-list03 > li, .c-list04 > li,  .c-list05 > li,  .c-list06 > li, .c-list07 > li, .c-list03-li, .c-list04-li, .c-list05-li, .c-list06-li, .c-list07-li {position:relative;margin-bottom:20px;line-height:1.333em;}
.c-list01 > li:last-child, .c-list02 > li:last-child, .c-list03 > li:last-child, .c-list04 > li:last-child, .c-list05 > li:last-child, .c-list06 > li:last-child, .c-list07 > li:last-child {margin-bottom:0}
.c-list01 > li:before, .c-list02 > li:before,.c-list03 > li:before, .c-list04 > li:before, .c-list05 > li:before, .c-list06 > li:before, .c-list07 > li:before, .c-list01-li:before, .c-list02-li:before, .c-list03-li:before, .c-list04-li:before {display:block;content:"";position:absolute;left:0;}
.c-list01 > li ul li, .c-list02 > li ul li, .c-list03 > li ul li, .c-list04 > li ul li, .c-list05 > li ul li, .c-list06 > li ul li, .c-list07 > li ul li, .c-list01 > li ul li, .c-list02 > li ul li, .c-list03 > li ul li, .c-list04 > li ul li, .c-list05 > li ul li, .c-list06 > li ul li, .c-list07 > li ul li {position:relative;padding-left:10px;font-size:0.889em;color:#666666;line-height:1.25em;}

.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, .c-list05 > li ul li ul li, .c-list06 > li ul li ul li, .c-list07 > li ul li ul li {position:relative;font-size:1em;}

.c-list01 > li ul li:before, .c-list02 > li ul li:before, .c-list03 > li ul li:before, .c-list04 > li ul li:before, .c-list05 > li ul li:before, .c-list06 > li ul li:before, .c-list07 > li ul li:before {content:"";display:block;position:absolute;top:9px;left:0;width:3px;height:3px;background:#cfcfcf;}
.c-list01 > li .tit, .c-list02 > li .tit, .c-list03 > li .tit, .c-list04 > li .tit {display:block;color:#222222;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;color:#222222;font-weight:500}
.c-list01 > li .tits, .c-list02 > li .tits, .c-list03 > li .tits, .c-list04 > li .tits {display:inline-block;color:#222222;font-weight:500}
.c-list01 > li .tit:after, .c-list02 > li .tit:after, .c-list03 > li .tit:after, .c-list04 > li .tit:after {content:"";display:none;position:relative;margin:0 3px 0 7px;}
.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 {margin-bottom:0px}
.c-list01 > li:before, .c-list01-li:before {display:block;content:"";position:absolute;top:9px;left:1px;width:3px;height:3px;border-radius:50%;background:#333333}
.c-list01 > li ul li {margin-top:10px;}

.c-list02 > li {padding-left:27px;}
.c-list02 > li:before {display:block;content:"가.";position:absolute;top:-1px;left:1px;font-weight:500;color:#333333;font-size:0.889em;}
.c-list02.han > li:nth-child(1):before {content:"가.";}
.c-list02.han > li:nth-child(2):before {content:"나.";}
.c-list02.han > li:nth-child(3):before {content:"다.";}
.c-list02.han > li:nth-child(4):before {content:"라.";}
.c-list02.han > li:nth-child(5):before {content:"마.";}
.c-list02.han > li:nth-child(6):before {content:"바.";}
.c-list02.han > li:nth-child(7):before {content:"사.";}
.c-list02.han > li:nth-child(8):before {content:"아.";}
.c-list02.han > li:nth-child(9):before {content:"자.";}
.c-list02.han > li:nth-child(10):before {content:"차.";}
.c-list02.han > li:nth-child(11):before {content:"카.";}
.c-list02.han > li:nth-child(12):before {content:"타.";}
.c-list02.han > li:nth-child(13):before {content:"파.";}
.c-list02.han > li:nth-child(14):before {content:"하.";}

.c-list02.num {counter-reset:numli1;}
.c-list02.num > li {counter-increment:numli1;}
.c-list02.num > li:before {content:counter(numli1) ".";left:5px;}

.c-list02.snum {counter-reset:numli2;}
.c-list02.snum > li {counter-increment:numli2;}
.c-list02.snum > li:before {content:counter(numli2) ")";left:5px;}

.c-list03 {counter-reset:numli3;}
.c-list03 > li {padding-left:40px;counter-increment:numli3;}
.c-list03 > li:before {display:block;content:counter(numli3);position:absolute;top:-3px;left:0;width:24px;height:24px;border:1px solid #333333;line-height:24px;text-align:center;font-family:"sofia-pro", sans-serif;font-weight:500;color:#333333;font-size:0.722em;}
.c-list03.cor > li:before {color:#fff;background:#333;}

.c-list04 {counter-reset:numli4;}
.c-list04 > li {padding-left:33px;counter-increment:numli4;}
.c-list04 > li:before {display:block;content:counter(numli4);position:absolute;top:0;left:0;width:18px;height:18px;border:1px solid #333333;line-height:16px;text-align:center;font-family:"sofia-pro", sans-serif;font-weight:500;color:#333333;font-size:0.667em;border-radius:50%;}
.c-list04.cor > li:before {color:#fff;background:#333;}

.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;}


ul > li > .c-list02 {padding-top:7px;}
ul > li > .c-list02 > li {padding-left:22px;}
ul > li > .c-list02 > li:before {width:auto;height:auto;background:none;top:0;}
ul > li > .c-list02.snum > li:before {top:-1px;}
ul > li > .c-list02 ul {padding-top:5px;}

ul > li > .c-list05 {padding-top:7px;}
ul > li > .c-list05 > li {padding-left:22px;}
ul > li > .c-list05 > li:before {width:auto;height:auto;background:none;top:0;}
ul > li > .c-list05 ul {padding-top:5px;}

ul > li > .c-list06 {padding-top:7px;}
ul > li > .c-list06 > li {padding-left:22px;}
ul > li > .c-list06 > li:before {width:auto;height:auto;background:none;top:0;}
ul > li > .c-list06 ul {padding-top:5px;}

/* ----- 버튼 ----- */
.email-btn {display:inline-block;width:17px;height:15px;background:url(/resources/homepage/kor/_Img/Contents/content_spr.png) no-repeat -223px 0;}

.arr-btn, .nw-btn, .down-btn {position:relative;display:inline-block;transition:all .3s ease}
.arr-btn:after, .nw-btn:after, .down-btn:after {content:"";display:inline-block;width:14px;height:14px;background:url(/resources/_Img/Common/style_spr.png) no-repeat -173px -32px;margin:-2px 0 0 5px;vertical-align:middle}
.arr-btn:before, .nw-btn:before, .down-btn:before {content:"";display:block;position:absolute;bottom:0;left:0;width:0;height:1px;background:#333333;transition:all .3s ease;}
.arr-btn span, .nw-btn span, .down-btn span {position:relative;padding:0 3px 2px;transition:all .3s ease}
.arr-btn:focus, .arr-btn:hover, .nw-btn:focus, .nw-btn:hover, .down-btn:focus, .down-btn:hover {color:#333333;}
.arr-btn:focus:before, .arr-btn:hover:before, .nw-btn:focus:before, .nw-btn:hover:before, .down-btn:focus:before, .down-btn:hover:before {width:100%;}
.arr-btn:after {background-position:-173px -32px;}
.nw-btn:after {background-position:-205px -32px;}
.down-btn:after {background-position:-232px -32px;}

.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,
.c-btn:hover, .c-btn:focus,
.sw-fbtn:hover, .sg-fbtn:hover, .sp-fbtn:hover, .sdp-fbtn:hover,
.bw-fbtn:hover, .bg-fbtn:hover, .bp-fbtn:hover, .bdp-fbtn:hover,
.lw-fbtn:hover, .lg-fbtn:hover, .lp-fbtn:hover, .ldp-fbtn:hover,
.sw-fbtn:focus, .sg-fbtn:focus, .sp-fbtn:focus, .sdp-fbtn:focus,
.bw-fbtn:focus, .bg-fbtn:focus, .bp-fbtn:focus, .bdp-fbtn:focus,
.lw-fbtn:focus, .lg-fbtn:focus, .lp-fbtn:focus, .ldp-fbtn:focus,
.c-fbtn:hover, .c-fbtn: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:#2360c5;}

.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:#2360c5;}


/* 작은 컨텐츠 버튼 */
.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 #333333;color:#333333 !important;}
div.sw-btn:hover, div:focus.sw-btn,
span.sw-btn:hover, span:focus.sw-btn {background:#fff;border:1px solid #333333;color:#333333 !important;}

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

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

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


/* 컨텐츠 버튼 */
.cw-btn, .cg-btn, .cp-btn, .cdp-btn {position:relative;display:inline-block;vertical-align:top;line-height:1.1;box-sizing:border-box;overflow:hidden;min-width:160px;padding:18px 0 16px 0;font-size:0.889em;line-height:1.2;font-weight:500;text-align:left;transition:all .3s ease}
.cw-btn span, .cg-btn span, .cp-btn span, .cdp-btn span {position:relative;display:block;z-index:2;padding:0 55px 0 18px;}
input.cw-btn {position:relative;padding:0 55px 0 18px;height:55px;cursor:pointer;vertical-align:top}
button.cw-btn {position:relative;padding:0;height:55px;cursor:pointer;vertical-align:top}

.cw-btn, a.cw-btn {background:#fff;border:1px solid #333333;color:#333333 !important;}
.cg-btn, a.cg-btn {background:#efefef;border:1px solid #efefef;color:#666666 !important;}
.cp-btn, a.cp-btn {background:#2360c5;border:1px solid #2360c5;color:#fff !important;}
.cdp-btn, a.cdp-btn {background:#fff;border:1px solid #2360c5;color:#2360c5 !important;}
.cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {display:block;content:'';position:absolute;top:50%;right:19px;margin-top:-7px;width:17px;height:15px;background:url(/resources/_Img/Common/style_spr.png) no-repeat;}

.cw-btn .arr:after {background-position:0 0}
.cw-btn .nw:after {background-position:-34px 0}
.cw-btn .zoom:after {background-position:-65px 0}
.cw-btn .down:after {background-position:-100px 0}
.cw-btn .print:after {background-position:-136px 0}

.cg-btn .arr:after {background-position:0 -24px}
.cg-btn .nw:after {background-position:-34px -24px}
.cg-btn .zoom:after {background-position:-65px -24px}
.cg-btn .down:after {background-position:-100px -24px}
.cg-btn .print:after {background-position:-136px -24px}

.cp-btn .arr:after {background-position:0 -48px}
.cp-btn .nw:after {background-position:-34px -48px}
.cp-btn .zoom:after {background-position:-65px -48px}
.cp-btn .down:after {background-position:-100px -48px}
.cp-btn .print:after {background-position:-136px -48px}

.cdp-btn .arr:after {background-position:0 -72px}
.cdp-btn .nw:after {background-position:-34px -72px}
.cdp-btn .zoom:after {background-position:-65px -72px}
.cdp-btn .down:after {background-position:-100px -72px}
.cdp-btn .print:after {background-position:-136px -72px}

.cw-btn:focus .arr:after,
.cw-btn:hover .arr:after {background-position:0 -48px}
.cw-btn:focus .nw:after,
.cw-btn:hover .nw:after {background-position:-34px -48px}
.cw-btn:focus .zoom:after,
.cw-btn:hover .zoom:after {background-position:-65px -48px}
.cw-btn:focus .down:after,
.cw-btn:hover .down:after {background-position:-100px -48px}
.cw-btn:focus .print:after,
.cw-btn:hover .print:after {background-position:-136px -48px}

.cdp-btn:focus .arr:after,
.cdp-btn:hover .arr:after {background-position:0 -48px}
.cdp-btn:focus .nw:after,
.cdp-btn:hover .nw:after {background-position:-34px -48px}
.cdp-btn:focus .zoom:after,
.cdp-btn:hover .zoom:after {background-position:-65px -48px}
.cdp-btn:focus .down:after,
.cdp-btn:hover .down:after {background-position:-100px -48px}
.cdp-btn:focus .print:after,
.cdp-btn:hover .print:after {background-position:-136px -48px}


/* 프로그램버튼 */
.bw-btn,.bw-btn2, .bg-btn, .bp-btn, .bdp-btn {position:relative;display:inline-block;vertical-align:top;line-height:1.1;box-sizing:border-box;overflow:hidden;min-width:180px;min-height:60px;padding:18px 18px 18px 18px;font-size:0.944em;text-align:center;font-weight:500;transition:all .3s ease}
.bw-btn span, .bw-btn2 span, .bg-btn span, .bp-btn span, .bdp-btn span {display:inline-block;line-height:1.2;box-sizing:border-box;vertical-align:middle;z-index:2;position:relative;}
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:2px solid #333333;color:#333333 !important;}
.bw-btn2, a.bw-btn2 {background:#fff;border:1px solid #333333;color:#333333 !important;}
.bg-btn, a.bg-btn {background:#efefef;border:1px solid #efefef;color:#666666 !important;}
.bp-btn, a.bp-btn {background:#2360c5;border:1px solid #2360c5;color:#fff !important;}
.bdp-btn, a.bdp-btn {background:#fff;border:1px solid #2360c5;color:#2360c5 !important;}

/* 회원 버튼 */
.lw-btn, .lg-btn, .lp-btn, .ldp-btn {position:relative;display:inline-block;vertical-align:top;line-height:1.1;box-sizing:border-box;overflow:hidden;min-width:180px;min-height:60px;padding:18px 18px 18px 18px;font-size:0.944em;text-align:center;font-weight:500;transition:all .3s ease}
.lw-btn span, .lg-btn span, .lp-btn span, .ldp-btn span {display:inline-block;line-height:1.2;box-sizing:border-box;vertical-align:middle;z-index:2;position:relative;}
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:2px solid #333333;color:#333333 !important;}
.lg-btn, a.lg-btn {background:#efefef;border:1px solid #efefef;color:#666666 !important;}
.lp-btn, a.lp-btn {background:#2360c5;border:1px solid #2360c5;color:#fff !important;}
.ldp-btn, a.ldp-btn {background:#fff;border:1px solid #2360c5;color:#2360c5 !important;}

/* 오버 */
.sw-btn:hover, .sw-btn:focus, 
.cw-btn:hover, .cw-btn:focus,
.bw-btn:hover, .bw-btn:focus, 
.bw-btn2:hover, .bw-btn2:focus, 
.lw-btn:hover, .lw-btn:focus {background:#fff;border-color:#333333;color:#fff !important;outline:red solid 3px !important;}

.sg-btn:hover, .sg-btn:focus, 
.cg-btn:hover, .cg-btn:focus, 
.bg-btn:hover, .bg-btn:focus,
.lg-btn:hover, .lg-btn:focus {background:#efefef;border-color:#d4d4d4;outline:red solid 3px !important;}

.sp-btn:hover, .sp-btn:focus, 
.cp-btn:hover, .cp-btn:focus, 
.bp-btn:hover, .bp-btn:focus, 
.lp-btn:hover, .lp-btn:focus {background:#2360c5;border-color:#3173df;outline:red solid 3px !important;}

.sdp-btn:hover, .sdp-btn:focus,
.cdp-btn:hover, .cdp-btn:focus,
.bdp-btn:hover, .bdp-btn:focus,
.ldp-btn:hover, .ldp-btn:focus {background:#fff;border-color:#2360c5;color:#fff !important;outline:red solid 3px !important;}

input.sw-btn:hover, input.sw-btn:focus, 
input.cw-btn:hover, input.cw-btn:focus,
input.bw-btn:hover, input.bw-btn:focus, 
input.bw-btn2:hover, input.bw-btn2:focus,
input.lw-btn:hover, input.lw-btn:focus {background:#333333;}

input.sg-btn:hover, input.sg-btn:focus,
input.cg-btn:hover, input.cg-btn:focus, 
input.bg-btn:hover, input.bg-btn:focus,
input.lg-btn:hover, input.lg-btn:focus {background:#d4d4d4;}

input.sp-btn:hover, input.sp-btn:focus, 
input.cp-btn:hover, input.cp-btn:focus, 
input.bp-btn:hover, input.bp-btn:focus, 
input.lp-btn:hover, input.lp-btn:focus {background:#3173df;}

input.sdp-btn:hover, input.sdp-btn:focus,
input.cdp-btn:hover, input.cdp-btn:focus,
input.bdp-btn:hover, input.bdp-btn:focus,
input.ldp-btn:hover, input.ldp-btn:focus {background:#2360c5;}

.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, 
.bw-btn2:before, 
.bg-btn:before, 
.bp-btn:before, 
.bdp-btn:before,
.lw-btn:before, 
.lg-btn:before, 
.lp-btn:before, 
.ldp-btn:before {display:block;content:'';position:absolute;top:0;right:-30px;width:0;height:100%;border-radius:30px;transition:all .3s ease;}

.sw-btn:before, 
.cw-btn:before,
.bw-btn:before, 
.bw-btn2:before, 
.lw-btn:before {background:#333333;}

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

.sp-btn:before, 
.cp-btn:before, 
.bp-btn:before, 
.lp-btn:before {background:#3173df;}

.sdp-btn:before,
.cdp-btn:before,
.bdp-btn:before,
.ldp-btn:before {background:#2360c5;}

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

.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, 
.bw-btn2: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 0 14px 0;}
	.cw-btn span, .cg-btn span, .cp-btn span, .cdp-btn span {padding:0 47px 0 10px;}
	.cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {right:11px;}

	.bw-btn, .bw-btn2, .bg-btn, .bp-btn, .bdp-btn {min-width:110px;min-height:47px;padding:13px 10px 11px 10px;}
	input.bw-btn, input.bw-btn2, 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-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #333;border-bottom:1px solid #bbb}
.tbl-type01 th,
.tbl-type01 td {padding:17px 15px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea; font-weight:500; color:#333}
.tbl-type01 thead {border-bottom:2px solid #ddd}
.tbl-type01 thead th {position:relative;background:#fff;padding:18px 0 21px 0;border-left:0;color:#000;font-weight:700}
.tbl-type01 thead tr.spc th {border-right:0}
.tbl-type01 thead tr.spc th:after {content:'';position:absolute;left:0;top:50%;width:1px;height:18px;margin-top:-9px;background:#ddd}
.tbl-type01 thead tr.spc th:first-child:after,
.tbl-type01 thead tr th.border:after {display:none}
.tbl-type01 thead tr th.border {border-left:1px solid #eaeaea}
.tbl-type01 th {font-weight:500;color:#000000;}
.tbl-type01 th:first-child, .tbl-type01 td:first-child {border-left:0}
.tbl-type01 th:last-child,
.tbl-type01 td:last-child {border-right:0}
.tbl-type01 th.bg,
.tbl-type01 td.bg {background:#f6f6f6;}

@media all and (max-width:499px){
	.tbl-type01 thead th {font-size:15px;padding:10px 0 10px 5px}
	.tbl-type01 thead th:after {height:20px}
	.tbl-type01 tfoot th,
	.tbl-type01 tfoot td,
	.tbl-type01 tbody th,
	.tbl-type01 tbody td {padding:10px 5px;font-size:14px}
}

/* 테이블 > 테이블 */
.tbl-type01 table {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-weight:300;font-size:.882em;border-top:1px solid #333}
.tbl-type01 table thead th {color:#555;font-size:15px;background:transparent}
.tbl-type01 table th,
.tbl-type01 table td {border-left:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;word-wrap:break-word;word-break:break-all}
.tbl-type01 table thead th {padding:9px 5px 8px}
.tbl-type01 table tbody th,
.tbl-type01 table tbody td,
.tbl-type01 table tfoot th,
.tbl-type01 table tfoot td {color:#777;font-size:14px;padding:10px 5px 8px}
.tbl-type01 thead tr th.border:after {display:none}
.tbl-type01 thead tr th.border {border-left:1px solid #eaeaea}

/* 작은 테이블 스타일 */
.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 #000;font-size:.944em}
.tbl-type-s01 thead th {background:#f7f7f7;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 .bor1 {border-right:1px solid #ccc}
.tbl-type-s01 .bol1 {border-left:1px solid #ccc}

/* 작은 테이블 스타일 */
.tbl-type-s02 {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-size:0.778em;line-height:1.286em}
.tbl-type-s02 thead th {overflow:hidden;border-left:1px solid #707384;border-right:1px solid #707384;background:#606376;color:#fff;}
.tbl-type-s02 thead th,
.tbl-type-s02 tbody th,
.tbl-type-s02 tfoot th {font-weight:500;}
.tbl-type-s02 tbody th,
.tbl-type-s02 tbody td,
.tbl-type-s02 tfoot th,
.tbl-type-s02 tfoot td {border-bottom:1px solid #e2e2e2;overflow:hidden;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;background:#fff;}
.tbl-type-s02 tfoot th,
.tbl-type-s02 thead th {padding:14px 10px 10px}
.tbl-type-s02 tbody th,
.tbl-type-s02 tbody td {padding:11px 10px 12px}
.tbl-type-s02 th:first-child,
.tbl-type-s02 td:first-child {border-left:0}
.tbl-type-s02 th:last-child,
.tbl-type-s02 td:last-child {border-right:0}
.tbl-type-s02 .bor1 {border-right:1px solid #e2e2e2}
.tbl-type-s02 .bol1 {border-left:1px solid #e2e2e2}

/* 프린트 테이블 */
.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%;padding-top:0px}
.is-wauto-box > table {min-width:720px}
.rsv-info {display:block;position:relative;text-align:center}
.rsv-info .ico {display:block;position:relative;padding:15px 55px 28px;line-height:1.3;font-size:.889em}
.rsv-info .ico:before,
.rsv-info .ico:after {content:"";display:block;position:absolute;width:23px;height:9px;top:18px;background:url(/resources/_Img/Common/style_spr.png) no-repeat}
.rsv-info .ico:before {left:0;background-position:-269px 0}
.rsv-info .ico:after {right:0;background-position:-302px 0}

.rsv-info .icoEng {display:none;}
.Code-eng .rsv-info .icoEng {display:block;}
.Code-eng .rsv-info .icoKor {display:none;}

@media all and (max-width:499px) {
	.rsv-info .ico {padding:10px 55px}
	.rsv-info .ico:before,
	.rsv-info .ico:after {top:13px}
}

/* 이미지 슬라이드 */
.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 {position:absolute;top:10px;right:10px;display:block;width:35px;height:35px;background:#fff;z-index:1;box-sizing:border-box;border:1px solid #ddd;transition:all .3s ease;}
.img-zoom .btn-zoom: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}
.img-zoom .btn-zoom:focus,
.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;line-height:1.4;padding-left:33px;margin:10px 5px 0 0;text-align:left;min-height:22px;}
.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:0;width:22px;height:22px;background:url(/resources/_Img/Common/style_spr.png) no-repeat -173px 0}
.info-ex01:before {background-position:-173px 0;}
.info-ex02:before {background-position:-205px 0;}
.info-ex03:before {background-position:-237px 0;}

.info-ex01 .tit,
.info-ex02 .tit,
.info-ex03 .tit {display:block;color:#222;font-weight:500;}

.info-ex01 {color:#555555;font-weight:400;}
.info-ex02 {color:#333333;font-weight:400;}
.info-ex03 {color:#e80b8c;font-weight:400;}

.info-ex01 ul, .info-ex02 ul, .info-ex03 ul {padding-top:5px;display:block;}
.info-ex01 ul li, .info-ex02 ul li, .info-ex03 ul li {position:relative;padding-left:17px;color:#555;line-height:1.25em;font-weight:400;margin-bottom:10px;}
.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;width:3px;height:3px;background:#cfcfcf;}

.info-prg01,
.info-prg02,
.info-prg03 {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;}
.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;}


/* 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;letter-spacing:-0.025em;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;display:flex;justify-content: center;flex-direction:column;width:100%;height:500px;text-align:left;color:#333;padding-left:120px;box-sizing:border-box;background:#f0f0f1 url(/resources/_Img/Common/msg_bg.png) no-repeat 100% 50%;}
.msg-wrap:before {content:"";display:block;position:absolute;top:50%;right:144px;margin-top:-125px;width:326px;height:271px;background:url(/resources/_Img/Common/style_spr.png) no-repeat 0 -119px;}
.msg-wrap.wait:before {background-position:0 -119px}
.msg-wrap.error:before {background-position:-336px -119px}
.msg-wrap.info:before {background-position:0 -119px}
.msg-wrap.logout:before {background-position:-672px -119px}

.msg-wrap .msg-txt-box {position:relative;padding-top:3px;z-index:2;}
.msg-wrap .tit {display:block;position:relative;font-size:2.222em;color:#000000;font-weight:700;line-height:1.2;margin-bottom:28px;letter-spacing:0;padding-top:80px;}
.msg-wrap .tit:before {display:block;content:'';position:absolute;top:0;left:0;width:169px;height:40px;background:url(/resources/_Img/Common/logo.png) no-repeat 0 0;}
.msg-wrap p,
.msg-wrap .txt {display:block;position:relative;font-size:1.111em;color:#666666;line-height:1.6;width:100%;letter-spacing:-.05em}

@media all and (max-width:999px) {
	.msg-wrap {padding-left:70px;}
	.msg-wrap:before {right:0;transform:scale(0.7);}
}
@media all and (max-width:799px) {
	.msg-wrap {height:auto;padding-top:70px;padding-bottom:70px;background-position:50% 50%;}
}
@media all and (max-width:599px) {
	.msg-wrap {padding:50px 30px;}
	.msg-wrap:before {top:-30px;right:-50px;margin-top:0;transform:scale(0.5);}
	.msg-wrap .tit {padding-top:50px;}
	.msg-wrap .tit:before {width:120px;height:40px;background-size:100% auto;}
	.msg-wrap .txt br {display:none;}
}
@media all and (max-width:399px) {
	.msg-wrap:before {right:-80px;transform:scale(0.4);}
}


/* 플로우 차트 */
.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;letter-spacing:0;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;letter-spacing:0}
.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:#2360c5}
.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:#2360c5;}
.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}
}