@charset "utf-8";

/*************************************
	Title
**************************************/
#conts {line-height:1.7;padding: 20px 0 100px;}
#conts * {box-sizing:border-box;}

#conts h4:before,
#conts .h4:before,
#conts h5:before,
#conts .h5:before,
#conts h6:before,
#conts .h6:before {content:""; display:block; position:absolute;}

#conts h4,
#conts .h4 {position:relative;font-size: 30px;font-weight: 600; margin-bottom:.6em; letter-spacing:-.05em; line-height:1.4;color: #081e5a;padding-left: 0;}
#conts h4:before,
#conts .h4:before {display:none;}

#conts h5,
#conts .h5 {position:relative; margin-left:23px;font-size: 25px;color: #000; font-weight:600; margin-bottom:.3em;padding-left: 25px;}
#conts h5:before,
#conts .h5:before {width: 19px;height: 9px;top: 11px; left:0; background:url('/gjmayor/img/common/ico_h5.png') no-repeat 50% 50%;}

#conts h6,
#conts .h6 {position:relative;font-size: 22px;color: #1663b9;margin-left: 28px; font-weight:600;padding-left: 20px; margin-bottom:.3em;}
#conts h6:before,
#conts .h6:before {width:13px;height:13px; top:8px; left:0; background:url('/gjmayor/img/common/ico_h6.png') no-repeat 50% 50%; border-radius:100%;}

#conts .mh4 {margin-left:0px !important;}
#conts .mh5 {margin-left:23px !important;}
#conts .mh6 {margin-left:23px !important;}

#conts * + h4 {margin-top:4rem;}
#conts * + h5 {margin-top:2.5rem;}
#conts * + h6 {margin-top:2rem;}

#conts h4 + h3 {margin-top:0;}
#conts h4 + h4 {margin-top:0;}
#conts h4 + h5 {margin-top:0;}
#conts h4 + h6 {margin-top:0;}

#conts h5 + h3 {margin-top:0;}
#conts h5 + h4 {margin-top:0;}
#conts h5 + h5 {margin-top:0;}
#conts h5 + h6 {margin-top:0;}

#conts h6 + h3 {margin-top:0;}
#conts h6 + h4 {margin-top:0;}
#conts h6 + h5 {margin-top:0;}
#conts h6 + h6 {margin-top:0;}

@media all and (max-width:1024px) {
	#conts h4, #conts .h4 {font-size:2.5rem;}
	#conts h5, #conts .h5 {font-size:2rem;}
	#conts h6, #conts .h6 {font-size:1.8rem;}
	#conts h5:before, #conts .h5:before {height:2.7rem; top:0;}
	#conts h6:before, #conts .h6:before { top:3px;}

	#conts .mh4 {margin-left:0px !important;}
	#conts .mh5 {margin-left:0rem !important;}
	#conts .mh5.fix-mh5 {margin-left:2.4rem !important;}
	#conts .mh6 {margin-left:0rem !important;}
}
@media all and (max-width:769px) {
	#conts h4,
	#conts .h4 {font-size:22px;}
	#conts h4:before,
	#conts .h4:before {transform:scale(.9); -webkit-transform:scale(.9); top:5px;}

	#conts h5,
	#conts .h5 {font-size:18px;}

	#conts h6,
	#conts .h6 {font-size: 18px;}
	#conts h6:before,
	#conts .h6:before {transform:scale(.9);-webkit-transform:scale(.9);top: 5px;}

	#conts * + h4 {margin-top:3.5rem;}
	#conts * + h5 {margin-top:2rem;}
	#conts * + h6 {margin-top:1.5rem;}


}
@media all and (max-width:640px) {
    #titWrap h3 {margin-right: 50px;}
}
@media all and (max-width:375px) {
	#conts h4,
	#conts .h4 {font-size:20px;}
	#conts h4:before,
	#conts .h4:before {transform:scale(.8); -webkit-transform:scale(.8); top:3px;}

	#conts h5,
	#conts .h5 {margin-left:0px; font-size:16px;}

	#conts h6,
	#conts .h6 {font-size: 14px; margin-left:0px;}
	#conts h6:before,
	#conts .h6:before {transform:scale(.8); -webkit-transform:scale(.8); top:0px;}

	#conts .mh4 {margin-left:0px !important;}
	#conts .mh5 {margin-left:0px !important;}
	#conts .mh6 {margin-left:0px !important;}

	#conts * + h4 {margin-top:3.5rem;}
	#conts * + h5 {margin-top:2rem;}
	#conts * + h6 {margin-top:1.5rem;}

}

