@charset "utf-8";

input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"],
button,
select,
textarea {font-family:"Noto Sans KR"}
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}

/* 박스 스타일 */
.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: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}
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}
.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 32px;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:6px;margin:0;width:21px;height:21px;background:#fff;border:1px solid #ccc}
.rdos input[type="radio"] + label:after {width:9px;height:9px;left:6px;top:12px;background:#fff;border-radius:50%;opacity:0}
.rdos input[type="radio"] + label:focus,
.rdos input[type="radio"] + label:hover {color:#0061ba}
.rdos input[type="radio"] + label:focus:before,
.rdos input[type="radio"] + label:hover:before {border-color:#0061ba}
.rdos input[type="radio"]:checked + label:before {border-color:#01346b;background:#01346b}
.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}
.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:21px;height:21px;left:0;top:6px;margin:0;background:#fff;border:1px solid #ccc}
.chks input[type="checkbox"] + label:after {width:9px;height:6px;left:6px;top:12px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;transform:rotate(-45deg);opacity:0}
.chks input[type="checkbox"] + label:focus,
.chks input[type="checkbox"] + label:hover {color:#0061ba}
.chks input[type="checkbox"] + label:focus:before,
.chks input[type="checkbox"] + label:hover:before {border-color:#0061ba}
.chks input[type="checkbox"]:checked + label:before {border-color:#01346b;background:#01346b}
.chks input[type="checkbox"]:checked + label:after {opacity:1}
.chks input[type="checkbox"]:focus + label {outline:rgb(59, 153, 252) auto 5px}
@media all and (max-width:999px) {
	.rdos input[type="radio"] + label {padding:5px 0 5px 28px}
	.rdos input[type="radio"] + label:before {top:5px}
	.rdos input[type="radio"] + label:after {top:11px}
	.chks input[type="checkbox"] + label {padding:5px 0 5px 28px}
	.chks input[type="checkbox"] + label:before {top:5px}
	.chks input[type="checkbox"] + label:after {top:11px}
}
@media all and (max-width:767px) {
	.rdos input[type="radio"] + label {padding-left:25px;padding-top:1px}
	.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:1px}
	.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 {}
}
@media all and (max-width:599px) {
	.rdos input[type="radio"] + label {padding-top:2px}
	.chks input[type="checkbox"] + label {padding-top:2px}
}
@media all and (max-width:499px) {
	.rdos input[type="radio"] + label {padding-top:3px}
	.chks input[type="checkbox"] + label {padding-top:3px}
}

/* 포인트컬러값 */
.csc-p01 {color:#004756}
.csc-p02 {color:#0088a5}
.csc-p03 {color:#37a1b7}
.csc-p04 {color:#90c2c8}
.csc-p01bg {background:#004756}
.csc-p02bg {background:#0088a5}
.csc-p03bg {background:#37a1b7}
.csc-p04bg {background:#90c2c8}

/* 링크스타일 */
.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 {position:relative;margin-bottom:40px;line-height:1;box-sizing:border-box;text-align:center}
.c-tab01 ul {display:inline-block;font-size:0;width:auto;position:relative;vertical-align:top;z-index:1}
.c-tab01 ul li {display:inline-block;position:relative;vertical-align:top;margin:0 2px 4px}
.c-tab01 ul li:after {content:"";display:block;position:absolute;z-index:1;border:solid;border-width:0;border-color:#002752 transparent transparent;left:50%;top:100%;transform:translateX(-50%);transition:all .3s ease}
.c-tab01 ul li.over:after {border-width:10px 6px 0}
.c-tab01 ul li a {display:block;position:relative;width:200px;text-align:center;box-sizing:border-box;padding:0 10px;font-size:0;z-index:0;background:#f7f7f7;font-size:16px;color:#444;overflow:hidden;transition:all .3s ease}
.c-tab01 ul li a:before {content:"";display:inline-block;width:0;height:65px;vertical-align:middle}
.c-tab01 ul li a:after {content:"";display:block;position:absolute;width:0;height:0;border:solid;border-width:0;border-color:#2fa8ff transparent transparent transparent;left:-24px;top:0;z-index:0;transition:all .3s ease}
.c-tab01 ul li.over a:after {border-width:24px 24px 0}
.c-tab01 ul li a span {display:inline-block;vertical-align:middle;line-height:1.2;box-sizing:border-box;position:relative;z-index:1}
.c-tab01 ul li.over a,
.c-tab01 ul li a:focus,
.c-tab01 ul li a:hover {background:#002752;color:#fff}
.c-tab01 ul li a[target="_blank"] span:after {content:"";display:inline-block;width:12px;height:12px;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat 0 -25px;margin:-4px 0 0 5px;vertical-align:middle}
.c-tab01 ul li a[target="_blank"]:focus span:after,
.c-tab01 ul li a[target="_blank"]:hover span:after,
.c-tab01 ul li.over a[target="_blank"] span:after {background-position:-44px -25px}
.c-tab01.mSet {border:0;margin-bottom:10px;z-index:101;overflow:visible;position:relative;z-index:9;padding-top:0}
.c-tab01.mSet:before,
.c-tab01.mSet:after {display:none}
.c-tab01.mSet button.ctab01Ctrl {position:relative;width:100%;border:0;background:#002752;font-size:0;text-align:left;border-radius:0;box-sizing:border-box;padding:0 50px 0 28px;overflow:hidden}
.c-tab01.mSet button.ctab01Ctrl:before {content:"";display:inline-block;width:0;height:55px;vertical-align:middle}
.c-tab01.mSet button.ctab01Ctrl span {display:inline-block;vertical-align:middle;font-size:16px;color:#fff;font-weight:400;line-height:1.2;letter-spacing:-.05em}
.c-tab01.mSet button.ctab01Ctrl span:before {content:"";display:block;position:absolute;width:0;height:0;border:solid;border-width:24px 24px 0;border-color:#2fa8ff transparent transparent transparent;left:-24px;top:0;z-index:0;transition:all .3s ease}
.c-tab01.mSet button.ctab01Ctrl:after {content:"";display:block;position:absolute;right:22px;top:21px;width:8px;height:8px;z-index:9;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;transform:rotate(-45deg);transition:all .3s ease}
.c-tab01.mSet button.ctab01Ctrl.over:after {transform:rotate(135deg);top:24px}
.c-tab01.mSet ul {display:none;position:absolute;width:100%;left:0;top:100%;background:#f8f8f8;box-sizing:border-box;overflow:hidden;box-shadow:0 10px 10px rgba(0, 0, 0, .1)}
.c-tab01.mSet ul:after {display:none}
.c-tab01.mSet ul li {display:block;float:left;width:50%;padding:0;margin:0;min-width:0;max-width:none;box-sizing:border-box}
.c-tab01.mSet ul li:before {content:"";display:block;position:absolute;width:200%;height:1px;left:0;bottom:0;background:#e2e2e2;z-index:1}
.c-tab01.mSet ul li:after {display:none}
.c-tab01.mSet ul li:last-child {border-bottom:0}
.c-tab01.mSet ul li a {text-align:left;padding:0 10px 0 0;width:auto;background:transparent;z-index:0}
.c-tab01.mSet ul li a:before {height:54px}
.c-tab01.mSet ul li a:after {display:none}
.c-tab01.mSet ul li a span {font-size:14px;padding:0 0 0 14px}
.c-tab01.mSet ul li button {height:44px}
.c-tab01.mSet ul li button:before,
.c-tab01.mSet ul li:first-child.over button,
.c-tab01.mSet ul li:first-child.over a {border:0}
.c-tab01.mSet ul li.over a {margin:0;background:#fff;padding:0 10px 0 15px}
.c-tab01.mSet ul li.over a span {color:#0061ba}
.c-tab01.mSet ul li.over a span:before {content:"";display:block;position:absolute;width:5px;height:5px;left:0;top:6px;border-radius:50%;background:#0061ba}

.c-tab02 {position:relative;line-height:1;margin-bottom:30px;z-index:8;font-size:0}
.c-tab02 ul {display:inline-block;font-size:0;background:#f1f1f1;border-bottom:1px solid #ddd}
.c-tab02 ul li {display:inline-block;position:relative;width:auto;vertical-align:top;font-size:18px}
.c-tab02 ul li a {display:block;color:#333;text-align:center;box-sizing:border-box;font-size:0;position:relative;padding:0 20px;max-width:250px;transition:all .3s ease}
.c-tab02 ul li a:before {content:"";display:inline-block;width:0;height:55px;vertical-align:middle}
.c-tab02 ul li a:after {content:"";display:block;position:absolute;width:3px;height:3px;background:#333;left:0;top:50%;transform:translateY(-50%);background:#ccc;border-radius:50%}
.c-tab02 ul li:first-child a:after {display:none}
.c-tab02 ul li a span {display:inline-block;font-size:16px;vertical-align:middle;line-height:1.3}
.c-tab02 ul li a:focus,
.c-tab02 ul li a:hover {color:#306db8}
.c-tab02 ul li.over a:after {width:0;height:0;border:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent #306db8;background:transparent}
.c-tab02 ul li a[target="_blank"] span:after {content:"";display:inline-block;width:12px;height:12px;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -22px -25px;margin:-2px 0 0 10px;vertical-align:middle}
.c-tab02.mSet {}
.c-tab02.mSet .ctab02Ctrl {display:block;box-sizing:border-box;position:relative;width:100%;border:0;border-bottom:2px solid #002752;text-align:left;padding:10px 10px 12px;color:#002752}
.c-tab02.mSet .ctab02Ctrl:after {content:"";display:block;position:absolute;right:15px;top:12px;width:10px;height:10px;border-bottom:2px solid #002752;border-right:2px solid #002752;z-index:1;transform:rotate(45deg);transition:all .3s ease}
.c-tab02.mSet .ctab02Ctrl.over:after {transform:rotate(225deg);top:18px}
.c-tab02.mSet ul {display:none;position:absolute;width:100%;left:0;top:100%;background:#f8f8f8;box-sizing:border-box;overflow:hidden;box-shadow:0 10px 10px rgba(0, 0, 0, .1)}
.c-tab02.mSet ul:after {display:none}
.c-tab02.mSet ul li {display:block;float:left;width:50%;padding:0;margin:0;min-width:0;max-width:none;box-sizing:border-box}
.c-tab02.mSet ul li:before {content:"";display:block;position:absolute;width:200%;height:1px;left:0;bottom:0;background:#e2e2e2;z-index:1}
.c-tab02.mSet ul li:after {display:none}
.c-tab02.mSet ul li:last-child {border-bottom:0}
.c-tab02.mSet ul li a {text-align:left;padding:0 10px 0 0;width:auto;background:transparent;z-index:0}
.c-tab02.mSet ul li a:before {height:54px}
.c-tab02.mSet ul li a:after {display:none}
.c-tab02.mSet ul li a span {font-size:14px;padding:0 0 0 14px;box-sizing:border-box;position:relative}
.c-tab02.mSet ul li button {height:44px}
.c-tab02.mSet ul li button:before,
.c-tab02.mSet ul li:first-child.over button,
.c-tab02.mSet ul li:first-child.over a {border:0}
.c-tab02.mSet ul li.over a {margin:0;background:#fff;padding:0 10px 0 15px}
.c-tab02.mSet ul li.over a span {color:#0061ba}
.c-tab02.mSet ul li.over a span:before {content:"";display:block;position:absolute;width:5px;height:5px;left:0;top:6px;border-radius:50%;background:#0061ba}


.b-tab01 {position:relative;border:0;margin-bottom:20px;height:65px;box-sizing:border-box;padding:0 65px;opacity:0}
.b-tab01 .mCSB_scrollTools.mCSB_scrollTools_horizontal {height:0;overflow:hidden;bottom:0}
.b-tab01:after {content:"";display:block;position:absolute;width:100%;height:3px;left:0;bottom:0;background:#eee;z-index:-1}
.b-tab01.arrKeyHide {padding:0}
.b-tab01.arrKeyHide.hasOutAll .outAll {left:0}
.b-tab01.stable {opacity:1}
.b-tab01.hasOutAll {}
.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;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 {content:"";display:block;position:absolute;width:100%;height:3px;background:#aaa;left:0;bottom:0;transition:all .3s ease}
.b-tab01.hasOutAll .outAll a:focus:after,
.b-tab01.hasOutAll .outAll a:hover:after {background:#f0b959}
.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 {}
.b-tab01.hasOutAll .outAll a:focus,
.b-tab01.hasOutAll .outAll a:hover {}
.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;z-index:0}
.b-tab01 ul li a {display:block;position:relative;color:#222;padding:0 10px;height:100%;box-sizing:border-box;background:transparent;transition:all .3s ease}
.b-tab01 ul li a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle}
.b-tab01 ul li a:after {content:"";display:block;position:absolute;width:0;height:3px;background:#f0b959;left:50%;bottom:0;transition:all .3s ease}
.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:#000}
.b-tab01 ul li a:focus:after,
.b-tab01 ul li a:hover:after {width:100%;left:0}
.b-tab01 ul li.over a {font-weight:500}
.b-tab01 ul li.over a:after {width:100%;left:0}
.b-tab01 ul li.over a:focus,
.b-tab01 ul li.over a:hover {color:#000}
.b-tab01 ul li.removeBar a:after {}
.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:65px;border:0;background:transparent;top:0;box-sizing:border-box;transition:all .3s ease}
.b-tab01 .button-wr button:after {content:"";display:block;position:absolute;opacity:.3;width:20px;height:10px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/resources/_Img/Common/style_spr.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:.3}
.b-tab01 .button-wr button.disabled:focus:after,
.b-tab01 .button-wr button.disabled:hover:after {opacity:.3}
.b-tab01 .button-wr button.btn-prev {left:0}
.b-tab01 .button-wr button.btn-prev:after {background-position:-274px 0}
.b-tab01 .button-wr button.btn-next {right:0}
.b-tab01 .button-wr button.btn-next:after {background-position:-304px 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: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;letter-spacing:-.05em}
.c-tit01.inline,
.c-tit02.inline,
.c-tit03.inline  {display:inline-block}
.c-tit01 {font-size:1.889em;font-weight:700;color:#222;margin:0 0 28px}
.c-tit01:after {content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff9900;vertical-align:top;margin:-10px 0 0 2px}
.c-tit02 {font-size:1.556em;font-weight:500;color:#002752;margin:0 0 33px}
.c-tit02.cor2 {color:#0061ba}
.c-tit03 {font-size:1.222em;font-weight:500;color:#000;margin:0 0 20px;padding:0 0 0 25px}
.c-tit03:before {content:"";display:block;position:absolute;width:2px;height:18px;background:#faa61a;left:8px;top:3px;transform:rotate(45deg)}
@media all and (max-width:768px) {
	.c-tit01 {margin:0 0 20px}
	.c-tit02 {margin:0 0 15px}
	.c-tit03 {margin:0 0 15px}
}
@media all and (max-width:599px) {
	.c-tit01:after {margin:-2px 0 0 2px}
}

/* 리스트 스타일 (float:left 속성을 줄경우에는 ie6등에서 배경 이미지가 나오지 않을수 있으므로 width값 설정이 필요합니다.) */
.c-list01, .c-list02, .c-list03, .c-list04, .c-list04-1, .c-list05 {text-align:left}
.c-list01 > li, .c-list02 > li, .c-list01-li, .c-list02-li {position:relative;padding:0 0 0 15px;margin:9px 0 0;line-height:1.5;font-size:.944em;letter-spacing:0}
.c-list01 > li:first-child, .c-list02 > li:first-child {margin:0}
.c-list01 > li:before, .c-list02 > li:before, .c-list01-li:before, .c-list02-li:before {display:block;content:"";position:absolute;top:12px;left:0;width:7px;height:2px;background:#0061ba}
.c-list01 > li ul, .c-list02 > li ul, .c-list03 > li ul, .c-list04 > li ul, .c-list04-1 > li ul, .c-list05 > li ul{margin:7px 0 7px}
.c-list01 > li ul li, .c-list02 > li ul li, .c-list03 > li ul li, .c-list04 > li ul li, .c-list04-1 > li ul li, .c-list05 > li ul li  {padding:0 0 0 14px;position:relative;font-size:15px;color:#666;line-height:1.5;margin:0 0 6px}
.c-list01 > li ul li:last-child, .c-list02 > li ul li:last-child, .c-list03 > li ul li:last-child, .c-list04 > li ul li:last-child, .c-list04-1 > li ul li:last-child, .c-list05 > li ul li:last-child {margin:0}
.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-list04-1 > li ul li:before, .c-list05 > li ul li:before {content:"";display:block;position:absolute;width:4px;height:4px;background:#cbcbcb;top:9px;left:0;border-radius:50%}
.c-list01 > li ul li .tit:after {top:0}
.c-list01 > li .tit, .c-list02 > li .tit {display:inline-block;color:#222;font-weight:500}
.c-list01 > li .tit {vertical-align:top;position:relative;padding:0 3px 0 0}
.c-list01 > li .tit:after {content:":";display:inline-block;position:relative;font-size:12px;margin:0 0 0 5px}
.c-list01 > li .txt {display:inline-block}
.c-list02 > li {padding-left:105px}
.c-list02 > li .tit {display:block;width:60px;position:absolute;top:0;left:15px}
.c-list02 > li .tit:after {display:block;content:"";position:absolute;top:9px;right:-13px;width:1px;height:10px;background:#e0e0e0}
.c-list02 > li ul {margin-left:-75px}
.c-list03 > li, .c-list03-li {position:relative;padding:3px 0 3px 28px;font-size:.944em}
.c-list03 > li .tit {color:#000;position:absolute;top:3px;left:0;font-weight:500;width:25px;text-align:center;font-size:1em}
.c-list03 > li .tit.num {font-family:address-sans-pro, sans-serif;text-align:left;top:5px;letter-spacing:0}
.c-list03 > li .titStr {display:block;color:#000}
.c-list03 > li .tit:after,  .c-list03-li .tit:after {display:inline-block;content:"."}
.c-list04 > li, .c-list04-li {position:relative;padding:0 0 0 37px;margin-top:0px;font-size:.944em}
.c-list04 > li .titStr {display:block;color:#000}
.c-list04 > li:first-child {margin-top:0}
.c-list04 > li .tit, .c-list04-li .tit {display:block;width:23px;height:23px;line-height:25px;background:#e5eff0;border-radius:50%;text-align:center;font-family:address-sans-pro, sans-serif;color:#222;font-size:16px;position:absolute;top:3px;left:0}
.c-list04-1 > li, .c-list04-1-li {position:relative;padding:0 0 0 37px;margin-top:7px;font-size:.944em}
.c-list04-1 > li:first-child {margin-top:0}
.c-list04-1 > li .num, .c-list04-1-li .num {display:inline-block;position:absolute;top:4px;left:0;width:23px;height:23px;line-height:25px;background:#e7ecf5;border-radius:50%;text-align:center;font-family:address-sans-pro, sans-serif;color:#0d285b;font-size:14px;text-decoration:-1px}
.c-list04-1 > li .tit, .c-list04-1-li .tit {display:inline-block;color:#000}
.c-list04-1 > li .txt, .c-list04-1-li .txt {display:block}
.c-list05 {margin:15px 0}
.c-list05 > li {position:relative;padding:0 0 0 37px;margin-top:7px;font-size:.944em}
.c-list05 > li:first-child {margin-top:0}
.c-list05 > li .num {display:inline-block;position:absolute;top:3px;left:0;width:23px;height:23px;line-height:25px;background:#fff;border:1px solid #c5ccdb;border-radius:50%;text-align:center;font-family:address-sans-pro, sans-serif;color:#0d285b;font-size:14px;text-decoration:-1px}
.c-list05 > li .tit {display:inline-block;color:#000}
.c-list05 > li .txt {display:block}
@media all and (max-width:999px) {
	.c-list01 > li:before, .c-list02 > li:before, .c-list01-li:before, .c-list02-li:before {top:11px}
	.c-list03 > li .tit.num {top:4px}
	.c-list04 > li, .c-list04-li {padding:0 0 0 30px}
	.c-list04 > li .tit, .c-list04-li .tit {width:20px;height:20px;font-size:13px;line-height:22px;text-indent:-1px}
	.c-list04-1 > li, .c-list04-1-li {padding:0 0 0 30px}
	.c-list04-1 > li .num, .c-list04-1-li .num {width:20px;height:20px;font-size:13px;line-height:22px;text-indent:-1px;top:3px}
	.c-list05 > li {padding:0 0 0 30px}
	.c-list05 > li .num {width:20px;height:20px;font-size:13px;line-height:22px;text-indent:-1px;top:3px}
}
@media all and (max-width:768px) {
	.c-list01 > li:before, .c-list02 > li:before, .c-list01-li:before, .c-list02-li:before {top:10px}
	.c-list03 > li .tit {font-size:.944em;top:3px}
}
@media all and (max-width:599px) {
	.c-list02 > li {padding:0 0 0 15px}
	.c-list02 > li .tit {width:auto;position:relative;top:auto;left:auto}
	.c-list02 > li .tit:after {display:none}
	.c-list02 > li ul {margin-left:0}
}
@media all and (max-width:499px) {
	.c-list01 > li:before, .c-list02 > li:before, .c-list01-li:before, .c-list02-li:before {top:9px}
}

/* ----- 버튼 ----- */
.nw-btn {display:inline-block;color:#0463bb !important;transition:all .3s ease}
.nw-btn:after {content:"";display:inline-block;width:12px;height:12px;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -22px -25px;margin:-2px 0 0 5px;vertical-align:middle}
.nw-btn span {position:relative;padding:0 3px 2px;transition:all .3s ease}
.nw-btn span:after {content:"";display:block;position:absolute;width:100%;height:1px;background:#0463bb;left:0;bottom:0;z-index:-1;border-radius:0;transition:all .3s ease}
.nw-btn:link {color:#0463bb}
.nw-btn:focus,
.nw-btn:hover {color:#fff}
.nw-btn:focus span,
.nw-btn:hover span {color:#fff}
.nw-btn:focus span:after,
.nw-btn:hover span:after {height:100%;border-radius:3px}
.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}

/* 작은 컨텐츠 버튼 */
.sw-btn, .sg-btn, .sp-btn, .sdp-btn {display:inline-block;position:relative;font-size:14px;font-weight:500;vertical-align:top;min-width:89px;font-weight:500;box-sizing:border-box;text-align:center;transition:all .3s ease}

.sw-btn, a.sw-btn {background:#fff;border:1px solid #ccc;color:#444 !important}
.sw-btn:hover, .sw-btn:focus {background:#fff;border:1px solid #306db8}
div.sw-btn:hover, div:focus.sw-btn,
span.sw-btn:hover, span:focus.sw-btn {background:#fff;border:1px solid #ccc;color:#444 !important}
.sg-btn, a.sg-btn {background:#f7f7f7;border:1px solid #ccc;color:#444 !important}
.sg-btn:hover, .sg-btn:focus {background:#f7f7f7;border:1px solid #306db8}
div.sg-btn:hover, div.sg-btn:focus,
span.sg-btn:hover, span.sg-btn:focus {background:#f7f7f7;border:1px solid #ccc;color:#444 !important}
.sp-btn, a.sp-btn {background:#0463bb;border:1px solid #0463bb;color:#fff !important}
.sp-btn:hover, .sp-btn:focus {background:#004687;border:1px solid #004687}
div.sp-btn:hover, div.sp-btn:focus,
span.sp-btn:hover, span.sp-btn:focus {background:#0463bb;border:1px solid #0463bb;color:#fff !important}
.sdp-btn, a.sdp-btn {background:#002752;border:1px solid #002752;color:#fff !important}
.sdp-btn:hover, .sdp-btn:focus {background:#001c42;border:1px solid #001c42}
div.sdp-btn:hover, div.sdp-btn:focus,
span.sdp-btn:hover, span.sdp-btn:focus {background:#002752;border:1px solid #002752;color:#fff !important}
.sw-btn span, .sg-btn span, .sp-btn span, .sdp-btn span {display:block;padding:14px 5px 15px;line-height:1}
input.sw-btn, input.sg-btn, input.sp-btn, input.sdp-btn, button.sw-btn, button.sg-btn, button.sp-btn, button.sdp-btn {padding:0 5px;height:45px}
.sw-btn.single, .sg-btn.single, .sp-btn.single, .sdp-btn.single {width:45px;height:45px;min-width:0;font-size:0}
.sw-btn.single span, .sg-btn.single span, .sp-btn.single span, .sdp-btn.single span {display:block;position:absolute;padding:0;width:20px;height:20px;top:0;right:0;bottom:0;left:0;margin:auto;font-size:0;background:url(/resources/_Img/Common/style_spr.png) no-repeat}
.sw-btn.single .arr, .sg-btn.single .arr {background-position:0 0}
.sw-btn.single .plus, .sg-btn.single .plus {background-position:-30px 0}
.sw-btn.single .nw, .sg-btn.single .nw {background-position:-60px 0}
.sw-btn.single .zoom, .sg-btn.single .zoom {background-position:-90px 0}
.sw-btn.single .down, .sg-btn.single .down {background-position:-120px 0}
.sw-btn.single .calendar, .sg-btn.single .calendar {background-position:-150px 0}
.sw-btn.single .delete, .sg-btn.single .delete {background-position:-180px 0}
.sp-btn.single .arr, .sdp-btn.single .arr {background-position:0 -30px}
.sp-btn.single .plus, .sdp-btn.single .plus {background-position:-30px -30px}
.sp-btn.single .nw, .sdp-btn.single .nw {background-position:-60px -30px}
.sp-btn.single .zoom, .sdp-btn.single .zoom {background-position:-90px -30px}
.sp-btn.single .down, .sdp-btn.single .down {background-position:-120px -30px}
.sp-btn.single .calendar, .sdp-btn.single .calendar {background-position:-150px -30px}
.sp-btn.single .delete, .sdp-btn.single .delete {background-position:-180px -30px}

/* 컨텐츠 버튼 */
.cw-btn, .cg-btn, .cp-btn, .cdp-btn {position:relative;display:inline-block;vertical-align:top;line-height:1.1;box-sizing:border-box;min-width:170px;max-width:300px;padding:0 80px 0 20px;font-size:0;text-align:left;letter-spacing:0;transition:all .3s ease}
a.cw-btn:before, a.cg-btn:before, a.cp-btn:before, a.cdp-btn:before {content:"";display:inline-block;width:0;height:58px;vertical-align:middle}
a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {display:inline-block;line-height:1.2;box-sizing:border-box;vertical-align:middle;font-size:16px;font-weight:500}
input.cw-btn, button.cw-btn {position:relative;padding:0 40px 0 15px;height:40px;cursor:pointer;vertical-align:top}
.cw-btn, a.cw-btn {background:#fff;border:1px solid #ccc;color:#444 !important}
.cw-btn:hover, .cw-btn:focus {background:#fff;border:1px solid #306db8}
.cg-btn, a.cg-btn {background:#f7f7f7;border:1px solid #ccc;color:#444 !important}
.cg-btn:hover, .cg-btn:focus {background:#f7f7f7;border:1px solid #306db8}
.cp-btn, a.cp-btn {background:#0463bb;border:1px solid #0463bb;color:#fff !important}
.cp-btn:hover, .cp-btn:focus {background:#004687;border:1px solid #004687}
.cdp-btn, a.cdp-btn {background:#002752;border:1px solid #002752;color:#fff !important}
.cdp-btn:hover, .cdp-btn:focus {background:#001c42;border:1px solid #001c42}
.cw-btn span:before, .cg-btn span:before, .cp-btn span:before, .cdp-btn span:before,
.cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease}
.cw-btn span:before, .cg-btn span:before, .cp-btn span:before, .cdp-btn span:before {width:3px;height:3px;border-radius:50%;background:#ccc;margin:auto 69px auto auto}
.cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {margin:auto 33px auto auto;width:20px;height:20px;background:url(/resources/_Img/Common/style_spr.png) no-repeat}
.cw-btn:hover span:after, .cw-btn:focus span:after,
.cg-btn:hover span:after, .cg-btn:focus span:after,
.cp-btn:hover span:after, .cp-btn:focus span:after,
.cdp-btn:hover span:after, .cdp-btn:focus span:after {margin:auto 25px auto auto}
.cw-btn .arr:after, .cg-btn .arr:after {background-position:0 0}
.cw-btn .plus:after, .cg-btn .plus:after {background-position:-30px 0}
.cw-btn .nw:after, .cg-btn .nw:after {background-position:-60px 0}
.cw-btn .zoom:after, .cg-btn .zoom:after {background-position:-90px 0}
.cw-btn .down:after, .cg-btn .down:after {background-position:-120px 0}
.cw-btn .calendar:after, .cg-btn .calendar:after {background-position:-150px 0}
.cw-btn .delete:after, .cg-btn .delete:after {background-position:-180px 0}
.cp-btn .arr:after, .cdp-btn .arr:after {background-position:0 -30px}
.cp-btn .plus:after, .cdp-btn .plus:after {background-position:-30px -30px}
.cp-btn .nw:after, .cdp-btn .nw:after {background-position:-60px -30px}
.cp-btn .zoom:after, .cdp-btn .zoom:after {background-position:-90px -30px}
.cp-btn .down:after, .cdp-btn .down:after {background-position:-120px -30px}
.cp-btn .calendar:after, .cdp-btn .calendar:after {background-position:-150px -30px}
.cp-btn .delete:after, .cdp-btn .delete:after {background-position:-180px -30px}

/* 프로그램버튼 */
.bw-btn, .bg-btn, .bp-btn, .bdp-btn {position:relative;display:inline-block;vertical-align:top;line-height:1.1;box-sizing:border-box;min-width:180px;max-width:300px;padding:0 5px;font-size:0;text-align:center;font-weight:500;transition:all .3s ease}
a.bw-btn:before, a.bg-btn:before, a.bp-btn:before, a.bdp-btn:before {content:"";display:inline-block;width:0;height:63px;vertical-align:middle}
a.bw-btn span, a.bg-btn span, a.bp-btn span, a.bdp-btn span {display:inline-block;line-height:1.2;box-sizing:border-box;vertical-align:middle;font-size:18px}
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:65px;cursor:pointer;font-size:18px}
.bw-btn, a.bw-btn {background:#fff;border:1px solid #ccc;color:#444 !important}
.bw-btn:hover, .bw-btn:focus {background:#fff;border:1px solid #306db8}
.bg-btn, a.bg-btn {background:#f7f7f7;border:1px solid #ccc;color:#444 !important}
.bg-btn:hover, .bg-btn:focus {background:#f7f7f7;border:1px solid #306db8}
.bp-btn, a.bp-btn {background:#0463bb;border:1px solid #0463bb;color:#fff !important}
.bp-btn:hover, .bp-btn:focus {background:#004687;border:1px solid #004687}
.bdp-btn, a.bdp-btn {background:#002752;border:1px solid #002752;color:#fff !important}
.bdp-btn:hover, .bdp-btn:focus {background:#001c42;border:1px solid #001c42}

/* 회원 버튼 */
.lw-btn, .lg-btn, .lp-btn, .ldp-btn {position:relative;display:inline-block;vertical-align:top;line-height:1.1;box-sizing:border-box;min-width:180px;max-width:300px;padding:0 5px;font-size:0;text-align:center;transition:all .3s ease}
a.lw-btn:before, a.lg-btn:before, a.lp-btn:before, a.ldp-btn:before {content:"";display:inline-block;width:0;height:63px;vertical-align:middle}
a.lw-btn span, a.lg-btn span, a.lp-btn span, a.ldp-btn span {display:inline-block;line-height:1.2;box-sizing:border-box;vertical-align:middle;font-size:18px}
input.lw-btn, input.lg-btn, input.lp-btn, input.ldp-btn, button.lw-btn, button.lg-btn, button.lp-btn, button.ldp-btn {padding:0 10px;height:65px;cursor:pointer;font-size:18px}
.lw-btn, a.lw-btn {background:#fff;border:1px solid #ccc;color:#444 !important}
.lw-btn:hover, .lw-btn:focus {background:#fff;border:1px solid #306db8}
.lg-btn, a.lg-btn {background:#f7f7f7;border:1px solid #ccc;color:#444 !important}
.lg-btn:hover, .lg-btn:focus {background:#f7f7f7;border:1px solid #306db8}
.lp-btn, a.lp-btn {background:#0463bb;border:1px solid #0463bb;color:#fff !important}
.lp-btn:hover, .lp-btn:focus {background:#004687;border:1px solid #004687}
.ldp-btn, a.ldp-btn {background:#002752;border:1px solid #002752;color:#fff !important}
.ldp-btn:hover, .ldp-btn:focus {background:#001c42;border:1px solid #001c42}
@media all and (max-width:999px) {
	.cw-btn, .cg-btn, .cp-btn, .cdp-btn {padding:0 50px 0 15px;min-width:0;max-width:240px}
	a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {letter-spacing:-.05em}
	.cw-btn span:before, .cg-btn span:before, .cp-btn span:before, .cdp-btn span:before {margin:auto 35px auto auto}
	.cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {margin:auto 10px auto auto}
	.cw-btn:hover span:after, .cw-btn:focus span:after, .cg-btn:hover span:after, .cg-btn:focus span:after, .cp-btn:hover span:after, .cp-btn:focus span:after, .cdp-btn:hover span:after, .cdp-btn:focus span:after {margin:auto 10px auto auto}
	a.cw-btn:before, a.cg-btn:before, a.cp-btn:before, a.cdp-btn:before {height:58px}
	a.bw-btn span, a.bg-btn span, a.bp-btn span, a.bdp-btn span {font-size:17px}
	a.bw-btn:before, a.bg-btn:before, a.bp-btn:before, a.bdp-btn:before {height:58px}
	input.bw-btn, input.bg-btn, input.bp-btn, input.bdp-btn, button.bw-btn, button.bg-btn, button.bp-btn, button.bdp-btn {font-size:17px;height:60px}
	a.lw-btn span, a.lg-btn span, a.lp-btn span, a.ldp-btn span {font-size:17px}
	a.lw-btn:before, a.lg-btn:before, a.lp-btn:before, a.ldp-btn:before {height:58px}
	input.lw-btn, input.lg-btn, input.lp-btn, input.ldp-btn, button.lw-btn, button.lg-btn, button.lp-btn, button.ldp-btn {font-size:17px;height:60px}
}
@media all and (max-width:768px) {
	.cw-btn, .cg-btn, .cp-btn, .cdp-btn {max-width:50%;padding:0 45px 0 15px}
	a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {font-size:16px}
	a.cw-btn:before, a.cg-btn:before, a.cp-btn:before, a.cdp-btn:before {height:53px}
	.cw-btn span:before, .cg-btn span:before, .cp-btn span:before, .cdp-btn span:before {display:none}
	a.bw-btn span, a.bg-btn span, a.bp-btn span, a.bdp-btn span {font-size:16px}
	a.bw-btn:before, a.bg-btn:before, a.bp-btn:before, a.bdp-btn:before {height:53px}
	input.bw-btn, input.bg-btn, input.bp-btn, input.bdp-btn, button.bw-btn, button.bg-btn, button.bp-btn, button.bdp-btn {font-size:16px;height:55px}
	a.lw-btn span, a.lg-btn span, a.lp-btn span, a.ldp-btn span {font-size:16px}
	a.lw-btn:before, a.lg-btn:before, a.lp-btn:before, a.ldp-btn:before {height:53px}
	input.lw-btn, input.lg-btn, input.lp-btn, input.ldp-btn, button.lw-btn, button.lg-btn, button.lp-btn, button.ldp-btn {font-size:16px;height:55px}
	.lw-btn, .lg-btn, .lp-btn, .ldp-btn {min-width:150px;max-width:250px}
}
@media all and (max-width:499px) {
	a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {font-size:15px}
	a.cw-btn:before, a.cg-btn:before, a.cp-btn:before, a.cdp-btn:before {height:48px}
	a.bw-btn span, a.bg-btn span, a.bp-btn span, a.bdp-btn span {font-size:15px}
	a.bw-btn:before, a.bg-btn:before, a.bp-btn:before, a.bdp-btn:before {height:48px}
	input.bw-btn, input.bg-btn, input.bp-btn, input.bdp-btn, button.bw-btn, button.bg-btn, button.bp-btn, button.bdp-btn {font-size:15px;height:50px}
	a.lw-btn span, a.lg-btn span, a.lp-btn span, a.ldp-btn span {font-size:15px}
	a.lw-btn:before, a.lg-btn:before, a.lp-btn:before, a.ldp-btn:before {height:48px}
	input.lw-btn, input.lg-btn, input.lp-btn, input.ldp-btn, button.lw-btn, button.lg-btn, button.lp-btn, button.ldp-btn {font-size:15px;height:50px}
}

/* 테이블 */
.tbl-type01 {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-type01 thead th {background:#f7f7f7;color:#333}
.tbl-type01 thead th,
.tbl-type01 tbody th,
.tbl-type01 tfoot th {font-weight:400}
.tbl-type01 tbody th {color:#444}
.tbl-type01 tbody td {font-size:.941em}
.tbl-type01 thead th,
.tbl-type01 tbody th,
.tbl-type01 tbody td,
.tbl-type01 tfoot th,
.tbl-type01 tfoot td {border-bottom:1px solid #ccc;overflow:hidden;border-left:1px solid #ccc;border-right:1px solid #ccc}
.tbl-type01 tfoot th,
.tbl-type01 thead th {padding:17px 10px 15px}
.tbl-type01 tbody th,
.tbl-type01 tbody td {padding:15px 10px 17px}
.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 .bor1 {border-right:1px solid #ccc}
.tbl-type01 .bol1 {border-left:1px solid #ccc}
@media all and (max-width:999px) {
	.tbl-type01 tfoot th,
	.tbl-type01 thead th {padding:10px 5px}
	.tbl-type01 tbody th,
	.tbl-type01 tbody td {padding:7px 5px}
}

/* 테이블 > 테이블 */
.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-type-s01 {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:1px solid #000;font-size:.944em}
.tbl-type-s01 thead th {background:#f7f7f7;color:#333;font-size:.941em}
.tbl-type-s01 thead th,
.tbl-type-s01 tbody th,
.tbl-type-s01 tfoot th {font-weight:400;font-size:.941em}
.tbl-type-s01 tbody th {color:#444}
.tbl-type-s01 tbody td {font-size:.882em}
.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}

/* 반응형 테이블 안내창 */
.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:47px;height:10px;top:18px;background:url(/resources/_Img/Common/style_spr.png) no-repeat}
.rsv-info .ico:before {left:0;background-position:-263px -20px}
.rsv-info .ico:after {right:0;background-position:-320px -20px}
@media all and (max-width:499px) {
	.rsv-info .ico {padding:10px 55px}
	.rsv-info .ico:before,
	.rsv-info .ico:after {top:11px}
}

/* 이미지 슬라이드 */
.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_spr.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_spr.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:0;right:0;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_spr.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-box1 {box-sizing:border-box;position:relative;padding:0 0 0 211px}
.info-box1:after {content:"";display:block;position:absolute;width:100%;height:3px;background:#eee;left:0;top:0;z-index:-1}
.info-box1 .ico {display:block;position:absolute;width:211px;height:100%;left:0;top:0;border-top:3px solid #f0b959}
.info-box1 .ico:before {content:"";display:block;position:absolute;width:164px;height:140px;top:0;right:0;bottom:0;left:0;margin:48px auto auto auto;background:url(/resources/_Img/Common/style_spr.png) no-repeat 0 -253px}
.info-box1 .inner {display:inline-block;box-sizing:border-box;position:relative;padding:66px 0 66px 38px;z-index:2;vertical-align:middle}
.info-box1 .inner .pTit,
.info-box1 .inner .pTxt {display:block}
.info-box1 .inner .pTit {line-height:1.2;color:#444;font-size:1.278em;font-weight:500}
.info-box1 .inner .pTxt {margin:14px 0 0}
.info-box1 .inner .pTxt > * {margin:0 0 15px}
.info-box1 .inner .pTxt > *:last-child {margin:0}
.info-box1 .inner .pTxt p {line-height:1.7647;font-size:.944em}
.info-box1 .icoTmp {display:flex;flex-flow:row;flex-wrap:wrap}
.info-box1 .icoTmp .ico {display:inline-block;position:relative;height:auto;left:auto;top:auto;border-top:0;vertical-align:top;text-align:center;font-weight:500;color:#000;margin:20px 0 0}
.info-box1 .icoTmp .ico:before {content:"";display:block;position:relative;width:164px;height:140px;margin:0 auto 20px;background:url(/resources/_Img/Common/style_spr.png) no-repeat}
.info-box1 .ico.ico1:before {background-position:0 -253px}
.info-box1 .ico.ico2:before {background-position:-174px -253px}
.info-box1 .ico.ico3:before {background-position:-348px -253px}
.info-box1 .ico.ico4:before {background-position:-522px -253px}
.info-box1 .ico.ico5:before {background-position:0 -403px}
.info-box1 .ico.ico6:before {background-position:-174px -403px}
.info-box1 .ico.ico7:before {background-position:-348px -403px}
.info-box1 .ico.ico8:before {background-position:-522px -403px}
@media all and (max-width:1099px) {
	.info-box1 {padding:0 0 0 164px}
	.info-box1 .inner {padding:55px 0 20px 20px}
	.info-box1 .ico {width:164px}
}
@media all and (max-width:899px) {
	.info-box1 {padding:0 0 0 115px}
	.info-box1 .ico {width:115px}
	.info-box1 .ico:before {width:115px;height:98px;margin:25px auto auto auto;background-position:0 -177px;background-size:480px auto}
	.info-box1 .inner {padding:25px 0 20px 20px}
	.info-box1 .ico.ico1:before {background-position:0 -177px}
	.info-box1 .ico.ico2:before {background-position:-122px -177px}
	.info-box1 .ico.ico3:before {background-position:-244px -177px}
	.info-box1 .ico.ico4:before {background-position:-365px -177px}
	.info-box1 .ico.ico5:before {background-position:0 -282px}
	.info-box1 .ico.ico6:before {background-position:-122px -282px}
	.info-box1 .ico.ico7:before {background-position:-244px -282px}
	.info-box1 .ico.ico8:before {background-position:-365px -282px}
	.info-box1 .icoTmp .ico:before {width:115px;height:98px;background-size:480px auto}
}
@media all and (max-width:599px) {
	.info-box1 {padding:0}
	.info-box1 .ico {width:80px;height:0}
	.info-box1 .ico:before {width:80px;height:69px;margin:15px auto auto auto;background-position:0 -124px;background-size:336px auto}
	.info-box1 .inner {padding:0}
	.info-box1 .inner .pTit {box-sizing:border-box;padding:10px 0 10px 95px;font-size:1.2em;height:100px}
	.info-box1 .inner .pTit:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle}
	.info-box1 .inner .pTit span {display:inline-block;vertical-align:middle;max-width:95%}
	.info-box1 .inner .pTxt {margin:5px 0 0 0}
	.info-box1 .ico.ico1:before {background-position:0 -124px}
	.info-box1 .ico.ico2:before {background-position:-85px -124px}
	.info-box1 .ico.ico3:before {background-position:-171px -124px}
	.info-box1 .ico.ico4:before {background-position:-255px -124px}
	.info-box1 .ico.ico5:before {background-position:0 -197px}
	.info-box1 .ico.ico6:before {background-position:-85px -197px}
	.info-box1 .ico.ico7:before {background-position:-171px -197px}
	.info-box1 .ico.ico8:before {background-position:-255px -197px}
	.info-box1 .icoTmp .ico:before {width:80px;height:69px;background-size:336px auto}
}

.info-box2 {box-sizing:border-box;position:relative;padding:29px 0 31px 208px}
.info-box2:before,
.info-box2:after {content:"";display:block;position:absolute;left:0;bottom:0}
.info-box2:before {z-index:0;width:4px;height:100%;background:#f0b959}
.info-box2:after {z-index:-1;width:100%;height:1px;background:#dfdfdf}
.info-box2 .pTit {position:absolute;left:45px;top:30px;box-sizing:border-box;padding:3px 21px 3px 42px;line-height:1.3;font-weight:500;color:#444;max-width:150px}
.info-box2 .pTit:before,
.info-box2 .pTit:after {content:"";display:block;position:absolute}
.info-box2 .pTit:before {width:30px;height:30px;left:0;top:0;background:url(/resources/_Img/Common/style_spr.png) no-repeat -280px -60px}
.info-box2 .pTit:after {width:1px;height:15px;right:0;top:8px;background:#d9d9d9}
.info-box2 .pTxt {}
.info-box2 .pTxt > * {margin:0 0 15px}
.info-box2 .pTxt > *:last-child {margin:0}
.info-box2 .pTxt p {line-height:1.7647;font-size:.944em}
.info-box2.ico1 .pTit:before {background-position:-150px -60px}
.info-box2.ico2 .pTit:before {background-position:-190px -60px}
.info-box2.ico3 .pTit:before {background-position:-230px -60px}
@media all and (max-width:1099px) {
	.info-box2 {padding:29px 0 31px 180px}
	.info-box2 .pTit {left:20px}
}
@media all and (max-width:899px) {
	.info-box2 {padding:0 0 15px 20px}
	.info-box2 .pTit {position:relative;left:auto;top:auto;padding:3px 21px 3px 42px;max-width:none}
	.info-box2 .pTit:after {display:none}
	.info-box2 .pTxt {margin:10px 0 0}
}

.info-ex01,
.info-ex02,
.info-ex03 {display:block;position:relative;line-height:1.5;padding:3px 0 5px 33px;margin:5px 10px 0 0;font-size:.944em;color:#666;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:4px;width:26px;height:26px;background:url(/resources/_Img/Common/style_spr.png) no-repeat -400px -60px}
.info-ex01:before {background-position:-270px -60px}
.info-ex02:before {background-position:-306px -60px}
.info-ex03:before {background-position:-342px -60px}
.info-list {position:relative;padding:4px 0 5px 50px}
.info-list:before {content:"";display:block;position:absolute;left:0;top:3px;width:40px;height:40px;background:url(/resources/_Img/Common/style_spr.png) no-repeat 0 -60px}
.info-list .pTit {display:block;color:#222;font-weight:500;margin:0 0 5px}
.info-list ul {}
.info-list ul li {display:block;box-sizing:border-box;position:relative;font-size:.944em;margin:0 0 5px;padding:0 0 0 13px;line-height:1.5;letter-spacing:0}
.info-list ul li:before {content:"";display:block;position:absolute;width:3px;height:3px;background:#faa61a;left:0;top:12px}
.info-list ul li:last-child {margin:0}
.info-list.ico1 {}
.info-list.ico2 {}
.info-list.ico3 {}
.info-list.ico1:before {background-position:0 -60px}
.info-list.ico2:before {background-position:-50px -60px}
.info-list.ico3:before {background-position:-100px -60px}
@media all and (max-width:999px) {
	.info-list ul li {padding:0 0 0 10px}
}
@media all and (max-width:768px) {
	.info-ex01:before,
	.info-ex02:before,
	.info-ex03:before {top:3px}
	.info-list ul li:before {top:11px}
}
@media all and (max-width:599px) {
	.info-ex01,
	.info-ex02,
	.info-ex03 {padding:3px 0 5px 25px}
	.info-ex01:before,
	.info-ex02:before,
	.info-ex03:before {width:19px;height:19px;background-position:-280px -42px;background-size:480px auto;top:5px;}
	.info-ex01:before {background-position:-189px -42px}
	.info-ex02:before {background-position:-214px -42px}
	.info-ex03:before {background-position:-239px -42px}
	.info-list {padding:4px 0 5px 40px}
	.info-list:before {top:4px;width:28px;height:28px;background-position:0 -42px;background-size:480px auto}
	.info-list.ico1:before {background-position:0 -42px}
	.info-list.ico2:before {background-position:-35px -42px}
	.info-list.ico3:before {background-position:-70px -42px}
}
@media all and (max-width:499px) {
	.info-list ul li:before {top:10px}
}

/* 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 {width:100%;max-width:617px;text-align:center;color:#333;padding:120px 0;margin:0 auto}
.msg-wrap:before {content:"";display:block;width:114px;height:103px;background:url(/resources/_Img/Common/style_spr.png) no-repeat 0 0;margin:0 auto 55px}
.msg-wrap.wait:before {background-position:0 -140px}
.msg-wrap.error:before {background-position:-124px -140px}
.msg-wrap.info:before {background-position:-248px -140px}
.msg-wrap.logout:before {background-position:-372px -140px}
.msg-wrap .tit {font-size:1.167em;color:#333;font-weight:500;line-height:1.2;margin-bottom:15px;letter-spacing:-.05em}
.msg-wrap .txt {font-size:1em;color:#444;line-height:1.6;width:100%;letter-spacing:-.03em}
.msg-wrap .msgBox {font-size:15px;color:#666;line-height:1.6;width:100%;margin-top:15px;letter-spacing:-.03em}
.msg-wrap .btn {margin:34px 0 0;text-align:center;overflow:hidden}
.msg-wrap .btn > * {margin:0 3px}
@media all and (max-width:999px) {
	.msg-wrap:before {margin:0 auto 30px}
}
@media all and (max-width:599px) {
	.msg-wrap .btn {margin:20px 0 0}
	.msg-wrap .btn > * {display:block;margin:0;min-width:0;max-width:none}
	.msg-wrap .btn.has1 > * {width:100%}
	.msg-wrap .btn.has2 > * {width:49%}
	.msg-wrap .btn.has2 > *:first-child {float:left}
	.msg-wrap .btn.has2 > *:last-child {float:right}
}
@media all and (max-width:399px) {
	.msg-wrap .txt br {display:none}
	.msg-wrap .txt br + br {display:block}
}

/* 플로우 차트 */
.flow-type01 {}
.flow-type01 ul,
.flow-type01 ol {display:flex;flex-flow:row;flex-wrap:wrap}
.flow-type01 li {display:inline-block;vertical-align:top;margin:20px 7.759% 0 0;box-sizing:border-box;position:relative}
.flow-type01 li .txtPkg {display:block;min-height:130px;background:#48b7ce;box-sizing:border-box;padding:59px 10px 20px 20px;position:relative;z-index:1;height:100%;position:relative}
.flow-type01 li .txtPkg .num {display:block;position:absolute;font-family:address-sans-pro, sans-serif;font-size:14px;opacity:.8;letter-spacing:.05em;border-radius:0 999px 999px 0;background:rgba(0, 0, 0, .3);left:0;top:10px;color:rgba(255, 255, 255, .8);line-height:1;padding:13px 15px}
.flow-type01 li .txtPkg .str {font-size:.889em;line-height:1.25;font-weight:300;color:#fff}
.flow-type01 li .txtPkg .str span {display:block}
.flow-type01 li .txtPkg .str .tit {}
.flow-type01 li .txtPkg .str .txt {}
.flow-type01 li .arrPkg {display:block;position:absolute;height:18px;left:100%;top:47px;z-index:0}
.flow-type01 li .arrPkg:before,
.flow-type01 li .arrPkg:after {content:"";display:block;position:absolute;background:url(/resources/_Img/Common/style_spr.png) no-repeat}
.flow-type01 li .arrPkg:before {width:15px;height:14px;background-position:-238px -20px;top:0;right:0;bottom:0;left:0;margin:auto;z-index:1}
.flow-type01 li .arrPkg:after {width:127px;height:10px;background-position:-90px -110px;right:0;top:0;z-index:0}
.flow-type01 li:first-child .txtPkg,
.flow-type01 li:last-child .txtPkg {background:#0061ba}
.flow-type01 li:last-child .arrPkg {display:none}
.flow-type01.has5 li {width:13.7928%}
.flow-type01.has5 li:nth-child(5n) {margin-right:0}
.flow-type01.has5 li:nth-child(5n) .arrPkg {display:none}
.flow-type01.has5 li:nth-child(-n+5) {margin-top:0}
.flow-type01.has5 li .arrPkg {width:56.25%}
.flow-type01.has4 li {width:19.18075%}
.flow-type01.has4 li:nth-child(4n) {margin-right:0}
.flow-type01.has4 li:nth-child(4n) .arrPkg {display:none}
.flow-type01.has4 li:nth-child(-n+4) {margin-top:0}
.flow-type01.has4 li .arrPkg {width:40.25%}
.flow-type01.has3 li {width:28.16066%}
.flow-type01.has3 li:nth-child(3n) {margin-right:0}
.flow-type01.has3 li:nth-child(3n) .arrPkg {display:none}
.flow-type01.has3 li:nth-child(-n+3) {margin-top:0}
.flow-type01.has3 li .arrPkg {width:27.25%}

.flow-type01.type2 li {margin:20px 3.70% 0 0}
.flow-type01.type2 li .txtPkg {min-height:0;border:solid;border-width:0 3px 3px;border-color:#48b7ce;padding:0;background:#fff}
.flow-type01.type2 li .txtPkg .strBox1 {background:#48b7ce;box-sizing:border-box;padding:59px 0 0}
.flow-type01.type2 li .txtPkg .strBox1 .num {left:-3px}
.flow-type01.type2 li .txtPkg .strBox1 .str {box-sizing:border-box;padding:5px 16px 18px;font-size:.944em}
.flow-type01.type2 li .txtPkg .strBox2 {background:#fff;color:#555;font-size:.944em;line-height:1.1764;box-sizing:border-box;padding:16px 17px 10px}
.flow-type01.type2 li .txtPkg .strBox2 ol {}
.flow-type01.type2 li .txtPkg .strBox2 ul {}
.flow-type01.type2 li .txtPkg .strBox2 li {display:block;width:100%;margin:0 0 10px !important;box-sizing:border-box;position:relative;padding:0 0 0 11px}
.flow-type01.type2 li .txtPkg .strBox2 li:before {content:"";display:block;position:absolute;width:4px;height:4px;border-radius:50%;background:#555;left:0;top:9px}
.flow-type01.type2 li .txtPkg .strBox2 li:last-child {margin:0 !important}
.flow-type01.type2 li .arrPkg {top:50%;transform:translateY(-50%)}
.flow-type01.type2 li:first-child .txtPkg,
.flow-type01.type2 li:last-child .txtPkg {border-color:#0061ba}
.flow-type01.type2 li:first-child .txtPkg .strBox1,
.flow-type01.type2 li:last-child .txtPkg .strBox1 {background:#0061ba}

.flow-type01.type2.has4 li {width:22.225%}
.flow-type01.type2.has4 li:nth-child(4n) {margin-right:0}
.flow-type01.type2.has4 li:nth-child(4n) .arrPkg {display:none}
.flow-type01.type2.has4 li:nth-child(-n+4) {margin-top:0}
.flow-type01.type2.has4 li .arrPkg {width:16.25%}

.flow-type01.type2.has3 li {width:30.866%}
.flow-type01.type2.has3 li .arrPkg {width:12.25%}

@media all and (max-width:1199px) {
	.flow-type01 li {margin:20px 6.25% 0 0}
	.flow-type01 li .txtPkg {padding:45px 15px 20px}
	.flow-type01 li .txtPkg .num {padding:6px 10px 5px}
	.flow-type01 li .arrPkg {top:50%;transform:translateY(-50%)}
	.flow-type01.has5 li {width:15%}
	.flow-type01.has5 li .arrPkg {width:41.25%}
	.flow-type01.has4 li {width:20.3125%}
	.flow-type01.has4 li .arrPkg {width:30.25%}
	.flow-type01.has3 li {width:29.1666%}
	.flow-type01.has3 li .arrPkg {width:21.25%}
	.flow-type01.type2 li .txtPkg .strBox1 {padding:45px 0 0}
	.flow-type01.type2 li .txtPkg .strBox1 .str {font-size:.889em}
}
@media all and (max-width:999px) {
	.flow-type01 li {margin:20px 2.5% 0 0}
	.flow-type01 li .arrPkg:before {display:none}
	.flow-type01.has5 li {width:18%}
	.flow-type01.has5 li .arrPkg {width:14.25%}
	.flow-type01.has4 li {width:23.125%}
	.flow-type01.has4 li .arrPkg {width:10.25%}
	.flow-type01.has3 li {width:31.6666%}
	.flow-type01.has3 li .arrPkg {width:7.25%}

	.flow-type01.type2 li {margin:20px 2.5% 0 0}
	.flow-type01.type2.has4 li {width:31.6666%}
	.flow-type01.type2.has4 li:nth-child(4n) {margin-right:2.5%}
	.flow-type01.type2.has4 li:nth-child(3n) {margin-right:0}
	.flow-type01.type2.has4 li:nth-child(4n) .arrPkg {display:block}
	.flow-type01.type2.has4 li:nth-child(3n) .arrPkg {display:none}
	.flow-type01.type2.has4 li:nth-child(-n+4) {margin-top:20px}
	.flow-type01.type2.has4 li:nth-child(-n+3) {margin-top:0}
	.flow-type01.type2.has4 li .arrPkg {width:7.25%}

	.flow-type01.type2.has3 li {width:31.6666%}
	.flow-type01.type2.has3 li:nth-child(4n) {margin-right:2.5%}
	.flow-type01.type2.has3 li:nth-child(3n) {margin-right:0}
	.flow-type01.type2.has3 li:nth-child(4n) .arrPkg {display:block}
	.flow-type01.type2.has3 li:nth-child(3n) .arrPkg {display:none}
	.flow-type01.type2.has3 li:nth-child(-n+4) {margin-top:20px}
	.flow-type01.type2.has3 li:nth-child(-n+3) {margin-top:0}
	.flow-type01.type2.has3 li .arrPkg {width:7.25%}
}
@media all and (max-width:899px) {
	.flow-type01 li {width:31.6666% !important}
	.flow-type01 li .arrPkg {width:7.25% !important}
	.flow-type01 li:nth-child(5n) {margin-right:2.5% !important}
	.flow-type01 li:nth-child(4n) {margin-right:2.5% !important}
	.flow-type01 li:nth-child(3n) {margin-right:0 !important}
	.flow-type01 li:nth-child(5n) .arrPkg {display:block !important}
	.flow-type01 li:nth-child(4n) .arrPkg {display:block !important}
	.flow-type01 li:nth-child(3n) .arrPkg {display:none !important}
	.flow-type01 li:nth-child(-n+5) {margin-top:20px !important}
	.flow-type01 li:nth-child(-n+4) {margin-top:20px !important}
	.flow-type01 li:nth-child(-n+3) {margin-top:0 !important}

	.flow-type01.type2 li .txtPkg .strBox2 li {width:100% !important}
}
@media all and (max-width:768px) {
	.flow-type01.type2 li .txtPkg .strBox2 li:before {top:8px}
}
@media all and (max-width:699px) {
	.flow-type01 li {width:48% !important;margin-right:4% !important}
	.flow-type01 li .txtPkg {min-height:0;padding:42px 10px 10px}
	.flow-type01 li .arrPkg {width:7.25% !important}
	.flow-type01 li:nth-child(5n) {margin-right:4% !important}
	.flow-type01 li:nth-child(4n) {margin-right:4% !important}
	.flow-type01 li:nth-child(3n) {margin-right:4% !important}
	.flow-type01 li:nth-child(2n) {margin-right:0 !important}
	.flow-type01 li:nth-child(5n) .arrPkg {display:block !important}
	.flow-type01 li:nth-child(4n) .arrPkg {display:block !important}
	.flow-type01 li:nth-child(3n) .arrPkg {display:block !important}
	.flow-type01 li:nth-child(2n) .arrPkg {display:none !important}
	.flow-type01 li:nth-child(-n+5) {margin-top:20px !important}
	.flow-type01 li:nth-child(-n+4) {margin-top:20px !important}
	.flow-type01 li:nth-child(-n+3) {margin-top:20px !important}
	.flow-type01 li:nth-child(-n+2) {margin-top:0 !important}

	.flow-type01.type2 li .txtPkg .strBox1 {padding:40px 0 0}
	.flow-type01.type2 li .txtPkg .strBox1 .str {padding:3px 10px 10px}
}
@media all and (max-width:399px) {
	.flow-type01 li {width:100% !important;margin:0 !important;padding:0 0 20px}
	.flow-type01 li .arrPkg {display:block !important;width:50px !important;height:18px;left:42%;transform:translate(0, 0) rotate(90deg);top:auto;bottom:16px;overflow:hidden}
	.flow-type01 li:last-child .arrPkg {display:none !important}
	.flow-type01 li:nth-child(5n) {margin-right:0 !important}
	.flow-type01 li:nth-child(4n) {margin-right:0 !important}
	.flow-type01 li:nth-child(3n) {margin-right:0 !important}
	.flow-type01 li:nth-child(2n) {margin-right:0 !important}
	.flow-type01 li:nth-child(5n) .arrPkg {display:block !important}
	.flow-type01 li:nth-child(4n) .arrPkg {display:block !important}
	.flow-type01 li:nth-child(3n) .arrPkg {display:block !important}
	.flow-type01 li:nth-child(2n) .arrPkg {display:block !important}
	.flow-type01 li:nth-child(-n+5) {margin-top:0 !important}
	.flow-type01 li:nth-child(-n+4) {margin-top:0 !important}
	.flow-type01 li:nth-child(-n+3) {margin-top:0 !important}
	.flow-type01 li:nth-child(-n+2) {margin-top:0 !important}

	.flow-type01.type2.has4 li .arrPkg,
	.flow-type01.type2.has3 li .arrPkg {transform:translate(0, 0) rotate(90deg) !important;top:auto}
}


/*AI 컨텐츠 디자인*/
.aiCont {margin-top:40px;}
.aiCont .reply_text_box textarea {height:150px;font-size:17px;width:100%;padding:15px;box-sizing:border-box;background:#fafafa;border-radius:20px;border:1px dashed #333; }
.aiCont input.dn {margin:0 auto;display:block;width:200px;box-sizing:border-box;text-align:center;padding:15px 40px;background:#138f82;color:#fff;border:none;border-radius:10px;background: #415ad9;}

.aiCont-list {margin:25px auto;}
.aiCont-list > .item {border:1px solid #ddd;border-radius:10px;margin-bottom:15px;overflow: hidden;}
.aiCont-list > .item a {transition:0.3s;display:flex;padding:25px;justify-content: space-between;}
.aiCont-list > .item a:hover {transition:0.3s;background:#f3f7f7;}
.aiCont-list > .item a .pTxt {width:calc(100% - 150px);overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.aiCont-list > .item a .date {display:block;width:120px;margin-let:30px;text-align:right;}

.aiCont-view {position:relative;max-width: 1000px;margin: 0 auto;}
.aiCont-view .chat-top {}
.aiCont-view .chat-center {margin-bottom:30px;border-radius: 20px;border: 1px solid #ddd;overflow: hidden;padding: 40px;box-shadow: 2px 0 15px rgba(0 0 0 / 10%);box-sizing: border-box;}
.aiCont-view .chat-center .item {float:left;display: block;position: relative;padding: 15px 0px 15px 0px;width: 100%;}
.aiCont-view .chat-center .item .ai-wrap {    display: inline-block;max-width: 85%;}
.aiCont-view .chat-center .item.aiQu .ai-wrap {float: right;}
.aiCont-view .chat-center .item .txt-cont {}
.aiCont-view .chat-center .item .txt-cont .txt {padding: 15px 20px;background: #ffeaab;border-radius: 20px;box-sizing: border-box;}
.aiCont-view .chat-center .item.aiAn .txt-cont .txt {background: #efefef;}
.aiCont-view .chat-center .item .txt-cont .date {font-size:15px;color:#999;padding-left:13px;font-weight:300;box-sizing:border-box;}
.aiCont-view .chat-center .item.aiQu .txt-cont .date {padding-left :0;padding-right:13px;color:#999;font-weight:300;text-align:right;}
.aiCont-view .chat-center .item::after {content: ''; display: block; clear: both;}
.aiCont-view .chat-bot {border-radius:60px;position:absolute;bottom:0;right: -100px;width:70px;height: 70px;background: #415ad9;background: #415ad9;display: flex;align-content: center;justify-content: center;align-items: center;}
.aiCont-view .chat-bot a {color: #fff;}

.aiCont-view .bottom {position:absolute;padding:20px;background:red;}
.ai-bot-btn {position: relative;max-width: 1000px;margin: 0 auto;}
.ai-bot-btn textarea {width:100%;height:180px;padding:10px 15px;resize:none;box-sizing:border-box;border:0;background:#f8f8f8;margin:0;border-radius: 20px;width: calc(100% - 160px);}
.ai-bot-btn .bcmt-write-btn .b-cmt-btn {width: 150px;height: 180px;border-radius: 20px;font-size: 0.923em;color: #FFF;background: #6c707b;border: 0px solid #083269;}


/*AI 번역 디자인*/
.aiCont-list > .item .qa-question .pLan {font-size:15px;line-height:1.5;width:80px;text-align:center;box-sizing:border-box;padding:2px 10px;border:1px solid #415ad9;border-radius:5px;color:#415ad9;margin-right:10px;align-items: center;}
.aiCont .tran-btn-box {margin-top:15px;display:flex;justify-content: center;align-items: center;}
.aiCont .tran-btn-box input.dn {margin: 0;border-radius:10px;line-height: 1.3;width: 150px;height: 46px;}
.aiCont .tran-btn-box .lan {}
.aiCont .tran-btn-box .lan select {padding:12px 15px;border-radius:10px;margin-right: 15px;width:150px;height: 46px;box-sizing: border-box;border-color:#415ad9}

.aiCont-list > .item .qa-question {transition:0.3s;display:flex;padding:25px;justify-content: space-between;cursor: pointer;}
.aiCont-list > .item .qa-question:hover {transition:0.3s;background:#f3f7f7;}
.aiCont-list > .item .qa-question .pTxt {width:calc(100% - 150px);overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.aiCont-list > .item .qa-question .date {display:block;width:120px;margin-let:30px;text-align:right;}

.aiTran-view {border-top:1px solid #ddd;box-sizing:border-box;background: #fafafa;display:none;opacity:0;transition:1s;height: 0;padding:20px 40px 40px;}
.aiTran-view .tran-t {padding:0 0 15px;border-bottom:1px solid #ddd;clear: both;margin-bottom:15px;}
.aiTran-view .tran-t span.originalT {margin-bottom:5px;background:#666;display:inline-block;line-height:1;padding:5px 25px;color:#fff;border-radius:5px;font-size:15px;}

.aiTran-view .tran-ans {padding:10px 0 0;}
.aiTran-view .tran-ans span.pLan {margin-bottom:5px;background:#415ad9;display:inline-block;line-height:1;padding:5px 25px;color:#fff;border-radius:5px;font-size:15px;}

.aiCont-list > .item.on {border:2px solid #415ad9;}
.aiCont-list > .item.on .aiTran-view {display:block;opacity:1;transition:1s;height:auto;}
.aiCont-list > .item.on .aiTran-view button {border:none;background:none;font-size:15px;display:block;float:right;line-height:1.3;padding:0 15px;}
.aiCont-list > .item.on .aiTran-view button .sico-nwin:after {transition:0.3s;background-position: -669px -19px;}
.aiCont-list > .item.on .aiTran-view button:hover {transition:0.3s;color:#c41816;}
.aiCont-list > .item.on .aiTran-view button:hover .sico-nwin:after {background-position: -627px -19px;}
.aiCont-list > .item.on .aiTran-view button::after {content:'';display:block;clear:both;}


/*AI 이미지 디자인*/
.ai-Img {border-top:2px solid #333;}
.ai-Img .item {transition:0.3s;display:flex;padding:18px 0;border-bottom:1px solid #ddd;}
.ai-Img .item:hover {background:#fafafa;transition:0.3s;}
.ai-Img .item .img-box {width:calc(100% - 300px);}
.ai-Img .item .img-box ul {display:flex;flex-wrap: wrap;}
.ai-Img .item .img-box ul li {overflow: hidden;width:25%;padding: 2px;box-sizing:border-box;}
.ai-Img .item .img-box.ratio02 ul li {width:50%;}
.ai-Img .item .img-box ul li a {display:block;overflow: hidden;background: #000;}
.ai-Img .item .img-box ul li a img {width:100%;transition:0.3s;}
.ai-Img .item .img-box ul li a:hover img {transition:0.3s;transform: scale(1.1);opacity:0.7;}
.ai-Img .item .txt-box {width:300px;padding: 15px 15px 15px 25px;box-sizing: border-box;line-height: 1.3;display: flex;flex-wrap: wrap;align-content: space-between;}

.ai-Img .item .txt-box .txt-Top {    width: 100%;}
.ai-Img .item .txt-box .txt-Top p {display: block;display: -webkit-box;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.ai-Img .item .txt-box .txt-bot {}
.ai-Img .item .txt-box .txt-bot span {line-height:1;font-size:15px;background:#eee;padding:5px 15px;border-radius:3px;margin-right:3px;}

.ai-Img-View {display:flex;border:1px solid #ddd;border-top-color:#222;border-right:none;border-left:none;border:none;padding:0 15px 0 10px;box-sizing: border-box;height:98%;}
.ai-Img-View .img-box {width:calc(100% - 250px);}
.ai-Img-View .img-box .item {width:100%;height:100%;margin:0 auto;text-align:center;display: flex;align-items: center;justify-content: center;}
.ai-Img-View .img-box .item img {width:auto;height:auto;}
.ai-Img-View .txt-box {display:flex;flex-wrap: wrap;align-content: space-between;width:250px;margin-left: 15px;padding:50px 5px 30px;border-bottom: 1px solid #ddd;box-sizing:border-box;}
.ai-Img-View .txt-box .txt-top {line-height:1.4;}
.ai-Img-View .txt-box .txt-top p {margin-bottom:15px;}
.ai-Img-View .txt-box .txt-top span {line-height:1;font-size:15px;background:#eee;padding:5px 15px;border-radius:3px;margin-right:3px;}
.ai-Img-View .txt-box .txt-bot {margin-top:15px;    width: 100%;}

@media only screen and (max-width:1199px){

}

@media only screen and (max-width:999px){

	.ai-Img .item .txt-box .txt-Top p {    -webkit-line-clamp:4;}

	.ai-Img-View {display:block;}
	.ai-Img-View .img-box {width:100%;box-sizing:border-box;}
	.ai-Img-View .txt-box {width:100%;box-sizing:border-box;padding:20px 0 0;border:none;margin-left:0;}
	.ai-Img-View .txt-box .txt-bot {margin:20px auto 0;text-align: center;}
}


@media only screen and (max-width:799px){
	.ai-Img .item {display:block;}
	.ai-Img .item .img-box {width:100%;}
	.ai-Img .item .txt-box {width:100%;margin-top:0;padding: 15px 0;}
	.ai-Img .item .txt-box .txt-Top {width:100%;margin-bottom:10px;}
	.ai-Img-View .txt-box .txt-bot a.cp-btn span {padding: 12px 45px 12px 10px;}
}
@media only screen and (max-width:599px){
	.ai-Img .item .img-box ul li {width:50%;}
	
	.ai-Img-View {padding: 0;margin-top: 15px;}
	.ai-Img-View .txt-box {padding:20px;}
	.ai-Img-View .img-box {padding:20px;}
	.ai-Img-View .img-box .item {width:90%;}
}


/** BEGIN CSS **/

        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-moz-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-webkit-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-o-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }
		.ai-Img .item .img-box.loading-box ul li {width:100%;}
        .loading-container,
        .loading {height: 110px;position: relative;width: 110px;border-radius: 100%;}
        .loading-container { margin: 40px auto }
        .loading {border: 2px solid transparent;border-color: transparent #138f82 transparent #138f82;-moz-animation: rotate-loading 1.5s linear 0s infinite normal;-moz-transform-origin: 50% 50%;-o-animation: rotate-loading 1.5s linear 0s infinite normal;-o-transform-origin: 50% 50%;-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;-webkit-transform-origin: 50% 50%;animation: rotate-loading 1.5s linear 0s infinite normal;transform-origin: 50% 50%;}
        .loading-container:hover .loading {border-color: transparent #E45635 transparent #E45635;}
        .loading-container:hover .loading,
        .loading-container .loading {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
        #loading-text {-moz-animation: loading-text-opacity 2s linear 0s infinite normal;-o-animation: loading-text-opacity 2s linear 0s infinite normal;-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;animation: loading-text-opacity 2s linear 0s infinite normal;color: #138f82;font-size: 15px;font-weight: bold;margin-top: 40px;opacity: 0;position: absolute;text-align: center;text-transform: uppercase;top: 0;width: 110px;line-height: 1.3;}