@charset "utf-8";
body {-webkit-text-size-adjust: 100%;}
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}

/* 인쇄미리보기 */
@media print {
	#header-wrap, #svisual-wrap, #side-wrap, #charge-satisfy, #footer-wrap, .smart-quick-Navi, .smart-sch-wr {display:none !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 {display:inline-block}
.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-left:36px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:1.750;margin-right:5px}
.rdos input[type="radio"] + label:before {content:'';position:absolute;left:0;top:2px;margin:0;width:25px;height:25px;text-align:center;background:#fff;border:1px solid #c0c0c0;border-radius:50%;box-sizing:border-box}
.rdos input[type="radio"]:checked + label:after {content:"";display:block;position:absolute;width:11px;height:11px;left:7px;top:9px;background:#333;border-radius:50%;}
.rdos input[type="radio"]:focus + label:before {outline:rgb(59, 153, 252) auto 5px}
.chks {display:inline-block;position:relative}
.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-left:36px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:1.750;margin-right:5px}
.chks input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:2px;margin:0;width:25px;height:25px;text-align:center;background:#fff;border:1px solid #c0c0c0;box-sizing:border-box}
.chks input[type="checkbox"] + label:after {content:"";display:block;position:absolute;width:11px;height:7px;left:6px;top:7px;border-width:0 0 2px 2px;border-style:solid;border-color:transparent transparent transparent transparent;transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.chks input[type="checkbox"]:checked + label:after {border-color:transparent transparent #d74914 #d74914;}
.chks input[type="checkbox"]:focus + label:before {outline:rgb(59, 153, 252) auto 5px}
@media all and (max-width:767px) {
	.rdos input[type="radio"] + label {padding-left:25px;}
	.rdos input[type="radio"] + label:before {top:6px;width:18px;height:18px;}
	.rdos input[type="radio"]:checked + label:after {width:8px;height:8px;left:5px;top:11px;}
	.chks input[type="checkbox"] + label {padding-left:25px;}
	.chks input[type="checkbox"] + label:before {top:6px;width:18px;height:18px;}
	.chks input[type="checkbox"]:checked + label:after {width:8px;height:4px;left:4px;top:10px;}
}

/* 포인트컬러값 */
.csc-p01 {color:#002a51;}
.csc-p02 {color:#044288;}
.csc-p03 {color:#0a60bc;}
.csc-p04 {color:#3ba135;}
.csc-p05 {color:#e6720e;}

.csc-p01bg {background:#002a51;}
.csc-p02bg {background:#044288;}
.csc-p03bg {background:#0a60bc;}
.csc-p04bg {background:#3ba135;}
.csc-p05bg {background:#e6720e;}
.csc-p06bg {background:#0079bf;}
.csc-p07bg {background:#49bbcc;}
.csc-p08bg {background:#469d8d;}
.csc-p09bg {background:#e8e8e8;}
.csc-p10bg {background:#daebeb;}

/* 링크스타일 */
.sico-nwin {color:#555 !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:21px;overflow:hidden;}
.c-tab01 ul {font-size:0;overflow:hidden;}
.c-tab01 ul li {position:relative;display:inline-block;width:50%;line-height:1;vertical-align:top;box-sizing:border-box}
.c-tab01 ul li a {position:relative;display:inline-block;width:100%;background-color:#f3f3f3;border:2px solid #dcdcdc;border-left:0;height:65px;font-size:18px;text-align:center;box-sizing:border-box;transition:all .3s ease}
.c-tab01 ul li:first-child a {border-left:2px solid #dcdcdc}
.c-tab01 ul li a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.c-tab01 ul li a > span {display:inline-block;color:#333;padding:0 10px;width:100%;letter-spacing:-.04em;vertical-align:middle;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-tab01 ul li.over a {background-color:#0c3c7f;border-color:#0c3c7f;height:80px}
.c-tab01 ul li.over a > span {color:#fff;font-size:22px;font-weight:500;letter-spacing:-.04em;text-decoration:none}
.c-tab01 ul li a:focus > span ,
.c-tab01 ul li a:hover > span {color:#0c3c7f;text-decoration:underline}
.c-tab01 ul li.over a:focus > span,
.c-tab01 ul li.over a:hover > span {color:#fff;text-decoration:none}
.c-tab01 ul li a[target="_blank"] span:after {content:"";display:inline-block;width:10px;height:10px;background:url(/resources/_Img/Common/ico_nw.gif) no-repeat 0 0;margin:-2px 0 0 10px;vertical-align:middle}
.c-tab01 ul li.over a[target="_blank"] span:after {background-position:-10px 0px}

.c-tab01.has3 ul li {width:33.33%;}
.c-tab01.has4 ul li {width:25%;}
.c-tab01.has5 ul li {width:20%;}
.c-tab01.has6 ul li {width:16.66%;}
.c-tab01.has7 ul li {width:14.28%;}
.c-tab01.has8 ul li {width:25%;}
.c-tab01.has9 ul li {width:20%;}


.c-tab01.mSet {border:0;marign:25px 0 10px;z-index:3;overflow:visible}
.c-tab01.mSet:before,
.c-tab01.mSet:after {display:none}
.c-tab01.mSet button.ctab01Ctrl {position:relative;width:100%;border:0;background:#0c3c7f;height:50px;line-height:50px;font-size:18px;text-align:left}
.c-tab01.mSet button.ctab01Ctrl span {display:block;margin:0 40px 0 10px;font-weight:400;color:#fff;line-height:50px}
.c-tab01.mSet button.ctab01Ctrl:before,
.c-tab01.mSet button.ctab01Ctrl:after {content:"";display:block;position:absolute;transition:all .3s ease}
.c-tab01.mSet button.ctab01Ctrl:before {width:20px;height:20px;border:2px solid #fff;border-radius:50%;right:12px;top:50%;margin:-11px 0 0}
.c-tab01.mSet button.ctab01Ctrl:after {width:6px;height:6px;border-bottom:2px solid #fff;border-left:2px solid #fff;right:20px;top:50%;margin:-5px 0 0;z-index:9;transform:rotate(-45deg);}
.c-tab01.mSet button.ctab01Ctrl.over:after {transform:rotate(135deg);margin:-2px 0 0}
.c-tab01.mSet ul {display:none;position:absolute;width:100%;left:0;top:100%;padding:0;background:#f3f3f3;box-shadow:0 5px 5px rgba(0, 0, 0, .15)}
.c-tab01.mSet ul:before {content:"";display:block;position:absolute;width:1px;height:100%;left:50%;top:0;background:#ddd}
.c-tab01.mSet ul:after {content:"";display:block;width:100%;clear:both;}
.c-tab01.mSet ul li {display:block;float:left;width:50% !important;padding:0;margin:0;min-width:50% !important;max-width:50% !important}
.c-tab01.mSet ul li a {background:transparent;border:0;border-top:0;text-align:left;border-radius:0;padding:0 0 0 10px;height:auto}
.c-tab01.mSet ul li:nth-child(odd) a:before {content:"";position:absolute;left:0;display:block;height:1px;background:#ddd;top:-1px;width:200%;z-index:0;}
.c-tab01.mSet ul li a:after {content:"";position:absolute;left:0;display:none;height:2px;background:#0c3c7f;bottom:0;width:100%;z-index:1;}
.c-tab01.mSet ul li:nth-child(1) a:before,
.c-tab01.mSet ul li:nth-child(2) a:before {display:none}
.c-tab01.mSet ul li.over a {box-shadow:none}
.c-tab01.mSet ul li a > span {display:block;text-indent:0;text-align:left;padding:0;color:#333;line-height:1}
.c-tab01.mSet ul li a > span:before {content:"";display:inline-block;width:0;height:55px;vertical-align:middle;}
.c-tab01.mSet ul li a > span > span {display:inline-block;overflow:visible;max-height:none;text-overflow:unset;word-break:break-all;padding:0;line-height:1.3;max-width:90%;vertical-align:middle;}
.c-tab01.mSet ul li a:after {display:none}
.c-tab01.mSet ul li button,
.c-tab01.mSet ul li button:before {height:44px}
.c-tab01.mSet ul li.nw a:after {right:20px}
.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 a:hover > span,
.c-tab01.mSet ul li a:focus > span {color:#0c3c7f}
.c-tab01.mSet ul li a[target="_blank"]:hover > span:after,
.c-tab01.mSet ul li a[target="_blank"]:focus > span:after {background-position:-30px -65px}
.c-tab01.mSet ul li.over a span {color:#0c3c7f}
.c-tab01.mSet ul li.over a:after {display:block;}


@media all and (max-width:999px){
	.c-tab01 ul li a {font-size:16px}
	.c-tab01 ul li.over a > span {font-size:18px;}
}
@media all and (max-width:768px) {
	.c-tab01 ul li a:before {display:none}
	.c-tab01 ul li a > span,
	.c-tab01.mSet ul li.over a span {font-size:15px;line-height:1.6}
}
@media all and (max-width:599px) {
	.c-tab01 ul li a > span,
	.c-tab01.mSet ul li.over a span {font-size:14px;line-height:1.571}
}
@media all and (max-width:399px) {
	.c-tab01.mSet ul li a span,
	.c-tab01.mSet ul li.over a span {font-size:13px}
}
.c-tab02 {position:relative;padding-left:20px;line-height:1;margin-bottom:20px;text-align:center;}
.c-tab02 ul {display:inline-block;position:relative;font-size:0;overflow:hidden;}
.c-tab02 ul li {position:relative;display:inline-block;margin-left:-4px;vertical-align:top;}
.c-tab02 ul li:before {content:"";display:block;position:absolute;right:0;top:0;bottom:0;background-color:rgba(0, 0, 0, .3);border-radius:50%;width:4px;height:4px;margin:auto}
.c-tab02 ul li:last-child:before {display:none}
.c-tab02 ul li a {padding:10px 28px 13px 25px;display:block;color:#333;text-align:center;box-sizing:border-box;;transition:all .5s ease;}
.c-tab02 ul li a span {display:block;color:#666;font-size:17px;letter-spacing:-.04em;}
.c-tab02 ul li:first-child {padding-left:4px;}
.c-tab02 ul li.over a {background-color:#00b0d4;border-radius:15px 0 15px 0}
.c-tab02 ul li.over a span {color:#fff !important;}
.c-tab02 ul li.over:before {display:none}
.c-tab02 ul li a:hover span,
.c-tab02 ul li a:focus span{color:#00b0d4;}

.c-tab02.mSet {border:0;margin-bottom:10px;z-index:2;overflow:visible;padding:0;margin-top:0}
.c-tab02.mSet:before,
.c-tab02.mSet:after {display:none}
.c-tab02.mSet button.ctab02Ctrl {position:relative;width:100%;border:2px solid #00b0d4;background:#fff;height:45px;line-height:45px;font-size:15px;text-align:left}
.c-tab02.mSet button.ctab02Ctrl span {display:block;margin:0 50px 0 15px;font-weight:400;color:#333}
.c-tab02.mSet button.ctab02Ctrl:after {content:"";display:block;position:absolute;width:10px;height:10px;border-bottom:2px solid #00b0d4;border-left:2px solid #00b0d4;right:20px;top:50%;margin:-8px 0 0;z-index:9;transform:rotate(-45deg);transition:all .3s ease}
.c-tab02.mSet button.ctab02Ctrl.over:after {transform:rotate(135deg);margin:-2px 0 0}
.c-tab02.mSet ul {display:none;position:absolute;width:100%;left:0;top:45px;padding:0;box-shadow:0 5px 5px rgba(0, 0, 0, .15);background:#fff}
.c-tab02.mSet ul li {float:none;width:100% !important;padding:0;margin:0;max-width:100%}
.c-tab02.mSet ul li a {background:#fff;border:1px solid #ddd;border-top:0;text-align:center;border-radius:0;padding:15px 10px}
.c-tab02.mSet ul li:before,
.c-tab02.mSet ul li:after {display:none}
.c-tab02.mSet ul li.over a {background:#00b0d4;box-shadow:none}
.c-tab02.mSet ul li a span {display:inline-block;padding:10px;text-indent:0;text-align:left;font-size:14px;color:#333;padding:0}
.c-tab02.mSet ul li a:after {display:none}
.c-tab02.mSet ul li button,
.c-tab02.mSet ul li button:before,
.c-tab02.mSet ul li a:before,
.c-tab02.mSet ul li a:after {display:none}
.c-tab02.mSet ul li.nw a:after {right:20px}
.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 a:hover span,
.c-tab02.mSet ul li a:focus span {color:#00b0d4}
.c-tab02.mSet ul li a[target="_blank"]:hover span:after,
.c-tab02.mSet ul li a[target="_blank"]:focus span:after {background-position:-30px -65px}
.c-tab02.mSet ul li.over a span {color:#fff}
@media all and (max-width:999px) {
	.c-tab02 ul li a {padding:20px 15px 23px}
}
@media all and (max-width:599px) {
	.c-tab02 {padding:0;margin-top:-40px}
	.c-tab02 ul li {display:block;float:left;width:50%;max-width:none}
	.c-tab02 ul li a {text-align:left;padding:14px 10px 16px}
}


/* 게시판카테고리탭 :b-tab01 */
.b-tab01 {position:relative;border:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:20px;overflow:hidden;background:#fff}
.b-tab01 ul {width:calc(100% - 102px);margin:0 auto}
.b-tab01 ul:after {display:block;content:"";clear:both}
.b-tab01 ul li {float:left;width:20%;font-size:15px;text-align:center}
.b-tab01 ul li a {display:block;position:relative;color:#333;padding:0}
.b-tab01 ul li a span {display:block;font-size:15px;position:relative;padding:16px 0 18px;transition:all .5s ease;}
.b-tab01 ul li a:before, .b-tab01 ul li a:after {display:block;content:"";position:absolute;left:0}
.b-tab01 ul li a:before {width:1px;height:15px;top:50%;margin-top:-7px;background:#ddd}
.b-tab01 ul li:first-child a:before, .b-tab01 ul li:nth-child(6n) a:before {display:none}
.b-tab01 ul li a:after {width:0;height:2px;background:#cacaca;top:100%;margin-top:-2px;transition:all .5s ease}
.b-tab01 ul li.over a, .b-tab01 ul li a:hover, .b-tab01 ul li a:focus, .b-tab01 ul li a:active {background:#f6f6f6;color:#0097b2}
.b-tab01 ul li.over a:after, .b-tab01 ul li a:hover:after, .b-tab01 ul li a:focus:after, .b-tab01 ul li a:active:after {width:100%;background:#0097b2;}
.b-tab01 ul li.first a {position:relative}
.b-tab01 ul li.first a span:before {display:inline-block;content:"";width:9px;height:12px;margin-right:16px;background:url(/resources/_Img/Common/ico_all.gif) no-repeat;}
.b-tab01 li a:hover, .b-tab01 li a:focus, .b-tab01 li a:active {text-decoration:none}
.b-tab01 button {width:51px;height:100%;position:relative;background:none;border:0;position:absolute;top:0}
.b-tab01 .btn-prev, .b-tab01 .btn-next {border:0 !important;background:#fff;z-index:1;}
.b-tab01 button:before, .b-tab01 button:after {display:block;content:"";position:absolute;top:50%}
.b-tab01 button:before {width:32px;height:32px;background:#fff;border:1px solid #ddd;border-radius:50%;margin-top:-16px}
.b-tab01 button:after {width:7px;height:7px;border-width:1px;border-style:solid;border-color:transparent transparent #888 #888;margin-top:-4px}
.b-tab01 .btn-prev:before {left:0}
.b-tab01 .btn-next:before {right:0}
.b-tab01 .btn-prev:after {transform:rotate(45deg);-ms-transform:rotate(45deg);left:50%;margin-left:-10px}
.b-tab01 .btn-next:after {transform:rotate(-135deg);-ms-transform:rotate(-135deg);right:50%;margin-right:-12px}
@media all and (max-width:699px){
	.b-tab01 ul {height:57px;overflow:hidden}
	.b-tab01 ul li {width:33.333%}
	.b-tab01 ul li.first a span:after {margin-left:-24px;margin-top:-1px}
}
@media all and (max-width:599px){
	.b-tab01 li a {margin-top:-1px}
}
@media all and (max-width:499px) {
	.b-tab01 ul li {width:50%}
	.b-tab01 ul li a span {font-size:14px}
}

/* 컨텐츠 타이틀 */
.c-tit01 {position:relative;margin-bottom:25px;color:#222;font-size:35px;font-weight:500;letter-spacing:-0.04em;line-height:1.2;}
.c-tit01:after {content:"";display:inline-block;background-color:#c21a20;border-bottom-right-radius:5px;width:8px;height:8px;margin:0 0 3px 6px;vertical-align:bottom;}

.c-tit02 {margin-bottom:15px;color:#0854ac;font-size:28px;font-weight:500;letter-spacing:-0.05em;line-height:1.2}

.c-tit03 {position:relative;margin-bottom:14px;padding-left:16px;color:#9c7445;font-size:24px;font-weight:500;letter-spacing:-0.05em;line-height:1.2}
.c-tit03:before {content:"";display:block;position:absolute;left:0;top:12px;background-color:#9c7445;border-radius:50%;width:6px;height:6px}

@media all and (max-width:999px){
	.c-tit01 {font-size:30px;margin-bottom:25px}
	.c-tit02 {font-size:25px;margin-bottom:20px}
	.c-tit03 {font-size:20px}
	.c-tit03:before {top:9px}
}
@media all and (max-width:768px){
	.c-tit01 {margin-bottom:20px;font-size:24px;}
	.c-tit02 {margin-bottom:15px;font-size:20px;}
	.c-tit03 {margin-bottom:10px;padding-left:12px;font-size:17px;}
	.c-tit03:before {top:8px;}
}



/* 리스트 스타일 (float:left 속성을 줄경우에는 ie6등에서 배경 이미지가 나오지 않을수 있으므로 width값 설정이 필요합니다.) */
.c-list01, .c-list02, .c-list03, .c-list04, .c-list05 {text-align:left}
.c-list01 > li, .c-list02 > li {position:relative;color:#555;}
.c-list01 > li {padding:1px 0 1px 13px}
.c-list01 > li:first-child, .c-list02 > li:first-child {margin-top:0;}
.c-list01 > li:before {content:"";display:block;position:absolute;top:14px;left:0;background-color:#0854ac;width:6px;height:2px}
.c-list01 > li ul, .c-list02 > li ul {margin:5px 0 0 1px}
.c-list01 > li ul li, .c-list02 > li ul li {position:relative;margin-bottom:2px;padding:0 0 0 14px;font-size:15px;color:#666;letter-spacing:-.025em;}
.c-list01 > li ul li:before, .c-list02 > li ul li:before {content:"";display:block;position:absolute;top:11px;left:0;background-color:#d2d2d2;width:3px;height:3px;}
.c-list01 > li .tit, .c-list02 > li .tit {display:inline-block;color:#0854ac;font-weight:500;}
.c-list01 > li .tit:after,
.c-list02 > li .tit:after {content:":";display:inline-block;color:#0854ac;margin:2px 0 0 3px;vertical-align:top;}
.c-list01 > li .tit {vertical-align:top;position:relative;padding:0 3px 0 0}
.c-list01 > li .txt {display:inline-block;vertical-align:top;}

.c-list02 > li {padding:3px 0 3px 36px;margin:0;margin-top:3px;}
.c-list02 > li .num {position:absolute;left:0;top:5px;width:26px;height:26px;border-radius:50%; background-color:#f3f3f3;color:#162b48;font-size:11px;letter-spacing:0;line-height:25px;font-weight:600;text-align:center;font-family:"univia-pro", sans-serif;}
.c-list02 > li:first-child .num {background-color:#d8e4f1;}
/*.c-list02 > li:nth-child(3n+2) .num {background-color:#f3f3f3;}
.c-list02 > li:nth-child(3n) .num {background-color:#f3f3f3;}*/
.c-list02 > li .tit:after {color:#555;}

@media all and (max-width:999px){
	.c-list01 > li, .c-list02 > li {font-size:16px}
	.c-list01 > li ul li, .c-list02 > li ul li{font-size:14px}
	.c-list02 > li .num {top:3px}
}
@media all and (max-width:768px) {
	.c-list01 > li,
	.c-list02 > li {font-size:15px}
	.c-list01 > li:before {top:12px}
	.c-list02 > li {padding-left:30px;}
}

/* ----- 버튼 ----- */
.nw-btn {display:inline-block;padding-right:15px;margin-right:5px;background:url(/resources/_Img/Common/ico_nw.gif) no-repeat right center}
a.nw-btn, a.nw-btn:link {color:#0a60bc;text-decoration:none}
.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;border-radius:10px 0 10px 0;min-width:60px;font-size:12px;text-align:center;vertical-align:top;transition:all .25s ease;}
.sw-btn, a.sw-btn {background:#fff;border:2px solid #c0c0c0;color:#555}
.sw-btn:hover, .sw-btn:focus {background:#173353;border-color:#173353;color:#fff}
.sg-btn, a.sg-btn {background:#ededed;border:2px solid #c0c0c0;color:#555}
.sg-btn:hover, .sg-btn:focus {background:#606060;border-color::#606060;color:#fff}
.sp-btn, a.sp-btn {background:#00a3e8;border:2px solid #00a3e8;color:#fff}
.sp-btn:hover, .sp-btn:focus {background:#005c83;border-color:#005c83;}
.sdp-btn, a.sdp-btn {background:#0c3c7f;border:2px solid #0c3c7f;color:#fff}
.sdp-btn:hover, .sdp-btn:focus {background:#002878;border-color:#002878}
a.sw-btn span, a.sg-btn span, a.sp-btn span, a.sdp-btn span {display:block;padding:7px 8px;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 8px;height:30px}

/* 컨텐츠 버튼 */
.cw-btn, .cg-btn, .cp-btn, .cdp-btn {position:relative;display:inline-block;border-bottom-right-radius:15px;min-width:110px;font-size:16px;text-align:center;vertical-align:middle;transition:all .25s ease;line-height:1;box-sizing:border-box}
.cw-btn, a.cw-btn {background:#fff;border:2px solid #c0c0c0;color:#333}
.cw-btn:hover, .cw-btn:focus {background:#173353;border-color:#173353;color:#fff}
.cg-btn, a.cg-btn {background:#ededed;border:2px solid #c0c0c0;color:#555}
.cg-btn:hover, .cg-btn:focus {background:#606060;border-color:#606060;color:#fff}
.cp-btn, a.cp-btn {background:#0143c9;border:2px solid #0143c9;color:#fff}
.cp-btn:hover, .cp-btn:focus {background:#002878;border-color:#002878}
.cdp-btn, a.cdp-btn {background:#00bce2;border:2px solid #00bce2;color:#fff}
.cdp-btn:hover, .cdp-btn:focus {background:#005c83;border-color:#005c83}
a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {display:block;padding:14px 45px 16px 24px;line-height:1}
input.cw-btn, input.cg-btn, input.cp-btn, input.cdp-btn,
button.cw-btn, button.cg-btn, button.cp-btn, button.cdp-btn {position:relative;height:50px;padding:0 45px 0 25px;cursor:pointer;vertical-align:top}
a.cw-btn span.normal, a.cg-btn span.normal, a.cp-btn span.normal, a.cdp-btn span.normal,
button.cw-btn span.normal, button.cg-btn span.normal, button.cp-btn span.normal, button.cdp-btn span.normal,
input.cw-btn, input.cg-btn, input.cp-btn, input.cdp-btn {padding-right:24px;}
a.cw-btn span.normal:after, a.cg-btn span.normal:after, a.cp-btn span.normal:after, a.cdp-btn span.normal:after,
button.cw-btn span.normal:after, button.cg-btn span.normal:after, button.cp-btn span.normal:after, button.cdp-btn span.normal:after {display:none !important}

.cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {content:"";display:block;position:absolute;top:50%;right:18px;background:url(/resources/_Img/Common/cbtn_spr.png) no-repeat;width:16px;height:16px;margin-top:-8px;transition:right .3s ease}
.cw-btn .arr:after, .cg-btn .arr:after, .cp-btn .arr:after, .cdp-btn .arr:after {right:13px}
.cw-btn:hover span:after, .cw-btn:focus span:after, .cw-btn:active span:after,
.cg-btn:hover span:after, .cg-btn:focus span:after, .cg-btn:active span:after,
.cp-btn:hover span:after, .cp-btn:focus span:after, .cp-btn:active span:after,
.cdp-btn:hover span:after, .cdp-btn:focus span:after, .cdp-btn:active span:after {right:21px}
.cw-btn:hover .arr:after, .cw-btn:focus .arr:after, .cw-btn:active .arr:after,
.cg-btn:hover .arr:after, .cg-btn:focus span.arrafter, .cg-btn:active .arr:after,
.cp-btn:hover .arr:after, .cp-btn:focus .arr:after, .cp-btn:active .arr:after,
.cdp-btn:hover .arr:after, .cdp-btn:focus .arr:after, .cdp-btn:active .arr:after {right:16px}
.cw-btn .arr:after, .cg-btn .arr:after {background-position:0 0}
.cw-btn .calendar:after, .cg-btn .calendar:after {background-position:-26px 0}
.cw-btn .down:after, .cg-btn .down:after {background-position:-52px 0}
.cw-btn .zoom:after, .cg-btn .zoom:after {background-position:-78px 0}
.cw-btn .nw:after, .cg-btn .nw:after {background-position:-104px 0}
.cw-btn .plus:after, .cg-btn .plus:after {background-position:-130px 0}
.cw-btn:hover .arr:after, .cw-btn:focus .arr:after, .cg-btn:hover .arr:after, .cg-btn:focus .arr:after,
.cp-btn .arr:after, .cdp-btn .arr:after {background-position:0 -26px}
.cw-btn:hover .calendar:after, .cw-btn:focus .calendar:after, .cg-btn:hover .calendar:after, .cg-btn:focus .calendar:after,
.cp-btn .calendar:after, .cdp-btn .calendar:after {background-position:-26px -26px}
.cw-btn:hover .down:after, .cw-btn:focus .down:after, .cg-btn:hover .down:after, .cg-btn:focus .down:after,
.cp-btn .down:after, .cdp-btn .down:after {background-position:-52px -26px}
.cw-btn:hover .zoom:after, .cw-btn:focus .zoom:after, .cg-btn:hover .zoom:after, .cg-btn:focus .zoom:after,
.cp-btn .zoom:after, .cdp-btn .zoom:after {background-position:-78px -26px}
.cw-btn:hover .nw:after, .cw-btn:focus .nw:after, .cg-btn:hover .nw:after, .cg-btn:focus .nw:after,
.cp-btn .nw:after, .cdp-btn .nw:after {background-position:-104px -26px}
.cw-btn:hover .plus:after, .cw-btn:focus .plus:after, .cg-btn:hover .plus:after, .cg-btn:focus .plus:after,
.cp-btn .plus:after, .cdp-btn .plus:after {background-position:-130px  -26px}

input.cp-btn, button.cp-btn {padding:11px 45px 11px 15px;height:40px;vertical-align:top}
@media all and (max-width:599px){
	.cw-btn, .cg-btn, .cp-btn, .cdp-btn {min-width:40px;min-height:40px;font-size:14px;margin:0 1px 1px 0;}
	a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {padding:14px 50px 15px 15px}
}

/* 프로그램버튼 */
.bw-btn, .bg-btn, .bp-btn, .bdp-btn {position:relative;display:inline-block;border-bottom-right-radius:15px;min-width:110px;font-size:16px;text-align:center;vertical-align:middle;transition:all .25s ease;line-height:1;box-sizing:border-box}
.bw-btn, a.bw-btn {background:#fff;border:2px solid #c0c0c0;color:#333}
.bw-btn:hover, .bw-btn:focus {background:#173353;border-color:#173353;color:#fff}
.bg-btn, a.bg-btn {background:#ededed;border:2px solid #c0c0c0;color:#555}
.bg-btn:hover, .bg-btn:focus {background:#606060;border-color:#606060;color:#fff}
.bp-btn, a.bp-btn {background:#0143c9;border:2px solid #0143c9;color:#fff}
.bp-btn:hover, .bp-btn:focus {background:#002878;border-color:#002878}
.bdp-btn, a.bdp-btn {background:#00bce2;border:2px solid #00bce2;color:#fff}
.bdp-btn:hover, .bdp-btn:focus {background:#005c83;border-color:#005c83}
a.bw-btn span, a.bg-btn span, a.bp-btn span, a.bdp-btn span {display:block;padding:14px 24px 16px;line-height:1}
input.bw-btn, input.bg-btn, input.bp-btn, input.bdp-btn, button.bw-btn, button.bg-btn, button.bp-btn, button.bdp-btn {height:50px;padding:0 25px;cursor:pointer;vertical-align:top}
@media (max-width:599px){
	a.bw-btn span, a.bg-btn span, a.bp-btn span, a.bdp-btn span {padding:14px 20px}
	input.bw-btn, input.bg-btn, input.bp-btn, input.bdp-btn, button.bw-btn, button.bg-btn, button.bp-btn, button.bdp-btn {height:45px}
}
.bw-btn .plus:after {content:"";display:block;position:absolute;top:50%;right:18px;background:url(/resources/_Img/Common/cbtn_spr.png) no-repeat;width:16px;height:16px;margin-top:-8px;transition:right .3s ease}
.bw-btn .plus:after {background-position:-130px 0}
.bw-btn:hover .plus:after, .bw-btn:focus .plus:after {background-position:-130px  -26px}

/* 회원 버튼 */
.lw-btn, .lg-btn, .lp-btn, .ldp-btn {position:relative;display:inline-block;border-bottom-right-radius:15px;min-width:110px;font-size:16px;text-align:center;vertical-align:middle;transition:all .25s ease;line-height:1;box-sizing:border-box}
.lw-btn, a.lw-btn {background:#fff;border:2px solid #c0c0c0;color:#333}
.lw-btn:hover, .lw-btn:focus {background:#173353;border-color:#173353;color:#fff}
.lg-btn, a.lg-btn {background:#ededed;border:2px solid #c0c0c0;color:#555}
.lg-btn:hover, .lg-btn:focus {background:#606060;border-color:#606060;color:#fff}
.lp-btn, a.lp-btn {background:#0143c9;border:2px solid #0143c9;color:#fff}
.lp-btn:hover, .lp-btn:focus {background:#002878;border-color:#002878}
.ldp-btn, a.ldp-btn {background:#00bce2;border:2px solid #00bce2;color:#fff}
.ldp-btn:hover, .ldp-btn:focus {background:#005c83;border-color:#005c83}
a.lw-btn span, a.lg-btn span, a.lp-btn span, a.ldp-btn span {display:block;padding:14px 24px 16px;line-height:1}
input.lw-btn, input.lg-btn, input.lp-btn, input.ldp-btn, button.lw-btn, button.lg-btn, button.lp-btn, button.ldp-btn {height:50px;padding:0 25px;cursor:pointer;vertical-align:top}

@media (max-width:599px){
	.lw-btn, .lg-btn, .lp-btn, .ldp-btn {margin:1px}
	a.lw-btn span, a.lg-btn span, a.lp-btn span, a.ldp-btn span {padding:18px 25px 17px 25px}
	input.lw-btn, input.lg-btn, input.lp-btn, input.ldp-btn, button.lw-btn, button.lg-btn, button.lp-btn, button.ldp-btn {height:50px;padding:0 25px}
}

.sgl > span {font-size:0}

/* 테이블 */
.tbl-type01 {position:relative;border-top:2px solid #000;border-bottom:1px solid #ccc;font-size:16px;font-weight:400;text-align:center;border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;clear:both}
.tbl-type01 th,
.tbl-type01 td {padding:17px 10px 16px;border-bottom:1px solid #ccc;color:#6c6c6c;letter-spacing:-.04em;word-wrap:break-word;/* word-break:break-all; */}
.tbl-type01 th {padding:16px 10px 17px;color:#222;font-size:17px;font-weight:500;}
.tbl-type01 thead th {background-color:#f3f3f3;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:17px 0;letter-spacing:-.04em;}
.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}
@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;margin-left:-1px;font-weight:400;font-size:15px;border-bottom:1px solid #ddd}
.tbl-type01 table th {font-size:15px;font-weight:500;background:#fff;}
.tbl-type01 table th:after {display:none;}
.tbl-type01 table th,
.tbl-type01 table td {padding:12px 8px 12px 8px;border-left:1px solid #ddd;border-right:1px solid #ddd;word-wrap:break-word;word-break:break-all}
.tbl-type01 tfoot th,
.tbl-type01 tfoot td {color:#666;background:#fff;}
.tbl-type01 table td {color:#444}
.tbl-type01 table thead th {background:#f6f6f6;color:#333;border-top:1px solid #ccc}
.tbl-type01 table th:first-child,
.tbl-type01 table td:first-child {border-left:0}
.tbl-type01 table th:last-child,
.tbl-type01 table td:last-child {border-right:0}

/* 작은 테이블 스타일 */
.tbl-type-s01 {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;margin-left:-1px;border-top:1px solid #222;border-bottom:1px solid #ccc;}
.tbl-type-s01 th {font-size:16px;color:#333;font-weight:500;}
.tbl-type-s01 td {font-size:15px;color:#666}
.tbl-type-s01 th,
.tbl-type-s01 td {padding:17px 8px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;word-wrap:break-word;word-break:break-all}
.tbl-type-s01 tbody tr:last-child th,
.tbl-type-s01 tbody tr:last-child td {border-bottom:0}
.tbl-type-s01 tfoot th,
.tbl-type-s01 tfoot td {color:#666;background:#fff;font-weight:normal;border-top:1px solid #ccc}
.tbl-type-s01 td {color:#444}
.tbl-type-s01 thead th {background:#f9f9f9;}
.tbl-type-s01 thead tr:last-child th {border-bottom:1px solid #8b8b8b}
.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 .borb0 {border-bottom:0}
@media all and (max-width:599px){
	.tbl-type-s01 {font-size:14px}
	.tbl-type-s01 thead th {font-size:15px}
}

/* 반응형 테이블 안내창 */
.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:inline-block;position:relative;padding:36px;font-size:16px;color:#787878;line-height:1.4;font-family:"Noto Sans KR"}
.rsv-info .ico:before,
.rsv-info .ico:after {content:"";display:block;position:absolute;width:7px;height:9px;top:50%;background:url(/resources/_Img/Common/tbl_rsv_arr.png) no-repeat;margin:-3px 0 0}
.rsv-info .ico:before {left:0;background-position:0px 0px}
.rsv-info .ico:after {right:0;background-position:-17px 0px}
@media all and (max-width:610px){
	.rsv-info .ico {display:block;padding:30px 50px}
	.rsv-info .ico:before {left:10px}
	.rsv-info .ico:after {right:10px}
}
@media all and (max-width:599px){
	.rsv-info .ico {font-size:14px;letter-spacing:-0.025em;padding:15px 33px;line-height:1.2}
}

/* 이미지 슬라이드 */
.img-slide-wr {width:100%;max-width:445px;position:relative;margin:0 auto}
.img-slide-wr .item a {display:none;position:absolute;width:45px;height:45px;right:136px;bottom:0;z-index:2;background:url(/resources/_Img/Common/btn_zoom.png) no-repeat 0px 0px;transition:all .3s ease}
.img-slide-wr.hasZoom .active .item a {display:block}
.img-slide-wr .item img {position:relative;z-index:1}
.img-slide-wr .owl-dots {position:absolute;bottom:40px;left:0;width:100%;text-align:center;z-index:400}
.img-slide-wr .owl-dots .owl-dot {display:inline-block;width:10px;height:10px;margin:0 5px;border-radius:50%;background:#fff;}
.img-slide-wr .owl-dots .owl-dot.active {background:#0a60bc;}
.img-slide-wr .ctrl-btns {position:absolute;bottom:-30px;left:0;width:100%;text-align:center;font-size:0;z-index:400}
.img-slide-wr .ctrl-btns button {position:relative;display:inline-block;width:60px;height:60px;border:0;vertical-align:top;background:rgba(10,96,188,0.9);}
.img-slide-wr .ctrl-btns .btn-prev {background:rgba(10,96,188,0.9) url(/resources/_Img/Common/slide_nav.png) no-repeat 0 0;}
.img-slide-wr .ctrl-btns .btn-next {background:rgba(10,96,188,0.9) url(/resources/_Img/Common/slide_nav.png) no-repeat right 0;}
.img-slide-wr .owl-nav {right:45px;position:absolute}
.img-slide-wr .owl-nav:after {width:1px;height:14px;margin-top:-7px;background:rgba(255,255,255,0.3)}
.img-slide-wr .owl-nav button {text-indent:-9999em}
.img-slide-wr .owl-nav button:after {width:7px;height:7px;border-left:2px solid #fff;border-bottom:2px solid #fff;margin-top:-5px}
.img-slide-wr .owl-nav .owl-prev:after {transform:rotate(45deg);-ms-transform:rotate(45deg);margin-left:-3px}
.img-slide-wr .owl-nav .owl-next:after {transform:rotate(-135deg);-ms-transform:rotate(-135deg);margin-left:-5px}


.img-slide-wr .ctrl-btns button:after {content:"";position:absolute;top:50%;left:50%;margin-top:-6px}
.img-slide-wr .ctrl-btns .btn-stop:after {width:7px;height:12px;border-left:2px solid #fff;border-right:2px solid #fff;margin-left:-5px}
.img-slide-wr .ctrl-btns .btn-play:after {width:0;height:0;border-width:5px;border-style:solid;border-color:transparent;margin-top:-4px;margin-left:-2px;border-left:7px solid #fff}
.img-slide-wr .owl-theme .owl-nav [class*='owl-']:hover {background:none}

/* 이미지확대보기 */
.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:60px;height:60px;background:rgba(0,0,0,0.7) url(/resources/_Img/Common/btn_zoom.png) no-repeat 50% 50%;z-index:5}
@media all and (max-width:768px){
	.img-zoom img {width:100%}
}

/* 플로우 */
.deptlist-type3 ul {
    border-top: 2px solid #000;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}
.deptlist-type3 > ul > li {
    width: 20%;
    float: left;
    padding-left: 60px;
    padding-right: 30px;
    padding-top: 35px;
    box-sizing: border-box;
    position: relative;
    border-right: 1px solid #e5e5e5;
    padding-bottom: 20px;
   /* min-height: 150px;*/
}
.deptlist-type3 > ul > li::after {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: -13px;
    background: url(/resources/_Img/Common/dept/e_content_dep_spr.png) no-repeat;
    background-position: -298px 0;
}
.deptlist-type3 > ul > li:nth-last-child(2)::after {
    background-position: -298px -36px;
}
.deptlist-type3 > ul > li:last-child {
    border-right: none;
}
.deptlist-type3 > ul > li:last-child::after {
    display: none;
}
.deptlist-type3 > ul > li span.num {
    font-family: "univia-pro", sans-serif; font-weight:600;
    font-size: 17px;
    color: #2a4f99;
    border-bottom: 3px solid silver;
    position: absolute;
    top: 15px;
    left: 23px;
    padding-bottom: 5px;
}
.deptlist-type3 > ul > li h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #222;
}
.deptlist-type3 > ul > li p {
    font-size: 17px;
    line-height: 24px;
    margin-top:5px;
}
@media all and (max-width: 999px) {
    .deptlist-type3 > ul > li {
        width: 33.333%;
        min-height: 170px;
    }
    .deptlist-type3 > ul > li:nth-child(1),
    .deptlist-type3 > ul > li:nth-child(2) {
        width: 50%;
        border-bottom: 1px solid #e5e5e5;
    }
    .deptlist-type3 > ul > li:nth-child(2) {
        border-right: none;
    }
    .deptlist-type3 > ul > li:nth-child(2)::after {
        display: none;
    }
}
@media all and (max-width: 600px) {
    .deptlist-type3 > ul > li {
        width: 50%;
        border-bottom: 1px solid #e5e5e5;
    }
    .deptlist-type3 > ul > li:nth-child(4) {
        border-right: none;
    }
    .deptlist-type3 > ul > li:nth-child(4)::after {
        display: none;
    }
    .deptlist-type3 > ul > li:nth-child(5) {
        width: 100%;
        border-bottom: none;
    }
}
@media all and (max-width: 500px) {
    .deptlist-type3 > ul > li {
        width:100% !important;
        padding-left: 50px;
        padding-right: 20px;
        padding-top: 20px;
        min-height: auto;
        border-right: none;
    }
    .deptlist-type3 > ul > li::after{
        display: none;
    }
    .deptlist-type3 > ul > li span.num {
        top: 13px;
        left: 10px;
        padding-bottom: 5px;
    }
}

/* 준비중, 에러 메시지, 안내 페이지 */
.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:219px;height:191px;background:url(/resources/_Img/Common/dept/msg_spr.png) no-repeat 0 0;background-size:100% auto;margin:0 auto 25px}
.msg-wrap.wait:before {background-position:0 0}
.msg-wrap.error:before {background-position:0 -193px}
.msg-wrap.info:before {background-position:0 -386px}
.msg-wrap.logout:before {background-position:0 -579px}
.msg-wrap .tit {font-size:1.412rem;color:#222;font-weight:500;margin-bottom:20px}
.msg-wrap .txt {font-size:0.941rem;color:#444;line-height:1.6;width:100%}
.msg-wrap .msgBox {font-size:15px;color:#666;line-height:1.6;width:100%}
.msg-wrap .btnBox {margin:25px auto 0;text-align:center}

.info-sbox {width:100%;max-width:617px;text-align:center;color:#333;padding:10px 0 120px;margin:0 auto}
.info-sbox:before {content:"";display:block;width:219px;height:191px;background:url(/resources/_Img/Common/dept/msg_spr.png) no-repeat 0 0;background-size:100% auto;margin:0 auto 25px}
.info-sbox .txt {font-size:1em;color:#444;line-height:1.6;width:100%}
@media all and (max-width:999px){
	.msg-wrap:before {width:176px;height:153px}
	.msg-wrap.error:before {background-position:0 -155px}
	.msg-wrap.info:before {background-position:0 -309px}
	.msg-wrap.logout:before {background-position:0 -464px}
}
@media all and (max-width:700px) {
	.msg-wrap {width:auto;max-width:none;padding:40px 0;margin:0 20px}
	.msg-wrap .tit {font-size:20px}
	.msg-wrap .txt {font-size:15px;width:auto;margin:21px 0 10px;padding:0 20px 15px;line-height:1.5}
}
@media all and (max-width:600px){
	.msg-wrap:before {width:132px;height:115px}
	.msg-wrap.error:before {background-position:0 -116px}
	.msg-wrap.info:before {background-position:0 -232px}
	.msg-wrap.logout:before {background-position:0 348px}
}

/* info-ex 스타일 */
.info-ex01,
.info-ex02,
.info-ex03 {position:relative;color:#555;font-size:17px;line-height:1.647;text-align:left;padding:0 0 0 34px;margin:5px 5px 0 0}
span.info-ex01,
span.info-ex02,
span.info-ex03 {display:inline-block}
.info-ex01:before,
.info-ex02:before,
.info-ex03:before {content:"";display:block;position:absolute;left:0;top:2px;border-radius:50%;width:26px;height:26px;}
.info-ex01:before {background-color:#ededed}
.info-ex02:before {background-color:#0d51b0}
.info-ex03:before {background-color:#c21a20}
.info-ex01:after,
.info-ex02:after,
.info-ex03:after {content:"";display:block;position:absolute;left:12px;top:10px;width:2px;height:11px;background:url(/resources/_Img/Common/infobox_spr.png) no-repeat;}
.info-ex01:after {background-position:0 0;}
.info-ex02:after {background-position:-12px 0;}
.info-ex03:after {background-position:-12px 0;}

.info-list > ul {position:relative;padding-left:55px;}
.info-list > ul:before {content:"";display:block;position:absolute;left:0;top:0;background-color:#fff;border:2px solid #c0c0c0;border-bottom-right-radius:13px;width:40px;height:40px;box-sizing:border-box}
.info-list > ul:after {content:"";display:block;position:absolute;left:19px;top:14px;background:url(/resources/_Img/Common/infobox_spr.png) no-repeat -24px 0;width:2px;height:13px;}
.info-list > ul li {position:relative;color:#555;padding-left:13px;margin-bottom:3px}
.info-list > ul li:last-child {margin:0}
.info-list > ul li:before {content:"";display:block;position:absolute;top:13px;left:0;background-color:#0854ac;width:3px;height:3px;}
@media all and (max-width:768px) {
	.info-ex01,
	.info-ex02,
	.info-ex03 {margin-top:3px;padding-left:28px;font-size:14px;line-height:20px;}
	.info-ex01:before,
	.info-ex02:before,
	.info-ex03:before {top:0;width:21px;height:21px;}
	.info-ex01:after, .info-ex02:after, .info-ex03:after {left:10px;top:5px;}
}

/* 다중폴딩 */
.foldings-wrap {border-top:3px solid #0854ac;border-bottom:1px solid #dedede}
.foldings-list {position:relative;width:100%;overflow:hidden}
.foldings-list > li {border-top:1px solid #dedede;overflow:hidden}
.foldings-list > li:first-child {border-top:0}
.foldings-wrap .foldings-in-wrap  {border-left:1px solid #dedede;border-right:1px solid #dedede;}
.foldings-wrap .foldings-in-wrap a {display:block;position:relative;padding:23px 60px 25px 40px;font-size:17px;color:#333;cursor:pointer;transition:all .3s ease}
.foldings-wrap .foldings-in-wrap a .num {position:relative;display:inline-block;width:55px;line-height:1.4;font-family:bio-sans, sans-serif;font-weight:400;vertical-align:top;}
.foldings-wrap .foldings-in-wrap a .num:after {content:"";display:block;position:absolute;top:50%;right:15px;margin:-1px 0 0;width:4px;height:4px;background:#cfcfcf;border-radius:50%;}
.foldings-wrap .foldings-in-wrap a:before, .foldings-wrap .foldings-in-wrap a:after {display:block;content:"";position:absolute;top:50%}
.foldings-wrap .foldings-in-wrap a:before {width:38px;height:38px;background:#fff;border:1px solid #c8c8c8;right:40px;margin-top:-20px;transition:all .3s ease}
.foldings-wrap .foldings-in-wrap a:after {right:53px;margin-top:-9px;width:8px;height:8px;border:2px solid #c8c8c8;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:#006476}
.foldings-wrap .foldings-in-cont {display:none;overflow:hidden;background:#f7f7f2;padding:30px 35px;}
.foldings-wrap .foldings-in-cont .flow-list {background:#fff;border:1px solid #ddd;margin-top:10px}
.foldings-wrap .over .foldings-in-wrap, .foldings-wrap.over .foldings-in-wrap {background:#044288;border-color:#044288}
.foldings-wrap .over .foldings-in-wrap a, .foldings-wrap.over .foldings-in-wrap a {color:#fff}
.foldings-wrap .over .foldings-in-wrap a:after, .foldings-wrap.over .foldings-in-wrap a:after {border-color:transparent transparent #044288 #044288;transform:rotate(135deg);-ms-transform:rotate(135deg);margin-top:-3px;}
@media all and (max-width:760px) {
	.foldings-wrap .foldings-in-cont {padding:20px 25px}
	.foldings-wrap .foldings-in-wrap a {padding:15px 60px 15px 20px;font-size:16px}
	.foldings-wrap .foldings-in-wrap a .num {font-size:16px;}
	.foldings-wrap .foldings-in-wrap a:before {right:10px}
	.foldings-wrap .foldings-in-wrap a:after {right:23px}
}
@media all and (max-width:599px) {
	.foldings-wrap .foldings-in-wrap a {padding:15px 50px 15px 20px;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 {padding-right:50px}
	.foldings-wrap .foldings-in-wrap a:before {width:24px;height:24px;margin-top:-12px}
	.foldings-wrap .foldings-in-wrap a:after {right:19px}
}

/* 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}
}

/* 박스 스타일 */
.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}


/*===== 본대 > 교통편안내 =====*/
/* 교통편안내 > 자가용 */
.topinfo-icon.privatecar-ico:after {width:201px;height:161px;background:url(/resources/homepage/kor/_Img/Content/privatecar_spr.png) no-repeat;}
.privatecar-map {margin-bottom:50px;}
.privatecar-map .map {position:relative;width:100%;height:550px;overflow:hidden;}
.privatecar-map .btn-skip {display:block;position:absolute;top:-1000em;left:-1000em;width:1px;height:1px;overflow:hidden;}
.privatecar-map .btn-skip:focus {top:0;left:0;width:100%;height:auto;padding:20px 10px;background:#044287;color:#fff;text-align:center;z-index:900}
.privatecar-map .map .googlemap {width:100% !important;height:100%;}
.privatecar-map .map .btn-map {position:absolute;display:block;right:0;bottom:0;padding:18px 20px;background:#e6720e;text-align:center;color:#fff;}
.privatecar-map .map .btn-map span {position:relative;display:block;font-size:16px;}
.privatecar-map .map .btn-map span:before {position:relative;content:"";display:block;background:url(/resources/homepage/kor/_Img/Content/privatecar_spr.png) no-repeat 0;}
.privatecar-map .map .btn-map span:before {width:41px;height:42px;background-position:0 -162px;margin:0 auto 5px;}
.privatecar-map .privcarmap-info {position:relative;padding-top:35px;color:#fff;}
.privatecar-map .privcarmap-info:before {position:absolute;content:"";display:block;top:-100px;left:50%;margin-left:-2000px;width:4000px;height:100%;padding:100px 0 45px;background:#044287;z-index:-1;}
.privatecar-map .privcarmap-info .logo {display:inline-block;width:186px;height:50px;background:url(/resources/homepage/kor/_Img/Content/privatecar_spr.png) no-repeat 0 -209px;margin-right:70px;vertical-align:middle;}
.privatecar-map .privcarmap-info dl, .privatecar-map .privcarmap-info dl dt, .privatecar-map .privcarmap-info dl dd, .privatecar-map .privcarmap-info dl .tit:before, .privatecar-map .privcarmap-info dl .tit:after {display:inline-block;vertical-align:middle;}
.privatecar-map .privcarmap-info dl .tit {position:relative;font-size:18px;}
.privatecar-map .privcarmap-info dl .tit:before {position:relative;content:"";width:45px;height:45px;border-radius:50%;background:#fff url(/resources/homepage/kor/_Img/Content/privatecar_spr.png) -43px -162px;margin-right:20px;}
.privatecar-map .privcarmap-info dl .tit.n02 {margin-left:60px;}
.privatecar-map .privcarmap-info dl .tit.n02:before {background-position:-90px -162px;}
.privatecar-map .privcarmap-info dl .tit:after {position:relative;content:"";width:1px;height:13px;background:rgba(255,255,255,0.2);margin:0 15px;}
.privatecar-map .privcarmap-info dl dd {font-size:17px;font-weight:300;margin-top:-5px;}
.trfguide {padding:50px 0;border-top:2px solid #044288;border-bottom:1px solid #555;}
.trfguide .trfguide-list {position:relative;padding-bottom:50px;font-size:0;}
.trfguide .trfguide-list:last-child {padding-bottom:0;}
.trfguide .trfguide-list:before {position:absolute;content:"";display:block;left:21.4%;top:0;width:1px;height:100%;background:#cacaca;}
.trfguide .trfguide-list .tit-wr, .trfguide .trfguide-list .privatecar, .trfguide .trfguide-list .tit-wr .num, .trfguide .trfguide-list .tit-wr .tit, .trfguide .trfguide-list .privatecar ol, .trfguide .trfguide-list .privatecar ol li {position:relative;display:inline-block;vertical-align:top;}
.trfguide .trfguide-list .tit-wr {width:21.5%;margin-right:3.5%;padding-right:2%;font-size:20px;color:#333;font-weight:500;box-sizing:border-box;}
.trfguide .trfguide-list .tit-wr .num {font:18px bio-sans, sans-serif;color:#044288;font-weight:600;}
.trfguide .trfguide-list .tit-wr .num:after {position:relative;content:"";display:inline-block;margin:0 10px;width:4px;height:4px;border-radius:50%;background:#b7b7b7;vertical-align:middle;}
.trfguide .trfguide-list .tit-wr .tit {width:80%;}
.trfguide .trfguide-list .privatecar {width:75%;padding-right:50px;box-sizing:border-box;}
.trfguide .trfguide-list .privatecar ol {vertical-align:middle;width:90%;}
.trfguide .trfguide-list .privatecar ol:before {position:absolute;display:block;content:"";top:26px;width:100%;height:2px;background:url(/resources/homepage/kor/_Img/Content/privatecar_bg.gif) repeat-x;}
.trfguide .trfguide-list .privatecar ol:after, .trfguide .trfguide-list .privatecar ol li:before {position:relative;content:"";display:block;background:url(/resources/homepage/kor/_Img/Content/privatecar_spr.png) no-repeat 0;}
.trfguide .trfguide-list .privatecar ol:after {position:absolute;width:8px;height:14px;right:0;top:21px;background-position:-171px -162px;}
.trfguide .trfguide-list .privatecar ol li {width:33%;font-size:16px;text-align:center;}
.trfguide .trfguide-list .privatecar ol li:before {width:15px;height:30px;margin:0 auto 15px;background-position:-137px -162px;}
.trfguide .trfguide-list .privatecar ol li:last-child:before {background-position:-154px -162px;}
.trfguide .trfguide-list .privatecar a {margin:10px 0 0 10px}

@media all and (max-width:1299px) {
	.trfguide .trfguide-list .tit-wr {width:25.5%;}
	.trfguide .trfguide-list:before {left:25.5%;}
	.trfguide .trfguide-list .privatecar {width:71%;padding-right:0;}
	.trfguide .trfguide-list .privatecar ol {width:87%;}
}
@media all and (max-width:1109px) {
	.privatecar-map .privcarmap-info .logo {margin-right:50px;}
	.privatecar-map .privcarmap-info dl .tit.n02 {margin-left:40px;}
}
@media all and (max-width:1069px) {
	.privatecar-map .privcarmap-info {padding-top:25px;}
	.privatecar-map .privcarmap-info:before {padding:100px 0 30px;}
	.privatecar-map .privcarmap-info .logo {display:block;margin-bottom:20px;}
}
@media all and (max-width:999px) {
	.trfguide .trfguide-list .tit-wr {width:25.5%;margin-right:3%;padding-right:1.5%;}
	.trfguide .trfguide-list .tit-wr .num {font-size:17px;}
	.trfguide .trfguide-list .tit-wr .num:after {margin:0 7px;}
	.trfguide .trfguide-list .privatecar ol {width:83%;}
}
@media all and (max-width:899px) {
	.trfguide .trfguide-list:before {display:none;}
	.trfguide .trfguide-list .tit-wr {display:block;width:auto;margin-right:0;padding-right:0;margin-bottom:20px;}
	.trfguide .trfguide-list .privatecar {display:block;width:auto;}
}
@media all and (max-width:829px) {
	.privatecar-map .privcarmap-info .logo {width:130px;height:35px;background-size:141px auto;background-position:0 -146px;}
	.privatecar-map .privcarmap-info dl .tit:before {margin-right:15px;}
	.privatecar-map .privcarmap-info dl .tit:before {width:36px;height:36px;background-size:161px auto;background-position:-34px -130px;}
	.privatecar-map .privcarmap-info dl .tit.n02:before {background-position:-72px -130px;}
	.privatecar-map .privcarmap-info dl .tit:after {margin:0 12px;}
}
@media all and (max-width:800px) {
	.topinfo-icon.privatecar-ico:after {width:140px;height:113px;background-size:141px auto;}
}
@media all and (max-width:799px) {
	.privatecar-map .privcarmap-info dl {display:block;}
	.privatecar-map .privcarmap-info dl:last-child {margin-top:10px;}
	.privatecar-map .privcarmap-info dl .tit.n02 {margin-left:0;}
}
@media all and (max-width:640px) {
	.privatecar-map .map {height:350px;}
	.topinfo-icon.privatecar-ico:after {display:none;}
}
@media all and (max-width:599px) {
	.trfguide .trfguide-list .privatecar ol li {font-size:15px;}
}
@media all and (max-width:539px) {
	.privatecar-map .map .btn-map {padding:15px;}
	.privatecar-map .map .btn-map span:before {width:33px;height:34px;background-position:0 -130px;background-size:161px auto;}
	.privatecar-map .privcarmap-info dl .tit {font-size:17px;}
	.privatecar-map .privcarmap-info dl dd {font-size:16px;}
}
@media all and (max-width:539px) {
	.trfguide {padding:30px 0 80px;}
	.trfguide .trfguide-list .privatecar ol {display:block;width:auto;}
	.trfguide .trfguide-list .privatecar a {float:right;margin:15px 0 0 0;}
}
@media all and (max-width:499px) {
	.privatecar-map .privcarmap-info dl .tit, .privatecar-map .privcarmap-info dl dd {vertical-align:top;}
	.privatecar-map .privcarmap-info dl dd {width:72%;margin-top:5px;}
}
@media all and (max-width:409px) {
	.privatecar-map .privcarmap-info dl dd {width:60%;}
}


/* 교통편안내 > 일반버스 */
.bus-cont {display:none;}
.bus-cont.is-open {display:block;}
.bus-cont .is-wauto-box {width:100%;}

.topinfo-icon.bus-icon:after {width:201px;height:161px;background:url(/resources/homepage/kor/_Img/Content/bus_spr.png) no-repeat;}
.trfguide.busguide .trfguide-list {padding-bottom:35px;}
.trfguide.busguide .trfguide-list:last-child {padding-bottom:0;}
.trfguide .trfguide-list .bus-cont {position:relative;display:inline-block;width:75%;padding-right:50px;box-sizing:border-box;vertical-align:top;font-size:16px;}
.trfguide .trfguide-list .bus-cont ol li:first-child:before {display:none;}
.trfguide .trfguide-list .bus-cont .txt:before, .trfguide .trfguide-list .bus-cont .direction li:after, .roundtrip02 li:after, .roundtrip02.st02 li:after, .trfguide .trfguide-list .bus-cont .direction.st02 li:after, .trfguide .trfguide-list .bus-cont .timetable > li:first-child ol li:first-child:before, .trfguide .trfguide-list .bus-cont .timetable > li:last-child ol li:last-child:before, .trfguide .trfguide-list .bus-cont .timetable.st02 li:before, .direction.st03 li:after
 {position:relative;content:"";display:inline-block;background:url(/resources/homepage/kor/_Img/Content/bus_spr.png) no-repeat;}
.trfguide .trfguide-list .bus-cont .txt {position:relative;margin-top:15px;font-size:15px;color:#666;}
.trfguide .trfguide-list .bus-cont .txt:before {width:16px;height:16px;background-position:-18px -162px;margin-right:5px;margin-top:-3px;vertical-align:middle;}
.trfguide .trfguide-list .bus-cont .direction li, .direction.st03 li {position:relative;display:inline-block;vertical-align:middle;}
.trfguide .trfguide-list .bus-cont .direction li:after {width:23px;height:10px;background-position:-36px -162px;margin:0 10px;}
.trfguide .trfguide-list .bus-cont .direction li:last-child:after {display:none;}
.trfguide .trfguide-list .bus-cont .direction.st02 li:after {width:10px;height:1px;background:#044288;margin:-4px 10px 0;vertical-align:middle;}
.trfguide .trfguide-list .bus-cont .timetable {font-size:0;}
.trfguide .trfguide-list .bus-cont .timetable > li {position:relative;display:inline-block;width:20%;vertical-align:top;font-size:16px;}
.trfguide .trfguide-list .bus-cont .timetable > li:before, .trfguide .trfguide-list .bus-cont .timetable > li:first-child:before {position:absolute;content:"";display:block;top:10px;left:8px;width:1px;height:93%;background:#dcdcdc;}
.trfguide .trfguide-list .bus-cont .timetable > li ol li {position:relative;display:block;padding-left:30px;margin-bottom:15px;}
.trfguide .trfguide-list .bus-cont .timetable > li ol li:last-child {margin-bottom:0;}
.trfguide .trfguide-list .bus-cont .timetable > li ol li:before {position:absolute;content:"";display:block;top:10px;left:6px;width:5px;height:5px;border-radius:50%;background:#848484;}
.trfguide .trfguide-list .bus-cont .timetable > li:first-child ol li:first-child:before, .trfguide .trfguide-list .bus-cont .timetable > li:last-child ol li:last-child:before {position:absolute;top:5px;left:0;width:16px;height:16px;background-position:0 -162px;}
.trfguide .trfguide-list .bus-cont .timetable.st02 li {width:20%;padding-left:30px;margin-bottom:15px;box-sizing:border-box;}
.trfguide .trfguide-list .bus-cont .timetable.st02 li:before {position:absolute;top:5px;left:0;width:16px;height:16px;background-position:-18px -162px;}
.trfguide .trfguide-list .bus-cont .timetable.st02 li:first-child:before, .trfguide .trfguide-list .bus-cont .timetable.st02 li:last-child:before {background:url(/resources/homepage/kor/_Img/Content/bus_spr.png) no-repeat 0 -162px;}
.direction.st03 li:after {width:7px;height:10px;background-position:-60px -162px;margin:-4px 10px 0;vertical-align:middle;}
.direction.st03 li:last-child:after {display:none;}
.roundtrip02 {display:inline-block;font-size:0;}
.roundtrip02 li {position:relative;display:inline-block;font-size:20px;color:#555;}
.roundtrip02 li:after {width:35px;height:20px;background-position:-69px -162px;margin:-3px 7px 0;vertical-align:middle;}
.roundtrip02 li:last-child:after {display:none;}
.roundtrip02.st02 li:after {width:10px;height:2px;background:#044288;}
.bus-btn {margin-bottom:40px;padding:20px 40px;background:#f7f7f7;font-size:0;}
.bus-btn a {margin-right:10px;}
.bus-btn a:last-child {margin-right:0;}

@media all and (max-width:1299px) {
	.trfguide .trfguide-list .bus-cont {width:71%;padding-right:0;}
}
@media all and (max-width:999px) {
	.roundtrip02 li {font-size:17px;}
	.roundtrip02 li:after {width:28px;height:16px;background-size:161px auto;background-position:-55px -130px;}
}
@media all and (max-width:899px) {
	.trfguide.busguide {padding:35px 0;}
	.trfguide .trfguide-list .bus-cont {display:block;width:auto;}
	.bus-btn {padding:20px 30px;}
	.bus-btn a {width:32%;}
	.bus-btn a span {min-height:64px;box-sizing:border-box;}
}
@media all and (max-width:800px) {
	.topinfo-icon.bus-icon:after {width:140px;height:113px;background-size:141px auto;}
}
@media all and (max-width:640px) {
	.topinfo-icon.bus-icon:after {display:none;}
	.bus-btn a {display:block;width:auto;margin-right:0;margin-bottom:5px;}
	.bus-btn a:last-child {margin-bottom:0;}
	.bus-btn a span {min-height:auto;}
}
@media all and (max-width:599px) {
	.trfguide .trfguide-list .bus-cont .timetable > li {width:25%;margin-top:20px;}
	.trfguide .trfguide-list .bus-cont .timetable > li:nth-child(-n+4), .trfguide .trfguide-list .bus-cont .timetable.st02 li:nth-child(-n+4) {margin-top:0;}
	.trfguide .trfguide-list .bus-cont .timetable > li ol li {margin-bottom:10px;}
	.trfguide .trfguide-list .bus-cont .timetable.st02 li {width:25%;margin-bottom:0;margin-top:10px;}
	.roundtrip02 li {font-size:16px;}
}
@media all and (max-width:499px) {
	.trfguide .trfguide-list .bus-cont .timetable > li {width:33.3%;}
	.trfguide .trfguide-list .bus-cont .timetable > li:nth-child(4) {margin-top:20px;}
	.trfguide .trfguide-list .bus-cont .direction li:after {width:18px;height:8px;background-size:161px auto;background-position:-29px -130px;margin:0 5px;}
	.trfguide .trfguide-list .bus-cont .timetable.st02 li {width:33.3%;}
	.trfguide .trfguide-list .bus-cont .timetable.st02 li:nth-child(4) {margin-top:10px;}
	.bus-btn {padding:20px;margin-bottom:30px;}
}


/* 교통편안내 > 스쿨버스 */
.photosumm-sec .sumn-cont .schoolbus-place::before,
.photosumm-sec .sumn-cont .schoolbus-time::before,
.topinfo-icon.schoolbus-icon:after,
.schoolbus-photo-icon:after,
.trfguide .trfguide-list .schoolbus-cont .direction li::after,
.schoolbus-info dt::after,
.schoolbus-info .bus-type::before,
.schoolbus-info .bus-fare::before {content:"";display:inline-block;background:url(/resources/homepage/kor/_Img/Content/schoolbus_spr.png) no-repeat;}
.photosumm-sec {position:fixed;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:70px 0;display:none;z-index:9999;background:rgba(0,0,0,.5);}
.m.photosumm-sec {padding:30px 0;-webkit-overflow-scrolling:touch;overflow:hidden;}
.photosumm-sec .photosumm-inwr {position:relative;max-width:900px;margin:0 auto;background:#fff;-webkit-transform:translateZ(0);}
.photosumm-sec .photosumm-inwr .mCSB_inside > .mCSB_container {margin:0;}
.photosumm-sec .summ-top {position:relative;max-width:1200px;margin:0 auto;background:#044288;padding:15px 50px;box-sizing:border-box;overflow:hidden;line-height:1.75}
.photosumm-sec .summ-top .tit {color:#ffffff;font-size:20px;font-weight:400;}
.photosumm-sec .sumn-cont {background-color:#ffffff;padding:30px 50px;}
.photosumm-sec .sumn-cont .school-bus-info {background-color:#eaeaea;padding:20px 30px;}
.photosumm-sec .sumn-cont .schoolbus-place {position:relative;color:#333333;font-size:17px;font-weight:400;padding-left:25px;}
.photosumm-sec .sumn-cont .schoolbus-place::before {position:absolute;left:0;top:3px;background-position:right bottom;width:15px;height:22px;}
.photosumm-sec .sumn-cont .schoolbus-time {position:relative;margin-top:5px;padding-left:25px;}
.photosumm-sec .sumn-cont .schoolbus-time::before {position:absolute;left:0;top:5px;background-position:-161px bottom;width:16px;height:16px;}
.photosumm-sec .btn-close {border:0;background:transparent;width:28px;height:28px;position:absolute;top:18px;right:50px;z-index:1;}
.photosumm-sec .btn-close:before,
.photosumm-sec .btn-close:after {display:block;content:"";width:28px;height:2px;background:#fff;position:absolute;top:50%;left:50%;margin:-1px 0 0 -11px;}
.photosumm-sec .btn-close:before {transform:rotate(45deg);-ms-transform:rotate(45deg);}
.photosumm-sec .btn-close:after {transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.photosumm-sec .btn-close:hover:before {transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:all .5s ease;}
.photosumm-sec .btn-close:hover:after {transform:rotate(-135deg);-ms-transform:rotate(-135deg);transition:all .5s ease;}
.schoolbus-cont .corange {color:#d74914;}
.schoolbus-photo-icon {font-size:0;}
.topinfo-icon.schoolbus-icon:after{width:201px;height:161px;}
.schoolbus-photo-icon:after {background-position: 0 100%;width:14px;height:13px;margin:0 6px;font-size:0;}
.schoolbus-icon .schoolbus-photo-icon{margin-left:-6px;}
.trfguide .trfguide-list .schoolbus-cont .direction {width:95%;}
.trfguide .trfguide-list .schoolbus-cont .direction li {display:inline;vertical-align:top;}
.trfguide .trfguide-list .schoolbus-cont .direction li::after {background-position: -20px 100%;width:8px;height:14px;}
.trfguide .trfguide-list .schoolbus-cont .dir-bullet {position:relative;padding-left:10px;}
.trfguide .trfguide-list .schoolbus-cont .dir-bullet::before {content:"";display:block;position:absolute;top:6px;left:0;background-color:#044288;width:3px;height:14px;}
.trfguide-list .schoolbus-info {background-color:#0a60bc;margin-top:7px;padding:10px 22px;color:#ffffff;font-weight:300;}
.trfguide-list:nth-child(2n) .schoolbus-cont .schoolbus-info {background-color:#808080;}
.trfguide-list .schoolbus-info dl {display:inline-block;}
.schoolbus-cont .schoolbus-info dt,
.schoolbus-cont .schoolbus-info dd {display:inline-block;vertical-align:top;}
.schoolbus-info .bus-type::before {background-position: -33px 100%;width:16px;height:16px;margin-top:-3px;padding-right:10px;vertical-align:middle;}
.schoolbus-info dt::after {background-position: -52px 100%;width:1px;height:10px;padding:0 11px;}
.schoolbus-info .bus-fare {margin-left:50px;}
.schoolbus-info .bus-fare::before {background-position: -73px 100%;width:16px;height:16px;margin-top:-3px;padding-right:10px;vertical-align:middle;}
.schoolbus-tel-box {background-color:#f7f7f7;padding:40px 50px 40px 53px;}
.schoolbus-tel-box .schoolbus-tel-left {float:left;width:18.58%;text-align:center;color:#333333;font-size:17px;}
.schoolbus-tel-box ul {float:right;width:81.42%;background-color:#ffffff;}
.schoolbus-tel-box ul li {float:left;width:33.2%;border-right:1px solid #d5d5d5;margin:30px 0;text-align:center;}
.schoolbus-tel-box ul li:last-child{border-right:0;}
.schoolbus-tel-box .schoolbus-tel {background:url(/resources/homepage/kor/_Img/Content/schoolbus_bullet02.gif) no-repeat center top;margin-top:10px;padding-top:10px;color:#333333;font-size:18px;}
@media all and (max-width:1199px){
	.photosumm-sec .sumn-cont .schoolbus-photo img {width:100%;height:auto;}
	.trfguide-list .schoolbus-info.bus-fare-long dl {display:block;}
	.bus-fare-long .bus-fare {margin-left:0;}
}
@media all and (max-width:899px){
	.schoolbus-tel-box {padding:20px 15px;}
	.schoolbus-tel-box .tit {font-size:16px;}
	.schoolbus-tel-box ul li {font-size:14px;}
	.schoolbus-tel-box .schoolbus-tel {font-size:16px;}
}
@media all and (max-width:800px) {
	.topinfo-icon.schoolbus-icon:after {width:140px;height:113px;background-size:141px auto;}
}
@media all and (max-width:640px) {
	.topinfo-icon.schoolbus-icon:after {display:none;}
}
@media all and (max-width:768px){
	.photosumm-sec .photosumm-inwr {margin:0 30px;}
	.photosumm-sec .summ-top {padding:15px 20px;}
	.photosumm-sec .sumn-cont {padding:15px 20px;}
	.photosumm-sec .summ-top .tit {font-size:18px;}
	.photosumm-sec .sumn-cont .schoolbus-place {font-size:16px;}
	.photosumm-sec .sumn-cont .schoolbus-time {font-size:14px;}
	.photosumm-sec .btn-close {top:17px;right:20px;}
	.trfguide-list .schoolbus-info dl {display:block;}
	.trfguide-list .schoolbus-info dt {position:relative;display:block;float:left;clear:left;width:105px;}
	.schoolbus-info dt::after {position:absolute;right:0;top:8px;}
	.trfguide-list .schoolbus-info dd {display:block;margin-left:105px;}
	.schoolbus-info .bus-fare {margin-left:0 !important;}
	.schoolbus-tel-box .schoolbus-tel-left,
	.schoolbus-tel-box ul,
	.schoolbus-tel-box ul li {float:none;width:auto;}
	.schoolbus-tel-box .schoolbus-tel-left {text-align:left;}
	.schoolbus-tel-box .tit,
	.schoolbus-tel-box .schoolbus-tel-left img {display:inline-block;}
	.schoolbus-tel-box .schoolbus-tel-left img {width:60px;height:auto;}
	.schoolbus-tel-box ul li {border-bottom:1px solid #d5d5d5;border-right:0;margin:0 15px;padding:15px 10px;}
	.schoolbus-tel-box ul li:last-child{border-bottom:0;}
}


/* 에디터용 */
/*에디터용 출력 소스*/
.editor-wrap {background:#f9f9f9;}
.editor-wrap:after {content:"";display:block;clear:both;}
.cs-editor-list li {list-style-type:inherit;list-style-position:inside;}
.cs-editor-list li {list-style-type:inherit;list-style-position:inside;}

table.edit-tbl01 {border-collapse:collapse;border-spacing:0px;empty-cells:show;border-top:2px solid #222}
table.edit-tbl01 td {border:1px solid #ccc;padding:5px;}
table.edit-tbl01 th {border:1px solid #ccc;padding:5px;}

table.edit-tbl02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-size:13px;border-top:2px solid #777;border-bottom:1px solid #ccc;}
table.edit-tbl02 td {border:1px solid #ddd;padding:5px;}
table.edit-tbl02 th {border:1px solid #ddd;padding:5px;}

table.edit-tbl03 {border-collapse:collapse;border-spacing:0px;width:100%;clear:both;text-align:center;font-size:13px;border-top:2px solid #044288;}
table.edit-tbl03 td {border:1px solid #ddd;padding:10px;}
table.edit-tbl03 th {border:1px solid #ddd;padding:10px;}