/*************************************
	TEXT
**************************************/

#conts em {color:#dd3801; font-size:1em;}
#conts table th em {color:#ffea37; }
#conts p {}
#conts .p-title {font-size:2.5rem; color:#000; font-weight:600;}
#conts .small {font-size: 0.9rem;}
#conts .smallest {font-size:1.4rem;}
#conts .small li {font-size:1.5rem;}
#conts .smallest li {font-size:1.4rem;}
#conts .point {color:#ff7216;}
#conts .txt_point {color:#006ec3 !important;}
#conts .txt_point2 {color:#019787 !important;}
#conts .txt_point3 {color:#ff7216;}
#conts .error {color:#eb581e;}
#conts .sub {color:#797979; font-size:1.6rem;}
#conts .sub2 {color:#656565; font-size:1.6rem;}
#conts .helper {color:#215bbc !important;}
#conts .orange {color:#f68e55;}
#conts .yellow-green {color:#96be3f;}
#conts .purple {color: #6979c7}
#conts .gray {color:#666666;}
#conts .black {color:#000;}
#conts .white {color:#fff;}
#conts strong {font-weight:600;}
#conts .link {color:#006ec3;}
#conts .link:hover {background:#ebf3f0;}
#conts .link[target="_blank"] {position:relative; margin-right:0.5rem; word-break:break-all;}
#conts .link[target="_blank"]:after {content:""; display:inline-block; /* position:absolute; */ margin-left:0.4rem; /* top:50%; margin-top:-.65rem; left:100%; */ width:13px; height:18px; background:url('/common/img/common/ico_blank.png') no-repeat 50% bottom;}
#conts .icon-file {display: inline-block; padding-left: 30px; background: url('/common/img/guide/ico_file.png') no-repeat left 5px; line-height: 2; text-decoration: underline; }
#conts .icon-file:hover { color:#006ec3; }
#conts .s-title {font-size:2.1rem !important; font-weight:600; margin-bottom:.36em; letter-spacing:-.05em; color:#006ec3 !important;}
#conts .s-title.st2 {font-size:1.6rem !important; font-weight:800; margin-bottom:.5em; letter-spacing:-.05em; color:#333 !important; display: inline-block; border-bottom: 1px solid #333; padding-bottom: 2px;}
#conts .s-title.years{ font-family: 'Poppins', sans-serif; font-size:3rem !important; font-weight: 400;}

#conts .list-count {color:#000; font-size:1.8rem;}
#conts .list-count span {display:inline-block; vertical-align:middle;}
#conts .list-count span + span {margin-left:1em;}
#conts .list-count em {color:#215bbc; font-weight:800;}

@media all and (max-width:769px) {
	#conts .p-title {font-size:2rem;}
	#conts .s-title {font-size:1.9rem !important;}
	#conts .s-title.st2 {font-size:1.5rem !important}
	#conts .icon-file {background-size:auto 1.4em; padding-left:1.7em;}
	#conts .s-title.years {font-size:2.3rem !important;}

	#conts *.box-design .cell,
	#conts *.box-design .cell p,
	#conts *.box-design .cell li {font-size:1em !important;}

	#conts *.box-design.history .cell dl,
	#conts *.box-design .t1 + .cell {font-size:1.4rem;}
	#conts *.box-design.history .cell dl dt {font-size:1.6rem;}
	#conts *.box-design.history .cell dl dd {font-size:1.3rem;}

}
@media all and (max-width:375px) {
	#conts .p-title {font-size:1.8rem;}
	#conts .s-title {font-size:1.7rem !important;}
	#conts .s-title.st2 {font-size:1.3rem !important}
	#conts .s-title.years {font-size:1.8rem !important;}
}

