@charset "utf-8";

@font-face {
	font-family:'NanumGothic'; font-style:normal; font-weight:400;
	src:url('/humanframe/global/assets/css/font/NanumGothic-Regular.eot');
	src:url('/humanframe/global/assets/css/font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'), url('/humanframe/global/assets/css/font/NanumGothic-Regular.woff') format('woff'), url('/humanframe/global/assets/css/font/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
	font-family:'NanumGothic'; font-style:normal; font-weight:700;
	src:url('/humanframe/global/assets/css/font/NanumGothic-Bold.eot');
	src:url('/humanframe/global/assets/css/font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'), url('/humanframe/global/assets/css/font/NanumGothic-Bold.woff') format('woff'), url('/humanframe/global/assets/css/font/NanumGothic-Bold.ttf') format('truetype');
}
@font-face {
	font-family:'NanumGothic'; font-style:normal; font-weight:800;
	src:url('/humanframe/global/assets/css/font/NanumGothic-ExtraBold.eot');
	src:url('/humanframe/global/assets/css/font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/humanframe/global/assets/css/font/NanumGothic-ExtraBold.woff') format('woff'), url('/humanframe/global/assets/css/font/NanumGothic-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family:'NanumSquare'; font-style:normal; font-weight:400;
	src:url('/humanframe/global/assets/css/font/NanumSquareR.eot');
	src:url('/humanframe/global/assets/css/font/NanumSquareR.eot?#iefix') format('embedded-opentype'), url('/humanframe/global/assets/css/font/NanumSquareR.woff') format('woff'), url('/humanframe/global/assets/css/font/NanumSquareR.ttf') format('truetype');
}
@font-face {
	font-family:'NanumSquare'; font-style:normal; font-weight:700;
	src:url('/humanframe/global/assets/css/font/NanumSquareB.eot');
	src:url('/humanframe/global/assets/css/font/NanumSquareB.eot?#iefix') format('embedded-opentype'), url('/humanframe/global/assets/css/font/NanumSquareB.woff') format('woff'), url('/humanframe/global/assets/css/font/NanumSquareB.ttf') format('truetype');
}

:lang(zh-CN){font-family: Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;}
:lang(zh-TW){font-family: Helvetica, Arial, "Microsoft MingLiU", "新細明體" , sans-serif;}
:lang(ja) {font-family: "Meiryo", "MS PGothic", Arial, "Hiragino Kaku Gothic ProN", "Osaka", sans-serif;}
:lang(en) {font-family:Helvetica, font36450, Arial, Verdana, MS P Gothic, sans-serif;}
/* :lang(ko) {font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, 'Microsoft YaHei', Helvetica, Arial, Sans-serif;} */
:lang(ru) {font-family:Helvetica, font36450, Arial, Verdana, MS P Gothic, sans-serif;}

/* Reset */
html {font-family:'NanumGothic', '나눔고딕', Helvetica, font36450, Arial, Verdana, sans-serif; color:#333;font-weight:normal; font-size:10px;letter-spacing:0;}
* {margin:0; padding:0;}
body {font-size:1.5rem;line-height:150%; -webkit-print-color-adjust:exact; -moz-print-color-adjust:exact; -ms-print-color-adjust:exact; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}
/* body, input, select, textarea, button {font-size:1.4rem;}*/
input, select, textarea {vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius:0;}
input::-ms-clear, input::-ms-reveal {display:none;}
input::-webkit-search-cancel-button {}
input::-webkit-clear-button, input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {display:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#d2d2d2;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#d2d2d2;}
button,
[type=button],
[type=reset] {background:none; border:0; border-radius:0; overflow:visible; cursor:pointer;}
textarea {resize:none;}
label {vertical-align:middle; cursor:pointer;}
a {color:inherit; text-decoration:none;}
a:active, a:hover, a:focus {text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
em, address {font-style:normal;}
ol, ul, li {list-style:none;}
img, fieldset {border:0;}
table {border:0; border-spacing:0;}
legend {visibility:hidden; position:absolute; left:-5000px; font-size:0; line-height:0;}
caption {position:absolute; text-indent:-9999px; font-size:0; line-height:0;}
hr {display:none;}
main {display:block;position:relative;}
img {max-width:100%;}
input:-ms-input-placeholder {color:#767676;} 
input::-webkit-input-placeholder {color:#767676;} 
input::-moz-placeholder {color:#767676;} 
video {background:#000;}

/* :focus {outline:2px solid #000; outline-offset:-2px;} */

.ui-datepicker {z-index:9999 !important;}

/*layout */
#header .topNavBackDv { display:none;}
#header .topNavSub li a[target='_blank']:after {content:""; width:9px; height:9px; display:inline-block; vertical-align: 3px; margin-left:3px; background:url('../../assets/img/ico_jump.png') no-repeat center center;}
#sideNav .sideNavMenu > ul > li a[target='_blank']:after {content:""; width:9px; height:9px; display:inline-block; vertical-align: 3px; margin-left:3px; background:url('../../assets/img/ico_jump.png') no-repeat center center;}
#sideNav {z-index:2 !important;}

/* Accessibility */
#skipNav a {display:block; position:absolute; z-index:99999; top:0; left:-9999px; width:100%; padding:10px 0; background-color:#000; background-color:rgba(0,0,0,0.8); text-align:center; color:#fff;}
#skipNav a:focus, #skipNav li a:active {left:0;}

.focusOutline {outline:1px dotted #808080; outline:auto 5px -webkit-focus-ring-color;}
.hidden {position:absolute !important; left:-99999px !important;}
.invisible {position:absolute !important; left:-9999px !important; font-size:0 !important; line-height:0 !important;}
.invisible_IR {position:absolute !important; left:-9999px !important; font-size:0 !important; line-height:0 !important;}

/* Margin & Padding */
.tspace0 {margin-top:0 !important;}
.mtSectionType1 {margin:40px 0 0 0;}
.mtSectionType2 {margin:0.9em 0 0.3em}

/* Float */
.clearfix:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.fL {float:left !important;}
.fR {float:right !important;}

/* ellipsis */
.ellipsis {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -moz-binding:url(/assets/css/ellipsis.xml#ellipsis);}
.clip {text-overflow:clip; overflow:hidden; white-space:nowrap;}
.nowrap {white-space:nowrap;}

/* Align */
.txtLeft {text-align:left !important;}
.txtRight {text-align:right !important;}
.txtCenter {text-align:center !important;}
.vTop {vertical-align:top !important;}
.vMiddle {vertical-align:middle !important;}
.vBottom {vertical-align:bottom !important;}

/* Font */
.u {text-decoration:underline !important;}
.thin {font-weight:normal !important;}
.bold {font-weight:bold !important;}
.extrabold {font-weight:800 !important;}
.fontGothic {font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif;}
.fontSquare {font-family:'NanumSquare', '나눔스퀘어', '돋움', Dotum, Helvetica, Arial, Sans-serif;}

/* Ovweflow */
.overflow-hidden {overflow:hidden !important;}

/* Form */
input.text {padding:0 8px;}
input.textForm {border:1px solid #ccc; border-radius:2px; max-width:100%; min-width: 90px; height:2.857em; padding:0 0.786em;line-height:normal;}
input.textForm.width_set_33{
	width:33%;
}
input.textForm:not([readonly]):focus {border:1px solid #1e4da4; outline:0;}
input.textForm.success {border-color:#4fb76f !important; color:#4fb76f;}
input.textForm.error {border-color:#f23d52 !important; color:#f23d52;}
input.textForm[disabled], input.textForm[readonly] {background-color:#eee; color:#666;}

.textForm_leftfloat{float:left;}

.textFormFile {display:table; width:100%;}
.textFormFile .cell {display:table-cell; vertical-align:middle; width:80%;}
.textFormFile .cell.btns {white-space:nowrap;}
.textFormFile input.textForm {width:100%; border-top-right-radius:0; border-bottom-right-radius:0; }
.textFormFile input.textForm[disabled] {background-color:transparent !important;}
.textFormFile .btnFile {display:inline-block; vertical-align:middle; height:2.857em; padding:0 2.143em; overflow:hidden; background:#959595; border-radius:0 2px 2px 0; color:#fff; font-size:14px; line-height:2.857em; font-weight:bold; white-space:nowrap; text-align:center;}
.textFormFile .btnFile.disabled{opacity:0.4 !important;}
.textFormFile .btnFileAdd, .textFormFile .btnFileRemove {position:relative; display:inline-block; vertical-align:middle; width:2.857em; height:2.857em; overflow:hidden; border:1px solid #ccc; background:#fff; border-radius:2px; text-indent:-9999px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.textFormFile .btnFileAdd:before {content:''; position:absolute; top:50%; left:50%; margin:-7.5px 0 0 -7.5px; width:15px; height:15px; background:url('../../assets/img/sp_ico_btn.png') no-repeat -50px -386px;}
.textFormFile .btnFileRemove:before {content:''; position:absolute; top:50%; left:50%; margin:-2px 0 0 -7.5px; width:15px; height:4px; background:url('../../assets/img/sp_ico_btn.png') no-repeat -50px -421px;}
.textFormFile > li {display:table-row;}
.textFormFile > li .cell {padding-bottom:3px;}
.textFormFile input.textFormcolor{color:#333 !important;}

.formChkLabelGroup {display:inline-block; vertical-align:middle;}
.formChkLabelGroup_magin{float:left;}
input[type=radio], input[type=checkbox] {width:1.286em; height:1.286em; margin:0.357em;}

textarea {max-width:100%; border:1px solid #ccc; border-radius:2px; padding:10px;}

select {border:1px solid #ccc; border-radius:2px; padding:0 24px 0 8px; background:#fff url('../../assets/img/bg_select_arrow1.png') no-repeat 100% 50%; -webkit-appearance:none; -ms-appearance:none; -moz-appearance: none;}
select::-ms-expand {display:none;}
select.selectForm {max-width:100%; height:2.857em;}
select.selectForm.width_set{
	width:12%;
	max-width:80%;
}
.selectForm_leftffloat{float:left; margin:0 0 0 10px;}
select[disabled] {background-color:#eee !important;}

/* Color */
.fcType1 {color:#333 !important;}
.fcType2 {color:#1e4da4 !important;}
.fcType3 {color:#2653a1 !important;}
.fcType4 {color:#f53f45 !important;}
.fcType5 {color:#a3a60f !important;}
.fcType6 {color:#666 !important;}
.fcType7 {color:#3e4151 !important;}
.fcType8 {color:#3c7bed !important;}

/* fontSize */
.fsNone {font-size:1em !important;}
.fsZoomIn1 {font-size:1.1em !important;}
.fsZoomIn2 {font-size:1.2em !important;}
.fsZoomIn3 {font-size:1.3em !important;}
.fsZoomIn4 {font-size:1.4em !important;}
.fsZoomIn5 {font-size:1.5em !important;}
.fsZoomOut1 {font-size:0.95em !important;}
.fsZoomOut2 {font-size:0.9em !important;}
.fsZoomOut3 {font-size:0.85em !important;}
.fsZoomOut4 {font-size: 0.75em !important;}
.fsZoomOut5 {font-size: 0.6em !important;}

/* .input_style_wrap{width:40%; margin:0 auto;} */

/* Button */
.btnArea {margin:2.143em 0 0; text-align:center;}
.btnArea_rightfloat{width:100px; float:left; margin:0px 0px !important;}
.btnArea:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.btnArea *[class^='btnType'] {margin:2px 0;}
.btnMargintype *[class^='btnType'] {margin:0px 0 !important; height:auto;}
.btnMargintype{margin:0px 0px;}
.btnArea.btnRt {text-align:right;}
.btnArea.btnLt {text-align:left;}

.btnMoreType1 {clear:both; margin-top:35px; text-align:center; line-height:1;}
.btnMoreType1:before {content:''; display:inline-block; vertical-align:middle; width:22px; height:1px; margin-right:20px; background:rgba(0,0,0,0.4);}
.btnMoreType1:after {content:''; display:inline-block; vertical-align:middle; width:22px; height:1px; margin-left:20px; background:rgba(0,0,0,0.4);}

.btnType1 {display:inline-block; vertical-align:middle; position:relative; border-radius:3px; background:#949494; border:1px solid #949494; padding:10px 12px; color:#fff; font-size:1.1em; line-height:1; font-weight:bold; white-space:nowrap; text-decoration:none !important; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btnType1:hover, .btnType1:focus {background-color:#a0a0a0; border-color:#a0a0a0;}
.btnTypeS {display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#666; height:1.923em; padding:0 0.615em; color:#fff; font-size:13px; line-height:1.923em; font-weight:normal; white-space:nowrap; text-decoration:none !important; /* font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; */ -webkit-box-sizing:border-box; box-sizing:border-box;}
.btnTypeS[class*='btnLineType'] {line-height:1.615em;}
.btnTypeSM {display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#666; height:2.143em; padding:0 0.857em; color:#fff; font-size:14px; line-height:2.143em; font-weight:bold; white-space:nowrap; text-decoration:none !important; /* font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; */ -webkit-box-sizing:border-box; box-sizing:border-box;}
.btnTypeSM[class*='btnLineType'] {line-height:1.857em;}
.btnTypeM {display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#666; height:2.857em; padding:0 1.143em; color:#fff; font-size:14px; line-height:2.857em; font-weight:bold;  white-space:nowrap; text-decoration:none !important; /* font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; */ -webkit-box-sizing:border-box; box-sizing:border-box;}
.btnTypeRadon {display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#666; height:2.357em; padding:0 0.943em; color:#fff; font-size:14px; line-height:2.357em; font-weight:bold;  white-space:nowrap; text-decoration:none !important; /* font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; */ -webkit-box-sizing:border-box; box-sizing:border-box;}
.btnTypeM[class*='btnLineType'] {line-height:2.571em;}
.btnTypeL {display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#666; height:2.778em; padding:0 2.111em; color:#fff; font-size:18px; line-height:2.778em; font-weight:bold; white-space:nowrap; text-decoration:none !important; /* font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; */ -webkit-box-sizing:border-box; box-sizing:border-box;}
.btnTypeL01 {display:inline-block; vertical-align:middle; position:relative; border-radius:5px; background:#666; height:4.778em; padding:0 2.111em; color:#fff; font-size:18px; line-height:2.778em; font-weight:bold; white-space:nowrap; text-decoration:none !important; /* font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; */ -webkit-box-sizing:border-box; box-sizing:border-box;}
.btnTypeL02 {display:inline-block; vertical-align:middle; position:relative; border-radius:5px; background:#666; height:7.778em; padding:0 2.111em; color:#fff; font-size:18px; line-height:2.778em; font-weight:bold; white-space:nowrap; text-decoration:none !important; /* font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; */ -webkit-box-sizing:border-box; box-sizing:border-box;}
.btnTypeL03 {display:inline-block; vertical-align:middle; position:relative; border-radius:5px; background:#666; height:2.778em; padding:0 2.111em; color:#fff; font-size:18px; line-height:2.778em; font-weight:bold; white-space:nowrap; text-decoration:none !important; /* font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; */ -webkit-box-sizing:border-box; box-sizing:border-box;}
.btnTypeL[class*='btnLineType'] {line-height:2.556em;}
.btnTypeXL {display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#666; height:3.222em; padding:0 1.444em; /*border-bottom:4px solid rgba(0,0,0,0.2);*/ color:#fff; font-size:18px; line-height:3.222em; font-weight:bold; white-space:nowrap; text-decoration:none !important; /* font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; */ -webkit-box-sizing:border-box; box-sizing:border-box;}

.btnColorType1 {background-color:#564f4f !important; color:#fff !important;}
.btnColorType2 {background-color:#474e61 !important; color:#fff !important;}
.btnColorType03 {background-color:#045289 !important; color:#fff !important;}
.btnColorType3 {background-color:#e45a5e !important; color:#fff !important;}
.btnColorType4 {background-color:#32671a !important; color:#fff !important;}
.btnColorType5 {background-color:#fff !important; color:#333 !important; border:1px solid #ccc !important;}
.btnColorType6 {background-color:#666 !important; color:#fff !important;}
.btnColorType7 {background-color:#b75e29 !important; color:#fff !important;}
.btnColorType8 {background-color:#ecc613 !important; color:#fff !important;}
.btnColorType9 {background-color:#5c89e4 !important; color:#fff !important;}
.btnColorType10 {background-color:#0ea792 !important; color:#fff !important;}
.btnColorType11 {background-color:#7f71e6 !important; color:#fff !important;}
.btnColorType12 {background-color:#1C97D7 !important; color:#fff !important;}
.btnColorType13 {background-color:#fa4747 !important; color:#fff !important;}
.btnColorType14 {background-color:#164578 !important; color:#fff !important;}
.btnColorType15 {background-color:#df4556 !important; color:#fff !important;}
.btnColorType16 {background-color:#f56f34 !important; color:#fff !important;}
.btnColorType17 {background-color:#eb4d59 !important; color:#fff !important;}
.btnColorType18 {background-color:#3080e8 !important; color:#fff !important;}
.btnColorType19 {background-color:#6056bc !important; color:#fff !important;}
.btnColorType20 {background-color:#2d5785 !important; color:#fff !important;}
.btnLineType1 {border:2px solid #959595 !important; color:#767676 !important; background-color:#fff !important;}
.btnLineType2 {border:2px solid #1e4da4 !important; color:#1e4da4 !important; background-color:#fff !important;}
.btnLineType3 {border:2px solid #e45a5e !important; color:#e45a5e !important; background-color:#fff !important;}
.btnLineType4 {border:2px solid #57a534 !important; color:#57a534 !important; background-color:#fff !important;}
.btnLineType5 {border:2px solid #ccc !important; color:#959595 !important; background-color:#fff !important;}
.btnLineType6 {border:2px solid #aaa !important; color:#aaa !important; background-color:#fff !important;}
.btnLineType7 {border:2px solid #f2803c !important; color:#f2803c !important; background-color:#fff !important;}
.btnLineType8 {border:2px solid #ecc613 !important; color:#ecc613 !important; background-color:#fff !important;}
.btnLineType9 {border:2px solid #5c89e4 !important; color:#5c89e4 !important; background-color:#fff !important;}
.btnLineType10 {border:2px solid #0ea792 !important; color:#0ea792 !important; background-color:#fff !important;}
.btnLineType11 {border:2px solid #7f71e6 !important; color:#7f71e6 !important; background-color:#fff !important;}
.btnLineType12 {border:2px solid #1C97D7 !important; color:#1C97D7 !important; background-color:#fff !important;}
.btnLineType13 {border:2px solid #fa4747 !important; color:#fa4747 !important; background-color:#fff !important;}
.btnLineType14 {border:2px solid #164578 !important; color:#164578 !important; background-color:#fff !important;}
.btnLineType15 {border:2px solid #df4556 !important; color:#df4556 !important; background-color:#fff !important;}
.btnLineType16 {border:2px solid #f56f34 !important; color:#f56f34 !important; background-color:#fff !important;}
.btnLineType17 {border:2px solid #eb4d59 !important; color:#eb4d59 !important; background-color:#fff !important;}
.btnLineType18 {border:2px solid #3080e8 !important; color:#3080e8 !important; background-color:#fff !important;}
.btnLineType19 {border:2px solid #6056bc !important; color:#6056bc !important; background-color:#fff !important;}
*[class^='btn'].btnTypeWide {display:block; text-align:center;}
*[class^='btn'].disabled {background-color:#ccc; color:#959595; cursor:default;}

*[class^='btn'].btnIcoWindow:after {content:''; display:inline-block; vertical-align:middle; margin:-2px 0 0 8px; width:15px; height:15px; background:url('../../assets/img/sp_ico_btn.png') no-repeat 0 -448px;}
*[class^='btn'].btnIcoZip:before {content:''; display:inline-block; vertical-align:middle; margin:-3px 4px -3px 0; width:14px; height:17px; background:url('../../assets/img/sp_ico_btn.png') no-repeat 0 -128px;}
*[class^='btn'].btnIcoList:before {content:''; display:inline-block; vertical-align:middle; margin:-2px 10px 0 0; width:15px; height:12px; background:url('../../assets/img/sp_ico_btn.png') no-repeat 0 -386px;}
*[class^='btn'].btnIcoLike {position:relative; border:2px solid #fa4747; color:#fa4747; background-color:#fff;}
*[class^='btn'].btnIcoLike:before {content:''; display:inline-block; vertical-align:middle; margin:-2px 8px 0 0; width:23px; height:21px; background:url('../../assets/img/sp_ico_btn2_80x80.png') no-repeat 0 -80px;}
*[class^='btn'].btnIcoLike:not(.active) .count {position:absolute; top:-10px; left:0; width:100%; font-size:0.9em; line-height:1;}
*[class^='btn'].btnIcoLike:not(.active) .count b {display:inline-block; vertical-align:top; padding:1px 12px; background:#fa4747; border-radius:9px; color:#fff;}
*[class^='btn'].btnIcoLike:not(.active) .hidden {position:static !important;}
*[class^='btn'].btnIcoLike.active {background-color:#fa4747; color:#fff;}
*[class^='btn'].btnIcoLike.active:before {background-position:-40px -80px;}
*[class^='btn'].btnIcoLike.active .count {}
*[class^='btn'].btnIcoLike.active .likeTxt {}
*[class^='btn'].btnIcoSearch:before {content:''; display:inline-block; vertical-align:middle; margin:-2px 8px 0 0; width:19px; height:18px; background:url('../../assets/img/sp_ico_btn.png') no-repeat 0 -66px;}
*[class^='btn'].btnIcoPrint:before {content:''; display:inline-block; vertical-align:middle; margin:-2px 8px 0 0; width:23px; height:23px; background:url('../../assets/img/sp_ico_btn2_80x80.png') no-repeat -102px 0; background-size:204px auto;}

/* Text */
.txtSummaryType1 {font-size:1.3em; font-weight:bold;}

.listStyleHyphen {margin:20px 0 0 17px;}
.listStyleHyphen>li {padding:0 0 5px 10px; color:#666;}
.listStyleHyphen>li:before {display:inline-block; content:'-'; width:12px; height:12px; margin:0 0 0 -12px;}
.listStyleHyphen>li.none:before {content:none;}
.listStyleHyphen>li>ul {margin-top:5px;}

.listStyleDot>li {padding:0 0 5px 10px;}
.listStyleDot>li:before {display:inline-block; content:''; width:3px; height:3px; margin:-4px 7px 0 -10px; background-color:#959595; vertical-align:middle;}
.listStyleDot>li.none:before {content:none;}
.listStyleDotType2>li {padding:0 0 5px 10px;}
.listStyleDotType2>li:before {display:inline-block; content:''; width:2px; height:2px; margin:-4px 7px 0 -9px; background-color:#959595; vertical-align:middle;}

.txtHyphenStyle {padding-left:10px;}
.txtHyphenStyle:before {display:inline-block; content:'-'; width:8px; height:12px; margin:0 0 0 -8px;}

.txtStarStyle {padding-left:10px;}
.txtStarStyle:before {display:inline-block; content:'*'; width:12px; height:12px; margin:0 0 0 -12px;}

.txtReferenceStyle {padding-left:14px;}
.txtReferenceStyle:before {display:inline-block; content:'※'; width:12px; height:12px; margin:0 4px 0 -16px;}

.txtDotStyle {padding-left:10px;}
.txtDotStyle:before {display:inline-block; content:''; width:3px; height:3px; margin:-4px 7px 0 -10px; background-color:#959595; vertical-align:middle;}

/* Tab */
.tabContWrap.hide {visibility:hidden !important; min-height:0 !important; height:0 !important; overflow:hidden !important; padding:0 !important; margin:0 !important; border:0 !important;}

/* Box */
.nbBoxStyleType1 {padding:18px 20px; border:1px solid #ccc; color:#666;}
.nbBoxStyleType1 > p, .nbBoxStyleType1 > ul > li {margin-top:5px;}
.nbBoxStyleType1 > p:first-child, .nbBoxStyleType1 > ul > li:first-child {margin-top:0;}

/* Board List */
.boardListTxt {margin:0 0 0.714em; color:#666;}
.boardListTxt b {color:#333;}
.boardListTxtR {margin:0 0 0.714em; text-align:right;}
.boardList {width:100%; border:0; border-spacing:0; border-collapse:separate; border-top:2px solid #333;}
.boardList caption {position:absolute; z-index:-10; top:0; left:0; width:1px; height:1px; overflow:hidden;}
.boardList th, .boardList td {padding:14px 5px; border-bottom:1px solid #d7d7d7;}
.boardList thead th {background:#f5f5f5; border-bottom:1px solid #333;}
.boardList tbody {background:#fff;}
.boardList tbody td {text-align:center; font-size:1em;}
.boardList td {color:#666; border-bottom:1px solid #ddd;}
.boardList td.title {text-align:left ;color:#333;}
.boardList td.grade {color:#26569f; font-size:1.25em; font-weight:bold;}
.boardList td img {vertical-align:middle;}
.boardList td .tagNew {display:inline-block; border-radius:5px; background:#3374d7; color:#fff; font-size:0.85em; padding:3px 6px; margin-right:5px; font-weight:bold;}
/* .boardList td .tagNotice {display:inline-block; border-radius:5px; background:#df2424; color:#fff; font-size:0.85em; padding:3px 6px; margin-right:5px; font-weight:bold;} */
.boardList td .tagNotice {display:inline-block; padding:3px 18px; text-indent: -9999px; background: url('/humanframe/theme/busan/assets/img/content/ico_notice.png') no-repeat center center; background-size: 70%;}
.boardList tr:hover td, .boardList tr:focus td {background:#fafafb;}




/* Board View */
.attfilesPhotoWrap {font-size:0.9em;}
.attfilesPhotoWrap .attfilesPhotoTxt {border-top:1px solid #ddd; padding-top:0.571em;}
.attfilesPhoto {overflow:hidden;}
.attfilesPhoto li {position:relative; float:left; width:160px; margin:0 16px 0.500em 0;}
.attfilesPhoto li .thumb {position:relative; display:block; height:110px;}
.attfilesPhoto li .thumb img {width:100%; height:100%; vertical-align:top;}
.attfilesPhoto li .thumbCaption {display:block; overflow:hidden; padding:4px 0;}
.attfilesPhoto li .thumbCaption .fileName {float:left; font-weight:bold; color:#959595;}
.attfilesPhoto li .thumbCaption .byte {float:right; margin-top:2px; font-size:0.85em; color:#1e4da4;}
.attfilesPhoto li .btnDelFile {position:absolute; z-index:2; left:-9999px; top:37px; margin-left:-18.5px; width:37px; height:37px; overflow:hidden; background:url('../../assets/img/sp_ico_btn2_80x80.png') no-repeat 0 0; text-indent:-9999px;}
.attfilesPhoto li .btnTypeM.btnFileAddPhoto {display:block; height:110px; overflow:hidden; border-radius:0; text-align:center; line-height:1;}
.attfilesPhoto li .btnTypeM.btnFileAddPhoto:before {content:''; display:block; width:55px; height:45px; margin:20px auto 8px; background:url('../../assets/img/sp_ico_btn2_80x80.png') no-repeat -80px 0;}
.attfilesPhoto li.insertFilePhoto:hover .thumb:after {content:''; position:absolute; z-index:1; top:0; right:0; left:0; bottom:0; background:#000; background:rgba(30,77,164,0.6);}
.attfilesPhoto li.insertFilePhoto:hover .btnDelFile, .attfilesPhoto li .btnDelFile:focus {left:50%;}

.boardView {border-top:2px solid #333; /*border-bottom:1px solid #333;*/}
.boardView .form-data-info dt {/*color:#959595;*/}
.boardView .form-data-info dt > span {display:block; position:relative;}
.boardView .form-data-info dt > span:after {content:''; position:absolute; top:50%; right:0; margin-top:-5.5px; width:2px; height:11px; background:#bbbdbf;}
.boardView .form-data-info dd {color:#666;}
.boardView .form-data-info dd > p.inner {text-align:center;}
.boardView .form-data-info .attfiles li {word-wrap:break-word;}
.boardView .form-data-info .attfiles li + li {margin-top:4px;}
.boardView .form-data-info .attfiles li img {vertical-align:middle; margin:-1px 4px 2px 0;}
.boardView .form-data-info .attfiles .li_img + .li_img {margin-top:0;}
.boardView .form-data-info .attfiles .li_img img {width:48%; float:left; margin-right:2%;}
.boardView .form-data-info .attfiles li a {color:#2653a1; text-decoration:underline;}
.boardView .form-data-info .attfiles li .byte {font-size:0.9em; color:#989898;}
.boardView .form-data-info .copyright {padding:1.429em 1.000em; color:#666;}
.boardView .form-data-tag {position:relative; margin-bottom:-1px; padding:10px 10px 24px; background:#fff;}
.boardView .form-data-tag dt, .boardView .form-data-tag dd {display:inline; line-height:1.6;}
.boardView .form-data-tag dt {margin-right:6px;}
.boardView .form-data-tag dd a {text-decoration:underline;}
.boardView .form-data-subject {padding:18px 0; font-size:1.7em; line-height:1.2; /* font-family:'NanumSquare', '돋움', 'Dotum', '微软雅黑', 'STXihei', '华文细黑', 'Helvetica', 'Arial', 'Sans-serif'; */}
.boardView .form-data-subject-wrap {padding:18px 0;}
.boardView .form-data-subject-wrap .form-data-subject {padding:0; /* font-family:'NanumSquare', '微软雅黑', 'STXihei', '华文细黑', 'Helvetica','Arial', 'Sans-serif'; */}
.boardView .form-data-subject-wrap p {margin-top:8px; color:#666;}
.boardView .form-data-content {background:#f4f4f4;}
.boardView .form-data-content dt {position:absolute; left:-9999px;}
.boardView .form-data-content dd {padding:1.250em 1.500em 7.125em; color:#666; word-break: break-all;}

.boardView .form-data-content dd img {max-width:100%;}
.boardView .form-data-content dd:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.boardView .form-data-row {display:table; width:100%; height:60px; table-layout:fixed;}
.boardView .form-data-row dt, .boardView .form-data-row dd {display:table-cell;}
.boardView .form-data-row dt {vertical-align:middle; background:#f5f5f5; padding:6px 0; text-align:center; font-weight:bold;}
.boardView .form-data-row dd {vertical-align:top; padding:1.250em 1.500em 7.125em;}
.boardView .attfilesPhoto {padding:8px 5px;}
.boardView .attfilesPhoto li {margin:8px;}
.boardView.boardViewType2 .form-data-info {background:#f5f5f5;}
.boardView.boardViewType2 .form-data-info dt, .boardView.boardViewType2 .form-data-info dd {min-height:20px;color:#666; font-size:1em;}
.boardView.boardViewType2 .form-data-info dt > span:after {content:none;}
.boardView.boardViewType2 .form-data-info .attfiles li {font-size:inherit;}
.boardView.boardViewType2 .form-data-content {background:#fff;}
.boardView.boardViewType2 .form-data-content dd {padding-left:10px; padding-right:10px;}

.boardView .form-data-content-letter {background:#f4f4f4;}
.boardView .form-data-content-letter dt {position:absolute; left:-9999px;}
.boardView .form-data-content-letter dd {padding:1.250em 1.500em 1.125em; color:#666;}
.boardView .form-data-content-letter dd img {max-width:100%;}
.boardView .form-data-content-letter dd:after {content:''; display:block; clear:both; font-size:0; line-height:0;}

.boardViewReply {margin-top:2.857em;}
.boardViewReply .tit {margin:0 0.222em 0.389em; font-size:1.3em;}
.boardViewReply .tit:before {content:''; display:inline-block; vertical-align:0; width:15px; height:13px; margin-right:6px; background:url('../../assets/img/ico_reply.png') no-repeat 0 0;}
.boardViewPager {margin-top:-1px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.boardViewPager li {position:relative; border-top:1px solid #ddd;}
.boardViewPager li:first-child {border-top:0;}
.boardViewPager li em {position:absolute; left:0; top:0; color:#666;}
.boardViewPager li em:after {content:''; position:absolute; top:50%; right:0; margin-top:-5.5px; width:2px; height:11px; background:#bbbdbf;}
.boardViewPager li .subject {display:block; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boardViewPager li .subject a {color:#333;}

/* Paging */
/* .paginate {margin:2.143em 0; text-align:center; font-size:0.8em;}
.paginate .number {display:inline-block; margin:0 22px;}
.paginate .number a, .paginate .number strong {display:inline-block; vertical-align:middle; width:25px; height:22px; margin:2px 0; line-height:22px; color:#666; border:1px solid #ccc; border-radius:3px;}
.paginate .number strong {border-color:#1e4da4; background-color:#1e4da4; color:#fff; font-weight:normal;}
.paginate > a {display:inline-block; vertical-align:middle; width:37px; height:24px; overflow:hidden; border:1px solid #ccc; border-radius:3px; background:url('../../assets/img/sp_ico_paginate.png') no-repeat; text-indent:-9999px;}
.paginate > a.pgFirst {background-position:center 6px;}
.paginate > a.pgPrev {background-position:center -14px;}
.paginate > a.pgNext {background-position:center -34px;}
.paginate > a.pgEnd {background-position:center -54px;}
.paginate a:hover, .paginate a:focus {background-color:#f5f6f8; text-decoration:none;} */

.paginate {margin:2.143em 0; display:flex; font-size:0.8em; text-align:center; align-items:center; justify-content:center;}
.paginate .number {display:flex; margin: 0 1em; align-items:center; justify-content:center;}
.paginate .number a, .paginate .number strong {display:flex; align-items:center; justify-content:center; width:25px; height:24px; margin:0 0.1em; color:#666; border:1px solid #ccc; border-radius:3px;}
.paginate .number strong {border-color:#1e4da4; background-color:#1e4da4; color:#fff; font-weight:normal;}
.paginate > a {display:flex; align-items:center; justify-content:center; width:37px; height:24px; margin:0 0.1em; overflow:hidden; border:1px solid #ccc; border-radius:3px; background:url('../../assets/img/sp_ico_paginate.png') no-repeat; text-indent:-9999px;}
.paginate > a.pgFirst {background-position:center 6px;}
.paginate > a.pgPrev {background-position:center -14px;}
.paginate > a.pgNext {background-position:center -34px;}
.paginate > a.pgEnd {background-position:center -54px;}
.paginate a:hover, .paginate a:focus {background-color:#f5f6f8; text-decoration:none;}

/* Board Search */
.boardHead {margin-bottom:2.5em;}
.boardHead .nbTxtTbInfo {margin:1.071em 0 0.714em; color:#666; font-weight:normal;}
.boardSearchForm {width:100%; border-top:2px solid #333; border-bottom:1px solid #333;}
.boardSearchForm:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.boardSearchForm .rowTable .group.alone {width:100%;}
.boardSearchForm .rowTable .cell, .boardSearchForm .cellHeader {-webkit-box-sizing:border-box; box-sizing:border-box;}
.boardSearchForm .rowTable .cellHeader {background:#f5f5f5; font-weight:bold;}
.boardSearchForm .rowTable .cellHeader:before {content:''; display:inline-block; vertical-align:middle; height:100%;}
.boardSearchForm .rowTable .cellHeader .cellHeaderInTxt {display:inline-block; vertical-align:middle;}
.boardSearchForm .rowTable .cell .hyphen {color:#b5b5b5;}
.boardSearchForm .rowTable .cell input.date {width:13%; min-width:90px;}
.boardSearchForm .rowTable .cell .btnTypeM.btnIcoSearch {padding-left:1.143em; padding-right:1.143em;}
.boardSearchForm .rowTable .cell .srchKeyword .btnTypeM.btnIcoSearch {margin-left:-7px;}

/* Board Write */
.nbTxtTbRequired {color:#f82e2e; font-weight:bold;}
.nbTxtTbInfo {color:#1e4da4; font-weight:bold;}
.tableWriteForm {width:100%; border-bottom:1px solid #61646c;}
.tableWriteForm:before {content:""; display:table-caption; width:100%; border-top:2px solid #333;}
.tableWriteForm th, .tableWriteForm td {box-sizing:border-box;}
.tableWriteForm tbody th {border-top:1px solid #ddd; background-color:#f5f5f5; text-align:left;}
.tableWriteForm tbody td {border-top:1px solid #ddd;}
.tableWriteForm tbody tr:first-child th, .tableWriteForm tbody tr:first-child td {border-top:0;}
.tableWriteForm tbody td .tbRow {margin-bottom:10px;}
.tableWriteForm tbody td .phoneWrap {display:inline-block;}
.tableWriteForm tbody td .labelWrap {display:inline-block; vertical-align:middle; padding:2px;}
.tableWriteForm tbody td .hyphen {color:#b5b5b5;}
.tableWriteForm tbody td .nbTxtTbInfo {margin:0.357em 0; font-weight:normal; font-size:0.9em;}
.tableWriteForm tbody td .nbTxtTbSNote {padding:2px; font-weight:normal; color:#666; font-size:0.9em;}
.tableWriteForm tbody td .nbTxtTbSNote:before {content:''; display:inline-block; vertical-align:middle; width:3px; height:3px; margin:0 4px 1px 0; background:#949494;}
.tableWriteForm tbody td span.nbTxtTbSNote {display:inline-block; vertical-align:middle;}
.tableWriteForm tbody td span.nbTxtTbSNote:before {content:none;}
.tableWriteForm tbody td .tbInTxt {display:block; padding:6px 0;}
.tableWriteForm tbody td .tbInTxt.tbInTxtType1 {font-size:1.25em; color:#1e4da4;}
.tableWriteForm tbody td textarea {width:100%;}
.tableWriteForm tbody td .btnTypeM {padding-left:0.714em; padding-right:0.714em;}

/* Comment */
.boardComment {margin-top:6.071em;}
.boardComment .tit {margin-bottom:12px; padding-bottom:0.389em; border-bottom:2px solid #333; font-weight:bold;}
.boardComment .tit:before{display:inline-block; content:''; width:21px; height:21px; margin-right:5px; background:url('../../assets/img/ico_comment.png') no-repeat; vertical-align: middle;}
.boardComment .commentWriteWrap .commentInfo {margin-top:5px; color:#959595;}
.boardComment .commentWriteForm {display:table; width:100%;}
.boardComment .commentWriteForm .cell {display:table-cell; width:100%;}
.boardComment .commentWriteForm textarea {width:100%; height:90px; border-radius: 2px 0 0 2px;}
.boardComment .commentWriteForm .btnCommentWrite {height:90px; padding: 0 2.55em; border-radius: 0 2px 2px 0; line-height:90px;}
.boardComment .commentList {margin-top:2.500em; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.boardComment .commentList li {padding:11px 0; border-top:1px solid #ddd;}
.boardComment .commentList li:first-child {border:0;}
.boardComment .commentList li:after {display:block;content:"";clear:left;}
.boardComment .commentList li > div {float:left; box-sizing:border-box;}
.boardComment .commentList li .commentUser {width:14%; padding:9px; font-weight:bold;}
.boardComment .commentList li .commentUser .date {display:block; margin-top:5px; font-size:12px; color:#959595; font-weight:normal;}
.boardComment .commentList li .commentContent {width:86%; min-height:100px; padding:9px 15px; border-left:1px solid #ccc; color:#959595;}

/* Alert */
.alert {display:block; position: relative; border-radius:3px; padding:22px 35px; font-size:1.3em; line-height:1.2em; font-weight:bold; font-style:italic;}
.alert .btnClose {display:inline-block; vertical-align:top; position:absolute; top:15px; right:35px; width:36px; height:36px; text-indent: -9999px;}
.alert .btnClose:before {content:''; position:absolute; top:8px; right:8px; width:18px; height:18px; background:url('../../assets/img/sp_ico_alert.png') no-repeat 0 0;}
.alert.msgOk {background:#4fb76f; color:#fff;}
.alert.msgOk .btnClose:before {background-position:0 0}
.alert.msgError {background:#ef9f9f; color:#9f2d2d;}
.alert.msgError .btnClose:before {background-position:0 -48px}
.alert.msgInfo {background:#c8e0eb; color:#3f85a5;}
.alert.msgInfo .btnClose:before {background-position:0 -97px}

/* thumbnail List */
.thumbListType1Wrap {overflow:hidden;}
.thumbListType1 {margin:0 0 0 -14px;}
.thumbListType1:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.thumbListType1 > li {float:left; width:33.3333%;}
.thumbListType1 > li > .item {position:relative; display:block; margin:0 0 14px 14px;}
.thumbListType1 > li .thumb {display:block; position:relative;}
.thumbListType1 > li .thumb > img {width:100%;height:230px; vertical-align:top;}
.thumbListType1 > li .thumb > .noImg {width:100%; height:230px; position: relative; background:#ddd;}
.thumbListType1 > li .thumb > .noImg p {font-size:16px; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.thumbListType1 > li .thumb .icoVideo {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.thumbListType1 > li .thumb .icoVideo:before {content:''; display:inline-block; vertical-align:middle; width:0; height:100%;}
.thumbListType1 > li .thumb .icoVideo img {width:23%; max-width:86px; vertical-align:middle;}
.thumbListType1 > li .titBar {display:block; width:100%; padding:11px 14px 12px; background:#eee; line-height:1.3; -webkit-box-sizing:border-box; box-sizing:border-box;}
.thumbListType1 > li .titBar:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
.thumbListType1 > li .titBar .tit {display:block; height:calc(2em * 1.3); margin-bottom:15px; overflow:hidden; font-size:1.25em; line-height:1.3;}
.thumbListType1 > li .titBar .titTag {display:block; margin-bottom:2px; font-size:0.95em;}
.thumbListType1 > li .titBar .date, .thumbListType1 > li .titBar .txtR {color:#666; font-size:0.85em;}
.thumbListType1 > li .titBar .date {float:left; white-space:nowrap;}
.thumbListType1 > li .titBar .txtR {float:right; width:46%; text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.thumbListType1 > li > a.item {text-decoration:none;}
.thumbListType1 > li > a.item:hover .titBar .tit, .thumbListType1 > li > a.item:focus .titBar .tit {text-decoration:underline;}

/* Step */
.stepWrap {margin:0 0 54px -20px;}
.stepWrap:after {display:block; content:""; clear:left;}
.stepWrap>li {float:left; width:33.3333%; /* font-family:'NanumSquare', '나눔스퀘어', '돋움', Dotum, Helvetica, Arial, Sans-serif; */}
.stepWrap>li .inner {display:table; position:relative; margin-left:20px; padding:10px 12px; border:1px solid #aaa; color:#666; border-radius:5px; box-sizing:border-box;}
.stepWrap>li .stepNum {width:1%; font-size:1.25em; vertical-align:top; white-space:nowrap;}
.stepWrap>li .stepTit {color:#333; font-weight:bold;}
.stepWrap>li.active .stepTit {border-color:rgba(255, 255, 255, 0.3); -webkit-background-clip:padding-box; background-clip:padding-box; color:#fff;}
.stepWrap>li.active .inner {background-color:#1e4da4; border:1px solid #1e4da4; color:#fff;}

/* 약관 */
.termsWrap .termsTxtWrap {position:relative;}
.termsWrap .termsTxt {padding:1.4em; border:1px solid #ddd; border-radius:5px; color:#666; line-height:1.6; box-sizing:border-box;}
.termsWrap .termsTxtWrap .btnTermsMore {display: block; position:absolute; bottom:-10px; left:50%; width:106px; height:24px; margin-left:-52.5px; background-color:#aaa; text-align:center; color:#fff; border-radius:1px; box-sizing:border-box; line-height:24px;}
.termsWrap .termsTxtWrap a:hover, .termsWrap .termsTxtWrap a:active, .termsWrap .termsTxtWrap a:focus {text-decoration:none;}
.termsWrap .agreeForm {margin-top:15px; text-align:center;}

/* step1-회원/비회원 인증 */
.certifyWrap {margin-top:50px;}
.certifyWrap .certifyBoxWrap {display:flex;}
.certifyWrap .certifyBox {padding:15px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; color:#666;}
.certifyWrap .certifyBox.member {position:relative;}
.certifyWrap .certifyBox.member .btn {position:absolute; bottom:15px; left:15px; right:15px; text-align:center;}
.certifyWrap .certifyBox .tit {color:#000; font-size:2.15em; font-weight:bold; /* font-family:'NanumSquare', '나눔스퀘어', '돋움', Dotum, Helvetica, Arial, Sans-serif; */}
.certifyWrap .kindsWrap {margin-top:20px;}
.certifyWrap .kindsWrap .kindsBox {position:relative; box-sizing:border-box;}
.certifyWrap .kindsWrap .kindsBox .btn {position:absolute; bottom:0; left:0; right:0; text-align:center;}
.certifyWrap .kindsWrap .kindsBox .txtWrap {word-break:keep-all;}
.certifyWrap .kindsWrap .kindsBox .txtWrap:before {content:''; display:inline-block; position:absolute; left:17px; top:16px; width:46px; height:57px; background:url('../../assets/img/member_step1_icons.png') no-repeat;}
.certifyWrap .kindsWrap .kindsBox .txtWrap.phone:before {background-position:0 0;}
.certifyWrap .kindsWrap .kindsBox .txtWrap.ipin:before {background-position:-46px 0;}
.certifyWrap .kindsWrap .kindsBox .txtWrap.card:before {background-position:-92px 0;}
.certifyWrap .kindsWrap .kindsBox .txtWrap .kindsTit {font-weight:bold;  /* font-family:'NanumSquare', '나눔스퀘어', '돋움', Dotum, Helvetica, Arial, Sans-serif; */}
.certifyWrap .kindsWrap .kindsBox .txtWrap.phone .kindsTit {color:#e45a5e;}
.certifyWrap .kindsWrap .kindsBox .txtWrap.ipin .kindsTit {color:#57a534;}
.certifyWrap .kindsWrap .kindsBox .txtWrap.card .kindsTit {color:#164578;}

.kindsWrap {}
.kindsWrap:after {content:""; display:block; clear:both;}
.kindsWrap .kindsBox {position:relative; width:calc(33.3333% - 5px); float:left;}
.kindsWrap .kindsBox:not(:last-child) {margin-right:7.5px;}
.kindsWrap .kindsBox > a {width:100%; text-align: center; padding:0;}
.kindsWrap .kindsBox > p {padding: 5px 0;}


/* step2-신청서작성 */
.nbBoxStyle {width:100%; border-top:2px solid #333; border-bottom:1px solid #333; text-align:center;}
.nbBoxStyle .questionTxt p {margin-bottom:1.6em; font-size:1.4em;}
.nbBoxStyle .nbTxtTbInfo {background-color:#f5f5f5; text-align:left; text-indent:-0.9em; font-weight:normal;}

/* step3-신청완료 */
.nbCompleteBox {width:100%; padding:35px 0 48px; border:1px solid #ddd; border-radius:5px; text-align:center; box-sizing:border-box;}
.nbCompleteBox .nbApplicantName {font-size:1.39em; font-weight:bold;}
.nbCompleteBox .tableWriteForm {text-align:left;}

/* 회원가입 step1 */
.joinStep.stepWrap > li {width:25%;}
.termsWrap .termsTxt .info {background-color:#f5f5f5; padding:15px 10px;}

/* 회원가입 step2 */
.userKindsWrap {border:1px solid #ddd; border-radius:5px; margin-top:17px; padding:15px;}
.userKindsWrap li {position:relative; color:#959595;}
.userKindsWrap li div {display:block; text-decoration:none;}
.userKindsWrap li div:before {display:block; content:''; position:absolute; top:50%; width:72px; height:72px; margin-top:-37px; background:url('../../assets/img/certify01.png') no-repeat;}
.userKindsWrap li.adult div:before {background-position:0 0;}
.userKindsWrap li.minor div:before {background-position:-72px 0;}
.userKindsWrap li .userTit {display:block; font-size:1.4em; font-weight:bold; /* font-family:'NanumSquare', '나눔스퀘어', '돋움', Dotum, Helvetica, Arial, Sans-serif; */}
.userKindsWrap li.adult .userTit {color:#26569f;}
.userKindsWrap li.minor .userTit {color:#57a534;}
.joinCertify.kindsWrap {margin-top:17px; border-top:0; height:auto;}
.joinCertify.kindsWrap .kindsBoxWrap{position:relative; height:145px; padding:12px 18px 0 80px;}
.joinCertify.kindsWrap .kindsBox {height:auto; border:1px solid #ddd; border-radius:5px;}

/* 회원가입 step4 */
.joinCompleteWrap {border:1px solid #ddd; border-radius:5px;}
.joinCompleteWrap .imgWrap {text-align:center;}
.joinCompleteWrap .imgWrap img {max-width:100%;}
.joinCompleteWrap .txtWrap {vertical-align:top;}
.joinCompleteWrap .txtWrap .tit {margin-bottom:16px; color:#26569f; font-size:1.7em; font-weight:bold; /* font-family:'NanumSquare', '나눔스퀘어', '돋움', Dotum, Helvetica, Arial, Sans-serif; */}

/* nbTxtStep */
.nbTxtStep {width:100%; display:inline-block; padding:0 0 5px 0;}
.nbTxtStep ul:after{display:block;content:"";clear:both;}
.nbTxtStep ul {margin-left:-33px;}
.nbTxtStep ul + ul {margin-top:20px;}
.nbTxtStep li {position:relative; float:left; width:33.3333%; padding:0 0 0 33px; box-sizing:border-box;}
.nbTxtStep li:before {position:absolute; left:0; top:50%; display:inline-block; width:34px; height:24px; content:""; background:url('../../assets/img/txtstep_arrow.png') no-repeat 0 0; background-size:84%; margin:-5px 0 0 3px;}
.nbTxtStep li:first-child:before {background:none;}
.nbTxtStep li .tit {display:block; text-align:center; padding:10px 0; border-radius:5px 5px 0 0; background:#1e4da4; /* height:18px; */ color:#fff; font-weight:bold;}
.nbTxtStep li .con {display:block; height:60px; padding:5px 10px 0; box-sizing:border-box; border-radius:0 0 5px 5px; background:#eee; border-top:none;}

/* Plugins */
.ui-datepicker-trigger {overflow:hidden;width:2.857em; height:2.857em; vertical-align:middle; margin-left:-2px;}
button.ui-datepicker-trigger img{width:auto; height:100%; vertical-align:middle;  }
button.ui-monthpicker-trigger img{width:auto; height:100%; vertical-align:middle;  }

.flexslider {position:relative;}
.flexslider.not-load {opacity:0;}
.flexslider .flex-control-paging {position:absolute; z-index:5;}
.flexslider .flex-control-paging li {display:inline;}

/* CMS 관련하여 기존 공통 Style 사용 (기존 사이트에서 가져온 공통 CSS) */
#contents .content {overflow:hidden;position:relative;line-height:1.6;/*  min-height:600px; */padding:0 0 40px 0;}

.pc_Y {display:none !important;}
.pc_N {display:none !important;}
.ta_Y {display:none !important;}
.ta_N {display:none !important;}
.mo_Y {display:none !important;}
.mo_N {display:none !important;}

.divClear {clear:both;}
.none {display:none !important;}
.block {display:block !important;}

.imgWeb {max-width:770px;}
.imgMobile {max-width:350px; display:none !important;}

/* width & height */
.w90 {width:90px !important;}
.w100 {width:100px;}
.w230 {width:230px;}
.h50 {height:50px !important;}

/* form width */
input.wFull, select.wFull, textarea.wFull {width: 100% !important;}

/* margin */
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;;}
.ml15 {margin-left:15px !important;;}
.ml20 {margin-left:20px !important;}
.ml40 {margin-left:40px !important;}
.pb15 {padding-bottom:15px !important;}

.mb41{margin-bottom:10px !important;}
.mb42 tr:nth-child(2) td{text-align:center; background:#fff;}
.mb42 tr:nth-child(4) td{border-top:none !important;}
.mb42 tr:nth-child(5) td{border-top:none !important;}


.mb42 tr:first-child th{width:100%; text-align:center;}
.mb42 tr:nth-child(3) td:first-child{background:#f5f5f5; text-align:center;}
.mb42 tr:nth-child(3) td:nth-child(2){text-align:center;}
.mb42 tr:nth-child(3) td:nth-child(3){text-align:center;}
.mb42 tr:nth-child(4) td:first-child p{ text-align:center;}
.mb42 tr:nth-child(4) td:nth-child(2){ text-align:center;}

/* padding */
.pl15 {padding-left:15px !important;}

.red_size{font-size:10pt;}


/* color */
.normal {color:#6c6e72 !important;}
.orange {color:#CA4402 !important;}
.blue {color:#455B8B !important;}
.green {color:#1D674E !important;}
.colorRed {color:#d53636 !important;;}
.colorBlue {color:#3662c1 !important;;}
.colorOrange {color:#9A3916 !important;;}
.colorBlack {color:#000 !important;;}
.colorYellow {color:#fff005 !important;;}
.txtPoint {color:#f73e3e !important;;}

/* text */
.normalbold {color:#6c6e72 !important; font-size:1.4em; font-weight:bold;}
.font_big {font-size:32px; color:#b58530 !important;}

/* img */
.img_area {display:inline-block; width:100%; padding:20px 0 40px 0; text-align:center;}
.img_area img {display:inline-block; max-width:100%;}
.maxImg100 {max-width:100%;}
.img_block{max-width:100%; display:block; margin:0px auto;}
.img_block02{display:block; max-width:150%;}

/* align */
.textalignCnt {text-align:center !important;}
.textalignRt {text-align:right !important;}
.textalignLt {text-align:left !important;}

/* Button */
.table_topRight {text-align:right;}
.table_btmpRight {padding:5px 0 15px 0; text-align:right;}
.table_btm {padding:5px 0 15px 0;}
.button_right {text-align:right;}
.button_center {text-align:center;}
.btnFRt {float:right;}

.button {position:relative; overflow:visible; display:inline-block; margin-bottom:2px; padding:0; vertical-align:middle; white-space:nowrap; text-decoration:none !important; border-radius:2px; color:#fff; /* font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; */ background-color:#333; border:1px solid #333; cursor:pointer;}
a.button {margin:0 2px 2px;}
p.button {cursor:no-drop;}

.button.small {height: 2.2em;padding:0 0.923em;line-height: 2.2em;font-size: 15px;font-weight: 700;margin-left: 10px;}
.button.medium {height:2.857em; padding:0 1.071em; line-height:2.857em; font-size:14px; font-weight:bold;}
.button.large {height:2.778em; padding:0 0.833em; line-height:2.778em; font-size:18px; font-weight:bold;}
.button.color {border:1px solid #1e4da4; color:#fff; background-color:#1e4da4;}
.button.white {border:1px solid #d6d9e0; color:#333; background:#f4f5f7;}

.button:hover, .button:active, .button:focus {}
.button.color:hover, .button.color:active, .button.color:focus {}
.button.white:hover, .button.white:active, .button.white:focus {}

.button.icon.notxt {padding-right:23px;}
.button.icon {position:relative; padding-right:35px !important;}
.button.icon:after {position:absolute; top:50%; right:0; margin-top:-10px; content:""; display:inline-block; width:20px; height:20px; padding:0 5px; background:url('../../assets/img/old/icon_button_w.png') no-repeat;}
.button.icon.white:after {background:url('../../assets/img/old/icon_button_b.png') no-repeat;}

.button.small.search:after,
.button.medium.search:after,
.button.large.search:after {background-position: -3px -287px;}

.button.small.jump:after, .button.medium.jump:after, .button.large.jump:after {background-position:center -432px;}
a.button[title="새 창"], a.button[title="팝업"] {padding-right:35px;}
a.button[title="새 창"]:after,
a.button[title="팝업"]:after {position:absolute; top:50%; right:0; content:""; display:inline-block; width:20px; height:20px; margin-top:-10px; padding:0 5px; background:url('../../assets/img/old/icon_button_w.png') no-repeat center -434px;}
a.newBrsW[title="새 창"]:after,
a.newBrsW[title="팝업"]:after {position:absolute; top:50%; right:0; content:""; display:inline-block; width:20px; height:20px; margin-top:-10px; padding:0 5px; background:url('../../assets/img/old/icon_button_w.png') no-repeat center -434px;}
a.button.white[title="새 창"]:after,
a.button.white[title="팝업"]:after {position:absolute; top:50%; right:0; content:""; display:inline-block; width:20px; height:20px; margin-top:-10px; padding:0 5px; background:url('../../assets/img/old/icon_button_b.png') no-repeat center -434px;}
a.newBrsB[title="새 창"]:after,
a.newBrsB[title="팝업"]:after {position:absolute; top:50%; right:0; content:""; display:inline-block; width:20px; height:20px; margin-top:-10px; padding:0 5px; background:url('../../assets/img/old/icon_button_b.png') no-repeat center -434px;}
a.newBrsW, a.newBrsB {display:inline-block; position:relative; padding-right:30px;}

.button.small.down:after,
.button.medium.down:after,
.button.large.down:after {background-position:center -481px;}

.button.small.modify:after,
.button.medium.modify:after,
.button.large.modify:after {background-position: center -189px;}

.button.small.delete:after,
.button.medium.delete:after,
.button.large.delete:after {background-position:center -141px;}

.button.small.default:after,
.button.medium.default:after,
.button.large.default:after {background-position: center 5px;}

/* Title */
/*.h4Bl {margin:40px 0 0.5em; font-size:1.8em; color:#333; font-family:'NanumSquare', '나눔스퀘어', '돋움', Dotum, Helvetica, Arial, Sans-serif;}*/
.h4Bl {margin:40px 0 0.5em; font-size:1.6em; color:#333; /* font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, "simhei", "simsun", "微軟正黑體", Sans-serif; */ line-height:1.1; color:#333; font-weight:normal; font-weight:bold;}
.titPage + .h4Bl, #contents > .h4Bl:first-child, .content .h4Bl:first-child {margin-top:0;}
.h5Bl {margin:1em 0 0.3em; font-size:1.4em; line-height: 1.2; color:#333; /* font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, "simhei", "simsun", "微軟正黑體", Sans-serif; */}
.h4Section > .h5Bl:first-child {margin-top:0;}
.h6Bl {/*clear:both;*/ margin:1em 0 0.3em; line-height: 1.2; font-size:1.3em; color:#333;}
.h5Section > .h6Bl:first-child {margin-top:0;}

.h4BlGroup {margin:40px 0 0.5em;}
.h4BlGroup .h4Bl {display:inline-block; vertical-align:middle; margin:0 8px 0 0;}
.h4BlGroup .addForms {display:inline-block; vertical-align:middle;}

/* Title */
.sub_title {text-align:center; padding:20px 0 50px 0; border-bottom:1px dashed #d2d2d2; margin-bottom:30px;}
.sub_title h4 {font-size:2.15em; color:#1e4da4; padding-bottom:30px;}
.sub_title h4:after {content:''; display:block; width:40px; height:3px; margin:30px auto 0; background:#1e4da4;}
.sub_title span {color:#666;}
.sub_title h4 span {font-size:0.55em;}

/* Text */
.h4Section {overflow:hidden;margin:0 0 1.429em 1.786em;}
.h5Section {margin:0 0 1.429em 1.071em; font-size:1em;}
.h6Section {margin:0 0 1.429em 1.071em;}

.arrowBl {margin:10px 0 5px 0;}
.arrowBl:before {content:""; display:inline-block; width:0; height:0; margin-right:5px; border-style:solid; border-width:5px 0 5px 6px; border-color:transparent transparent transparent #333;}
.noteBl {margin:10px 0; background:url('../../assets/img/old/icon_notice.gif') no-repeat 0 2px; padding:2px 0 2px 25px; color:#000; font-weight:bold; font-size:1.2em;}


.radon {font-size:13px;}

.txtStyle01 {padding:10px; border-radius:10px; background:#f6f6f6; border:1px solid #ebebeb;}

.listStyle > li {padding:0 0 5px 10px;}
.listStyle li:before, .listStyle dt:before {content:""; display:inline-block; width:5px; height:5px; margin:0 6px 3px -9px; background:#949494; vertical-align:middle;}
.listStyle > li > ul {margin:5px 0 5px 0; color:#666;}
.listStyle dd {padding: 0 0 5px 10px;}
.listStyle dd:before {content:""; display:inline-block; width:5px; height:2px; margin:0 6px 3px -9px; background:#949494; vertical-align:middle;}
.listStyle > li > ul > li:before{content:""; display:inline-block; width:5px; height:2px; margin:0 6px 3px -9px; background:#949494; vertical-align:middle;}
.listStyle > li > ul > li > ul > li:before{content:""; display:inline-block; width:2px; height:2px; margin:0 6px 3px -9px; background:#949494; vertical-align:middle;}
.listStyle > li > ul > li > ul > li > ul > li:before{content:""; display:inline-block; width:5px; height:1px; margin:0 6px 3px -9px; background:#949494; vertical-align:middle;}
.listStyle dl {margin-top:7px;}
.listStyle dt {font-weight:bold; padding-bottom:5px;}
.listStyle > li > ul > li, .listStyle dd li {background:none; border:none; padding-left: 11px;}
dl.listStyle {margin-left:10px;}

.orderListStyle {counter-reset: list; margin-left:20px;}
.orderListStyle > li:before {content:counter(list)". " !important; counter-increment: list; background: none; margin:0 0 0 -1em; vertical-align: top; width: auto; height: auto;}
.listStyle > li > .orderListStyle > li:before {background: none; margin:0 0 0 -1em; vertical-align: top; width: auto; height: auto;}
.listStyle > li > ul > li > .orderListStyle > li:before {background: none; margin:0 0 0 -1em; vertical-align: top; width: auto; height: auto;}

.dLine-top {margin-top:40px; padding-top:40px; border-top:1px dashed #c8ccd4;}
.dLine-bottom {margin-bottom:40px; padding-bottom:40px; border-bottom:1px dashed #c8ccd4;}

.numberList > li {position:relative; padding:20px 20px 20px 60px; border:2px solid #ddd; margin-bottom:10px;}
.numberList > li span {position:absolute; top:50%; left:0; width:40px; height:40px; line-height:40px; margin:-20px 0 0 0; color:#111; text-align:center; font-size:1.4em; font-weight:bold; background-color:#ddd;}

.numberList02 {overflow:hidden; margin-bottom:10px;}
.numberList02 > li {position:relative; margin:20px 0; padding:5px 0 0 45px;}
.numberList02 > li span {width:34px; height:34px; line-height:30px; text-align:center; position:absolute; left:0; top:0; box-sizing:border-box; border-radius:50%; color:#111; border:2px solid #949494; font-weight:bold;}

.numberList03 {overflow:hidden; margin-bottom:10px;}
.numberList03 > li {position:relative; margin:20px 0; padding:5px 0 0 45px;}
.numberList03 > li span {width:34px; height:34px; line-height:34px; text-align:center; position:absolute; left:0; top:0; box-sizing:border-box; border-radius:50%; color:#fff; background-color:#949494; font-weight:bold;}

.numberListPro li {position:relative; padding:20px 20px 20px 220px; border:2px solid #ddd; margin-bottom:10px;}
.numberListPro li span {position:absolute; top:50%; left:0; width:200px; height:40px; line-height:40px; margin:-20px 0 0 0; color:#111; text-align:center; font-size:1.4em; font-weight:bold; background-color:#ddd;}

.linkList {overflow:hidden; margin-top:20px; width:100%; display:inline-block;}
.linkList:after {content:""; display:block; clear:both;}
.linkList li {float:left; display:inline-block; width:24.7%; margin:1px; box-sizing:border-box;}
.linkList li a {display:block; padding:10px 15px; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border:1px solid #bdc0c6; background:url('../../assets/img/old/icon_button_b.png') no-repeat 96% -424px; letter-spacing:-1px;}
.linkList li a:hover, .linkList li a:focus, .linkList li a.active {background:#44609a url('../../assets/img/old/icon_button_w.png') no-repeat 96% -424px; border:1px solid #44609a; color:#fff; font-weight:bold;}

.guLink {overflow:hidden; margin-top:0;}
.guLink:after {content:""; display:block; clear:both;}
.guLink li {float:left; width:24.7%; margin:1px; box-sizing:border-box;}
.guLink li a {display:inline-block; width:100%; box-sizing:border-box; padding:5px 15px; background:#fff; border:1px solid #bdc0c6; border-radius:5px; text-align:center;}
.guLink li a:hover, .guLink li a:focus, .guLink li a.active {border:1px solid #f15922;}

.ref {padding-left:12px;}
.ref:before {content:"※"; display:inline-block; background: transparent; width: auto; height: auto; margin:0 6px 3px -11px;}

/* Box */
.boxStyle {display:block;position:relative; padding:1.429em 2.143em; border:2px solid #ddd; background:#f5f5f5; margin:20px 0; font-size:1.6rem;}
.boxStyle .title {font-weight:bold; font-size:1.2em; line-height:1.2em; margin-bottom:5px; color:#000;}
.boxStyle .boxStyle {border-width:1px;}
li .boxStyle, dd .boxStyle {margin:10px 0;}

/*liver_news*/ 
/* .boxStyle .liver_news {border-top: 3px solid #444444; border-bottom: 1px solid #727272; border-right: 1px solid #727272; border-left: 1px solid #727272;}
.liver_news{ display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;}
.liver_news a {display: block;background: #3c7bed; color: #fff; padding: 1rem; margin-right: 53px;} */


.boxStyle02 {padding:10px 20px; border:2px solid #ddd; margin:10px 0; background:#fff; font-size:1.4rem;}
/* .boxStyle02 ul li:before {content:""; width:3px; height:4px; background:url(/humanframe/global/assets/img/common/boxlistStyle.png) no-repeat center center; margin:0 6px 3px 0;} */


/*서브공통 하단 민원120안내*/
.boxStyleBottom {padding:20px; border-bottom:1px solid #555; border-top:3px solid #555; margin:10px 0; background:#fff; line-height: 200%;}
.boxStyleBottom > p {white-space: pre-line;}
.boxStyleBottom a {margin-left:20px; display:inline-block;}

/* Table */
.srcoll-table, .srcoll-table div {float:none !important;clear:none !important;}
li table th {text-align:center;}
table caption {height:1px; overflow:hidden; position:absolute; text-indent:-9999px;}
table tfoot th, table tfoot td {text-align:center; border-top:1px solid #abafb9; background:#f6f6f7;}
table tfoot th {border-right:1px solid #ccc;}
table tfoot td {border-right:1px solid #ccc;}
table tfoot th:first-child {border-left:none;}
table tfoot td:first-child {border-left:none;}
tbody th.style01 {background:#f6f6f7; text-align:left;}
tbody th.style02 {background:#fff; text-align:left;}
tbody td.left {text-align:left !important;}
tbody td.right {text-align:right !important;}
tbody td.style01 {text-align:left; padding-left:30px;}
tbody td.tdBg01 {background:#f6f6f7;}
tbody td.tdBg02 {background:#fdf3f0;}
tbody td.tdBg03 {background:#e7edf5;}
.tableCol.tl td, .tableColRow.tl td, .tableRow.tl td, .tableMt.tl td, .tableInner.tl td {text-align:left;}

.tableCol {width:100%; margin-top:10px; border-collapse:collapse; border:0; border-spacing:0; border-top:3px solid #333; border-bottom:1px solid #333;}
.tableCol th, .tableCol td {padding:15px 10px 13px;}
.tableCol thead th {background:#f5f5f5; border-top:1px solid #ccc;}
.tableCol tbody td, .tableCol tbody th {text-align:center; border-top:1px solid #ccc;}
.tableCol > tbody > tr:first-child > th, .tableCol > tbody > tr:first-child > td {border-top:1px solid #333;}
.tableCol tbody td.title {text-align:left;}

.tableColRow {width:100%; margin-top:10px; border-collapse:collapse; border:0; border-spacing:0; border-top:3px solid #333; border-bottom:1px solid #333;}
.tableColRow th, .tableColRow td {padding:15px 10px 13px;}
.tableColRow thead th {background:#f6f6f7; border-top:1px solid #ccc;}
.tableColRow tbody th {background:#f6f6f7; border-top:1px solid #ccc;}
.tableColRow tbody td {text-align:center; border-top:1px solid #ccc;}
.tableColRow > tbody > tr:first-child > th, .tableColRow > tbody > tr:first-child > td {border-top:1px solid #333;}

.tableRow {width:100%; margin-top:10px; border:0; border-spacing:0; border-collapse:collapse; border-bottom:1px solid #ccc;}
.tableRow:before {content:""; display:table-caption; width:100%; border-top:3px solid #333;}
.tableRow tbody tr:first-child th, .tableRow tbody tr:first-child td {border-top:0;}
.tableRow th, .tableRow td {padding:15px 10px 13px;}
.tableRow tbody th {background:#f6f6f7; border-top:1px solid #ccc;}
.tableRow tbody td {text-align:center; border-top:1px solid #ccc;}

.tableRow2 {width:100%; margin-top:10px; border:0; border-spacing:0; border-collapse:separate; border-top:3px solid #333; border-bottom:1px solid #333;}
.tableRow2 thead tr:first-child th {border-top-width:0;}
.tableRow2 thead th {background:#f6f6f7; border-top:1px solid #ccc; border-bottom:1px solid #333;}
.tableRow2 tbody th {background:#f6f6f7; border-top:1px solid #ccc;}
.tableRow2 >tbody > tr:first-child > * {border-top:0;}
.tabltableRow2eMt tbody tr:first-child th:first-child {border-top:1px solid #333;}
.tableRow2 th, .tableRow2 td {padding:15px 10px 13px;}
.tableRow2 tbody td {text-align:left; border-top:1px solid #ccc;}

.tableRow2 a[target="_blank"]:after,
.bs-popup-page .tableMt a[target="_blank"]:after {content:""; display:inline-block; width:25px; height:20px; background:url('../../assets/img/old/icon_button_b.png') no-repeat right -434px; vertical-align:middle; margin-left:5px;}
.tableRow2 a[href*=".hwp"]:after,
.tableRow2 a[href*=".pdf"]:after,
.tableRow2 a[href*=".xls"]:after,
.bs-popup-page .tableMt a[href*=".hwp"]:after,
.bs-popup-page .tableMt a[href*=".pdf"]:after,
.bs-popup-page .tableMt a[href*=".xls"]:after {content:""; display:inline-block; width:25px; height:20px; background:url('../../assets/img/old/icon_button_b.png') no-repeat right -481px; vertical-align:middle; margin-left:5px;}

.tableMt {width:100%; margin-top:10px; border:0; border-spacing:0; border-collapse:separate; border-top:3px solid #333; border-bottom:1px solid #333;}
.tableMt thead tr:first-child th {border-top-width:0;}
.tableMt thead th, .tableMt tbody th {background:#f6f6f7; border-top:1px solid #ccc;}
.tableMt >tbody > tr:first-child > * {border-top:1px solid #333;}
.tableMt tbody tr:first-child th:first-child {border-top:1px solid #333;}
.tableMt th, .tableMt td {padding:15px 10px 13px;}
.tableMt tbody td {text-align:center; border-top:1px solid #ccc;}
.tableMt.thin th, .tableMt.thin td {padding:15px 0px 13px; font-size:12px;}

.tableInner {width:100%; border:0; border-spacing:0; border-collapse:collapse; border:1px solid #ccc; margin:10px 0;}
.tableInner th, .tableColRow td {padding:10px;}
.tableInner thead th {background:#f6f6f7; border-bottom:1px solid #abafb9;}
.tableInner tbody th {background:#f6f6f7; border:1px solid #ccc; border-width:1px 1px 0 0;}
.tableInner tbody td {text-align:center !important; border:1px solid #ccc; border-width:1px 0 0 1px;}

.tableNrw th, .tableNrw td {padding:5px 8px;}

/* s: table 세로라인   */
.tableCol tbody td, .tableCol tbody th, .tableCol thead th,
.tableColRow tbody td, .tableColRow tbody th, .tableColRow thead th,
.tableMt tbody td, .tableMt tbody th, .tableMt thead th {  border-right: 1px solid #ccc; }
.tableCol, .tableMt, .tableColRow {  border-left: 1px solid #ccc; }
/* e: table 세로라인  */

/* Security box */
.security_box {position:relative; background-color:#333; overflow:hidden; margin-bottom:10px; padding:2% 2%; border-radius:10px; line-height:1.4;}
.security_box .txt01 {position:relative; padding:15px 20px 30px 120px; color:#fff; font-size:1.4em;}
.security_box .txt01:before {content:""; display:inline-block; position:absolute; top:0; left:0; width:100px; height:100px; margin-right:10px; background-image:url('../../assets/img/old/icon_security.png'); background-repeat:no-repeat; background-position:center;}
.security_box .txt02 {position:relative; padding: 20px 20px 0 120px; color:#fff; background:url('../../assets/img/old/icon_secTxt02.gif') no-repeat 120px top;}

/* s : Tab Origin */
.tabStyle, .tabStyle * {box-sizing: border-box;}
.tabStyle {margin-bottom:40px; border-left:1px solid #ccc; border-top:1px solid #ccc; clear:both;}
.tabStyle:after {content:""; display:block; clear:both;}
.tabStyle > li {float:left; width:25%; position:relative;}
.tabStyle > li:after {content:""; display:none; width:16px; height:16px; position:absolute; top:100%; left:50%; transform:translate(-50%, -50%) rotate(-45deg); border-top:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #1e4da4; border-left:8px solid #1e4da4; box-sizing: border-box;}
.tabStyle > li > a {display:block; width:100%; height:45px; padding:0 10px; color:#333; font-size:1em; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:45px; text-align: center;}
.tabStyle > li > a:hover, .tabStyle > li > a:focus, .tabStyle li.active a { border-color:#1e4da4; background-color:#1e4da4; font-weight:bold; color:#fff;}
.tabStyle > li.active:after {display:block; z-index:1;}

.tabStyle.layout-auto {display:table;width:100%;}
.tabStyle.layout-auto > li {display:table-cell;float:none;width:auto;text-align:center;}

.tabStyle02 { padding:10px; margin-bottom:20px;_box-sizing:border-box}
.tabStyle02:after {content:""; clear:both; display:block;}
.tabStyle02 > li { float:left; width:33.3333%; height:auto;padding:1px; box-sizing:border-box; }
.tabStyle02 > li > a { display:block; position: relative; width:100%; padding:10px; background:#f6f6f6; text-align: center; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; border:1px solid #e2e2e2; box-sizing:border-box  }
.tabStyle02 > li > a:hover, .tabStyle02 li > a:focus{ background-color: #fff; border:1px solid; font-weight:bold; text-decoration: none;}


.tabCont > ul { position:relative;}
.tabCont > ul:after { content:""; display:block; clear:both}
.tabCont > ul > li > div {display:none;position:absolute;top:100%;left:0;width:100%; padding:10px 20px; box-sizing:border-box;}

.tabCont .on > a	{ background-color: #fff; border:1px solid; font-weight:bold; }
.tabCont .on > div	{display:block;}

.tabCont.mobile									{ padding-bottom: 0 !important; }
.tabCont.mobile .tabStyle02						{ padding-left: 0; padding-right: 0; }
.tabCont.mobile .tabStyle02 > li				{ float: inherit; width: auto; clear: both; }
.tabCont.mobile .tabStyle02 > li > a			{ text-align: left; padding-right: 40px; }
.tabCont.mobile .tabStyle02 > li > a:after		{ content: "+"; display: block; position: absolute; width: 20px; height: 20px; right: 10px; top: 50%; margin-top: -10px; font-weight: bold; }
.tabCont.mobile .tabStyle02 > li.on > a:after	{ content: "-"; }
.tabCont.mobile > ul > li > div					{ position: relative; top: 0; border: 1px solid #e2e2e2; }

.tabCont.js_off{height:auto}
.tabCont.js_off ul{border:0}
.tabCont.js_off li{float:none;position:relative}
.tabCont.js_off li a{display:block;float:none;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important;font-weight:bold;color:#333}
.tabCont.js_off li div{position:static;display:block;left:0;top:0;padding:5px 0}
.tabCont.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
/* e : Tab Origin */

/* Tab New
.tabStyle {overflow:hidden; padding:4px 0; margin-bottom:40px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.tabStyle:after {content:""; display:block; clear:both;}
.tabStyle li {float:left; width:33.3333%; padding:1px; box-sizing:border-box;}
.tabStyle > li > a {display:block; width:100%; padding:10px 10px; background:#eee; border:2px solid #ddd; border-radius:3px; color:#959595; font-size:110%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-decoration:none; box-sizing:border-box;}
.tabStyle > li > a:hover, .tabStyle > li > a:focus, .tabStyle > li > a.active, .tabStyle li.active a {border-color:#1e4da4; background-color:#1e4da4; font-weight:bold; color:#fff;}

.tabStyle02 {position:relative;height:auto;padding:10px; margin-bottom:20px; box-sizing:border-box;}
.tabStyle02 > li {  float:left; width:33.3333%; height:auto;padding:1px; box-sizing:border-box;}
.tabStyle02 > li > a {display:block; position:relative; width:100%; padding:10px; background:#f6f6f6; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border:1px solid #e2e2e2; box-sizing:border-box;}
.tabStyle02 > li > a:hover, .tabStyle02 li > a:focus, .tabStyle02 li a.active, .tabStyle02 li.active a, .tabStyle02 li.selected > a {background-color:#fff; border:1px solid #1e4da4; color:#1e4da4; font-weight:bold; text-decoration:none;cursor:pointer;}
*/

#livereWriteFormTop {overflow:hidden;}
#container:after  {/*content:"";display:block;position:relative;clear:both;*/}
/*.tabCont {display:block;position:relative;}
.tabStyle02 > li > a + div {display:none;}
.tabStyle02 > li.selected > a + div { display:block;position:absolute;z-index:-1;left:0;top:0;height:auto;margin:0;padding:116px 10px 40px 10px;vertical-align:top;box-sizing:border-box;}
*/
/*공사현황  tab*/
.tabWrap {width:49%; position:relative; margin-top:2px;}
.tabWrap .tab {overflow:hidden; border-bottom:3px solid #2f5883;}
.tabWrap .tab ul {overflow:hidden; float:left; font-weight:bold;}
.tabWrap .tab ul li {height:20px; line-height:20px; font-size:15px; color:#4c4c4c; text-align:center; display:table;}
.tabWrap .tab ul li a {vertical-align:middle; display:table-cell; color:#666; background:#eee; padding:10px 40px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc;}
.tabWrap .tab ul li a:hover {color:#fff; background:#2f5883;}
.tabWrap .selected {color:#fff !important; width:auto; font-weight:bold; background:#2f5883 !important; border-top:1px solid #2f5883 !important; border-right:1px solid #2f5883 !important; border-left:1px solid #2f5883 !important;}
.tabwrap_conetnets > .content > ul > li {padding-bottom:8px; font-size:0.9em; color:#000; font-weight:bold; text-align: center; padding-top: 50px; background:#eee;}

/*공사개요 BOX*/
.outlineWrap { overflow:hidden;}
.outlineWrap .outlinebox {border:3px solid #c8d8e8; padding:1.0em 1.5em; float:left; color:#333; font-weight:bold; font-size:1.2em; width:50%; height: 250px; box-sizing: border-box;}
.outlineWrap .outlinebox li {margin-bottom:8px;}
.outlineWrap .outlinebox .count {color:#e2273d;}
.outlineWrap .outlinebox .count.dday {font-size:1.4em;}
.outlineWrap .outlinebox .bar {display:inline-block; padding:2px 10px; height:7px; color:#c8d8e8; font-weight:normal;}
.outlineWrap .outlinebox .top {color:#666; overflow:hidden; margin-top:15px; font-size:0.9em;}
.outlineWrap .outlinebox .mid {border:1px solid #c8d8e8; height:20px; position:relative; margin:4px 0 5px; width:100%;}
.outlineWrap .outlinebox .bot {color:#af8411; text-align:center; font-size:1.2em;}
.move {height:22px; position: absolute;top:-1px;left:-1px;}
.total {background:#af8411;}
.plan {background:#59b482;}
.performance {background:#417ed1;}
.blind {text-indent:-999999px; position:absolute; top:0; right:0;}
.outlineWrap .outlinebox:first-child {border-right:0; padding-bottom:34px;}
.outlineWrap .outlinebox:last-child .top:first-child {margin-top:15px;}

/*/2018-07-04
레이어 팝업 추가
적용상황 : www.busan.go.kr, www.busan.go.kr/mayor
추가 : www.busan.go.kr/ok2nd
*/
.layerPopup {position: fixed; top:0; left:0; width: 100%; height:100%; z-index:999999; color:#333; display:none;}
.layerPopup * {box-sizing:border-box;}
.layerPopup .backspace {position:absolute; top:0; left:0; width: 100%; height:100%; background:rgba(0,0,0,.6); z-index:0;}
.layerPopup .layerWrap {position:absolute; top: 50%; left:50%; max-width:1400px; max-height:calc(100% - 30px); width:calc(100% - 30px); background:#fff; padding:50px 15px 15px; transform: translate(-50%, -50%); z-index:1;}
.layerPopup .layerWrap:after {content:""; clear:both; display:block;}
.layerPopup .layerTitle {position: absolute; top: 20px; left: 20px; max-width:calc(100% - 10px); font-size: 1.2em; font-weight: bold; line-height:1;}
.layerPopup .videoWrap {background:#000; width:65%;}
.layerPopup .videoWrap video {width:100%; height:100%; vertical-align: top;}
.layerPopup .captionWrap {overflow-y: auto; text-align: left;}
.layerPopup .captionWrap h4 {font-size: 1.2em; margin-bottom:15px; word-break: keep-all;}
.layerPopup .captionWrap p {word-break: keep-all;}
.layerPopup[data-type='video'] .captionWrap {width: 35%; padding-left: 15px; position: absolute; top:50px; right:0px; bottom:15px;}
.layerPopup[data-type='text'] .captionWrap {width:100%; padding:15px; max-height:400px;}
.layerPopup .layerClose {position:absolute; top:15px; right:15px; z-index:1; width:20px; height:22px; background:url(/humanframe/theme/busan/assets/img/common/sp_ico_header.png) no-repeat -150px -60px; text-indent:-9999px;}
/* ok2nd : 텍스트 답변 레이어 팝업 */
.layerPopup .textWrap {background:#e9e9e9; max-height:400px; overflow:auto; padding: 15px;}
/*레이어 팝업 END*/

/* 페이지 만족도 조사 */
#pageSatisfy * { /* box-sizing:border-box;*/}
#pageSatisfy { /*clear:both;  margin-top:50px;*/ }
#pageSatisfy header { overflow:hidden; padding:15px; }
#pageSatisfy header p { float:left; font-weight:bold; font-size:1.0em;}
#pageSatisfy header .point { float:right}
#pageSatisfy header .point span { padding-right:10px; font-size:0.9em;}
#pageSatisfy .satisfyInner { display:block;position:relative;overflow:hidden;padding:15px; border:1px solid #b5b7bf; border-width:0 1px 1px 1px; min-height:30px; margin-bottom:20px;}
#pageSatisfy .satisfyInner span { white-space:nowrap; display: inline-block; position:relative;float:left;line-height:24px;vertical-align:middle;}
#pageSatisfy .satisfyInner input[type="radio"] { margin-right:3px;}
#pageSatisfy .satisfyInner .comment { position:relative;}
#pageSatisfy .satisfyInner .comment textarea {float:left; width:65%; height:67px; font-size:1em;}
#pageSatisfy .satisfyInner .comment .button { width:10%; height:36px; float:right; margin:0; background-color:#D60036; color:#fff; border:none;}
#pageSatisfy .manager { overflow:hidden; height:50px; background:#fefefe; border:1px solid #b5b7bf; border-width:1px 1px 0px 1px;}
#pageSatisfy .manager.single { border-width:1px 1px 1px 0px;}
#pageSatisfy .manager h3 { float:left; width:150px; padding:16px 0 15px 15px; background:url(../img/bg_order.png?v=1) no-repeat right center; color:#222;}
#pageSatisfy .manager dl { overflow:hidden; padding:15px 0 0 15px; font-size:0.9em;}
#pageSatisfy .manager dt, #pageSatisfy .manager dd { float:left}
#pageSatisfy .manager dt { font-weight:bold; padding-right:10px; margin-right:10px; }
#pageSatisfy .manager dt a:after { content:""; display:inline-block; width:20px; height:20px; margin-left:10px; background:url(../img/icon_link_dpt.png) no-repeat center; vertical-align:middle;}
#pageSatisfy .manager dd + dt { margin-left:10%;}
#pageSatisfy header p:before	{ top: 0px !important; }
/* #pageSatisfy header p		{ height: auto !important; min-height: 50px; } */
#pageSatisfy #satisfactionVO header p	{ min-height: 0px; }
#pageSatisfy header { border: 2px solid #ddd; background: #f5f5f5; }
#pageSatisfaction header { background-color:#fff; color:#666;}

/*소셜로그인*/
#liverePlugIn { overflow:hidden !important; }

.oh { overflow:hidden;clear:none; }
.bor_l { border-left:0; }
.bor_r { border-right:0; }
.clearNone { clear:none !important; }
.content .introduction_05_06 { clear:none !important; }
.content .introduction_05_06:after { clear:none !important; }

/* s : float clear error 임시처치 - 추후 본소스 수정 후 삭제 필요 */
.img-wrap {overflow:hidden;}
.boxWrap {overflow:hidden;clear:none !important;} /* : health */
/* .left_img + .ts : economy */
.boxStyle { display:block;overflow:hidden;position:relative;} 
.boxStyle .left_img {display:inline-block;width:20%;float:left;}
.boxStyle .ts {display:block;float:none;margin:0 0 0 20%;}
.boxStyle .clearLine { display:none;}
/* .clearLine  {display:none;} */
.p_mb10, 
.note6, 
.note6:after{clear:none !important;float:none !important;}
/* s : float clear error 임시처치 - 추후 본소스 수정 후 삭제 필요 */

#CMS_00000018090 .hvTitle { margin:0 0 4% !important; }
/* 임시수도기념관 */
.actbox li .box01 p { height: 360px !important; }

/*margin*/
.mt2 {margin-top:2px !important;}
.mt32 {margin-top:32px !important;}

.mb30 {margin-bottom:30px !important;}

.tablefix {table-layout:fixed;}

.scroll-box { border: 1px solid #dddddd; margin: 1em 0; padding: 1em; height: 10em; overflow-y: auto; line-height: 1.5; color: #555555; }

/*설문조사*/
.boxGuide {width:100%; height:100%; line-height:2.0em !important; margin-bottom:25px; padding:1.0em; word-break:break-all !important; word-wrap:break-word !important; }

/* 부산통계 */
.statInfo {margin-bottom: 30px; display:inline-block; position: relative; width: 100%; border: 2px solid #ddd; padding: 10px 15px; box-sizing: border-box;}
.statInfo:after {content:""; clear:both; display:block;}
.statInfo > div {position: absolute; left:0; top:0; width: 100%; padding-left: 130px; padding-right: 15px; height:100%; box-sizing: border-box;}
.statInfo > div p {display: table; width: 100%; height: 100%;}
.statInfo > div p span {display: table-cell; vertical-align: middle; word-break: keep-all;}

/* 메인페이지 팝업 : 20200820 추가 
 + justifycontent 삭제 2023-04-07 (가운데정렬)*/
#mainPopup {position:fixed; display:flex; background:rgba(0,0,0,.6); z-index:999999; left:0; top:0; right:0; height:100%; align-items: center; justify-content:center; padding:1em;}
#mainPopup .popupWrap {position:relative;}
#mainPopup .popupImg {max-height: calc(100vh - 10em); overflow: auto; /* -ms-overflow-style:none; */}
/* #mainPopup .popupImg::-webkit-scrollbar {display:none;} */
#mainPopup .popupImg > a {display:block;}
#mainPopup .popupImg img {vertical-align:top; color:#fff; max-width:100%;}
#mainPopup .popupClose {background:rgba(0,0,0,.5); color:#fff; padding:0.5em 1em; text-align:right;}
#mainPopup .popupClose .btnStopView {margin-right:1em;}
#mainPopup .popupClose .btnStopView input {margin:0 0.5em;}
#mainPopup .popupClose .btnStopView input,
#mainPopup .popupClose .btnStopView label {vertical-align: middle; line-height:1;}
#mainPopup .popupClose .btnClose {line-height:1; vertical-align:middle; width:2em; height:2em; text-indent:-9999px; overflow:hidden; position:relative;}
#mainPopup .popupClose .btnClose:before,
#mainPopup .popupClose .btnClose:after {content:""; display:block; width:1px; height:100%; background:#fff; position:absolute; top:50%; left:50%; margin-top:-50%; margin-left:-0.5px;}
#mainPopup .popupClose .btnClose:before {transform:rotate(45deg);}
#mainPopup .popupClose .btnClose:after {transform:rotate(-45deg);}




/* 공공누리 출처표기 */
.post-block {margin-bottom:1em;}
.post-block img {vertical-align:middle;}

/* 공동체 */
.indcList .thumbBox {width: 85px; float:left; overflow:hidden;}
.indcList .infoBox {padding-left: 100px; width:100%; box-sizing: border-box;}

.menu_list { width:150px; }
.menu_head { padding:5px 10px; cursor:pointer; position:relative; margin:1px; font-weight:bold; background:#eef4d3 url(../img/content/ico_down.png) center right no-repeat; }
.menu_body { display:none; }
.menu_body a { display:block; color:#006699;background-color:#EFEFEF; padding-left:10px;font-weight:bold; text-decoration:none; }
.menu_body a:hover { color: #000; text-decoration:underline; }
.menu_head:hover { background:#eef4d3 url(../img/content/ico_down_on.png) center right no-repeat !important; }
.menu_list p.active:before { content:''; position:absolute; top:50%; left:50%; margin:-4px 0 0 -2.5px; width:5px; height:8px; text-align:center; background:#eef4d3 url(../img/content/ico_up.png) center right no-repeat !important;}

/*자주묻는 질문·답변*/
.faqArea > li > ul { display:none; }
.faqArea > li { border-bottom:1px solid #ddd; font-size:1.1em; /*padding:0.8em 0.8em;*/}
.faqArea > li:after {content:""; display:block; clear:both;}
.faqArea > li:hover { background:#f5f5f5; }
.faqArea > li > a { font-weight:bold; line-height:25px; }
.faqArea > li.active { /*color:#2f5883;*/ }
.faqArea .icoQ { background:url(../img/common/ico_faq.png) no-repeat 0 0; width:24px; height:24px; display:inline-block; text-indent:-9999999px; margin-right:5px; float:left;}
.faqArea .icoA { background:url(../img/common/ico_faq.png) no-repeat -43px 0; width:24px; height:24px; display:inline-block; text-indent:-9999999px; margin-right:5px; float:left;}
.faqArea > li > ul > li { font-size:0.9em; border-bottom:0; padding:0.8em 0.8em 0 0.8em; }
.faqArea .txt, .icoBar, .icoBar_txt {float:left; width:calc(100% - 30px);}
.icoBar { margin-right:5px; }
.icoEmpty { background:none; width:24px; height:24px; display:inline-block; text-indent:-9999999px; margin-right:1px; display:table-cell; padding-right:5px; }
#faqaWrap { position:relative; }
#faqaWrap .btnClose { position:absolute; top:-40px; left:-1px; width:30px; height:40px; border:1px solid #ddd; border-bottom:none; background:#f5f5f5; border-radius:2px 2px 0 0; font-size:0; line-height:0; }
#faqaWrap .btnClose:before { content:''; position:absolute; top:7px; left:50%; margin-left:-6px; width:12px; height:12px; background:url('../../assets/img/common/sp_ico_layout.png') no-repeat 0 -185px; }
#faqaWrap .faqaMenu.faqa { background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box; }
#faqaWrap .faqaMenu.faqa > ul { display:block; position: relative; margin:0 auto;}
#faqaWrap .faqaMenu.faqa > ul > li { display:block; position:relative; }
#faqaWrap .faqaMenu.faqa > ul > li:first-child { margin-top:0; }
#faqaWrap .faqaMenu.faqa > ul > li li { position:relative; }
#faqaWrap .faqaMenu.faqa > ul > li > a { display:block; position:relative; padding:9px 30px 9px 15px; font-weight:bold; text-align:left; text-decoration:none; -webkit-box-sizing:border-box; box-sizing:border-box; }
#faqaWrap .faqaMenu.faqa > ul > li > a:after {content:""; display:block; clear:both;}
#faqaWrap .faqaMenu.faqa > ul > li:hover > a, #faqaWrap .faqaMenu > ul > li > a:focus { border-color:#2d5785; color:#2d5785; }
#faqaWrap .faqaMenu.faqa > ul > li .btnMenuDropDown { display:block; position:absolute; top:0; right:0; width:24px; height:24px; overflow:hidden; text-indent:-9999px; }
#faqaWrap .faqaMenu.faqa > ul > li .btnMenuDropDown:before { content:''; position:absolute; top:50%; left:50%; margin:-4px 0 0 -6.5px; width:24px; height:24px; text-align:center; background:url('../../assets/img/common/ico_depth_faq.png') no-repeat 0 0; }
#faqaWrap .faqaMenu.faqa > ul > li .btnMenuDropDown:hover:before, #faqaWrap .faqaMenu > ul > li .btnMenuDropDown:focus:before { margin:-4px 0 0 -6.5px; width:24px; height:24px; background-position:-29px 0; }
#faqaWrap .faqaMenu.faqa > ul > li > .btnMenuDropDown { top:10px; right:10px; }
#faqaWrap .faqaMenu.faqa > ul > li.active > a{ background:#f5f5f5; color:#000; border-radius:2px; border-color:#2d5785; }
#faqaWrap .faqaMenu.faqa > ul > li.active > .btnMenuDropDown:before { margin:-4px 0 0 -6.5px; width:24px; height:24px; background-position:-57px 0; }
#faqaWrap .faqaMenu.faqa > ul > li.active > ul { display:block; }
#faqaWrap .faqaMenu.faqa > ul > li > ul { display:none; position:relative; padding:7px 5px 13px; overflow:hidden;background:#f5f5f5; }
#faqaWrap .faqaMenu.faqa > ul > li > ul > li { position:relative; }
#faqaWrap .faqaMenu.faqa > ul > li > ul > li:last-child { padding-bottom:0; padding-top:0; }
#faqaWrap .faqaMenu.faqa > ul > li > ul > li > a { display:block; padding:6px 30px 6px 5px; color:#959595; }
#faqaWrap .faqaMenu.faqa > ul > li > ul > li.active > a, #faqaWrap .faqaMenu.faqa > ul > li > ul > li:hover > a, #faqaWrap .faqaMenu.faqa > ul > li > ul > li > a:focus { color:#333; font-weight:bold; }
#faqaWrap .faqaMenu.faqa > ul > li > ul > li.active > .btnMenuDropDown:before { margin:-2.5px 0 0 -4px; width:8px; height:5px; background-position:-40px 0; }
#faqaWrap .faqaMenu.faqa > ul > li > ul > li.active > ul { display:block; }
#faqaWrap .faqaMenu.faqa > ul > li > ul > li > ul { display:none; padding:6px 14px; margin:0 0 4px 0; overflow:hidden; background:#f0f0f0; border-radius:3px; font-size:90%; }
#faqaWrap .faqaMenu.faqa > ul > li > ul > li > ul > li > a { padding:3px 0; display:block; color:#666;}
#faqaWrap .faqaMenu.faqa > ul > li > ul > li > ul > li.active > a, #faqaWrap .faqaMenu.faqa > ul > li > ul > li > ul > li:hover > a, #faqaWrap .faqaMenu.faqa > ul > li > ul > li > ul > li > a:focus { color:#333; font-weight:bold; }
#faqaWrap .faqaWrap .faqArea .faqTxt { display:none; }

/* 부산시행정전화부 레이어팝업 리스트 스타일 */
.publiclayor_layer{position: relative;}
.publiclayor_wrap{ background-color:#FFFFFF; border:solid 1px #bdd7f3; border-top:solid 3px #2d5785 !important; padding:40px; position:absolute; left:0; top:26%; display:none; z-index:999;box-shadow: 0 0 100px rgba(0,0,0,0.58); width: 80%; height: 730px; margin-left: 11%;}
.publiclayor_wrap2{ background-color:#FFFFFF; border:solid 1px #bdd7f3; border-top:solid 3px #2d5785 !important; padding:20px; width:235px; height:310px; overflow-x:scroll; position:absolute; display:none; z-index:999;}
.listStyle_publicwrap{width:100%; float:left; height:auto; padding:0 0 5px 0;}
.listStyle_publicwrap li{width:90%; text-align:left; border-bottom:solid 1px #bbb; padding:5px 0 5px 0; float:left;}
.listStyle_publicwrap li:before{content:"ㆍ";}
.listStyle_publicwrap li .publiclist_tit{}
.listStyle_publicwrap li .publiclist_tit:after{}
.listStyle_publicwrap li .publiclist_con{ padding:0 20px 0 0; text-align:left; display:inline-block; float:right; width:60%;white-space: initial;}

.listStyle_publicwrap li ul{float:left;}
.listStyle_publicwrap li ul li:before{display:none;}

.icotell{width:18%; padding:0 0 0 31px !important; font-size:10pt !important;}
.icotell:before{content:""; background:url('/humanframe/global/assets/img/content/icotellbig_btn.png'); width:26px; height:25px; position:absolute; left:10px; top:6px;}

.public_closebtn{width:22px; height:20px; position:absolute; right:9px; top:12px; display:block;}
.public_closebtn:before{content:""; position:absolute; top:50%; left:50%; margin:-11px 0 0 -10px; width:20px; height:22px; background:url('/humanframe/global/assets/img/content/sp_ico_header.png') no-repeat -150px -60px;}
/*2023.01.05 직원검색 상세보기  글자 잘리는 오류 클래스 추가 수정*/
.whitespace_normal{white-space:normal}

@media screen and (max-width: 688px){
	.search_work_call_button_mobile_width{min-width:120px;}
}

/* 부산시행정전화부 레이어팝업 리스트 스타일 */

@media all and (min-width:1025px) { 
	.bs-only-ta	{display:none !important;}
	.bs-only-mo	{display:none !important;}
	.bs-not-pc	{display:none !important;}

	.pc_Y {display:block !important;}
	table.pc_Y {display:table !important;}
	tr.pc_Y {display:table-row !important;}
	td.pc_Y {display:table-cell !important;}
	th.pc_Y {display:table-cell !important;}
	colgroup.pc_Y {display:table-column-group !important;}
	col.pc_Y {display:table-column !important;}
	thead.mo_N {display:table-header-group !important;}

	/*.tabStyle > li, .tabStyle02 > li {width:25%;}
	.tabStyle03 > li {width:33.3%;}*/
	.tabStyle[data-length='2'] > li {width:50% !important;}
	.tabStyle[data-length='3'] > li {width:33.33333% !important;}
	.tabStyle[data-length='4'] > li {width:25% !important;}
	.tabStyle[data-length='5'] > li {width:20% !important;}
	
	.respond-mo {display:none !important;}
	.respond-ta {display:none !important;}
	.respond-not-pc {display:none !important;}
	.hidden-pc {position:absolute !important; left:-99999px !important;}

	/* thumbnail List */
	.thumbListType1 {margin:0 0 0 -20px;}
	.thumbListType1 > li > .item {margin:0 0 20px 20px;}

	/* step1-회원/비회원 인증 */
	.certifyWrap .certifyBox.member .titWrap .boxInfo {padding:0 5px;}
	.certifyWrap .kindsWrap .kindsBox {height:150px; padding:12px 18px 0 80px;}
	.certifyWrap .kindsWrap .kindsBox .txtWrap .kindsTit { font-size:1.4em}

	/* 로그인 */

	/* 회원가입 step4 */
	.joinCompleteWrap {padding:35px 40px 40px; margin-bottom:35px;}
	.joinCompleteWrap:after {display:block; content:''; clear:left;}
	.joinCompleteWrap .imgWrap {float:left; width:30%;}
	.joinCompleteWrap .txtWrap {float:left; width:70%; padding-left:35px; box-sizing:border-box;}
	.joinCompleteWrap .btnArea {text-align:left;}

	/* s : mobile gnb 4depth */
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown {display:none !important;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul{ display:none !important;} 
}

@media all and (min-width:769px) { 
	
	.tabStyle[data-length='2'] > li {width:50%;}
	.tabStyle[data-length='3'] > li {width:33.33333%;}
	.tabStyle[data-length='4'] > li {width:25%;}
	.tabStyle[data-length='5'] > li {width:20%;}
	
	/* Button */
	.btnArea .btnTypeL, .btnArea .btnTypeXL {padding-left:50px; padding-right:50px;}
	.btnArea .btnTypeM {padding-left:25px; padding-right:25px;}
	.btnArea .fC {display:block; width:100%;}
	.btnArea .fCfR {float:right;}
	.btnArea .fCfR .btnTypeL {margin-top:-52px; vertical-align:top;}
	.btnTypeXL.btnIcoPrint:before {margin-right:14px; width:36px; height:36px; background-position:-160px 0; background-size:auto;}

	/* Board View */
	.boardView .form-group {border-top:1px solid #ddd;}
	.boardView .form-group:first-child {border-top:0;}
	.boardView .form-data-info {display:table; width:100%; height:60px; table-layout:fixed;}
	.boardView .form-data-info dt, .boardView .form-group .form-data-info dd {display:table-cell; vertical-align:middle;}
	.boardView .form-data-info dt {width:110px; padding:8px 0 8px 10px;}
	.boardView .form-data-info dd {padding:8px 0 8px 20px;}
	.boardView .form-data-info dd + dt {padding-left:20px;}
	.boardView .form-data-row dt {width:180px;}
	.boardView.boardViewType2 .form-data-info {height:auto;}
	.boardView.boardViewType2 .form-data-info dt, .boardView.boardViewType2 .form-data-info dd {padding:10px 0 10px 10px; vertical-align:top;}
	.boardView.boardViewType2 .form-data-info dt {width:65px;}
	.boardViewPager li {line-height:60px;}
	.boardViewPager li em {width:82px; padding-left:10px;}
	.boardViewPager li .subject {padding:0 10px 0 112px;}
	
	.boardView .form-data-info .w20p{width:20% !important;}
	
	/* Board Search */
	.boardSearchForm .rowTable {display:table; width:100%;}
	.boardSearchForm .rowTable .row {position:relative; display:table-cell; vertical-align:middle; height:48px; border-top:1px solid #ddd; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0;}
	.boardSearchForm .rowTable .row .group { display:table-cell; vertical-align:middle; width:40%;}
	.boardSearchForm .rowTable .row .group.alone {width:1%;}
	.boardSearchForm .rowTable .cellHeader {position:absolute; top:0; bottom:0; width:114px; padding:0 4px 0 14px;}
	.boardSearchForm .rowTable .cellHeader.txtCenter {padding-left:4px;}
	.boardSearchForm .rowTable .cell {padding:4px 4px 4px 120px;}
	.boardSearchForm .rowTable:first-child .row:first-child {border-top:0;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDv + .cellInDv {margin-left:9px;}

	/* Board Write */
	.tableWriteForm th, .tableWriteForm td {height:60px; padding:9px 13px;}

	/* Comment */
	.boardComment .commentWriteForm {padding:0 8px; box-sizing:border-box;}
	.boardComment .commentWriteWrap .commentInfo {padding:0 8px;}

	/* Step */
	.stepWrap>li {margin-top:20px;}
	.stepWrap>li.active {margin-top:0;}
	.stepWrap>li.active:after {content:''; display:inline-block; position:relative; bottom:-6px; left:50%; width:32px; height:12px; margin-left:-6px; background:url('../../assets/img/step_arrow.png') no-repeat;}
	.stepWrap>li .stepNum {display:table-cell; padding-right:10px;}
	.stepWrap>li .stepTit {display:table-cell; border-left:1px solid #cfcfcf; height:48px; padding-left:10px; font-size:1.7em; line-height:1.2em; vertical-align: middle;}

	/* 약관 */
	.termsWrap .termsTxt {overflow-y:scroll; height:250px;}

	/* step1-회원/비회원 인증 */
	.certifyWrap .certifyBoxWrap {justify-content:space-between;}
	.certifyWrap .certifyBoxWrap:after {display:block; content:""; clear:left;}
	.certifyWrap .certifyBox .titWrap .boxInfo {display:table; /*height:96px;*/ margin:0 auto;}
	.certifyWrap .certifyBox.member {flex:1;}
	.certifyWrap .certifyBox.member .titWrap .tit {display:table; margin:20px auto;}
	.certifyWrap .certifyBox.member .titWrap .boxInfo {display:table; height:138px; margin:0 auto;}
	.certifyWrap .certifyBox.nonmember {flex:2; margin-left:1em;}
	.certifyWrap .certifyBox.nonmember .titWrap {display:table; margin:13px auto;}
	.certifyWrap .certifyBox.nonmember .titWrap .tit {display:table-cell; vertical-align: middle;}
	.certifyWrap .certifyBox.nonmember .titWrap .boxInfo {display:table-cell; width:250px; padding-left:35px; vertical-align:middle;}
	.certifyWrap .kindsWrap:after {display:block; content:''; clear:left;}
	/* .certifyWrap .kindsWrap .kindsBox {float:left; width:49%;} */
	/* .certifyWrap .kindsWrap .kindsBox:first-child {margin-right:2%;} */

	/* step2-신청서작성 */
	.nbBoxStyle .questionTxt {padding:1.9em 1.6em;}
	.nbBoxStyle .nbTxtTbInfo {padding: 20px 30px;}

	/* step3-신청완료 */
	.nbCompleteBox .nbCompleteBoxTit {margin-bottom:30px; font-size:1.6em;}
	.nbCompleteBox .tableWriteForm {width:585px; margin:0 auto;}

	/* 회원가입 step2 */
	.userKindsWrap:after {display:block; content:''; clear:left;}
	.userKindsWrap li {float:left; width:50%;}
	.userKindsWrap li:first-child {border-right:1px solid #ddd; margin-left:-1px;}
	.userKindsWrap li div {height:115px; padding:18px 20px 0 110px;}
	.userKindsWrap li div:before {left:20px;}
	.joinCertify.kindsWrap .kindsBox {padding: 25px 30px 40px;}
}

@media all and (max-width:1280px) {
	.tabStyle > li { width:33%; }	
	.tabStyle02 > li { width:33%; }	
	
	#pageSatisfy .manager { overflow:hidden; height:auto;}
	#pageSatisfy .manager h3 { /*height:115px;padding:45px 0 0 15px;*/ padding:45px 0 45px 15px;}
	#pageSatisfy .manager dt, #pageSatisfy .manager dd { float:none}
	#pageSatisfy .manager dt { background:none;}
	#pageSatisfy .manager dd + dt { margin:5px 20px 0 0; padding:5px 0 0 0; border-top:1px dashed #b5b7bf}
	
	/* 임시수도기념관 */
	.actbox li .box01 p { height:430px !important; }
	
	/*서브공통 하단 민원120안내*/
	.boxStyleBottom > p {white-space:normal;}
	.boxStyleBottom a {margin-left:0;}
}

@media all and (max-width:1024px) {
	.tabStyle.layout-auto {display:block;}
	.tabStyle > li, .tabStyle.layout-auto > li { display:block;float:left;width:50%; }	
	.tabStyle02 > li { width:49%; }	
	
	#pageSatisfy, .minwonList { margin-left:0;}
	
	/* Board Search */
	.boardSearchForm .rowTable .cell .btnTypeM.btnIcoSearch:before {margin-right:0;}

	/* Step */
	.stepWrap .stepTit {font-weight:bold;}

	/* 회원가입 step4 */
	.joinCompleteWrap {padding:20px;}
	.joinCompleteWrap .imgWrap {max-width: 220px; margin: 0 auto;}
	.joinCompleteWrap .imgWrap img {width:100%;}
	.joinCompleteWrap .txtWrap {margin-top:20px; text-align:center;}
	
	.input_style_wrap{width:55%; margin:0 auto;}
}

@media all and (min-width:769px) and (max-width:1024px) { 
	
	#header .topNavBackDv {  display:block;position: fixed;top: 0;left: 0;width: 100%;height: 100%; background: rgba(0,0,0,0.6);}
	
	.bs-only-pc {display:none !important;}
	.bs-only-mo {display:none !important;}
	.bs-not-ta {display:none !important;}

	.ta_Y {display:block !important;}
	table.ta_Y {display:table !important;}
	tr.ta_Y {display:table-row !important;}
	td.ta_Y {display:table-cell !important;}
	th.ta_Y {display:table-cell !important;}
	colgroup.ta_Y {display:table-column-group !important;}
	col.ta_Y {display:table-column !important;}
	thead.mo_N {display:table-header-group !important;}

	/* Text */
	.linkList li {width:49.5%;}
	.guLink li {width:49.5%;}
	
	.respond-mo {display:none !important;}
	.respond-pc {display:none !important;}
	.respond-not-ta {display:none !important;}
	.hidden-ta {position:absolute !important; left:-99999px !important;}

	/* Step */
	.stepWrap .stepTit {font-size:1.25em;}
	.stepWrap>li.active:after {margin-left:-2px; background-size:24px 10px;}
	.stepWrap>li .inner {margin-left:14px; padding:8px 10px;}
	.stepWrap>li .stepNum {font-size:0.95em;}
	.stepWrap>li .stepTit {height:35px; font-size:1.25em;}

	/* step1-회원/비회원 인증 */
	.certifyWrap .certifyBox {height:277px;}
	.certifyWrap .certifyBox .tit {font-size:1.85em;}
	.certifyWrap .kindsWrap .kindsBox {height: 160px; padding:12px 8px 0 75px;}
	.certifyWrap .kindsWrap .kindsBox .txtWrap:before {top:20px;}
	.certifyWrap .kindsWrap .kindsBox .txtWrap .kindsTit {font-size:1.25em;}
	.certifyWrap .kindsWrap .kindsBox .txtWrap .info {font-size:0.85em;}
}

@media all and (max-width:768px) { /* mobile ver */


	body, input, select, textarea, button {font-size:12px;}
	.respond-ta {display:none !important;}
	.respond-pc {display:none !important;}
	.respond-not-mo {display:none !important;}
	.hidden-mo {position:absolute !important; left:-99999px !important;}

	/* Form */
	.textFormFile .btnFile {padding-left:0.714em; padding-right:0.714em; font-size:12px;}
	.textFormFile .btnFileAdd:before {margin:-6.5px 0 0 -6px; width:12px; height:13px; background-position:-40px -308px; background-size:80px auto;}
	.textFormFile .btnFileRemove:before {margin:-2px 0 0 -6px; width:12px; height:4px; background-position:-40px -336px; background-size:80px auto;}

	/* Button */
	.btnArea .btnTypeL, .btnArea .btnTypeXL {padding-left:30px; padding-right:30px;}
	.btnArea .btnTypeM {padding-left:18px; padding-right:18px;}
	.btnTypeS {font-size:11px;}
	.btnTypeSM {font-size:12px;}
	.btnTypeM {font-size:12px;}
	.boxGuide {width:100%;}
	.btnTypeL {font-size:14px;}
	.btnTypeXL {font-size:16px;}
	*[class^='btn'].btnIcoZip:before {width:11px; height:14px; background-position:0 -100px; background-size:78px auto;}
	*[class^='btn'].btnIcoList:before {width:9px; height:8px; margin-right:5px; background-position:0 -223px; background-size:58px auto;}
	*[class^='btn'].btnIcoLike:before {width:18px; height:16px; margin-right:4px; background-position:0 -60px; background-size:240px auto;}
	*[class^='btn'].btnIcoLike.active:before {background-position:-30px -60px;}
	/*
	*[class^='btn'].btnIcoDislike:before {width:14px; height:14px; margin-right:4px; background-position:0 -187px; background-size:58px auto;}
	*[class^='btn'].btnIcoReport:before {width:14px; height:14px; margin-right:4px; background-position:0 -112px; background-size:58px auto;}
	 */

	/* Board View */
	.attfilesPhoto li {width:69px; margin-right:7px;}
	.attfilesPhoto li .thumbCaption {position:absolute; left:-9999px; font-size:0; line-height:0;}
	.attfilesPhoto li .thumb, .tableWriteForm .attfilesPhoto li .btnTypeM.btnFileAddPhoto {height:47px;}
	.attfilesPhoto li .btnTypeM.btnFileAddPhoto {position:relative; text-indent:-9999px;}
	.attfilesPhoto li .btnTypeM.btnFileAddPhoto:before {position:absolute; top:50%; left:50%; margin:-10.5px 0 0 -12.5px; width:25px; height:21px; background-position:-36px 0; background-size:144px auto;}
	.attfilesPhoto li .btnDelFile {top:15px; margin-left:-8.5px; width:17px; height:17px; background-position:0 0; background-size:144px auto;}

	.boardView .form-group {border-top:1px solid #ddd;}
	.boardView .form-group:first-child {border-top:0;}
	.boardView .form-data-info dt {position:absolute; width:95px; padding:12px 0;}
	.boardView .form-data-info dd {padding:10px 0 10px 105px; border-top:1px solid #ddd; min-height: 21px;}
	.boardView .form-data-info dt:first-child + dd {border-top:0;}
	.boardView .form-data-subject {padding:11px 0; font-size:1.5em; font-weight:bold;}
	.boardView .form-data-subject-wrap {padding:11px 0;}
	.boardView .form-data-subject-wrap .form-data-subject {padding:0;}
	.boardView .form-data-row dt {width:68px;}
	.boardView .attfilesPhoto {padding:6px 4px;}
	.boardView .attfilesPhoto li {width:138px; margin:4px;}
	.boardView .attfilesPhoto li .thumb {height:95px;}
	.boardView.boardViewType2 .form-data-info dt {width:58px; padding:10px 0 10px 10px;}
	.boardViewPager li em {width:68px; padding:12px 0;}
	.boardViewPager li .subject {padding:12px 0 12px 78px;}

	/* Paging */
	.paginate > a {width:25px;}

	/* Board Search */
	.boardSearchForm .rowTable .group { display:table; width:100%; border-top:1px solid #ddd;}
	.boardSearchForm .rowTable .group > .cell, .boardSearchForm .group > .cellHeader {position:relative; display:table-cell; vertical-align:middle; height:42px;}
	.boardSearchForm .rowTable .cellHeader {width:74px; padding:0 4px;}
	.boardSearchForm .rowTable .cell {padding:4px;}
	.boardSearchForm .rowTable .cell .btnTypeM.btnIcoSearch {width:37px; padding-left:0; padding-right:0;}
	.boardSearchForm .rowTable:first-child .row:first-child .group:first-child {border-top:0;}
	.boardSearchForm .rowTableTypeSearchBar {position:relative;}
	.boardSearchForm .rowTableTypeSearchBar .group > .cellHeader {position:absolute; left:-9999px;}
	.boardSearchForm .rowTableTypeSearchBar .cell {padding:0;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDv {display:block; position:relative; padding:4px 0;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDv + .cellInDv {padding-top:0;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch {display:table; width:100%;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell {display:table-cell;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell + .cellInDvSearchCell {padding-left:3px;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell.srchOption {width:1%; white-space:nowrap;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell.srchOption select {width:80px !important;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .srchKeyword {position:relative;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .srchKeyword input.textForm {width:100% !important; padding-right:37px;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .srchKeyword input.textForm2 { padding-right:37px;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .srchKeyword .btnTypeM.btnIcoSearch {position:absolute; top:0; right:0;}

	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .srchKeyword2 {position:relative;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .srchKeyword2 input.textForm { padding-right:37px;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .srchKeyword2 input.textForm2 { padding-right:37px;}
	/* Board Write */
	.tableWriteForm {font-size:1em;}
	.tableWriteForm th {padding:0 6px;}
	.tableWriteForm td {height:45px; padding:6px 0 4px 6px;}
	.tableWriteForm tbody td .phoneWrap {max-width:200px;}
	.tableWriteForm tbody td .mbBlock {display:block; margin-top:2px;}

	/* Comment */
	.boardComment .commentWriteForm .btnCommentWrite {padding: 0 0.91em;}
	.boardComment .commentList li .commentUser {width:30%; font-size:1em;}
	.boardComment .commentList li .commentContent {width:70%;}

	/* thumbnail List */
	.thumbListType1 > li {width:100%;}
	.thumbListType1 > li .thumb .icoVideo img {width:30%;}

	/* Step */
	.stepWrap {margin:0 0 52px -3px;}
	.stepWrap>li .inner {display:block; margin-left:3px; padding:8px;}
	.stepWrap>li .stepNum {font-size:0.85em}
	.stepWrap>li .stepTit {min-height:44px; display:block; border-left:0; border-top:1px solid #cfcfcf; font-size:1.3em; margin:5px 0 0; padding:5px 0 0;}
	.stepWrap>li.active .stepTit {border-color:rgba(255, 255, 255, 0.3);}

	/* step1-회원/비회원 인증 */
	.certifyWrap .certifyBoxWrap {flex-direction: column;}
	.certifyWrap .certifyBox {width:100%; padding:13px; margin-top:10px;}
	.certifyWrap .certifyBox .titWrap {display:table;}
	.certifyWrap .certifyBox.member .titWrap {margin-bottom:50px;}
	.certifyWrap .certifyBox.nonmember .titWrap {margin-bottom:10px;}
	.certifyWrap .certifyBox .titWrap .tit {display:table-cell; width:100px; text-align:center; font-size:2em; vertical-align:middle;}
	.certifyWrap .certifyBox .boxInfo {display:table-cell; vertical-align:middle;}
	.certifyWrap .kindsWrap .kindsBox {min-height:129px; padding:10px 10px 45px 80px;}
	.certifyWrap .kindsWrap .kindsBox:first-child {margin-bottom:10px;}
	.certifyWrap .kindsWrap .kindsBox .txtWrap .kindsTit {font-size:1.5em;}

	/* step2-신청서작성 */
	.nbBoxStyle .questionTxt {padding:10px 3px;}
	.nbBoxStyle .nbTxtTbInfo {padding:10px 17px;}

	/* step3-신청완료 */
	.nbCompleteBox {padding:20px 15px 25px;}
	.nbCompleteBox .nbCompleteBoxTit {margin-bottom:20px; font-size:1.3em;}
	.nbCompleteBox .tableWriteForm {width:100%;}

	/* 회원가입 step2 */
	.userKindsWrap li:first-child {border-bottom:1px solid #ddd;}
	.userKindsWrap li div {min-height:100px; padding:20px 0 16px 85px;}
	.userKindsWrap li div:before {left:5px;}
	.joinCertify.kindsWrap .kindsBox {padding:15px;}

	/* nbTxtStep */
	.nbTxtStep li {float:none; width:auto; margin:0 0 45px 0;}
	.nbTxtStep li:before {position:absolute; left:50%; top:-34px; display:inline-block; content:""; width:24px; height:34px; background:url('../../assets/img/txtstep_arrow_down.png') no-repeat 0 0; background-size:100%; margin:-5px 0 0 3px;}
	.nbTxtStep li .tit {height: auto;}
	
	/* Plugins */
	img.ui-datepicker-trigger {font-size:12px;}

	.h4Section {margin: 0 0 1.429em 0;}
	.h5Section {margin: 0 0 1.429em 0;}
	
	.boardSearchForm .rowTable .row {width:100%;}

	/*테이블 스크롤 없애기*/
	 .no-scroll .srcoll-table table{overflow-x: hidden !important;}
	 .no-scroll .srcoll-table table {width:100% !important;}
	 .no-scroll .srcoll-table:after {display:none !important;}
	 .no-scroll .srcoll-table:before {display:none !important;}
	 
	.bs-only-pc {display:none !important;}
	.bs-only-ta {display:none !important;}
	.bs-not-mo	{display:none !important;}

	.mo_Y {display:block !important;}
	table.mo_Y {display:table !important;}
	tr.mo_Y {display:table-row !important;}
	td.mo_Y {display:table-cell !important;}
	td.mo_Y {display:table-cell !important;}

	th.mo_Y {display:table-cell !important;}
	colgroup.mo_Y {display:table-column-group !important;}
	col.mo_Y {display:table-column !important;}
	thead.mo_N {position:absolute !important; left:-99999px !important; display:table-header-group !important;}

	.imgWeb {display:none !important; }
	.imgMobile {display:inline-block !important;}

	/* Button */
	.button.small {font-size:11px;}
	.button.medium {font-size:12px;}
	.button.large {font-size:14px;}

	/* Text */
	.linkList li {width:99.5%;}
	.guLink li {width:99.5%;}
	.txtLinedisply {display:block;}

	/* Table */
	.srcoll-table {position:relative; width:100%; margin-top:30px;}
	.srcoll-table:before {content:"Scroll▶"; display:block; position:absolute; top:-20px; right:0; color:#959595;}
	.srcoll-table:after {content:""; display:block; position:absolute; top:0; bottom:0; right:0; width:20px; background:-webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(100%, #dddddd)); background:-webkit-linear-gradient(left, transparent 0%, #dddddd 100%); background:linear-gradient(to right, transparent 0%, #dddddd 100%);}
	/*.srcoll-table:after {content:""; display:block; position:absolute; top:0; bottom:0; right:0; width:20px; background: url('../../assets/img/old/scroll_cover.png') repeat-y 100% 100%; background-size:100% 100%; opacity:0.5;}*/
	.srcoll-table > div {position:relative; width:100%; overflow-x:auto;}
	.srcoll-table table {margin-top:0 !important; width:1000px !important;}
	.srcoll-table table table {width: auto !important;}

	/* Tab */
	.tabStyle > li, .tabStyle02 > li {width:50%;}
	
	.tabWrap {width:100%;}
	.tabWrap .tab ul li a {padding:9px 10px;}
	
	#touchEnKey {display:none;}
	
	/* tab */
	.tabStyle { position: relative; min-height:60px; width:100%;}
	.tabStyle > li, .tabStyle.layout-auto > li { width:100%  }
	
	/* .tabStyle02 li { width:99.5%  } */
	.tabStyle:hover { -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease;} 
	.tabStyle:hover > li {display: block; }
	
	/* 동영상 레이어 팝업 */
	.layerPopup .layerTitle {width:100%; padding-right:50px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
	.layerPopup .videoWrap {width:100%;}
	.layerPopup[data-type='video'] .captionWrap {width:100%; max-height:200px; position: static; padding-left:0; margin-top:15px;}
	
}

@media all and (max-width: 645px) {
	/* .left_img + .ts */
	.boxStyle .left_img {display:block;width:100%;float:none;}
	.boxStyle .ts {display:block;float:none;margin:0 0 0 0;}

	/* 페이지 만족도 조사 */
	#pageSatisfy header .point { float:left; width:100%; padding-top:10px; margin-top:10px; border-top:1px solid #fff}
	#pageSatisfy .satisfyInner { /* height:100px; */}
	#pageSatisfy .satisfyInner .comment { padding-right:0 !important; float:left; width:100%;}
	#pageSatisfy .satisfyInner .comment textarea { width:100%;}
	#pageSatisfy .satisfyInner .comment .button { width:100%; height:35px; margin-top:5px; float:inherit; }

	#pageSatisfy .manager		{ border-left-width: 1px; }
	#pageSatisfy .manager dl	{ clear: both; padding: 15px; }
	#pageSatisfy .manager h3	{ padding: 0 20px 0 15px; height: 50px; line-height: 50px;  font-size: 0.9em;}

	#pageSatisfy header p:before	{ top: 15px !important; }
	#pageSatisfy header p		{ height: auto !important;}
	
	/* 임시수도기념관 */
	.actbox li .box01 p { height:auto !important; }
	.input_style_wrap{width:75%; margin:0 auto;}
	
	.certifyWrap .kindsWrap .kindsBox {padding: 10px; min-height:120px;}
	.certifyWrap .kindsWrap .kindsBox .txtWrap:before {display:none;}
	.certifyWrap .kindsWrap .kindsBox a {padding:0;}
	
	/*서브공통 하단 민원120안내*/
	.boxStyleBottom {line-height:170%;}
	.boxStyleBottom .fsZoomIn2 {font-size:1.1em !important;}
}


@media all and (max-width: 480px) {
	.input_style_wrap{width:95%; margin:0 auto;}
	
	.paginate {flex-flow:row wrap;}
	.paginate .number {width:100%; margin: 0.5em 0;}
	
	/*서브공통 하단 민원120안내*/
	.boxStyleBottom a {display:block; margin-top:10px;}
}