@charset "utf-8";


body,
div.wrapper,
div.popupWrap,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
a,
textarea,
button {font-family: 'Noto Sans KR', sans-serif;font-weight: 300;word-break:normal;}




/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
.mobileOnly,
.pcOnlyNote {display: block !important;}
.pcOnly {display: none !important;}
a.mobileOnly,
span.mobileOnly {display: inline-block !important;}
select {-webkit-appearance:none;}
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
.mobileOnly,
.pcOnlyNote {display: none !important;}
.pcOnly {display: block !important;}
a.pcOnly,
span.pcOnly {display: inline-block !important;}
}


/* ========================================================================================================== */
/* ============================================= 버튼 및 폼태그 공통 CSS ============================================ */
/* ========================================================================================================== */
img.essenImg {display:inline-block;vertical-align:middle;padding:0 5px 0 0;}

img {max-width:100%;}

a.conLink {text-decoration:none;color: inherit;}
a.conLink:hover,
a.conLink:focus {}
a img {vertical-align:middle;}

input[type=text] {margin:0;padding:0;}

a,
input[type=submit],
input[type=button],
button {display:inline-block;margin:0;padding:0;border:0 none;cursor:pointer;}
textarea {margin:0;}

select,
input[type='text'],
input[type='password'],
textarea {height:35px;padding:5px 10px 7px;border:1px solid #cacaca;box-sizing:border-box;}
select {height:35px;padding:0;}
textarea {height:150px;}

input[type=radio],
input[type=checkbox] {vertical-align:middle;margin:0 5px 0 20px;}
input[type=radio]:first-child,
input[type=checkbox]:first-child {margin-left:0;}

td label,
td span:not(#content_parent) {display:inline-block;} /* 에디터 id부분만 적용안되도록 예외처리 김상훈 K 2018-07-19 */



/* 버튼 영역 */
.btnArea {position:relative;overflow:hidden;margin-top:30px;text-align:center;}
.btnArea .posTL,
.btnArea .posTR {overflow:hidden;}
.btnArea .posTL > *,
.btnArea .posTR > * {float:left;margin-left:5px;}
.btnArea .posTL > *:first-child,
.btnArea .posTR > *:first-child {margin-left:0;}


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:35px;padding:0 15px 2px;font-size:15px;border-style:solid;border-width:1px;vertical-align:top;text-align: center !important;}

.btn a {height:auto;line-height: 19px;padding: 7px 15px;}
.btn a img {padding-right:5px;vertical-align:top;}
.btn i {padding-right: 5px;}

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

.btn .btnBg {width:100%;height:100%;border:0 none;padding:0;opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
a.btnBg {display:block;height:100%;text-indent:-10000px;}

.btn .btnArr,
.btn .btnCancel {background-position:right center;background-repeat:no-repeat;text-align: left !important;}
.btn .btnArr {background-image:url('/image/common/btnBl_arr.png');;background-repeat:no-repeat;}
.btn .btnCancel {background-image:url('/image/common/btnBl_cancel.png');background-repeat:no-repeat;}

.btn .fullBtn {width:100%;font-size:16px;}
.btn a.fullBtn {padding:7px 0 8px;}

.btn .middleBtn {width:400px;font-size:16px;}
.btn a.middleBtn {padding:7px 0 8px;}






/* 큰 버튼 height:24px */
.btn .btnBig {min-width:100px;height:50px;padding:8px 30px 10px;font-size:1.2em;font-weight:normal;}
.btn a.btnBig,
.btn > span.btnBig {min-width:58px;height:auto;padding:14px 20px 15px;}

div.btnArea * {margin-left:10px;}
div.btnArea *:first-child {margin-left:0;}

/* 작은 버튼 height:24px */
.btn .btnSmall {height:24px;padding:1px 10px 2px;font-size:12px;}
.btn a.btnSmall {height:auto;padding:3px 10px 5px;line-height:14px;}

table.inputTbl .btnSmall {height:35px;font-size:12px;}
table.inputTbl a.btnSmall,
.btn > span.btnSmall{height:18px;padding:9px 13px 6px;}


.btn > span {display: inline-block;position: relative;}
.btn > span .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;border: 0 none;}





/* 파란색 */			.btn .btnDef {background-color:#184997;border-color:#184997;color:#fff !important;}
/* 검정색 */			.btn .btnPoint {background-color:#4c4c4c;border-color:#4c4c4c;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#dcdcdc;border-color:#dcdcdc;color:#4c4c4c !important;}
/* 진회색 */			.btn .btnList {background-color:#939393;border-color:#939393;color:#fff !important;}


/* border+파란색 */		.btn .btnBdDef {background-color:#fff;border-color:#184997;color:#184997 !important;}
/* border+검정색 */		.btn .btnBdPoint {background-color:#fff;border-color:#4c4c4c;color:#4c4c4c !important;}
/* border+회색 */			.btn .btnBdGrey {background-color:#fff;border-color:#bab9b9;color:#bab9b9 !important;}


/* 파일첨부 */
div.selectFile {overflow:hidden;margin-top: 5px;}
div.selectFile:first-child {margin-top: 0;}
div.selectFile p {float:left;}
div.selectFile p input[type=text] {height:35px;padding: 4px 10px;}
div.selectFile p.find {position: relative;width:80px;height: 24px;padding: 5px 0 6px;margin-left:5px;background-color:#393939;color: #fff;text-align: center;}
div.selectFile p.find input {position: absolute;left: 0;top: 0;width:100%;height:100%;padding: 0;border: 0 none;}



/* 레이아웃 */
div.wrapper {position:relative;margin:0;color: #3f3a39;font-size: 15px;font-family: 'Noto Sans KR', sans-serif;font-weight: 300;}

div#headerWrap h1 a {display: block;height: 100%;text-indent: -10000px;background-position: 0 0;background-repeat: no-repeat;}

ul#gnb a {display: block;text-decoration: none;}


div.titArea {background-position: center top;background-repeat: no-repeat;color: #fff;text-align: center;}
div.titArea h2 {font-weight: 700;}

div#footerWrap {background-color: #797e87;}
div#footerWrap dt {display: none;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.wrapper {overflow: hidden;width: 100%;min-width: 320px;}
div#headerWrap {position: relative;height: 50px;}
div#headerWrap h1 {position: absolute;left: 10px;top: 10px;width: 200px;height: 30px;}
div#headerWrap h1 a {background-image: url('../image/header_logo_m.png');background-size: auto 30px;}

div#headerWrap p.viewGnb {position: absolute;right: 10px;top: 10px;width: 30px;height: 30px;}
div#headerWrap p.viewGnb a {display: block;height: 100%;text-indent: -10000px;background: url('../image/gnb_view.png') center center no-repeat;background-size: 18px;}


ul#gnb {display: none;height: 100%;background-color: #fff;}
ul#gnb > li {border-bottom: 1px solid #dedede;}
ul#gnb > li > a {position: relative;padding: 10px 0 10px 50px;color: #184997;font-weight: 700;}
ul#gnb > li > a img {position: absolute;left: 10px;top: 50%;width: 23px;height: 26px;margin-top: -13px;}

ul#gnb > li:nth-child(1) > a {background: url('../image/gnbSub_off.png') right center no-repeat;background-size: 27px;}


ul#gnb ul {display: none;padding: 5px 0;border-top: 1px solid #dedede;background-color: #f3f3f3;}
ul#gnb ul a {padding: 8px 50px;color: #282828;font-size: 1.1em;}
ul#gnb ul a:before {content: "- ";line-height: 1em;}

div#headerWrap div.view {z-index: 100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;padding-top: 50px;box-sizing:border-box;background-color: #2b2b2b;}
div#headerWrap div.view h1 a {background-image: url('../image/gnb_logo_m.jpg');}
div#headerWrap div.view p.viewGnb a {background-image: url('../image/gnb_close.png');}
div#headerWrap div.view ul#gnb {display: block;}

div.titArea {display:none;}
div.titArea h2 {height: 37px;padding: 34px 0;font-size: 25px;}
div.titArea dl {display: none;}



ul#lnb {height: 50px;}
ul#lnb > li {float: left;width: 33.3%;}
ul#lnb > li:first-child {width: 33.4%;}
ul#lnb a {display: block;padding: 14px 0;text-decoration: none;border-left: 1px solid #fff;background-color: #939393;color: #fff;text-align: center;}
ul#lnb > li:first-child a {border-left: 0 none;}
ul#lnb > li.on a {background-color: #184997;}

div.contents {padding: 10px;}


div#footerWrap {position: relative; padding: 10px;}
div#footerWrap > dl {padding-top: 40px;background: url('../image/footer_logo_m.png') left top no-repeat;background-size: 147px;color: #636363;font-size: 13px;}
div#footerWrap a {color: #636363;text-decoration: none;}

div#footerWrap p.pcVer {position: absolute; top:10px; right:10px;}
div#footerWrap p.pcVer a {display:block; width: 90px;}
div#footerWrap p.pcVer a img {display:block; width: 100%;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.wrapper {min-width: 1100px;padding-top: 155px;}

div#headerWrap {position: absolute;left: 0;top: 100px;width: 100%;height: 55px;background-color: #184997;}
div#headerWrap > div {position:relative;width: 1100px;margin: 0 auto;}

div#headerWrap h1 {position: absolute;left: 0;top: -77px;width: 369px;height: 55px;}
div#headerWrap h1 a {background-image: url('../image/header_logo.jpg');}

ul#gnb {}
ul#gnb a {padding: 10px;color: #184997;font-size: 18px;}
ul#gnb img {display: none;}
ul#gnb > li {position: relative;float: left;width: 33.3%;}
ul#gnb > li:first-child {width: 33.4%;}
ul#gnb > li > a {padding: 12px 0 13px;border-right: 1px solid #5e80b6;font-size: 20px;color: #fff;text-align: center;}
ul#gnb > li:first-child > a {border-left: 1px solid #5e80b6;}

ul#gnb ul {display: none;position: absolute;left: 0;top: 55px;width: 100%;padding: 5px 20px 10px;border: 2px solid #184997;border-top: 0 none;background-color: #fff;box-sizing:border-box;}
ul#gnb ul li {border-top: 1px solid #bac6db;}
ul#gnb ul li:first-child {border-top: 0 none;}

div#container {padding-bottom: 90px;background-color: #e9edf3;}

div.titArea {height: 84px;padding: 48px 0;background-image: url(../image/topVisual.jpg);background-color: #092152;font-size: 16px;}
div.titArea h2 {font-size: 40px;}

div.contents {width: 1000px;margin: 30px auto 0;padding: 50px;background-color: #fff;}

div#footerWrap {border-top: 1px solid #ccc;padding: 30px 0;}
div#footerWrap > dl {width: 865px;margin: 0 auto;padding-left: 235px;background: url('../image/footer_logo.png') left center no-repeat;color: #fff;font-size: 13px;}
div#footerWrap a {color: #fff;text-decoration: none;}
div#footerWrap br {display: none;}
div#footerWrap ul {overflow: hidden;}
div#footerWrap li {float: left;padding-left: 10px;}
div#footerWrap li:first-child {padding-left: 0;}
}



/* 컨텐츠 공통 */
.subTit {color: #184997;font-weight: 400;background-repeat: no-repeat;}
.pointTit {color: #184997;font-weight: 400;}

.subTit:first-child,
.pointTit:first-child {margin-top: 0;}

ul.listBl > li, .bullet,
ul.listBl_bar > li, .bl_bar {position: relative;padding-left: 1em;}

ul.listBl > li:before, .bullet:before,
ul.listBl_bar > li:before, .bl_bar:before {position: absolute;left: 0;top: 0;}
ul.listBl > li:before, .bullet:before {content: "·";font-weight: bold;}
ul.listBl_bar > li:before, .bl_bar:before {content: "-";}


ul.tabMenu {overflow: hidden;}
ul.tabMenu > li {float: left;}
ul.tabMenu a {display: block;text-decoration: none;text-align: center;border: 1px solid #184997;border-left: 0 none;color: #184997;background-color: #fff;}
ul.tabMenu > li:first-child a {border-left: 1px solid #184997;}
ul.tabMenu .on a {background-color: #184997;color: #fff;}

ul.menu03 > li {width: 33.3%;}
ul.menu03 > li:nth-child(3n+1) {clear: both;width: 33.4%;}

ul.menu02 > li {width: 50%;}
ul.menu02 > li:nth-child(2n+1) {clear: both;width: 50%;}

.tabCon {display: none;margin-top: 10px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.subTit {margin: 30px 0 10px;padding-left: 20px;background-image: url('../image/subTit_m.png');background-position: 0 10px;background-size: 11px;font-size: 20px;}
.pointTit {margin: 25px 0 10px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.subTit {margin: 65px 0 20px;padding-left: 35px;background-image: url('../image/subTit.png');background-position: 0 12px;font-size: 30px;}
.pointTit {margin: 45px 0 15px;font-size: 22px;}

.ing {text-align: center;}
}






/* 기본 table */
table.tblDef {border:1px solid #e2e2e2;border-bottom: 0 none;}

table.tblDef > * > tr > th,
table.tblDef > * > tr > td {padding:10px;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;color:#3f3a39;word-break:break-all;}
table.tblDef > * > tr > th:first-child,
table.tblDef > * > tr > td:first-child {border-left: 0 none;}

table.tblDef > * > tr > th {background-color:#f1f5fc;color: #184997;text-align: center;font-weight: 400;}
table.tblDef > * > tr > .bg {background-color:#f1f5fc;color: #004f95;}


table.ac > * > tr > th,
table.ac > * > tr > td {text-align:center;}

table.al > * > tr > td {padding:6px 10px 7px !important;text-align:left !important;}
table > * > tr > td.al {padding-left:10px;text-align:left;}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
table.tblDef {table-layout:fixed}
table.rwTbl,
table.rwTbl tbody,
table.rwTbl tr,
table.rwTbl th, table.rwTbl td,
table.rwThead,
table.rwThead tbody,
table.rwThead tr,
table.rwThead th, table.rwThead td,
table.rwTrHead,
table.rwTrHead tbody,
table.rwTrHead tr,
table.rwTrHead th, table.rwTrHead td {display:block;}

table.rwTbl colgroup,
table.rwTbl col,
table.rwTbl thead,
table.rwThead colgroup,
table.rwThead col,
table.rwThead thead,
table.rwTrHead colgroup,
table.rwTrHead col,
table.rwTrHead thead {display:none;}

table.rwTbl > * > tr > * {padding:5px 10px;box-sizing:border-box;border-left: 0 none !important;}



table.rwTbl input[type=text],
table.rwTbl input[type=password],
table.rwTbl textarea {width:100%;height:32px;box-sizing:border-box;}
table.rwTbl textarea {height:50px;}

table.rwTbl th label,
table.rwTbl th span {line-height:1.2;}

table.rwThead {}
table.rwThead > tbody > tr {}
table.rwThead td {padding:5px;min-height:1.2em;}
table.rwThead td:before {display:block;float:left;width:30%;content:attr(data-thead);font-weight:bold;}

table.rwTbl tbody tr,
table.rwThead tbody tr {overflow:hidden;border-top:2px solid #202121;}
table.rwTbl > tbody > tr:first-child,
table.rwThead > tbody > tr:first-child {border-top:0 none;}

table.rwTrHead td {padding:0 0 10px;border-left:0 none;}
table.rwTrHead td:before {display:block;padding:7px 0 9px;margin-bottom:10px;content:attr(data-thead);font-weight:bold;text-align:center;background-color:#6460ac;color:#fff;}


}



/* PC : width:961px ~ */
@media screen and (min-width: 961px) {

}





/* ========================================================================================================== */
/* =================================================== intro ================================================== */
/* ========================================================================================================== */


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.wrapper.intro {background: #0d2f75 url('../image/introBg_m.png') center top no-repeat;background-size: 100%;}

div.intro div#container {height: 640px;}
div.intro div.contents {padding: 0;}
div.intro h1 {padding: 35px 60px 0 0;}

div.intro ul.wsInfo {position: absolute;right: 20px;bottom: 260px;color: #fff;text-align: right;}
div.intro ul.wsInfo li:before {content: "· ";font-weight: 900;}
div.intro ul.quickMenu {position: absolute;left: 0;bottom: 0;padding: 0 20px 10px;}
div.intro ul.quickMenu li {padding-bottom: 10px;}

div.intro div#footerWrap {display: none;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.wrapper.intro {padding-top: 0;}

div.intro h1 img,
div.intro ul.quickMenu img {display: none;}
div.intro h1 a,
div.intro ul.quickMenu a {display: block;height: 100%;}

div.intro div#container {position: relative;height: 823px;padding: 0;background: #122a60 url('../image/introBg.png') center top no-repeat;}

div.intro h1 {width: 619px;height: 140px;margin: 0 auto;background: url('../image/intro_logo.png') 0 0 no-repeat;}

div.intro div.contents {position: absolute;left: 50%;top: 50%;padding: 0;margin:-375px 0 0 -500px;background: none;}

div.intro ul.wsInfo {margin-top: 40px;padding-top: 36px;text-align: center;color: #fff;font-size: 22px;font-weight: 400;background:  url('../image/intro_txtBg.png') center top no-repeat;}
div.intro ul.wsInfo li {padding-top: 5px;}

div.intro ul.quickMenu {overflow: hidden;padding-top: 270px;}
div.intro ul.quickMenu li {float: left;width: 288px;height: 188px;margin-left: 25px;background-position: 0 0;background-repeat: no-repeat;}
div.intro ul.quickMenu li:nth-child(1) {margin-left: 0;background-image: url('../image/introBtn_01.png');}
div.intro ul.quickMenu li:nth-child(2) {background-image: url('../image/introBtn_02.png');}
div.intro ul.quickMenu li:nth-child(3) {background-image: url('../image/introBtn_03.png');}
}









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

body.pop {margin:0; padding:0; height:100%; background-color:#fff;font-family:'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:#b2b2b2;}
#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.skin02 {border: 1px solid #e8ecef;}
.skinWrap .popHeader {}

.popHeader {padding-top: 80px;}
.skin01 .popHeader {border-top: 3px solid #3aafff;background:url('/image/popup/popupTit_01.png') center 28px no-repeat, url('/image/popup/popupBg_01.png');}
.skin02 .popHeader {background:url('/image/popup/popupBg_02.png') center 14px no-repeat;}

.skinWrap .popHeader .tit {margin: 0;padding:10px 20px 10px 20px;color:#000;font-weight:bold; font-size:16px;line-height:1.2;background-color:#fff;}
.skin02 .popHeader .tit {border-top: 5px solid #e8ecef;}

.skinWrap .contWrap {min-height:268px; width:100%; padding-bottom:22px;}
.skinWrap .contWrap .content {padding:20px; color:#444; line-height:20px; font-size:14px;}
.skinWrap .btnArea {text-align:center; margin:30px 0;}


.skinWrap #popClose {position:fixed; bottom:0; left:0; width:100%;}
.ie7 .skinWrap #popClose {position:static;}
.skinWrap #popClose a {text-decoration:none;}
.skinWrap #popClose form {background-color:#b2b2b2;}




/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.info{overflow:hidden;}
div.info div.tabCon h3{margin-top: 20px;}
div.info table.tblDef tr td span{font-weight: bold; display: block !important;}



div.info div.infoTop{overflow: hidden;}
div.info div.infoTop dl{float:left; text-align: center;  border: 1px solid #dedede; margin-bottom: 20px; box-sizing: border-box;}
div.info div.infoTop dl:nth-child(odd){width:calc(50% - 3px) !important; margin-right: 3px;}
div.info div.infoTop dl:nth-child(even){width:calc(50% - 3px) !important;margin-left: 3px;}
div.info div.infoTop dl:nth-child(3){clear:both; margin-left: 0;}
div.info div.infoTop dl dt{font-weight: bold;}
div.info div.infoTop dl dt img{display:inline-block; padding-bottom: 5px; width: 100%;}

div.info div.infoTop dl:first-child dt img,
div.info div.infoTop dl:last-child dt img{padding-bottom: 20px;}
div.info div.infoTop dl dd{padding-bottom: 5px;}
div.info div.infoTop dl dd span.mobile{display: block !important;}
div.info div.infoTop dl:first-child dd,
div.info div.infoTop dl:last-child dd{padding-bottom: 12px;}

div.info table.tblDef th,
div.info table.tblDef td{font-size: 12px;}

div.infoMap{overflow: hidden; margin-top: 20px;}
div.infoMap dl{position:relative;padding: 5px 0 50px 100px; margin-bottom: 20px; height: 67px; font-size: 13px;}
div.infoMap dl:last-child{margin-bottom: 0;}
div.infoMap dl dt{position:absolute; top: 0; left: 0; color: #184997; text-align:center; text-decoration: none;}
div.infoMap dl dt img{display: block; width: 67px;padding: 0 0 10px 10px; text-align: center;}


p.imgWrap{width: 100%; height: 400px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.info{overflow:hidden;}
div.info div.tabCon h3{margin-top: 20px;}
div.info table.tblDef tr td span{font-weight: bold; display: block !important;}

div.info div.infoTop{overflow: hidden;}
div.info div.infoTop dl{width: 24%; float:left; text-align: center; height: 240px; margin-left: 10px; border: 1px solid #dedede;}
div.info div.infoTop dl:first-child{margin-left: 0;}
div.info div.infoTop dl dt{font-weight: bold;}
div.info div.infoTop dl dt img{display:inline-block; padding-bottom: 10px; width: 100%;}

div.info tr.pcOnly{display: table-row !important;}
div.info tr.pcOnly th,
div.info tr.pcOnly td{border-left: 1px solid#dedede !important;}

div.infoMap{overflow: hidden;}
div.infoMap dl{position:relative;padding: 30px 0 30px 120px; margin-bottom: 40px; height: 40px;}
div.infoMap dl:last-child{margin-bottom: 0;}
div.infoMap dl dt{position:absolute; top: 0; left: 0; color: #184997; text-align:center; text-decoration: none; font-size: 13px;}
div.infoMap dl dt img{display: block; padding: 0 0 10px 10px; text-align: center;}

p.imgWrap{}
p.imgWrap a {cursor:text !important;}
}


/* 대회일정 */
div.tableWrap p.ar{margin-top: 10px; font-weight: bold;}
div.tableWrap p.pcOnly{margin-top: 50px;}
div.tableWrap p.mobileOnly img{width: 100%; margin-top: 25px;}


td.leftBorder{border-left: 1px solid #e2e2e2 !important;}




/* 참가팀 엔트리 */
div.entryBrief {}




/* 로그인 */
div.popupWrap {padding: 35px;border: 1px solid #e2e2e2;}

div#popupLogin dl {position: relative;padding-left: 50px;}
div#popupLogin dt {position: absolute;left: 0;top: 53px;padding-left: 10px;font-size: 15px;line-height: 38px;color: #3f3a39;font-weight: 300;}
div#popupLogin dt:first-child {top: 0;}
div#popupLogin dt:before {position: absolute;left: 0;top: 0;content: '·';font-weight: bold;}

div#popupLogin dd {padding-bottom: 15px;}
div#popupLogin dd input {width: 100%;height: 38px;box-sizing:border-box;}

div#popupLogin div.btn {padding-left: 50px;}
div#popupLogin div.btn * {width: 100%;height: 38px;box-sizing:border-box;}

div#popupEntryUpload {padding-top: 25px;}
div#popupEntryUpload dl {position: relative;padding:0 0 15px 80px;}
div#popupEntryUpload dt {position: absolute;left: 0;top: 15px;width: 65px;padding-left: 10px;}
div#popupEntryUpload dt:before {position: absolute;left: 0;top: 0;content: '·';font-weight: bold;}
div#popupEntryUpload dd {padding-top: 15px;}
div#popupEntryUpload dd input[type=text] {width: 100%;height: 38px;box-sizing:border-box;}

div#popupEntryUpload dt,
div#popupEntryUpload dd label {font-size: 15px;line-height: 38px;color: #3f3a39;font-weight: 300;}
div#popupEntryUpload ul {overflow: hidden;}
div#popupEntryUpload li {float: left;width: 33.3%;}

div#popupEntryUpload div.btn {text-align: center;}
div#popupEntryUpload div.btn * {width: 30%;margin-left: 10px;}
div#popupEntryUpload div.btn *:first-child {margin-left: 0;}




div.searchArea {}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.entryBrief {display: none;}

div.searchArea {position: relative;padding: 0 65px 10px 30%;}
div.searchArea select {position: absolute;left: 0;top: 0;width: calc(30% - 5px);}
div.searchArea input[type=text] {width: 100%;box-sizing:border-box;}
div.searchArea span.btn {position: absolute;right: 0;top: 0;width: 60px;}
div.searchArea span.btn > * {width: 100%;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.entryBrief {float: left;overflow: hidden;width: 364px;border: 1px solid #5e5266;border-radius:5px 5px 0 0;}
div.entryBrief table {width: 100%;border-bottom: 1px solid #5e5266;border-collapse:separate;border-spacing:0;}
div.entryBrief table th {border-left: 1px solid #fff;border-top: 1px solid #fff;border-bottom: 1px solid #7a7a7c;color: #fff;font-weight: normal;font-size: 12px;}
div.entryBrief table tr:first-child th {border-top: 0 none;}
div.entryBrief table td {padding: 5px 0;border-left: 1px solid #7a7a7c;border-bottom: 1px solid #7a7a7c;color: #221815;font-size: 14px;font-weight: bold;text-align: center;}
div.entryBrief table tr > *:first-child {border-left: 0 none;}
div.entryBrief > p {padding: 5px 0;background-color: #a57eb6;font-weight: bold;color: #fff;text-align: center;}

div.searchArea {float: right;margin-bottom: 20px;}
div.searchArea > *,
div.searchArea select,
div.searchArea input,
div.searchArea span.btn {float: left;margin-left: 5px;}
div.searchArea select,
div.searchArea *:first-child {margin-left: 0;}
div.searchArea select {width: 100px;}
div.searchArea input[type=text] {width: 389px;}

div.searchArea.entry {margin-top: 75px;}


/* 로그인 */
div#popupLogin {width: 360px;}

/* 참가팀엔트리 등록 */
div#popupEntryUpload {width: 390px;}
}


/* 게시판 */


table.bbs {border-left: 0 none;border-right: 0 none;}
table.bbs > * > tr > * {border-left: 0 none !important;text-align: center;}
table.bbs > * > tr > td.tit {text-align: left;}
table.bbs > * > tr > td.tit a {color: #3f3a39;}


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

table.bbs td.tit a > span {display: inline !important;}

table.bbs td.bg {border-top: 0 none;background-color: #09397d;color: #fff;}

table.bbs td.tit a.new {padding-right:25px;}
table.bbs td.tit a.new img.new {position:absolute;right:0;top:50%;margin-top:-8px;}
table.bbs td.tit i {color: #2a8be3;font-size: 20px;}

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


div.bbsUtil {margin-top: 30px;text-align: right;}
div.bbsUtil > * {width: 100px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
table.bbs {border-top:2px solid #184997;}
table.bbs > tbody > tr {position: relative;padding-bottom: 5px;border-top: 0 none;border-bottom: 1px solid #ddd;}
table.bbs > tbody > tr > td {display: inline-block;border: 0 none;padding: 0;color: #aaa;}
table.bbs > tbody > tr > td.date:before {content: " | ";}
table.bbs > tbody > tr > td.date:after {content: " | ";}

table.bbs > tbody > tr > td.num,
table.bbs > tbody > tr > td.tit {padding: 5px;box-sizing:border-box;color: #000;}
table.bbs > tbody > tr > td.num {position: absolute;left: 0;top: 0;width: 15%;text-align: center;}
table.bbs > tbody > tr > td.tit {display: block;padding-left: 15%;}
table.bbs > tbody > tr > td.tit a {vertical-align: top;color: #000;}
table.bbs > tbody > tr > td.num img {padding-top: 3px;}

table.bbsView {border-left: 0 none;border-right: 0 none;}
table.bbsView > tbody > tr {border-top: 0 none;}
table.bbsView > tbody > tr > * {float: left;padding: 5px;box-sizing:border-box;}
table.bbsView > tbody > tr > th {width: 30%;}
table.bbsView > tbody > tr > td {width: 70%;}
table.bbsView > tbody > tr > td.bg {display: block;width: 100%;padding: 5px 0;color: #000;font-weight: 400;background: none;border-bottom: 0 none;}
table.bbsView > tbody > tr > td.con {width: 100%;}

table.bbsView > tbody > tr.info {padding-bottom: 5px;text-align: left;border-bottom: 1px solid #e2e2e2;}
table.bbsView > tbody > tr.info th {display: none;}
table.bbsView > tbody > tr.info td {float: none;display: inline-block;width: auto;padding: 0;border-bottom: 0 none;}
table.bbsView > tbody > tr.info td:before {content: " | ";}
table.bbsView > tbody > tr.info td:nth-child(2):before {content: "";}

div.bbsUtil {margin-top: 10px;}
div.bbsUtil > * {}

div.bbsUtil .btnList img {width: 22px;padding:3px 5px 0 0;vertical-align: top;}

a.back {display: block;padding:12px 0 13px 55px;background: #184997 url('../image/btnBl_back.png') 0 0 no-repeat;background-size: 55px;font-weight: 400;font-size: 20px;color: #fff;text-decoration: none;}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
table.bbsView > tbody > tr > td.bg {text-align: center;font-weight: 400;background-color: #f8f8f8;}
table.bbsView > tbody > tr > th {background-color: #f8f8f8;}
div.bbsUtil .btnList img {display: none;}
}


/* 게시판 하단버튼 영역 */
ul.pager {padding:30px 0;text-align:center;line-height:16px;}
ul.pager li {display:inline;margin-left:5px;font-size:13px;color:#6c6c6c;vertical-align: top;}
ul.pager li:first-child {margin-left:0;}

ul.pager,
ul.pager li,
ul.pager a {width:auto !important;min-width:auto !important;vertical-align:top;}

ul.pager a {display:inline-block; vertical-align:top;}
ul.pager img {display:inline;vertical-align:top;}
ul.pager span {line-height:16px; color:#000; vertical-align: top;}

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

ul.pager a.on,
ul.pager a.btnDef {font-weight:bold;color:#fff;background-color:#077f35;}
ul.pager a img {width:18px;vertical-align: top;}


/* 팝업 */
div.popupWrap {}
div.popupWrap .close {position: absolute;right: 0;top: 0;width: 50px;height: 50px;}
div.popupWrap .close a {display: block;height: 100%;text-indent: -10000px;background: url('/mobile/image/popup_close.png') center center no-repeat;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.popupWrap {position: relative;padding: 50px 10px 10px;}
div.popupWrap .close a {background-size: 17px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.popupWrap {}
}