@charset "utf-8";


 /* 사이트 공통 CSS */
/* default font-family */
body,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
textarea,
button {font-family:'NotoSansKR Regular', 'Noto Sans KR', sans-serif;color:#646464;font-weight: 400;}


hr {visibility: hidden;margin: 0;border: 0 none;}


.btnArea {padding-top: 20px;text-align: center;}
.btnArea > * {margin-left: 10px;}
.btnArea > *:first-child {margin-left: 0;}


input[type=text],
input[type=password],
input[type=file],
input[type=date],
select,
textarea {border: 1px solid #ccc;font-size: 14px;font-weight: 300;background-color: #fff;box-sizing:border-box;}
input:focus,
select:focus,
textarea:focus {outline:none;}

input[type=text],
input[type=password],
input[type=file],
input[type=date] {height: 40px;padding: 8px 10px;}


select {height: 45px;}


input[type=radio],
input[type=checkbox] {vertical-align: top; margin:9px 5px 0 7px;}



.btnArea > * {margin-left: 20px;}
.btnArea > *:first-child {margin-left: 0;}


.btn a,
.btn > span,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:30px;padding:0 10px 2px;font-size:14px;font-weight: 300;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;text-align: center !important;}

.btn a {height:auto;line-height:21px;padding:4px 15px 5px;}
.btn a.twoLine {}
.btn a:before {display: inline-block;padding-right: 10px;}
.btn i {padding:2px 10px 0 0;vertical-align: top;}
.btn .btnIcon i {padding-right: 0;}



span.btn {display: inline-block;vertical-align: top;}

.btn .btnSmall {font-size: 12px;height: 26px;padding:0 16px;border-radius:2px;vertical-align:top;}
.btn a.btnSmall {height:auto;padding: 4px 8px 6px;line-height: 14px;}

.btn .btnBig {min-width:120px;height: 45px;padding:0 20px 2px;box-sizing:border-box;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
.btn a.btnBig {min-width:80px;line-height: 43px;padding: 0 20px;}

.btn .fullBtn {display: block;width: 100%;height: 40px;box-sizing:border-box;font-size: 14px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
.btn a.fullBtn,
.btn span.fullBtn {padding: 0;line-height: 38px;}

span.btnBg * {display: block;width: 100%;height: 100%;border: 0 none;padding: 0;opacity: 0;}

table.inputTbl .btnSmall {height:33px;padding:0 10px;}
table.inputTbl a.btnSmall {height: 17px;line-height: 17px;padding:7px 10px;}

.btnIcon {position: relative;text-align: center;}
.btnIcon i {font-size: 20px;line-height: 20px;}
.btnIcon .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;}

.btn a img {position: relative;padding-right: 5px;vertical-align: middle;}

.btn .btnArr {padding-right: 40px !important;background: url('/image/icon/btnBl_arr.png') right center no-repeat;}




ul.txtIn20, ul.txtIn20 > li,
ul.nonBl, ul.nonBl > li,
ul.list, ul.list > li,
ul.listDot, ul.listDot > li,
ul.listBl, ul.listBl > li,
ul.listBar, ul.listBar > li,
ul.listStar, ul.listStar > li,
ul.numList, ul.numList > li {margin: 0;padding: 0;list-style:none;}

ul.listDot > li,
ul.listBl > li,
.blBar,
ul.listBar > li,
ul.listStar > li {position: relative;padding-left: 0.8em !important;}

ul.listDot > li:before {position: absolute;left: 0;top: 12px;display: block;width: 5px;height: 5px;content: " ";border-radius:3px;background-color: #e85e34;}
ul.listBar > li:before, .blBar:before {position: absolute;left: 0;top: -3px;content: "-";}
ul.listStar > li:before {position: absolute;left: 0;top: 0;content: "*";}

ul.numList {margin-left: 1.5em;}
ul.numList > li {list-style:decimal;}

ul.txtIn20 > li {padding-left: 20px;text-indent: -20px;}
ul.txtIn20 > li * {text-indent: 0;}

ul.tabMenu, ul.tabMenu > li,
ul.sort, ul.sort > li,
ul.subMenu, ul.subMenu > li {margin: 0;padding: 0;list-style:none;}

ul.tabMenu:after,
ul.sort:after,
ul.subMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}


ul.tabMenu > li,
ul.sort > li,
ul.subMenu > li {float: left;}

ul.tabMenu a,
ul.sort a,
ul.subMenu a {display: block;text-decoration: none;}

ul.tabMenu > li:first-child a,
ul.sort > li:first-child a,
ul.subMenu > li:first-child a {}

ul.tabMenu .on,
ul.sort .on,
ul.subMenu .on {}
ul.tabMenu .on a,
ul.sort .on a,
ul.subMenu .on a {}

ul.col2ea > li {width: 50%;}

ul.col3ea > li {width: 33.3%;}
ul.col3ea > li:nth-child(3n+1) {width: 33.4%;}
ul.col3ea > li a {border-top: 0 none;}
ul.col3ea > li:nth-child(1) a,
ul.col3ea > li:nth-child(2) a,
ul.col3ea > li:nth-child(3) a {}
ul.col3ea > li:nth-child(3n+1) a {}

ul.col4ea > li {width: 25%;}
ul.col5ea > li {width: 20%;}

ul.col7ea > li {width: 14.3%;}
ul.col7ea > li:first-child {width: 14.2%;}


dl.toggleArea, dl.toggleArea dt, dl.toggleArea dd, dl.toggleArea ul, dl.toggleArea li, dl.toggleArea a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.toggleArea {z-index: 50;position: relative;border: 1px solid #bbb;}

a.trigger {position: relative;display: block;padding-right: 2em;color: #222;font-size: 13px;}
a.trigger:after {position: absolute;right: 1em;top: 50%;font-size: 14px;line-height: 1em;margin-top: -0.5em;content: "\f0d7";font-family: "Font Awesome 5 Free" !important;font-weight: 900;}
.view a.trigger:after {content: "\f0d8";}

dl.toggleArea a.trigger {padding: 7px 0 8px 20px;}

dl.toggleArea > dd {position: absolute;left: -1px;top: 34px;width: 100%;border: 1px solid #ccc;border-top: 0 none;background-color: #fff;}
dl.toggleArea > dd > * {padding: 0 15px 10px;}
dl.toggleArea > dd li {padding-top: 5px;}
dl.toggleArea > dd li:first-child {padding-top: 10px;border-top: 1px solid #ccc;}
dl.toggleArea > dd a {padding:0 5px;color: #222;}

.scrollArea_v {overflow-y: hidden;overflow-x: auto;}

/* ========================================================================================================== */
/* =============================================== 테이블 공통 CSS =============================================== */
/* ========================================================================================================== */

/* 기본 table */
table.tblDef,
table.inputTbl {}

table.tblDef > * > tr > *,
table.inputTbl > * > tr > *,
table.innerTbl > * > tr > * {}
table.tblDef > * > tr > *:first-child,
table.inputTbl > * > tr > *:first-child,
table.innerTbl > * > tr > *:first-child,
table.noborder > * > tr > * {border-left: 0 none;}

table.tblDef > thead > tr:first-child > *,
table.tblDef colgroup + tbody > tr:first-child > *,
table.inputTbl > * > tr:first-child > *,
table.innerTbl > * > tr:first-child > * {border-top: 0 none;}


table.tblDef > * > tr > * {}


table.tblDef > * > tr > th,
table.tblDef > tfoot > tr > *,
table.inputTbl > * > tr > th,
table.innerTbl > * > tr > th {}

table.inputTbl > * > tr > th {text-align: left;}
table.inputTbl > * > tr > th span {line-height: 33px;}
table.inputTbl > * > tr > td,
table.innerTbl > * > tr > td {padding:10px;border-left: 0 none;}

table.tblDef > thead > tr > * {background-color:#f8f8f8;color: #222;}
table.tblDef > thead > tr.bg > * {background-color: #f8f8f8;color: #222;}

table .bdLeft {border-left:1px solid #d2d2d2 !important;}


table.ac > * > tr > * {text-align:center !important;}
table.ac > * > tr > *.al {text-align:left !important;}




table.inputTbl .multi > span,
table.inputTbl .multi > label,
table.inputTbl td.phone span,
table.inputTbl td.phone label,
table.inputTbl td.address > span,
table.inputTbl td.address > label,
table.inputTbl td.birth > span,
table.inputTbl td.birth > label,
table.inputTbl td.email > span,
table.inputTbl td.email > label {line-height:40px;padding-bottom: 0;}



table.inputTbl > * > tr > td.pluginArea {padding: 0;}




table.inputTbl > * > tr > td > span {}
table.inputTbl > * > tr > td > .note {color:#dd3131;font-size:16px;line-height: 45px;}
table.inputTbl > * > tr > td > span.btn {vertical-align: top;padding:5px 0 0;}
table.inputTbl > * > tr > td.address > span.btn {padding-top: 0;}

table.inputTbl input[type=text], table.inputTbl input[type=password] {width: 100%;}
table.inputTbl > * > tr > td.date input[type=text] {width: 30%;}

table.inputTbl td.email input[type=text],
table.inputTbl td.email select {width: 100%;margin: 5px 0 0;}
table.inputTbl td.email input[type=text]:first-child {width: calc(100% - 30px);margin-top: 0;}
table.inputTbl td.email span {width: 30px;margin: 0;text-align: center;}


table.inputTbl > * > tr > td.multi span.btn {padding-top: 0;margin-left: 0;}

table.inputTbl td.phone select {width: 100%;margin:0 0 5px;}
table.inputTbl td.phone input {float: left;width: calc(50% - 8px);margin: 0;}
table.inputTbl td.phone span + input {float: right;}
table.inputTbl td.phone span {width: 16px;text-align: center;margin: 0;}

table.inputTbl ul, table.inputTbl ul li {margin: 0;padding: 0;list-style:none;}
table.inputTbl ul.note li {line-height: 1.2em;}




/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */


table.bbs > * > tr > * {text-align: center;border-left: 0 none;}
table.bbs > * > tr > th {padding: 0;;height: 20px;color: #222;background-color: #f8f8f8;font-weight: 400;}
table.bbs > tbody > tr > .bg {padding: 10px;background-color:#e85e34;color:#fff;text-align:center;}

table.bbs > tbody > tr > td > a {display:inline-block;vertical-align: top;color: #222;font-size: 18px;font-weight: 300;}
table.bbs > tbody > tr > td > a:hover,
table.bbs > tbody > tr > td > a:focus {color: #e85e34;}

table.bbs > tbody > tr > td.date {font-family: 'Open Sans', sans-serif;font-size: 15px;line-height: 1.2;font-weight: 500;}
table.bbs > tbody > tr > td.date strong {display: block;font-size: 44px;}

table.bbs > tbody > tr > td.tit {text-align:left;}
table.bbs > tbody > tr > td.tit a {display:inline-block;overflow:hidden;position:relative;width: 300px;text-overflow:ellipsis; white-space:nowrap;text-decoration: none;font-weight: 400;}


table.bbs > tbody > tr > td.tit a > span {display: inline;}
table.bbs > tbody > tr > td.tit img.notice, 
table.bbs td.file a img {vertical-align:top;padding:4px 5px 0 0;}

table.bbs span.notice {position: relative;display: inline-block;width: 20px;height: 21px;text-indent: -10000px;}
table.bbs span.notice:before {position: absolute;left: 0;top: 0;width: 100%;content: "\f0f3";font-family: "Font Awesome 5 Free";font-weight: 900;text-indent: 0;text-align: center;}


table.bbs td.tit span.reply {position: absolute;top: 50%;height: 21px;margin-top: -11px;}
table.bbs td.tit img.new {position:absolute;right: 0;top:50%;width: 27px;margin-top: -14px;}
table.bbs td.tit img.attach {position: absolute;top: 50%;width: 19px;height: 25px;margin-top: -13px;}

table.bbs td.tit a.attach .attach,
table.bbs td.tit a.reply .reply {right: 0;}
table.bbs td.tit a.attach.reply span.attach {right: 20px;}
table.bbs td.tit a.attach {width: 300px;text-indent: 0;}

table.bbs td.tit a.new.attach .attach,
table.bbs td.tit a.new.reply .reply {right: 34px;}

table.bbs span.info {display: block;padding-top: 5px;color: #666;font-size: 15px;}
table.bbs span.info span {position: relative;display: inline-block;padding-left: 20px;}
table.bbs span.info span:before {position: absolute;left: 9px;top: 6px;width: 1px;height: 11px;background-color: #666;content: " ";}

table td.file,
table td.con {text-align:left;padding:10px;}

table td.file a {text-decoration: none;color: inherit;}
table td.con {height: 300px;vertical-align: top;}

table.bbs td input[type=radio],
table.bbs td input[type=checkbox] {margin-left:15px;}
table.bbs td input[type=radio]:first-child,
table.bbs td input[type=checkbox]:first-child {margin-left:0;}
table.bbs td.pluginArea {padding:0 !important;}

table.bbs span.bullet {display:inline-block;height:24px;padding:0 5px;line-height:20px;text-align:center;color:#fff;}

table.bbs td.utilBtn span,
table.bbs td.utilBtn a {vertical-align: top;}

table.bbs td.noData {padding: 20px 0 !important;font-weight: 600;text-align: center !important;}



/* 게시판 글 보기 */
div.bbsView {border-top: 2px solid #e85e34;border-bottom: 1px solid #ccc;}
.bbsTit {padding: 22px 30px 0;color: #222;font-size: 24px;line-height: 30px;font-weight: 400;}
div.bbsView ul.info {overflow: hidden;margin: 0;padding: 10px 30px 22px;border-bottom: 1px solid #ccc;}
div.bbsView ul.info > li {position: relative;float: left;margin: 0;padding: 0 0 0 20px;color: #666;font-size: 15px;font-weight: 300;list-style:none;}
div.bbsView ul.info > li:before {position: absolute;left: 9px;top: 6px;width: 1px;height: 11px;background-color: #666;content: " ";}
div.bbsView ul.info > li.link {float: right;}

div.bbsView ul.info > li:first-child,
div.bbsView ul.info > li.link {padding-left: 0;}
div.bbsView ul.info > li:first-child:before,
div.bbsView ul.info > li.link:before {display: none;}

div.bbsView ul.info a {text-decoration: none;color: inherit;}

table.bbsView > * > tr > * {border-left: 0 none;}


table.bbsView + .bbsCon {margin-top: 30px;background-color: #fbfbfb;}

dl.bbsAttach {position: relative;border-top: 1px solid #ccc;padding: 10px 30px 10px 145px;}
dl.bbsAttach > dt {position: absolute;left: 0;top: 10px;width: 145px;text-align: center;color: #222;font-size: 16px;line-height: 27px;font-weight: 400;}
dl.bbsAttach ul, dl.bbsAttach li, dl.bbsAttach a {margin: 0;padding: 0;list-style:none;}
dl.bbsAttach li {margin-top: 10px;padding: 0 0 0 25px;background: url('/image/icon/attach.png') 0 0 no-repeat;}
dl.bbsAttach li:first-child {margin-top: 0;}
dl.bbsAttach a {display: inline-block;color: #666;font-size: 15px;line-height: 24px;font-weight: 300;text-decoration: none;vertical-align: top;}

div.bbsView + div.bbsUtil {margin-top:30px;text-align: right;}


/* 댓글 */

div.replyArea {position: relative;margin-top: 100px;padding:5px 25px 25px;border:1px solid #d2d2d2;}
div.replyArea a {text-decoration: none;color: inherit;}
div.replyArea .brief {position: absolute;left: 0;top: 0;margin-top: -40px;color: #313131;font-size: 1.1em;font-weight: 400;}

dl.replyItem {position: relative;margin: 0;padding: 20px;border-bottom: 1px solid #d2d2d2;}
dl.replyItem.reply,
div.replyWrite.reply {background-image: url('/image/icon/bl_reply.png');background-repeat: no-repeat;}
dl.replyItem.reply {padding-left: 80px;background-position:56px 20px;}
div.replyWrite.reply {padding-left: 45px;background-position:20px 20px;}

dl.replyItem > dt,
dl.replyItem > dd {margin: 0;}
dl.replyItem > dt {color: #313131;}
dl.replyItem > dt span,
dl.replyItem > dt a {display: inline-block;color: #808080;font-size: 0.8em;}
dl.replyItem > dt span {display: inline-block;content: "|";padding: 0 10px;}
dl.replyItem > dt a {}
dl.replyItem > dt a:before {display: inline-block;padding-right: 5px;content: "\f3e5";font-family: "Font Awesome 5 Free";font-weight: 900;color: #000;}
dl.replyItem > dd {padding-top:10px;font-size: 14px;color: #808080;}
dl.replyItem > dd.util,
dl.replyItem.modify > dd.util {position: absolute;right: 20px;top: 25px;padding: 0;font-size: 0.8em;}
dl.replyItem > dd.util a:first-child:after {display: inline-block;content: "";padding: 0 6px 0 10px;color: #808080;}
dl.replyItem.modify > dd.util a:first-child {display:  none;}

div.replyWrite {position: relative;padding: 20px 150px 20px 20px;border-bottom: 1px solid #d2d2d2;}
div.replyArea textarea {width: 100%;height: 100px;padding: 10px;box-sizing:border-box;border: 1px solid #d2d2d2;background-color: #f7f7f7;}
div.replyArea span.btn {position: absolute;right: 20px;top: 20px;width: 120px;height: 100px;}
div.replyArea span.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;}


dl.replyItem.modify > dd {position: relative;padding: 20px 130px 0 0;}
dl.replyItem.modify span.btn {right: 0;}




/* 게시글쓰기 */
div.bbsWrite {}

ul.popSize, ul.popSize li {margin: 0;padding: 0;list-style:none;}
ul.popSize li {margin-top:5px;}
ul.popSize li:first-child {margin-top:0;}
ul.popSize li input[type=text] {width:80px; margin-right:5px; text-align:center;}
ul.popSize li label,
ul.popSize li span {line-height: 45px;vertical-align: top;}

div.bbsWrite div.btnArea * {border-radius: 0;}

/* 게시판 하단버튼 영역 */
div.bbsUtil {position: relative;margin: 20px 0;}
div.bbsUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}



/* 게시판 하단 pager */
ul.pager {padding: 15px 0 30px;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;}
ul.pager li {margin-left:5px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline-block;width: 17px;padding: 2px 0;vertical-align: top;}

ul.pager a {display: inline-block;border:0 none;padding: 1px 5px 2px;text-align: center;vertical-align: top;font-size: 15px;line-height:16px;border-bottom: 2px solid #fff;text-decoration: none;color: #b3b3b3;font-family: 'Montserrat-Regular', sans-serif;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;padding:0;border: 0 none;}

ul.pager a.on {color: #000;;border-bottom-color: #000;font-family: 'Montserrat-Bold', sans-serif;}
ul.pager a img {vertical-align: top;}




/* 게시판 검색 */
div.bbsSearch {position: relative;margin-top: 50px;padding:35px 0;text-align: center;background-color: #f3f3f3;font-size: 0;}
div.bbsSearch:first-child {margin-top: 0;}
div.bbsSearch input, div.bbsSearch select, div.bbsSearch .btn, div.bbsSearch .btnIcon {display: inline-block;vertical-align:top;font-size: 16px;font-weight: 300;}

div.bbsSearch select {width: 140px;height: 50px;}
div.bbsSearch input[type=text] {width: 438px;height: 24px;margin-left: 10px;padding: 11px 10px 13px;}

div.bbsSearch span.divide,
div.bbsSearch span.category {position: relative;display: inline-block;width: 430px;height: 50px;padding: 30px 0 10px;}
div.bbsSearch span.divide:before,
div.bbsSearch span.category:before {position: absolute;left: 0;top: 0;content:attr(data-text);color: #222;font-size: 18px;line-height: 1.2;font-weight: 400;}

div.bbsSearch span.divide select,
div.bbsSearch span.category select {float: right;width: 210px;}
div.bbsSearch span.divide select:first-child,
div.bbsSearch span.category select:first-child {float: left;}

div.bbsSearch .btn {position: relative;}
div.bbsSearch .btn * {width: 110px;height: 50px;border-radius:0;font-size: 18px;}

div.bbsBrief {padding:30px 0 15px;font-weight: 400;font-size: 20px;}

div.sort {position: relative;margin: 35px 0 20px;}
div.sort select {min-width: 140px;}


/* ========================================================================================================== */
/* ================================================ 게시판 팝업 =============================================== */
/* ========================================================================================================== */

body.pop {margin:0; padding:0; height:100%; background-color:#fff; font-family: 'NotoSansKR Regular', '맑은고딕', 'Malgun Gothic', sans-serif; word-break:break-all;}
body.pop form {margin:0; padding:0;}

#popClose {position:static; height:22px; line-height:22px; font-size:13px; overflow:hidden; text-align:right; background-color:#6f6f6f;}
#popClose:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 #popClose {zoom:1;}
#popClose * {vertical-align:middle;}
#popClose .fl {width:50%; margin-left:10px;}
#popClose .fl label, #popClose .fl input[type='checkbox'] {float:left;}
#popClose .fl label {margin:0 10px 0 5px; font-weight:bold; color:#fff;}
#popClose .fl input[type='checkbox'] {margin:5px 0 0 0;}
@media all and (-ms-high-contrast:none) {
	#popClose .fl input[type='checkbox'] {margin-top:1px;} /* IE10 */
	*::-ms-backdrop, #popClose .fl input[type='checkbox'] {margin-top:4px;} /* IE11 */
}
.ie7 #popClose .fl input[type='checkbox'],
.ie8 #popClose .fl input[type='checkbox'],
.ie9 #popClose .fl input[type='checkbox'] {margin:0;}
#popClose a,
#popClose label {display:inline-block; margin-top:-1px; margin-right:10px; font-weight:bold; color:#fff;}

/* popup skin */
.skinWrap {position:relative; min-height:100%;} /* width:500px; */
.skinWrap.skin01 {border: 1px solid #e85e34;}
.skinWrap.skin02 {background: linear-gradient(135deg, #253580, #518adc);}
.skinWrap.skin03 {}

.skin01 .popHeader {}
.skin02 .popHeader {}

.skinWrap .popHeader .tit { font-weight:bold; font-size:24px; line-height:30px;color: #fff;}
.skin01 .popHeader .tit {padding:17px 20px 23px;background-color: #e85e34;text-align: center;}
.skin02 .popHeader .tit {padding:17px 20px 23px;background:#232f79 url('/image/common/popup_headerBg.png') right top no-repeat;}
.skin03 .popHeader .tit {border-radius: 10px 10px 0 0;padding:17px 20px 23px;background-color: #212d77;}

.skinWrap .contWrap {min-height:268px; padding-bottom:22px;background-color: #fff;}
.skin02 .contWrap {margin:0 3px 3px;}
.skin03 .contWrap {border-radius:0 0 10px 10px;border: 3px solid #212d77;border-top: 0 none;}


.skinWrap .contWrap .content {padding:20px; color:#0c0c0c; line-height:20px; font-size:14px;}
.skinWrap .contWrap .content a {text-decoration:underline; color:#0c0c0c;}

.skinWrap .contWrap .btnWrap {text-align:center; margin:30px 0;}
.skinWrap .contWrap .btnWrap a {padding: 5px 20px 7px;text-decoration: none;}

.skinWrap #popClose {position:fixed; bottom:0; left:0; width:100%;}
.ie7 .skinWrap #popClose {position:static;}


/* 레이어 팝업 */
div.layerPopup, div.layerPopup dl, div.layerPopup dt, div.layerPopup dd, div.layerPopup ul, div.layerPopup li, div.layerPopup p {margin: 0;padding: 0;list-style:none;}
div.layerPopup {display: none;z-index: 500;position: fixed;left: 0;top: 0;width: 100%;min-width: 320px;height: 100%;padding: 20px;background-color: rgba(0,0,0,.5);box-sizing:border-box;}

div.layerPopup > div.popupWrap {position: absolute;left: 20px;top: 20px;width: calc(100% - 40px);height: calc(100% - 40px);background-color: #fff;}
div.layerPopup > div.popupWrap h1 {margin: 0;padding: 17px 0 18px;color: #333;font-size: 17px;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
div.layerPopup > div.popupWrap div.popupCon {overflow-x: hidden;overflow-y: auto;height: calc(100% - 110px);padding: 0 20px 25px;}

div.popupWrap .close {position: absolute;right: 20px;top: 15px;width: 30px;}
div.popupWrap .close a {display: block;height: 16px;padding: 7px 0;}
div.popupWrap .close img {display: block;width: 16px;margin: 0 auto;}



/* 타이틀 관련 */
.subTit_bl {padding-left: 30px; background: url(https://elearning.ksog.org/image/sub/subTit_bl.png) no-repeat left 11px; font-size: 18px; color: #0081d7; margin: 20px 0 10px; font-family: 'NotoSansKR Bold';}
.boldTit {font-family: 'NotoSansKR Bold'; font-size: 18px; color: #1a1a1a; margin: 30px 0 10px;}