/*************************************
	List
**************************************/

#conts table .list-ol li,
#conts table .list-ul li {font-size:1.5rem; text-align:left; }
#conts table .list-ul > li:before {top:8px;}

#conts .list-ul.mh4,
#conts .list-ol.mh4 {margin-left:1rem !important;}
#conts .list-ul.mh5,
#conts .list-ol.mh5 {margin-left:3rem !important;}
#conts .list-ul.mh6,
#conts .list-ol.mh6 {margin-left:3.4rem !important;}

#conts .list-ol li,
#conts .list-ul li {position:relative;font-size: 1rem; line-height:1.6; color: #333;}
#conts .list-ul li:before {display:block; position:absolute; background:url('/gjmayor/img/common/ul_dot.png') no-repeat;}
#conts .list-ol li ul,
#conts .list-ul li ul,
#conts .list-ol li ol,
#conts .list-ul li ol {margin: 0.8rem 0;}

#conts .list-ol li li ul,
#conts .list-ul li li ul,
#conts .list-ol li li ol,
#conts .list-ul li li ol {margin:2rem 0;}

#conts .list-ul li + li,
#conts .list-ol li + li {margin-top:10px !important;}

#conts *[class*="col-"] li + li {margin-top:0px !important;}

#conts .list-ul > li {padding-left: 20px;}
#conts .list-ul > li:before {content:"";width: 12px;height: 12px; left:0px;top: 5px; background-position:0 0px;}

#conts .list-ol {counter-reset:index;}
#conts .list-ol > li {padding-left: 2rem;}
#conts .list-ol > li:before {content:"0"counter(index); counter-increment:index; display:block; position:absolute; width:1.2em;height:1.6em;color: #572fa5;background: none !important; text-align:center;top: 0; left:0; font-size:15px; font-weight:900; font-family:'Roboto', sans-serif;}
#conts .list-ol > li.d:before {content:counter(index);}

#conts .list-ol li strong,
#conts .list-ul li strong {color: #333;}
#conts .list-ol li strong.error,
#conts .list-ul li strong.error {color:#eb581e !important;}

#conts .list-ol > li li,
#conts .list-ul > li li {padding-left:13px;font-size: 1rem;color: #555;line-height: 1.6;}
#conts .list-ol > li ul li:before,
#conts .list-ul > li ul li:before {content:""; width:5px; height:5px; left:0; top:10px; background-position:0 -22px;}
#conts .list-ol > li li li,
#conts .list-ul > li li li {font-size: 0.95rem;}
#conts .list-ol > li ul li ul li:before,
#conts .list-ul > li ul li ul li:before {content:""; width:7px; height:10px; left:0px; top:7px; background-position:0 -35px;;}

#conts .list-ul.box-list {box-sizing: border-box;border-radius: 10px;background: #f5f5f5;padding: 20px;}
#conts .list-ul.box-list li ul {box-sizing:border-box;border-radius: 10px;background:#fff; padding:15px;margin: 10px 0 !important;}


#conts .list-ol.history li:before {content:none;}
#conts .list-ol.history > li {padding:20px 0; border-bottom:1px dashed #ddd;}
#conts .list-ol.history li strong {display:inline-block; text-align:center; padding:5px; background:#008368; color:#fff; width:200px; border-top-left-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
#conts .list-ol.history li ol {display:inline-block;}

#conts .list-ul .list-ol {counter-reset:index;}
#conts .list-ul .list-ol > li {padding-left:2.2rem; line-height: 1.6;}
#conts .list-ul .list-ol > li:before {content:"0"counter(index); counter-increment:index;}
#conts .list-ul .list-ol > li.d:before {content:counter(index);}

#conts .box-design .cell .list-ul > li:before {width:5px; height:5px; background-position:0 -22px;}
#conts .box-design .cell .list-ul li + li,
#conts .box-design .cell .list-ol li + li {margin-top:7px !important;}
#conts .box-design .cell .list-ul > li ul li:before {width:7px; height:10px; left:0px; top:7px; background-position:0 -35px;}

/*************************************
	Table
**************************************/
.inbox td,
.inbox th {padding:0.5rem 1rem !important; font-size:1.6rem;}
.inbox .sum{background:#f8f9fb;}

@media all and (max-width:1024px) {
	/*.inbox th {font-size:.95rem; }*/
}

#conts .grid {display:block; margin:0 -10px; overflow:hidden;}
#conts .grid .col {float:left; box-sizing:border-box; padding:0 10px; }
#conts .grid.col-2 .col {width:50%;}

#conts .tbl-box {position:relative;}
#conts .tbl-box caption {position:absolute; top:-999px; z-index:-999; opacity:0;}

#conts .tbl {position:relative; width:100%; table-layout:fixed;border-top: 1px solid #232448;border-collapse:separate; border-spacing:0; z-index:0;}
#conts .tbl.Thead{border-top: 1px solid #ddd;}
#conts .tbl td,
#conts .tbl th {position:relative;padding: 1rem .5rem; border:1px solid #ddd;/* border-left-width:0; */border-right-width:0;border-top-width:0; vertical-align:middle;word-wrap: break-word;}
#conts .tbl thead th {vertical-align:middle; font-weight:600; text-align:center;color: #ffffff;background: #3c6bbf;font-size: 1em;border-left: 1px solid #7991b3;border-bottom: 1px solid #b6bcc4;}
#conts .tbl th:last-child {border-right-width:1px;}
#conts .tbl thead th.bo-left { border-left: 1px solid #ddd;}
#conts .tbl tbody th.bo-left { border-left: 1px solid #ddd;}
#conts .tbl td {font-size: 1rem;color:#555555;}
#conts .tbl td.txtR{text-align:right;}
#conts .tbl td:last-child {border-right-width:1px;}
#conts .tbl thead + tbody th {background:#fff !important; color: #555;}
#conts .tbl tbody th {font-weight:400; color:#333; }
#conts .tbl tfoot th {font-weight:400; color:#333 !important;  background:#eee !important; border-color: #ddd; }
#conts .tbl tfoot td {font-weight:600;}
#conts .tbl td p { font-size: 1.5rem; }

#conts .tbl.open-data td,
#conts .tbl.open-data th {padding:.5rem 1rem; font-size:1.4rem;}

#conts .tbl .bo-left {border-left-width: 1px;}
#conts .tbl .bo-right {border-right-width:1px !important;}
#conts .tbl .bo-bottom {border-bottom-width:1px !important;}
#conts .tbl .bo-top {border-top-width:1px !important;}

#conts .tbl .bo-left2 {border-left-width:2px !important;}
#conts .tbl .bo-right2 {border-right-width:2px !important;}
#conts .tbl .bo-bottom2 {border-bottom-width:2px !important;}
#conts .tbl .bo-top2 {border-top:2px solid #c3c3c4 !important;}

#conts .tbl .feat td,
#conts .tbl .feat th {padding:1.2rem 1.5rem;}

#conts table table.inner {position:relative; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; z-index:0; border:2px solid #cbd0d8;}
#conts table table.inner td,
#conts table table.inner th {position:relative; padding:.7rem; border-left-width:0; border-right-width:0; border-top-width:0; border-bottom-width:0; vertical-align:middle; border-color: #cbd0d8 !important;}
#conts table table.inner tr * + * {border-left-width:1px;}
#conts table table.inner th {vertical-align:middle; font-weight:600;background: #f2f5f9 !important; text-align:center;color: #333 !important;border-bottom: 1px solid #333;}
#conts table table.inner th:first-child,
#conts table table.inner td:first-child { border-left: 0 solid #1257b5;}
#conts table table.inner td {font-size: 0.9rem;}
#conts table table.inner tbody td {border-bottom-width:1px;}
#conts table table.inner tbody tr:last-child th, #conts table table.inner tbody tr:last-child td {border-bottom-width:0;}

.td_st01 { background: #f2f5f9; }

.tbl-respon > .guide {display:none;}
.tbl_wrap .tbl_guide {position:relative;font-size: 0.9rem;font-weight: bold;color: #7f1aa9;background:none; padding-top:0; padding-left:20px;}
.tbl_wrap .tbl_guide:after {content:'!'; position:absolute; width:13px; height:13px; font-size:11px; font-weight:800; text-align:center; line-height:0.9rem; border:1px solid #7f1aa9; top:3px; left:0;}

.fit .tbl th,.fit .tbl td { padding: 1rem .5rem !important; }
.fit .tbl th { font-size:  1.5rem !important; }
.fit .tbl td { font-size:  1.3rem !important; }
.fit .tbl li { font-size:  1.3rem !important; }
.fit .tbl tbody th { font-size:  1.5rem !important; }

.ico_con .tbl th, .ico_con .tbl td { padding: 1rem .5rem !important; }
.ico_con .tbl th { font-size:  1.5rem !important; }
.ico_con .tbl td { font-size:  1.3rem !important; }
.ico_con .tbl tbody th { font-size:  1.5rem !important; }


#conts .tbl.frm tbody th {font-weight:600;}
#conts .tbl.frm em {font-weight:600;}
#conts .tbl.frm .file-list .btn {background:#333; font-size:15px; color:#ffffff; min-width:0 !important; margin:0 0 0 10px !important;}
#conts .tbl.frm .file-list .btn.small {line-height:33px; height:35px;}

@media all and (max-width:1024px) {
	#conts .tbl td,
	#conts .tbl th {padding: .7rem;}

	#conts .tbl.open-data,
	#conts .tbl.open-data tr,
	#conts .tbl.open-data th,
	#conts .tbl.open-data td,
	#conts .tbl.open-data tbody {display:block;}
	#conts .tbl.open-data thead {display:none;}

	#conts .tbl.open-data th {text-align:left; font-weight:600;}
	#conts .tbl.open-data th:before {content:"- ";}

	#conts .tbl.open-data tr {padding-bottom:1rem;}
	#conts .tbl.open-data td,
	#conts .tbl.open-data th {padding:.5rem 1rem; border:none;}
	#conts .tbl.open-data th {background:#333; color:#fff;}
	#conts .tbl.open-data td {border:none;}
	#conts .tbl.open-data td:before {content:"· 공표목록 : ";}
	#conts .tbl.open-data td + td:before {content:"· 공표항목 : ";}
	#conts .tbl.open-data td + td + td:before {content:"· 공표주기 : ";}
	#conts .tbl.open-data td + td + td + td:before {content:"· 공표시기 : ";}
	#conts .tbl.open-data td + td + td + td + td:before {display:none;}
	#conts .tbl.open-data td a {display:block; }

	#conts .tbl.frm tbody th {font-size:15px;}
}
@media all and (max-width:1000px) {
	#conts .tbl-respon .guide {position: relative;display:block;font-size: 0.94rem;color: #2147b5;padding-bottom:.5em;padding-left: 1.5rem;letter-spacing:-.05em;}
	#conts .tbl-respon .guide:after {content:'!'; position:absolute; width:15px; height:15px; font-family:'GmarketSansBold'; font-size:10px; text-align:center;color: #2147b5;border: 1px solid #2147b5;top: 4px; left:0;}
	#conts .tbl-respon .tbl-box {width:100%; overflow:auto;}
	#conts .tbl-respon .tbl-box table {width:1100px;}
}
@media all and (max-width: 768px) {

	#conts .tbl td,
	#conts table table.inner th,
	#conts table table.inner td {font-size: 0.9rem;}#conts *.box-design.history .s-title.years

	.fit .tbl th,
	.fit .tbl td,
	.fit .tbl tbody th {font-size:1.4rem !important;}

	#conts .tbl.frm tbody th {font-size:14px;}
	#conts .tbl.frm tbody td {font-size:13px;}
	#conts .tbl.frm .file-list .btn.small {height:30px; line-height:28px;}

	#conts .tbl-respon .tbl-box table {width:900px;}
	#conts .tbl-respon .tbl-box table table {width:100%;}

	.ico_con .tbl th {font-size:1.4rem !important;}
}
@media all and (max-width: 560px) {

	.fit .tbl th,
	.fit .tbl td,
	.fit .tbl tbody th {font-size:1.2rem !important;}

	#conts .tbl.frm,
	#conts .tbl.frm tbody,
	#conts .tbl.frm tr,
	#conts .tbl.frm th,
	#conts .tbl.frm td {display:block; position:relative; width:auto; border:none;}
	#conts .tbl.frm th {text-align:left;}
	#conts .tbl.frm td {padding-bottom:15px !important;}
	#conts .tbl.frm colgroup {display:none;}

}
@media all and (max-width: 375px) {
	#conts .tbl-respon .tbl-box table {width:800px;}

	.ico_con .tbl th {font-size:1.3rem !important;}
}

/*************************************
	Box Style
**************************************/

.box-img {display:block; position:relative; margin:1.5em 0;}
.box-img img {display:block; position:relaive; z-index:0;}
.box-img a.viewer {display:block; position:absolute; right:0; bottom:0; z-index:1; overflow:hidden; text-indent:-999px; width:8.83em; height:2.65em; max-width:150px; max-height:45px; background:url(/gjmayor/img/common/btn_img_viewer.png) no-repeat 0 0; background-size:contain;}
.box-img a.viewer:after {display:none;}

.box-notice {display:block; position:relative; padding:2em 2.5em 3em;}
.box-notice:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:0 3.3em 0 3.3em; border:.4117em solid #e5e5e5; z-index:-2;}
.box-notice:after {content:""; display:block; position:absolute; top:0; left:0; z-index:-1; width:7.647em; height:5.294em; background:url(/gjmayor/img/common/img_box_notice.png) no-repeat 0 0; background-size:contain;}
.box-notice h4 {font-size:1.647em !important;}
.box-notice > .inner > .ico {text-align:center;}
.box-notice > .inner > .txt {padding-top:2em;}


@media all and (max-width:1024px) {
	.bod-guide > .inner > .ico {display:none !important;}
	.bod-guide > .inner > .txt {padding-left:0 !important;}

}

@media all and (min-width:820px) {
	.box-notice {padding:3.5em 5.3em;}
	.box-notice > .inner {display:table; width:100%; table-layout:fixed;}
	.box-notice > .inner > * {display:table-cell; vertical-align:middle;}
	.box-notice > .inner > .ico {text-align:center; width:180px;}
	.box-notice > .inner > .txt {padding-left:5.3em; padding-top:0;}
}
@media all and (max-width:1024px) {
	.box-notice > .inner > .ico img {height:7em;}
}

/*************************************
	Button
**************************************/
.btn-box {position:relative; width:100%; text-align:center; padding:1rem;}
.btn-box.bg {background:#f2f6f9;}
.btn.down {position: relative; background: #fff; border: 1px solid #d8dde4; padding-right: 50px;}
.btn.down:after {content:''; position:absolute; width:37px; height:100%; border:1px solid #d8dde4; background:url(/gjmayor/img/common/ico_down.png) no-repeat center #fff; top:-1px; right:-1px; transition:all 0.3s;}
.btn.down:hover {border:1px solid #0b2854;}
.btn.down:hover:after { border:1px solid #0b2854;background: url(/gjmayor/img/common/ico_down_on.png) no-repeat center #0b2854;}