@charset "utf-8";
@import url('fontawesome.css');
@import url('NotoSansKR.css');
@import url('Pretendard.css');


.fcRed {color:#e22b40 !important;}
.fcBlue {color:#0064ff !important;}
.fcPoint {color:#2d81f8 !important;} /* 하늘색 */

strong {font-family: 'NotoSansKR Bold', sans-serif !important;font-weight: 700;}

input[type=text],
input[type=password],
input[type=file],
input[type=date] {height:23px;padding:2px 10px;-webkit-appearance:none;}

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


input[type=text],
input[type=password],
input[type=file],
input[type=date],
select,
textarea {border: 1px solid #d7d7d7;}

select {height: 33px;}
textarea {width: 100%;height: 100px;box-sizing:border-box;}

input[type=text],
input[type=password],
input[type=file] {height:27px;padding:2px 10px;}

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



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

.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:45px;padding:1px 10px 0;font-size:16px;font-weight: 300;line-height: 20px;border-radius:3px;border-width:1px;border-style: solid;vertical-align:top;text-align: center !important;-webkit-appearance:none;}

.btn a {height:auto;line-height:23px;padding:9px 15px 11px;}
.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;}



/* 남회색 */					.btn .btnDef {background-color:#70808d !important;border-color:#70808d !important;color:#fff !important;}
/* 파란색 */					.btn .btnPoint {background-color:#2b66c2 !important;border-color:#2b66c2 !important;color:#fff !important;}
/* border+ 남회색 */		.btn .btnBdDef {background-color:#fff !important;border-color:#70808d !important;color:#70808d !important;}
/* border+ 파란색 */		.btn .btnBdPoint {background-color:#fff !important;border-color:#2b66c2 !important;color:#2b66c2 !important;}
/* 초록색 */					.btn .btnGreen {background-color:#39a0a1 !important;border-color:#39a0a1 !important;color:#fff !important;}

/* 회색 */				.btnGrey {background-color:#888 !important;border-color:#888 !important;color:#fff !important;}
/* 연회색 */			.btnLGrey {background-color:#757575 !important;border-color:#757575 !important;color:#fff !important;}
/* 주황색 */			.btnOrg {background-color:#fe8900 !important;border-color:#fe8900 !important;color:#fff !important;}
/* 빨간색 */			.btnRed {background-color:#e40404 !important;border-color:#e40404 !important;color:#fff !important;}
/* 보라색 */			.btnPurple {background-color:#8e5db0 !important;border-color:#8e5db0 !important;color:#fff !important;}

/* 엑셀 */				.btnExell {background-color:#34840c !important;border-color:#34840c !important;color:#fff !important;}


/* border+ 회색 */				.btnBdGrey {background-color:#fff;border-color:#888;color:#888;}
/* border+ 연회색 */			.btnBdLGrey {background-color:#e5e5e5;border-color:#bfbfbf;color:#4b4b4b;}
/* border+ 주황색 */			.btnBdOrg {background-color:#fff;border-color:#fe8900;color:#fe8900;}
/* border+ 빨간색 */			.btnBdRed {background-color:#fff;border-color:#e40404;color:#e40404;}
/* border+ 보라색 */			.btnPurple {background-color:#fff;border-color:#8e5db0;color:#8e5db0;}




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 16px 6px;line-height: 14px;}

.btn .btnSSmall {font-size: 11px;height: 17px;padding:1px 10px 0;border-radius:4px;vertical-align:top;font-family: 'Dotum', sans-serif;line-height: 14px;}
.btn a.btnSSmall {height:auto;}

.btn .btnBig {min-width:190px;font-size: 18px;height: 50px;padding:0 20px 2px;box-sizing:border-box;}
.btn a.btnBig {min-width:150px;padding: 12px 20px 17px;}

table.inputTbl .btnSmall {height:27px;padding:0 10px;}
table.inputTbl a.btnSmall {height: 17px;line-height: 17px;padding:5px 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 {display: block;width: 350px;border: 0 none;height:70px;padding: 13px 0 12px;margin: 0 auto;text-align: center;color: #fff;font-size: 22px;line-height: 45px;background: url('/image/btnBg_arr.png') 0 0 no-repeat;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;}

span.inputC {position: relative;display: inline-block;width: 18px;height: 18px;vertical-align: top;border: 1px solid #ccc;border-radius: 2px;}
span.inputC.on {background: url('/image/input_check.png') center center no-repeat;}

span.inputR {position: relative;display: inline-block;width: 20px;height: 20px;vertical-align: top;border: 1px solid #b0b0b0;border-radius: 10px;}
span.inputR.on {width: 18px;height: 18px;border: 2px solid #2565ac;}
span.inputR.on:before {position: absolute;left: 50%;top: 50%;width: 14px;height: 14px;margin: -7px 0 0 -7px;border-radius:7px;background-color: #2565ac;content: " ";}

span.inputC input,
span.inputR input {position: absolute;left: 0;top: 0;z-index: 10;display: block;width: 100%;height: 100%;margin: 0;opacity: 0;}

ul.option > li {padding-left: 30px;}
ul.option > li > span {position: absolute;left: 0;top: 0;}

/* 로그인 */
div.loginWrap {position: relative;height: 800px;background: url('/image/login_bg.png') center top no-repeat;background-size: cover;font-family: 'NotoSansKR Regular', sans-serif;}
div.loginWrap:after {position: absolute;left: 0;bottom: 0;width: 100%;padding: 17px 0;background-color: #fff;color: #222;text-align: center;content: "ⓒ The Korean Society of Anesthesiologists. All Rights Reserved.";}

div.loginArea {position: absolute;left: 50%;top: 50%;width: 500px;height: 597px;border-radius: 30px;padding: 0;margin: -350px  0 0 -250px;background-color: #fff;box-sizing:border-box;box-shadow:8px 8px 24px rgba(0,0,0,.12);}
div.loginArea h1 {padding:35px 0 36px;margin: 0;border-radius: 30px 30px 0 0;background: #fff url('/image/login_logo_bg.png') center bottom no-repeat;}
div.loginArea h1 img {display: block;margin: 0 auto;}

div.loginArea > p {margin: 0;padding:32px 0 18px;text-align: center;color: #666;font-size: 17px;line-height: 24px;}

div.loginArea dl, div.loginArea dt, div.loginArea dd,
div.loginArea ul, div.loginArea li {padding: 0;margin: 0;list-style:none;}

div.loginArea div.formArea {padding: 0 43px;}
div.loginArea dl {position: relative;}
div.loginArea div.formArea dt, div.loginArea div.formArea dd {padding-top: 14px;}
div.loginArea div.formArea dt {position: absolute;left: 19px;top: 93px;padding: 0;}
div.loginArea div.formArea dt:first-child {top: 14px;}
div.loginArea div.formArea dt label {display: block;padding-left: 40px;color: #333;font-size: 16px;line-height: 65px;font-family: 'NotoSansKR Medium', sans-serif;background: url('/image/login_pwd.png') left center no-repeat;}
div.loginArea div.formArea dt:first-child label {background-image: url('/image/login_id.png');}
div.loginArea div.formArea dd {}
div.loginArea div.formArea dd input {display: block;width: 100%;height: 65px;padding: 0 0 0 154px;border: 1px solid #ccc;border-radius:5px;box-sizing:border-box;background-position: left center;background-repeat: no-repeat;}
div.loginArea div.formArea dd input[type=text] {background-image: url('layout/loginBl_id.png');}
div.loginArea div.formArea dd input[type=password] {background-image: url('layout/loginBl_pwd.png');}
div.loginArea .saveID {margin: 0;padding: 12px 0 0;color: #666;font-size: 15px;line-height: 20px;}
div.loginArea .saveID input {display: inline-block;width: 20px;height: 20px;margin: 0 5px 0 0;vertical-align: top;}

div.loginArea div.btn {padding-top: 30px;}
div.loginArea div.btn input[type=submit] {display: block;width: 100%;height: 70px;border-radius:35px;box-sizing:border-box;font-weight: bold;font-size: 24px;font-family: 'NotoSansKR Bold', sans-serif;}
div.loginArea div.btn a {display: block;margin-top: 10px;padding: 0;line-height: 50px;border-radius:25px;font-size: 18px;font-family: 'NotoSansKR Medium',sans-serif;}

div.loginArea div.formArea + dl {padding: 23px 0;}
div.loginArea div.formArea + dl dt {text-align: center;}
div.loginArea a.trigger {position: relative;display: inline-block;margin-left: 30px;border-bottom: 1px solid #999;color: #666;font-size: 15px;font-family: 'NotoSansKR Bold', sans-serif;text-decoration: none;}
div.loginArea a.trigger:before {position: absolute;left: -30px;top: 0;width: 30px;height: 100%;background: url('/image/login_info.png') 0 0 no-repeat;content: " ";}
div.loginArea dd.toggleCon {position: absolute;left: 50%;top: 60px;width: 278px;margin-left: -53px;border: 1px solid #ccc;padding: 20px;border-radius:5px;background-color: #fff;color: #666;font-size: 14px;line-height: 21px;letter-spacing:-1px;}
div.loginArea dd.toggleCon:before {position: absolute;left: 20px;top: -6px;width: 10px;height: 10px;border-top: 1px solid #ccc;border-right: 1px solid #ccc;background-color: #fff;content: "";transform:rotate(-45deg);}
div.loginArea dd.toggleCon p {position: absolute;right: 10px;top: 8px;margin: 0;}



/* 레이아웃 */
div.wrapper {overflow: hidden;position: relative;font-family: 'NotoSansKR Regular', sans-serif;font-size: 15px;line-height:1.7;font-weight:300;color: #666;background: #f6f8fa url('/image/bg.png') 0 0 repeat-x;}
div.wrapper.noGnb {background-image: none;}
div.wrapper.noGnb:before {position: absolute;left: 0;top: 0;width: 100%;height: 100px;content: "";background-color: #fff;}

div#headerWrap {z-index: 10;position: relative;padding-top: 100px;}
div.noGnb div#headerWrap {}

div#headerWrap, div#headerWrap a {}

div#headerWrap h1 {position: absolute;left: 0;top: 25px;width: 292px;height: 30px;}
div#headerWrap h1 a, div#headerWrap h1 img {display: block;}

div#container {position: relative;margin: 30px auto;padding:60px 70px;background-color: #fff;}

div#footerWrap {padding: 20px 0;background-color: #fff;}
div#footerWrap dl {position: relative;padding: 0 0 0 335px;margin: 0 auto;}
div#footerWrap dt {position: absolute;left: 0;top: 50%;margin:-15px 0 0;}
div#footerWrap p, div#footerWrap ul, div#footerWrap li {margin: 0;padding: 0;list-style:none;}
div#footerWrap, div#footerWrap a {color: #999;text-decoration: none;font-size: 13px;line-height: 19px;}
div#footerWrap ul {overflow: hidden;}
div#footerWrap li {position: relative;float: left;padding-left: 24px;}
div#footerWrap li:first-child {padding-left: 0;}
div#footerWrap li:before {position: absolute;left: 12px;top: 4px;width: 1px;height: 10px;content: " ";background-color: #999;}
div#footerWrap li:first-child:before {display: none;}

ul#gnb, ul#gnb li,
ul.gnbUtil, ul.gnbUtil ul, ul.gnbUtil li {margin: 0;padding: 0;list-style:none;}
ul#gnb {padding-bottom: 5px;}
ul#gnb:after,
ul.gnbUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}


/*ul#gnb > li {float: left;width: 25%;}*/
ul#gnb > li {float: left;width: 50%;}
ul#gnb a, ul#gnb span {display: block;text-decoration: none;}
ul#gnb > li > a {padding: 14px 0;border-right: 1px solid #4eb0e8;color: #dfedf9;font-size: 22px;text-align: center;font-weight: 500;}
ul#gnb > li:first-child > a {border-left: 1px solid #4eb0e8;}
ul#gnb span {display: block;width: 75px;border: 1px solid rgba(255,255,255,.5);border-radius:13px;margin: 0 auto;font-family: 'NotoSansKR Bold', sans-serif;font-size: 14px;font-weight: 700;}

ul#gnb > li.on > a {color: #fff;background-color: #2b66c2;}



div.noGnb ul#gnb {display: none;}


ul.gnbUtil {position: absolute;right: 0;top: 42px;}
ul.gnbUtil a {text-decoration: none;}
ul.gnbUtil > li {position: relative;float: left;padding-left: 40px;}
ul.gnbUtil > li:before {position: absolute;left: 20px;top: 3px;width: 1px;height: 12px;content: " ";background-color: #ddd;}
ul.gnbUtil > li:first-child {padding-left: 0;}
ul.gnbUtil > li:first-child:before {display: none;}
ul.gnbUtil > li > a {color: #555;font-size: 13px;line-height: 16px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.gnbUtil a.sub {padding-right: 18px;background: url('/image/header_toggle.png') right center no-repeat;}
ul.gnbUtil img {display: inline-block;padding: 2px 5px 0 0;vertical-align: top;}
ul.gnbUtil ul {display: none;position: absolute;right: 0;top: 27px;width: 122px;border: 1px solid #000;border-radius: 2px;background-color: #fff;box-shadow:4px 4px 0 rgba(0,0,0,.2)}
ul.gnbUtil ul li {border-top: 1px solid #ddd;}
ul.gnbUtil ul li:first-child {border-top: 0 none;}
ul.gnbUtil ul a {text-align: center;color: #666;font-size: 14px;line-height: 40px;}
ul.gnbUtil ul li:first-child a:before {position: absolute;right: 16px;top: -5px;width: 8px;height: 8px;border-top: 1px solid #000;border-right: 1px solid #000;content: " ";background-color: #fff;transform:rotate(-45deg);}

ul.gnbUtil .on a.sub {background-image: url('/image/header_toggle_on.png');}
ul.gnbUtil .on ul {display: block;}

ul.gnbUtil ul a:hover,
ul.gnbUtil ul a:focus,
ul.gnbUtil ul .on > a {color: #004d9d;text-decoration: underline;font-family: 'NotoSansKR Bold', sans-serif;}
ul.gnbUtil ul a:hover,
ul.gnbUtil ul a:focus,
ul.gnbUtil ul .on > a,
ul.gnbUtil ul li:first-child a:hover:before,
ul.gnbUtil ul li:first-child a:focus:before,
ul.gnbUtil ul li.on:first-child > a:before {background-color: #f5f5f5;}

/*  width:981px ~  */
@media screen and (min-width: 981px) {
div.wrapper {min-width:980px;}
div#headerWrap {width: 980px;margin: 0 auto;}
div#container {width: 840px;}
div#footerWrap dl {width: 645px;}
}


div.contents {margin: 0 auto;padding: 0;font-size: 14px;line-height: 1.5;font-weight:300;color: #222;}
div.contents:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

.ing {padding: 100px 0;}
.ing img {display: block;margin: 0 auto;}

.pageTit {position: relative;margin: 0 0 40px;padding-bottom: 172px;text-align: center;color: #000;font-size: 34px;line-height: 40px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;}
.pageTit img {position: absolute;left: 50%;bottom: 0;margin-left: -65px;}
.pageTit span {display: block;color: #2b66c2;font-size: 16px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}

.subTit {margin: 60px 0 10px;padding: 0 0 0 25px;color: #333;font-size: 20px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;background: url('/image/subTit.png') 0 7px no-repeat;}
.subTit:first-child {margin-top: 0;}

.pointTit {font-family: 'NotoSansKR Medium', sans-serif;font-size: 16px;font-weight: 500;}

.boldTit {font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}

ul.num, ul.num > li,
ul.info, ul.info > li,
ul.listBl_v, ul.listBl_v > li,
ul.txtIn15, ul.txtIn15 > li,
ul.nonBl, ul.nonBl > li,
ul.listBar, ul.listBar > li {margin: 0;padding: 0;list-style:none;}

ul.num {padding-left: 25px;}
ul.num > li {margin-top: 5px;list-style:decimal;}

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

ul.listBar > li {position: relative;padding-left: 1em;}
ul.listBar > li:before {position: absolute;left: 0;top: 0;content: "-";}


ul.listBl_v > li {margin-top:10px;padding-left:25px;background:url('/image/bl_vCheck.png') 0 5px no-repeat;color:#666;line-height:1.4;font-size: 15px;}
ul.listBl_v > li:first-child {margin-top: 0;}

ul.info > li {margin-top:8px;padding-left:25px;background:url('/image/icon_info.png') 0 0 no-repeat;color:#666;line-height:1.4;}
ul.info > li:first-child {margin-top: 0;}


ul.listNum, ul.listNum > li {margin: 0;padding: 0;list-style:none;}
ul.listNum {counter-reset:num 0;}
ul.listNum > li {position: relative;padding-left: 30px;margin-top: 10px;}
ul.listNum > li:before {position: absolute;left: 0;top: 0;width: 25px;counter-increment:num 1;content: '' counter( num ) ') ';text-align: right;}


/*  width:981px ~  */
@media screen and (min-width: 981px) {
}


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

/* 기본 table */
table.tblDef,
table.inputTbl {border-top:2px solid #2b66c2;}


table.tblDef > * > tr > *,
table.inputTbl > * > tr > * {padding:7px 10px 6px;border-bottom:1px solid #ddd;text-align: center;color: #666;font-size: 16px;text-align: left;}
table.tblDef > * > tr > *:first-child,
table.inputTbl > * > tr > *:first-child,
table.noborder > * > tr > * {border-left: 0 none;}

table.tblDef > * > tr > * {padding: 10px 20px 12px;}
table.listTbl > * > tr > * {padding: 5px;}
table.listTbl > * > tr > * > a {text-decoration: none;color: #666;}
table.listTbl > * > tr > * > a:hover,
table.listTbl > * > tr > * > a:focus {text-decoration: underline;}

table.tblDef > * > tr > th,
table.inputTbl > * > tr > th {background-color:#f6f8fa;color: #333;font-family: 'NotoSansKR Bold', sans-serif;}


table.inputTbl > * > tr > th {padding-left: 2em;text-align: left;}
table.inputTbl > * > tr > th .essen {margin-left: -1em;}
table.inputTbl > * > tr > th span {line-height: 33px;}

table.innerTbl > * > tr > * {padding: 5px 10px;border-top: 1px solid #d2d2d2;}
table.innerTbl > * > tr:first-child > * {border-top: 0 none;}


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 > * > tr > td.pluginArea {padding: 0;}

table.inputTbl > * > tr > * > label,
table.inputTbl > * > tr > * > span {vertical-align: top;}
table.inputTbl > * > tr > td > .note {color:#dd3131;font-size:12px;}

table.inputTbl input[type=text], table.inputTbl input[type=password] {width: 306px;}
table.inputTbl > * > tr > td.date input[type=text] {width: 120px;}





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


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

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

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;}


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.attach {position: absolute;top: 50%;width: 20px;height: 21px;margin-top: -11px;text-indent: -10000px;}
table.bbs td.tit span.attach:before {position: absolute;left: 0;top: 0;width: 100%;content: "\f0c6";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: 16px;margin-top: -8px;}


table.bbs td.tit a.attach span.attach,
table.bbs td.tit a.reply span.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 span.attach,
table.bbs td.tit a.new.reply span.reply {right: 18px;}

table.bbs tbody th {color: #t;}

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;}


.editArea {margin: 30px;background-color: #f8f8f8;}


/* 게시판 글 보기 */
div.bbsView {border-top: 2px solid #3c4791;border-bottom: 1px solid #ccc;}
.bbsTit {padding: 30px 30px 0;color: #222;font-size: 24px;line-height: 30px;font-weight: 400;}
div.bbsView ul.info {overflow: hidden;margin: 0;padding: 20px 30px 30px;border-bottom: 1px solid #ccc;}
div.bbsView ul.info > li {float: right;margin: 0;padding: 0;color: #666;font-size: 16px;font-weight: 300;list-style:none;}
div.bbsView ul.info > li:first-child {float: left;}

.relLink {padding: 20px 30px;text-align: right;}
.relLink a {color: #2d81f8;text-decoration: none;font-size: 15px;font-weight: 300;}

.bbsCon {width: 1080px;padding: 0 30px 30px;margin: 0 auto;color: #222;font-size: 16px;line-height: 25px;text-align: justify;}


dl.bbsAttach {padding: 30px;}
dl.bbsAttach > dt {padding-bottom: 10px;color: #3c4791;font-size: 15px;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/common/bbsBl_file.png') 0 0 no-repeat;}
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: 50px;text-align: right;}
div.bbsView + div.bbsUtil > * {}
div.bbsView + div.bbsUtil > *:first-child {float: left;}




/* 게시글쓰기 */
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 span {line-height: 33px;vertical-align: top;}

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

ul.pager {margin: 30px 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline-block;width: 100%;vertical-align: top;}

ul.pager a {display: inline-block;width: 35px;border:0 none;padding: 7px 0 8px;text-align: center;vertical-align: top;font-size: 16px;line-height:20px;text-decoration: none;color: #222;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;width: 35px;padding:0;}

ul.pager a.on {background-color: #2d81f8;color: #fff;text-align: center;}
ul.pager a img {vertical-align: top;}

ul.pager.btnSmall {padding:8px 0 3px;}
ul.pager.btnSmall a {width:auto;padding:1px 5px 3px;}
ul.pager.btnSmall .first a,
ul.pager.btnSmall .prev a,
ul.pager.btnSmall .next a,
ul.pager.btnSmall .last a {padding:3px 5px 1px;}



/* 게시판 검색 */
div.bbsSearch {position: relative;padding:35px 0;text-align: center;}
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: 40px;}
div.bbsSearch input[type=text] {width: 438px;height: 24px;padding: 6px 10px 8px;}

div.bbsSearch .btnIcon {position: relative;width: 60px;height: 40px;background:#666;border-radius:2px;}
div.bbsSearch .btnIcon:before {position: absolute;left: 50%;top: 50%;margin: -.7em 0 0 -.5em;color: #fff;font-size: 1em;font-family: "Font Awesome 5 Brands" !important;content: "\f3ee";}















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

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:#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; */
.skin01 .popHeader {padding-top: 108px;width:100%; background:#f9fbff url('../image/common/popup_header.jpg') 0 0 no-repeat;}
.skin02 .popHeader {width:100%; background:url('../image/common/popup_headerBg.jpg') 0 0 repeat-x;}

.skinWrap .popHeader .tit { font-weight:bold; font-size:18px; line-height:30px;}
.skin01 .popHeader .tit {padding: 10px 20px;border-top: 4px solid #4a4a83;background-color: #fff;color: #5e5e5e;}
.skin02 .popHeader .tit {padding:41px 20px;border-left: 5px solid #ba2f75;color:#fff;}

.skinWrap .contWrap {min-height:268px; width:100%; padding-bottom:22px;}
.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;}







/* Main */
div.wrapper.mainWrap {background: #f5f7f9 url('/image/bg_main.png') center top no-repeat;}

div.mainWrap ul#gnb {display: none;}

div#container.main {background: transparent;margin: 0 auto;padding: 0;}

div.mainBnr {height: 445px;}

ul.mainMenu, ul.mainMenu li, ul.mainMenu a, ul.mainMenu strong, ul.mainMenu span {margin: 0;padding: 0;list-style:none;}
ul.mainMenu a, ul.mainMenu strong, ul.mainMenu span {display: block;text-decoration: none;}

ul.mainMenu {padding-bottom: 50px;}
ul.mainMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.mainMenu > li {float: left;width: 310px;margin-left: 25px;border-radius:10px;background-color: #fff;box-shadow:8px 8px 24px rgba(0,0,0,.12);}
ul.mainMenu > li:first-child {margin-left: 0;}
ul.mainMenu a {padding: 38px 0;text-align: center;font-size: 16px;color: #444;line-height: 20px;}
ul.mainMenu strong {padding: 15px 0;color: #000;font-size: 23px;line-height: 26px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;}
ul.mainMenu span {width: 136px;margin: 16px auto 0;padding: 6px;border: 1px solid #d0d0d0;border-radius: 17px;color: #777;font-size: 15px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
ul.mainMenu a:hover span,
ul.mainMenu a:focus span {color: #fff;border-color: #004d9d;background-color: #004d9d;}

/* mainMenu 넓이 수정 - 26.07.15 mj.park */
ul.mainMenu{
    width: 1320px;
    margin-inline: -170px;
}

/*  width:981px ~  */
@media screen and (max-width: 981px) {
div.wrapper.mainWrap {width: 980px;}
}

/*  width:981px ~  */
@media screen and (min-width: 981px) {
div#container.main {width: 980px;}
}

div.formArea {}

div.formArea ul.info {padding: 40px 50px;border-radius:10px;border: 1px solid #ddd;}
div.formArea p.agree {border-bottom: 1px solid #ddd;padding: 20px;text-align: center;}
div.formArea p.agree label {margin-left: 10px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;color: #333;}

div.formArea div.btn {padding-top: 20px;}


div.examInfo {border: 1px solid #ddd;border-radius: 10px;}
div.examInfo p {margin: 0;border-bottom: 1px solid #ddd;}
div.examInfo dl, div.examInfo dt, div.examInfo dd {margin: 0;padding: 0;}
div.examInfo dl {height: 210px;padding: 0 50px;}
div.examInfo dt {padding: 30px 0 10px;color: #333;font-size: 20px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;}

ul.bulletList, ul.bulletList li {margin: 0;padding: 0;list-style:none;}
ul.bulletList > li {position: relative;margin-top: 10px;padding-left: 32px;line-height: 25px;}
ul.bulletList > li:first-child {margin-top: 0;}
ul.bulletList > li > span {position: absolute;left: 0;top: 0;width: 25px;height: 18px;line-height: 18px;padding: 3px 0 4px;border-radius:13px;color: #fff;background-color: #000;text-align: center;font-size: 12px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;}

div.rollingArea {position: relative;padding-bottom: 20px;}
div.rollingArea div.bx-pager {padding-top: 30px;text-align: center;}
div.rollingArea div.bx-pager > div {display: inline-block;width: 10px;height: 10px;padding-left: 10px;vertical-align: top;}
div.rollingArea div.bx-pager > div:first-child {padding-left: 0;}
div.rollingArea div.bx-pager a {display: block;border-radius:5px;background-color: #b7bfc6;text-indent: -10000px;line-height: 10px;}
div.rollingArea div.bx-pager a.active {background-color: #2b66c2;}

div.rollingArea a.bx-prev,
div.rollingArea a.bx-next {position: absolute;top: 50%;width: 18px;height: 34px;text-indent: -10000px;margin-top: -17px;background-position: 0 0;background-repeat: no-repeat;}

div.rollingArea a.bx-prev {left: -35px;background-image: url('/image/examInfo_prev.png');}
div.rollingArea a.bx-next {right: -35px;background-image: url('/image/examInfo_next.png');}

div.rollingArea a.disabled {display: none;}




div#exam {overflow: hidden;margin: 0 auto;border: 1px solid #ddd;border-radius:20px;}
div.examUtil, div.examUtil dl, div.examUtil dt, div.examUtil dd, div.examUtil ul, div.examUtil li {margin: 0;padding: 0;list-style:none;}

div.examUtil {position: relative;padding: 25px;background-color: #229ce2;}

div.examUtil ul.userInfo {position: absolute;left: 45px;top: 50%;margin-top: -24px;}
ul.userInfo > li,
ul.total > li {color: #fff;font-size: 16px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;}
ul.userInfo > li:first-child,
ul.total > li:first-child {margin-top: 0;}
ul.userInfo img {display: inline-block;padding-top: 2px;vertical-align: top;}

div.examUtil ul.total {position: absolute;right: 45px;top: 50%;margin-top: -26px;}
ul.total > li {}
ul.total > li span {position: relative;padding:0 5px 0 1em;font-family: 'NotoSansKR Regular', sans-serif;font-weight: 400;}
ul.total > li span:before {position: absolute;left: 0;top: 0;content: "·";}

div.examUtil dl.time {overflow: hidden;position: relative;width: 132px;padding-left: 128px;margin: 0 auto;border: 2px solid #2565ac;border-radius:10px;background-color: #2565ac;}
div.examUtil dl.time dt {position: absolute;left: 0;top: 50%;width: 128px;margin-top: -11px;}
div.examUtil dl.time dt img {display: block;margin: 0 auto;}
div.examUtil dl.time dd {padding: 4px 0 6px;background-color: #fff;text-align: center;color: #000;font-size: 24px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;}

div.examUtil dl.time dd.on {color: #f00;}

div.examUtil dl.font {position: absolute;right: 45px;bottom: -40px;}
div.examUtil dl.font > dt, div.examUtil dl.font dd, div.examUtil dl.font a {float: left;}
div.examUtil dl.font > dt {padding: 6px 5px 0 0;}
div.examUtil dl.font a {margin-left: 5px;padding: 2px 10px 3px;border: 1px solid #d1d1d1;border-radius:3px;text-decoration: none;color: #777;font-size: 12px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;}

div#exam div.formArea {margin: 50px 45px 30px;}

div.examTit {position: relative;padding: 30px 50px 30px 100px;border: 1px solid #555;border-radius: 10px;color: #333;font-size: 18px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;}
div.examTit span {position: absolute;left: 0;top: 25px;width: 100px;text-align: center;color: #2565ac;font-size: 24px;font-family: 'NotoSansKR Black', sans-serif;font-weight: 900;}

div.examCon {margin-top: 20px;padding: 20px;background-color: #f6f8fa;}
div.examCon2 {margin-top: 20px;padding: 20px;background-color: #f6f8fa;font-size:16pt;}

div#exam ul.option {padding-top: 10px;}
div#exam ul.option > li {margin-top: 13px;}
div#exam ul.option label {color: #333;font-size: 16px;vertical-align: top;line-height: 20px;}
div#exam div.btnArea {padding-top: 30px;}
div#exam div.btnArea > * {float: left;margin-left: 7px;}
div#exam div.btnArea > *:first-child {margin-left: 0;}
div#exam div.btnArea span.alert {margin-left: 15px;line-height: 42px;color: #333;font-size: 16px;font-family: 'NotoSansKR Regular', sans-serif;font-weight: 400;}
div#exam div.btnArea span.alert span {color: #2565ac;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}

div.examBtn {position: relative;margin: 0 45px;padding: 40px 100px 40px 0;border-top: 1px solid #ddd;text-align: center;}
div.examBtn a.prev,
div.examBtn a.next {position: relative;display: inline-block;width: 72px;padding: 13px 0 14px;vertical-align: top;border: 1px solid #c2c2c2;border-radius: 5px;text-decoration: none;color: #333;;font-size: 18px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;}
div.examBtn a:after {position: absolute;top: 50%;width: 8px;height: 14px;margin-top: -7px;content: " ";background-position: 0 0;background-repeat: no-repeat;}
div.examBtn a.prev {padding-left: 80px;text-align: left;}
div.examBtn a.prev:after {left: 30px;background-image: url('/image/btnBl_prev.png');}
div.examBtn a.next {padding-right: 80px;text-align: right;}
div.examBtn a.next:after {right: 30px;background-image: url('/image/btnBl_next.png');}

div.examBtn a.final {position: absolute;left: 0;top: 40px;display: block;}
div.examBtn a.view {position: absolute;right: 0;top: 40px;display: block;}



/*  width:981px ~  */
@media screen and (min-width: 981px) {
div#exam {width: 980px;margin-top: 50px;}
div.examBtn {padding: 60px 0;}
}


/* 레이어 팝업 */
div.layerPopup {display: none;z-index: 500;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);box-sizing:border-box;}

div.popupWrap {position: absolute;left: 50%;top: 50%;width: 80%;margin: -297px 0 0 -40%;}
div.popupWrap h1 {padding: 24px 123px 25px 40px;border-radius: 30px 30px 0 0;background-color: #70808d;color: #fff;font-size: 26px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;}
div.popupWrap .close {position: absolute;right: 40pt;top: 25px;margin: 0;padding: 0;}
div.popupWrap .close a, div.popupWrap .close img {display: block;}

div.popupCon {padding:32px 40px 40px;border: 1px solid #ddd;border-top: 0 none;border-radius: 0 0 30px 30px;background-color: #fff;}

div.bgArea {position: relative;padding: 30px 0;border: 1px solid #ddd;border-radius:10px;background-color: #fbfbfd;}
div.popupCon p {margin: 0;padding: 0 10px 10px;color: #444;font-size: 16px;line-height: 1.2;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;background-color: #fbfbfd;}
div.popupCon div.scrollArea {overflow-x: hidden;overflow-y: auto;height: 222px;}

/*  width:981px ~  */
@media screen and (min-width: 981px) {
div.layerPopup {padding: 0;}
div.popupWrap {width: 900px;margin:-317px 0 0 -450px;}
div.bgArea {padding: 50px 0;}
div.popupCon p {padding: 0 48px 10px;}
}


ul.sort {margin:0 0 40px;padding: 0;}
ul.sort:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.sort > li {float: left;width: 25%;margin:0;list-style:none;}
ul.sort a {display: block;padding:15px 0 16px;border: 1px solid #ccc;border-bottom: 2px solid #444;margin-left: -1px;color: #666;text-decoration: none;font-size: 16px;line-height: 1.2;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-align: center;}
ul.sort a strong {display: block;font-size: 22px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;}
ul.sort > li:first-child a {margin-left: 0;}
ul.sort .on a {padding-top: 14px;border: 2px solid #444;border-bottom-color: #fff;color: #333;}
ul.sort .on strong {color: #0ba7df;}

ul.examList, ul.examList li, ul.examList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.examList:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.examList {width: 94%;margin: 0 auto;}
ul.examList > li {float: left;width: calc(10% - 10px);margin: 9px 0 0 9px;}
ul.examList > li:nth-child(10n+1) {clear: both;}
ul.examList a {display: block;padding: 15px 0 16px;border: 1px solid #929292;border-radius:5px;background: #fff url('/image/examList_bg.png') left bottom repeat-x;color: #444;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-align: center;}
ul.examList a.typeA {border-color: #0c769c;background-color: #0ba7df;color: #fff;}
ul.examList a.typeB {border-color: #6c5b9e;background-color: #f8f5ff;color: #6c5b9e;}
ul.examList a.typeC {border-color: #ff0066;background-color: #fff0f6;color: #ff0066;}
ul.examList a.correct {border-color: #7fa92c;background-color: #a1cf47;color: #fff;}
ul.examList a.incorrect {border-color: #e22b40;background-color: #fff4f7;color: #e22b40;}

/*  width:981px ~  */
@media screen and (min-width: 981px) {
ul.examList {width: 720px;margin: 0 auto;}
ul.examList > li {float: left;width: 54px;margin: 20px 0 0 20px;}
ul.examList > li:nth-child(10n+1) {margin-left: 0;}
ul.examList a {background-position: 0 48px;}
}



/* 답안 제출 */
div.examComp {padding: 23px 0;border-radius:10px;border: 1px solid #ddd;text-align: center;color: #333;font-size: 26px;line-height: 82px;}
div.examComp img,
div.examComp strong {display: inline-block;vertical-align: top;}
div.examComp strong {color: #2b66c2;}

div.btn + div.bgArea {margin-top: 50px;}

ul.state {margin: 0;padding: 0 30px 10px 0;text-align: right;font-size: 0;line-height: 0;}
ul.state > li {display: inline-block;vertical-align: top;padding-left: 15px;color: #666;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;}
ul.state > li:before {display: inline-block;width: 14px;height: 14px;margin: 3px 5px 0 0;border-radius:7px;vertical-align: top;content: " ";}
ul.state > li.typeA:before {background-color: #0ba7df;}
ul.state > li.typeB:before {background-color: #6c5b9e;}
ul.state > li.typeC:before {background-color: #ff0066;}
ul.state > li.correct:before {background-color: #a3d04c;}
ul.state > li.incorrect:before {background-color: #e22b40;}

/*  width:981px ~  */
@media screen and (min-width: 981px) {
ul.state {padding: 0 50px 10px 0;}
}

/* 채점결과 */
div.myScore dl, div.myScore dt, div.myScore dd, div.myScore ul, div.myScore li {margin: 0;padding: 0;list-style:none;}
div.myScore {margin-bottom: 50px;padding: 23px 0;border-radius:10px;border: 1px solid #ddd;text-align: center;color: #333;font-size: 22px;}
div.myScore dl {position: relative;display: inline-block;vertical-align: top;margin: 0;padding: 0 0 0 100px;text-align: left;}
div.myScore dt {padding-top: 15px;font-size: 26px;line-height: 57px;}
div.myScore dt img {position: absolute;left: 0;top: 0;}
div.myScore li {position: relative;padding-left: 1em;}
div.myScore li:before {position: absolute;left: 0;top: 0;content: "·";}
div.myScore strong {display: inline-block;vertical-align: top;}

/* 성적확인  */
div.myInfo {padding: 23px 0;border-radius:10px;border: 1px solid #ddd;text-align: center;color: #333;font-size: 26px;line-height: 40px;}
div.myInfo img,
div.myInfo span,
div.myInfo strong {display: inline-block;vertical-align: top;}
div.myInfo span {padding-left: 15px;text-align: left;}
div.myInfo strong {color: #2b66c2;}

div.examBrief, div.examBrief ul, div.examBrief li {margin: 0;padding: 0;list-style:none;}
div.examBrief {overflow: hidden;padding: 30px 0 10px;}
.subTit + div.examBrief {padding-top: 0;}
div.examBrief ul {float: right;color: #333;}
div.examBrief ul:first-child {float: left;}

div.examBrief li:before {display: inline-block;content: "· ";padding-right: 5px;}
div.examBrief strong {display: inline-block;padding-left: 5px;}




div.changePwd {padding: 40px 0 50px;border: 1px solid #ddd;border-top: 2px solid #2b66c2;}
div.changePwd dl {overflow: hidden;width: 480px;margin: 0 auto;}
div.changePwd dt, div.changePwd dd {padding-top: 10px;}
div.changePwd dt {clear: both;float: left;}
div.changePwd dt label {color: #333;font-size: 16px;line-height: 42px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;}
div.changePwd dt label:before {top: 5px;}

div.changePwd dd {float: right;}
div.changePwd dd input {width: 300px;height: 42px;box-sizing:border-box;}


/* 인트로 */
div.introWrap {position: relative;min-width:1200px;padding-bottom: 70px;background: url('/image/intro_bg.png') no-repeat left top;background-size:cover;box-sizing:border-box;}
div.introWrap:after {content:'The Korean Society of Ansthesiologists. All Rieghts Reserved.';position: absolute;left:0;bottom:0;width:100%;font-size: 15px;color:#555;line-height: 60px; font-family: 'Pretendard-Light',sans-serif;text-align: center;background-color: rgba(87 124 198 / 10%);}
div.introWrap > div {width:1200px;margin: 0 auto;}
div.introWrap h1 {padding: 40px 0 100px;}
div.introWrap p.txt {padding-bottom: 100px;text-align: center;}


ul.introList {list-style: none;font-size: 0;}
ul.introList li {display: inline-block;vertical-align:top;margin-left: 26px;}
ul.introList li:first-child {margin-left: 0;}
ul.introList a {display: table-cell;vertical-align:middle;width: 280px;height: 280px;border-radius:95px;border:2px solid;background-color: #fff;text-align: center;box-sizing:border-box;transition:0.4s;}

ul.introList li:nth-child(1) a {border-color:#c1d3f8;}
ul.introList li:nth-child(2) a {border-color:#c1e5f8;}
ul.introList li:nth-child(3) a {border-color:#d0c1f8;}
ul.introList li:nth-child(4) a {border-color:#f8c1c1;}

ul.introList li a:hover {transform:translateY(-40px);}
ul.introList li:nth-child(1) a:hover {border-color:#2b66c2;}
ul.introList li:nth-child(2) a:hover {border-color:#39a0a1;}
ul.introList li:nth-child(3) a:hover {border-color:#7157c6;}
ul.introList li:nth-child(4) a:hover {border-color:#c65779;}

/* 게시판 추가 - 26.07.14 mj.park */
/* PC */
@media all and (min-width:961px) {


div.bbsSearch {position:relative;border: 5px solid #eee;padding: 20px;margin:0 auto 40px;}
div.bbsSearch select,
div.bbsSearch input[type=text],
div.bbsSearch span.btn {display: inline-block;vertical-align: top;}

div.bbsSearch select,
div.calendarUtil select {width: 100px;height: 40px;font-size: 14px;}
div.bbsSearch input[type=text] {width: 350px;height: 40px;box-sizing: border-box;}
div.bbsSearch span.btn * {height: 40px;background-color: #626262;border-color: #626262;color: #fff;}
div.bbsSearch p.bbsBrief {display: inline-block;padding: 0;vertical-align: middle;}

div.bbsSearch + div.sort {overflow: hidden;}
div.bbsSearch + div.sort > * {float: left;}
div.bbsSearch + div.sort select {width: 150px;}
div.bbsSearch + div.sort span.btn {margin-left: 10px;}
div.bbsSearch + div.sort span.btn a {padding: 9px 15px 10px;}

div.bbsSearch form{
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}


div.bbsBrief {overflow: hidden;}
div.bbsBrief p {float: right;margin: 0;}
div.bbsBrief p:first-child {float: left;}

div.bbsSearch.ar {width: auto;height: 40px;border: 0 none;margin-bottom: 80px;}
div.bbsSearch.ar form {float: right;}
div.bbsSearch.ar p.bbsBrief {left: auto;right: 0;margin-top: 49px;}

div.bbsSearch.ac {padding: 20px 0;}

div.bbsSearch.ac p.bbsBrief {left: auto;top: auto;right: 0;bottom: -40px;width: auto;}




ul.result, ul.result > li {margin: 0;padding: 0;list-style:none;}
ul.result {overflow: hidden;}
ul.result > li {float: left;margin-left: 10px;padding: 10px 20px;color: #fff;}
ul.result > li:first-child {margin-left: 0;}

p.bbsNote {padding-bottom: 10px;text-align: right;font-weight: 400;color: #ec1776;}

div.bbsList {margin-top: 10px;}
dl.bbsItem {position: relative;min-height: 109px;padding:  0 115px 0 90px;margin: 0;border-bottom: 1px solid #d2d2d2;}
dl.bbsItem:first-child {border-top: 1px solid #3180d5;}

dl.bbsItem a,
table.tblBbs a {text-decoration: none;color: inherit;}
dl.bbsItem > dt {position: relative;padding: 20px 205px 20px 0; font-size: 16px;color: #313131;font-weight: 400; border-bottom: 1px solid #ccc}
dl.bbsItem > dt a {position:relative;overflow:hidden;display: inline-block;max-width:calc(100% - 20px);text-overflow:ellipsis;white-space:nowrap;color: #313131;}
dl.bbsItem > dt span {position: absolute;left: -70px;top: 20px;width: 50px;font-size: 14px;line-height: 18px;padding: 2px 0 4px;text-align: center;color: #313131;}


dl.bbsItem > dd {margin: 0;}
dl.bbsItem > dd.attach img,
table.tblBbs a img {vertical-align: top;margin: 2px 5px 0 0;}

dl.bbsItem > dd.pubDate {position: absolute;right: 0;top: 15px;width: 100px; padding-top: 34px;text-align: center;color: #313131;}
dl.bbsItem > dd.pubDate span {position: absolute;left: 0;top: 0;width: 100%;color: #ffc058;font-weight: bold;font-size: 30px;line-height: 34px;}

dl.bbsItem > dd.info {border-bottom: 1px solid #d2d2d2;padding-bottom: 5px;text-align: right;font-size: 14px;color: #808080;}

dl.bbsItem > dd.attach {padding: 10px 0;color: #808080;}
dl.bbsItem > dd.attach a {position: relative;display: block;font-size: 14px;}

dl.bbsItem > dt a.new {max-width:calc(100% - 45px);padding-right: 45px;}
dl.bbsItem > dt a.new:after {position: absolute;right: 0;top: 50%;width: 38px;height: 18px;margin-top: -9px;content: "new";font-size: 0;line-height: 0;background: url('/image/icon/new.png') 0 0 no-repeat;}

dl.bbsItem.deleted {height: auto;background-color: #fbfbfb;}
dl.bbsItem.deleted > dt {border-bottom: 0 none;}
dl.bbsItem.deleted > dd.attach {display: none;}


div.bbs span.cate {position: absolute;top: 50%;padding: 0 5px 2px;text-align: center;color: #fff;font-weight: 300 !important;font-size: 0.8em !important;}
div.bbs span.cate.type01 {background-color: #3180d5;}
div.bbs span.cate.type02 {background-color: #24275d;}
div.bbs span.cate.type03 {background-color: #555ab6;}
div.bbs span.cate.type04 {background-color: #1766ec;}

div.bbsList .admin {display: none;position: absolute;right: 24px;top: 70px;font-size: 12px;text-align: center;}
div.bbsList .admin a {color: #808080;}

div.bbsList.admin dl.bbsItem {padding-left: 80px;}
div.admin dl.bbsItem > dd.info {position: absolute; top:20px; right:115px; border:0 none; padding-bottom: 0;}
div.bbsList.admin .admin {display: block;text-align: right;}
div.bbsList.admin dt span.admin {position: absolute;left: -110px;top: 50%;transform:translateY(-50%);width: 20px;padding: 0;}
div.bbsList.admin dt span.admin input[type=checkbox] {display: block;margin: 0 auto;}


dl.bbsItem.thumbnail {min-height: 106px;padding:20px 118px 20px 196px;}
dl.bbsItem.thumbnail dt span {left: -196px;}
dl.bbsItem.thumbnail .thumb {position: absolute;left: 70px;top: 15px;}
dl.bbsItem.thumbnail .thumb a, dl.bbsItem.thumbnail .thumb img {display: block;}
dl.bbsItem.thumbnail .admin {top: 64px;}

div.bbsUtil {overflow: hidden;text-align: right;}


table.bbs {margin-top: 20px;}
table.bbs > tbody > tr > td {padding:10px 5px;border-left: 0 none;text-align: center;}
table.bbs ul, table.bbs li {margin: 0;padding: 0;list-style:none;}
table.bbs a {text-decoration: none;color: #313131;}

table.bbs span.notice {padding: 0 5px 1px;background-color: #df4c3c;color: #fff;font-size: 14px;}


table.bbs > tbody > tr > td.tit {padding-left: 10px;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;text-decoration: none;color:#393939;}

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

table.bbs td.tit a.new {}
table.bbs td.tit a.new img.new {position:absolute;right:0;top:50%;margin-top:-8px;}
table.bbs td.tit a.reply span.reply {display: inline-block;position: absolute;right: 25px;top: 50%;margin-top: -12px;}

table.bbs td.admin a {font-size: 14px;}

table.bbs ul.info {}
table.bbs ul.info li {display: inline-block;padding-top: 1px;font-size: 14px;line-height: 18px;color: #808080;vertical-align: top;}
table.bbs ul.info li:first-child {padding-top: 0;font-size: 16px;color: #313131;}
table.bbs ul.info li:first-child:after,
table.bbs ul.info li:last-child:before {display: inline-block;padding: 0 5px;content: " / ";}


/* 26.06.15 수정 - mj.park */
dl.bbsItem > dt{
    padding: 42px 205px 42px 0;
    border-bottom: 0;
}
dl.bbsItem > dt span{
    top: 50%;
    transform: translateY(-50%);
}
div.admin dl.bbsItem > dd.info,
dl.bbsItem > dd.info{
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 115px;
    border: 0;
    padding: 0;
    vertical-align: top;
}
dl.bbsItem > dd.pubDate{
    top: 50%;
    transform: translateY(-50%);
}
div.admin dl.bbsItem > dd.pubDate{
    top: 15px;
    transform: none;
}
dl.bbsItem > dd.attach{
    display: none;
}


/* 페이징 */
ul.pager {margin: 0;padding:30px 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;list-style:none;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline;/*width: 100%;*/vertical-align: top;}

ul.pager a {display: inline-block;width: auto;border:0 none;padding: 3px 5px 5px;vertical-align: top;font-size: 14px;line-height:20px;text-decoration: none;color: #808080;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;width: 30px;padding:0;}

ul.pager a.btnDef,
ul.pager a.on {background-color: #fff;color: #000;text-align: center;}
ul.pager a img {width: 30px;vertical-align: top;}


/* 게시판 글보기 */
div.bbsView {}
div.bbsView dl.bbsItem:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
div.bbsView dl.bbsItem {padding: 0;margin: 0 0 10px;border-top: 1px solid #1a3f93;padding-bottom: 10px;border-bottom: 1px solid #d2d2d2;text-align: right;}
div.bbsView dl.bbsItem > dt {padding: 10px;margin-bottom: 10px;text-align: center;background-color: #f0f8ff;color: #28447d;font-size: 1.2em;font-weight: bold;}
div.bbsView dl.bbsItem > dd {display: inline-block;margin: 0;color: #313131;}
div.bbsView dl.bbsItem > dd:nth-child(2) {margin-left: 0;}
div.bbsView dl.bbsItem > dd:nth-child(2):after {display: inline-block;content: "";padding: 0 10px;}

div.bbsView dl.bbsItem > dd span,
div.bbsView dl.bbsItem > dd a {color: #808080;text-decoration: none;}


div.bbsCon {padding: 20px;}
div.vodArea {margin: 20px;height: 400px;background-color: #f8f8f8;}


table.tblBbs {border-top: 1px solid #d2d2d2;}
table.tblBbs:first-child {border-top-color:#3180d5;}
table.tblBbs > * > tr > th,
table.tblBbs > * > tr > td {font-size: 14px; padding: 10px 15px;}
table.tblBbs > * > tr > th {background-color: #f8f8f8;color: #313131;font-weight: normal;}
table.tblBbs > * > tr > .tit {text-align: center;font-weight: 400;text-align: center;color: #3180d5;background-color: #f8f8f8;}


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

dl.replyItem {position: relative;margin: 0;padding: 20px;border-bottom: 1px solid #d2d2d2;}

dl.replyItem.reply,
div.replyWrite.reply {background-image: url('/image/icon/replyBl.png');background-repeat: no-repeat;}
dl.replyItem.reply,
div.replyWrite.reply {padding-left: 45px;background-position:25px 25px;}


dl.replyItem > dt,
dl.replyItem > dd {margin: 0;}
dl.replyItem > dt {color: #313131;font-size: 1.1em;}
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 {right: 20px;top: 25px;text-align: right;}
dl.replyItem > dd.util a {color: #f00;}
dl.replyItem > dd.util a:first-child {color: #808080;}
dl.replyItem > dd.util a:first-child:after {display: inline-block;content: "|";padding: 0 6px 0 10px;color: #808080;}
dl.replyItem.modify > dd.util {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;font-size: 1.2em;font-weight: bold;}

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


/* 게시글쓰기 */
div.write {padding-top: 50px;}

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 span {line-height: 40px;vertical-align: top;}



table.inputTbl .date > * {float: left;margin-left: 5px;}
table.inputTbl .date > *:first-child {margin-left: 0;}
table.inputTbl .date label {width: auto;}

table.inputTbl .date input[type=text] {width: 120px;padding-right: 30px;}
table.inputTbl .date input[type=image] {width: 16px;margin: 8px 0 0 -25px;}

table.inputTbl .period > *,
table.inputTbl .period > .clear > * {float: left;margin-left: 10px;}
table.inputTbl .period > *:first-child,
table.inputTbl .period > .clear,
table.inputTbl .period > .clear >*:first-child {margin-left: 0;}
table.inputTbl .period input[type=radio], table.inputTbl td.period input[type=checkbox] {margin: 11px 0 0 20px;}
table.inputTbl .period input[type=text] {width: 100px;}
table.inputTbl .period select {width: 70px;min-width:70px;}
table.inputTbl .period label,
table.inputTbl .period span {line-height: 35px;}

table td.editArea {padding:0 !important;text-align:left;}
div.editArea {margin-top:20px;}


div.write {}
div.write tr.pcOnly {display:table-row !important;}
div.write select {width: auto;}
div.write .btnArea i {padding-left: 10px;}


/* 포토갤러리 */
ul.thumbList {margin:0;padding: 0;}
ul.thumbList:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
ul.thumbList > li {position: relative;float: left;width: 340px;margin: 20px 0 20px 90px;padding: 0;list-style:none;}
ul.thumbList > li:nth-child(3n+1) {margin-left: 0;}
ul.thumbList a,
ul.thumbList span,
ul.thumbList img {display: block;}

ul.thumbList a {text-decoration: none;text-align: center;}

ul.thumbList span.category {overflow: hidden;padding-bottom: 10px;}
ul.thumbList span.category span {float: left;min-width:58px;height: 20px;padding: 6px 15px 7px;margin-left: 5px;border: 1px solid #cacaca;background-color: #e8e8e8;color: #474747;font-size: 16px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;text-align: center;}
ul.thumbList span.category span:first-child {margin-left: 0;}
ul.thumbList span.category span.typeA {border-color: #d28989;background-color: #ffe8e8;color: #a81717;}
ul.thumbList span.category span.typeB {border-color: #d2ad89;background-color: #fff4e8;color: #d55b01;}
ul.thumbList span.category span.typeC {border-color: #d4c156;background-color: #fffde8;color: #d59701;}
ul.thumbList span.category span.typeD {border-color: #85cda7;background-color: #e8fff3;color: #1aa160;}
ul.thumbList span.category span.typeE {border-color: #89a3d2;background-color: #e8eeff;color: #3473c0;}

ul.thumbList span.thumb {height: 248px;border: 1px solid #ddd;background:#f9f9f9 url('/image/common/thumb_logo.png') center center no-repeat;}
ul.thumbList span.thumb img {width: 100%;height: 100%;}

ul.thumbList span.tit {padding: 15px 0;font-size: 20px;}
ul.thumbList span.info {font-size: 15px;}

ul.thumbList span.admin {position: absolute;right: 10px;top: auto;bottom: 97px;width: auto !important;height: 27px;}
ul.thumbList span.admin a {float: left;margin-left: 5px;}
ul.thumbList span.admin a:first-child {margin-left: 0;}

div#imageView {padding:20px 0;}

div#thumbList {width:800px;height:160px;margin:20px auto;}
div#thumbList img {width:100px;height:70px;margin:10px 0 0 10px;}

}


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

/* 게시판 리스트 */
div.bbsList.admin {display: block !important;}
div.bbsSearch select,
div.bbsSearch input[type=text],
div.bbsSearch span.btn {display: block;width: 100%;}
div.bbsSearch select,
div.bbsSearch input[type=text] {height: 35px;box-sizing:border-box;}

div.bbsSearch input[type=text] {margin: 5px 0;}
div.bbsSearch span.btn * {width: 100%;}

div.bbsSearch {margin: 0 0 20px 0;}

div.sort {margin: 10px;}
div.sort select {width: 100%;}

div.bbsSearch + div.sort {margin: 10px 0;}

div.bbsSearch.ac {}
div.bbsSearch.ac select + select {margin-top: 5px;}

div.bbsSearch.ac p.bbsBrief {padding-top: 5px;text-align: right;}




ul.result, ul.result > li {margin: 0;padding: 0;list-style:none;}
ul.result {overflow: hidden;}
ul.result > li {float: left;margin-left: 10px;padding: 10px 20px;color: #fff;}
ul.result > li:first-child {margin-left: 0;}

div.bbsBrief {overflow: hidden;}
div.bbsBrief p {float: right;margin: 0;}
div.bbsBrief p:first-child {float: left;}


p.bbsNote {padding-bottom: 10px;text-align: right;font-weight: 400;color: #ec1776;}

div.bbsList {margin-top: 10px;}
dl.bbsItem {position: relative;padding:0 35px 5px 60px;margin: 0;border-bottom: 1px solid #d2d2d2;}
dl.bbsItem:first-child {border-top: 1px solid #3180d5;}

dl.bbsItem a,
table.tblBbs a {text-decoration: none;color: inherit;}
table.tblBbs a.attach {display: inline;word-break:break-all;}
dl.bbsItem > dt {position: relative;padding: 15px 0 5px;font-size: 16px;color: #313131;font-weight: 400;}
dl.bbsItem > dt a {position:relative;overflow:hidden;display: inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;color: #313131;}
dl.bbsItem > dt span {position: absolute;left: -60px;top: 15px;width: 50px;font-size: 14px;line-height: 18px;padding: 2px 0 4px;text-align: center;color: #313131;}


dl.bbsItem > dd {margin: 0;}
dl.bbsItem > dd.pubDate span:before {display: inline-block;content: ".";}
dl.bbsItem > dd.attach img,
table.tblBbs a img {vertical-align: top;margin: 2px 5px 0 0;}


dl.bbsItem > dd.info {padding-bottom: 5px;font-size: 14px;color: #808080;}

dl.bbsItem > dd.attach {position: absolute;right: 0;top: 0;width: 35px;height: 100%;}
dl.bbsItem > dd.attach a {display: none;}
dl.bbsItem > dd.attach:after {position: absolute;left: 0;top: 50%;width: 100%;margin-top: -0.5em;text-indent: 0;font-size: 1.5em;line-height: 1em;font-family: "Font Awesome 5 Free";color: #808080;content: "\f15c";font-weight: 400;text-align: center;}

dl.bbsItem > dd.admin {display: none;}

dl.bbsItem.deleted {height: 50px;background-color: #fbfbfb;}

dl.bbsItem > dt a.new {max-width:calc(100% - 45px);padding-right: 45px;}
dl.bbsItem > dt a.new:after {position: absolute;right: 0;top: 50%;width: 38px;height: 18px;margin-top: -9px;content: "new";font-size: 0;line-height: 0;background: url('/image/icon/new.png') 0 0 no-repeat;}


div.bbs span.cate {position: absolute;top: 50%;padding: 0 5px 2px;text-align: center;color: #fff;font-weight: 300 !important;font-size: 0.8em !important;}
div.bbs span.cate.type01 {background-color: #3180d5;}
div.bbs span.cate.type02 {background-color: #24275d;}
div.bbs span.cate.type03 {background-color: #555ab6;}
div.bbs span.cate.type04 {background-color: #1766ec;}


dl.bbsItem.thumbnail {padding:0 35px 10px 130px;}
dl.bbsItem.thumbnail dt span {left: -130px;}
dl.bbsItem.thumbnail .thumb {position: absolute;left: 58px;top: 15px;}
dl.bbsItem.thumbnail .thumb a, dl.bbsItem.thumbnail .thumb img {display: block;width: 65px;}


div.bbsUtil {overflow: hidden;text-align: right;margin: 10px 0;}
div.bbsUtil i {padding-left: 10px;}
div.bbsUtil .btnBig {padding: 14px 15px 15px;}
div.bbsUtil a.btnBig {padding: 14px 15px 15px;}

table.bbs {margin-top: 20px;}
table.bbs > tbody > tr > td {padding:10px 5px;border-left: 0 none;text-align: center;}
table.bbs ul, table.bbs li {margin: 0;padding: 0;list-style:none;}
table.bbs a {text-decoration: none;color: #313131;}

table.bbs span.notice {padding: 0 5px 1px;background-color: #df4c3c;color: #fff;font-size: 14px;}


table.bbs > tbody > tr > td.tit {padding-left: 10px;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;text-decoration: none;color:#393939;}

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

table.bbs td.tit a.new {}
table.bbs td.tit a.new img.new {position:absolute;right:0;top:50%;margin-top:-8px;}
table.bbs td.tit a.reply span.reply {display: inline-block;position: absolute;right: 25px;top: 50%;margin-top: -12px;}

table.bbs td.admin a {font-size: 14px;}

table.bbs ul.info {}
table.bbs ul.info li {display: inline-block;padding-top: 1px;font-size: 14px;line-height: 18px;color: #808080;vertical-align: top;}
table.bbs ul.info li:first-child {padding-top: 0;font-size: 16px;color: #313131;}
table.bbs ul.info li:first-child:after,
table.bbs ul.info li:last-child:before {display: inline-block;padding: 0 5px;content: " / ";}




/* 게시판 글보기 */
div.bbsView {margin: 10px;}
div.bbsView dl.bbsItem:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
div.bbsView dl.bbsItem {padding: 0 0 10px;margin: 0;border-top: 1px solid #1a3f93;padding-bottom: 10px;border-bottom: 1px solid #d2d2d2;text-align: right;}
div.bbsView dl.bbsItem > dt {padding: 10px;margin-bottom: 5px;text-align: center;background-color: #f0f8ff;color: #1a3f93;font-size: 1.2em;font-weight: bold;}
div.bbsView dl.bbsItem > dd {display: inline-block;margin: 0;color: #313131;}
div.bbsView dl.bbsItem > dd:last-child {display:block;}


div.bbsView dl.bbsItem > dd span,
div.bbsView dl.bbsItem > dd a {color: #808080;text-decoration: none;}

/* 게시판 view 페이지 관련 수정 - 25.11.06 mj.park */
div.bbsCon {padding:10px 0;}
div.bbsCon{
	overflow-x: auto;
}
/* div.bbsCon table{
	width: 100% !important;
} */
div.vodArea {margin: 20px;height: 400px;background-color: #f8f8f8;}


table.tblBbs {border-top: 1px solid #d2d2d2;}
table.tblBbs:first-child {border-top-color:#3180d5;}
table.tblBbs > * > tr > th,
table.tblBbs > * > tr > td {font-size: 14px;}
table.tblBbs > * > tr > th {background-color: #f8f8f8;color: #313131;font-weight: normal;}
table.tblBbs > * > tr > .tit {text-align: center;font-weight: 400;text-align: center;color: #3180d5;background-color: #f8f8f8;}


/* 댓글 */
div.replyArea {position: relative;border:1px solid #d2d2d2;margin:50px 10px 10px;padding:0 10px;}
div.replyArea a {text-decoration: none;color: inherit;}
div.replyArea .brief {position: absolute;left: 0;top: -30px;color: #313131;font-size: 1.1em;}

dl.replyItem {position: relative;margin: 0;padding: 10px 0;border-bottom: 1px solid #d2d2d2;}

dl.replyItem.reply,
div.replyWrite.reply {padding:10px 0 10px 20px;background: url('/image/icon/replyBl.png') 8px 18px no-repeat;background-size: 6px;}



dl.replyItem > dt,
dl.replyItem > dd {margin: 0;}
dl.replyItem > dt {color: #313131;font-size: 1.1em;}
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 {right: 20px;top: 25px;text-align: right;}
dl.replyItem > dd.util a {color: #f00;}
dl.replyItem > dd.util a:first-child {color: #808080;}
dl.replyItem > dd.util a:first-child:after {display: inline-block;content: "|";padding: 0 6px 0 10px;color: #808080;}

dl.replyItem.modify > dd {position: relative;padding: 10px 90px 0 0;}
dl.replyItem.modify > dd.util {display:  none;}

dl.replyItem.deleted {padding: 10px;background-color: #f8f8f8;}

div.replyWrite {position: relative;padding:0 90px 10px 0 !important;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: 0;top: 10px;width: 80px;height: 100px;}
div.replyArea span.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;font-size: 1.2em;}

div.replyArea > div.replyWrite {margin-top: 10px;}
div.replyArea > div.replyWrite span.btn {top: 0;}


/* 게시판 글쓰기 */
div.write {display: none;}


/* 포토갤러리 */
ul.thumbList {margin:0;padding: 0;}
ul.thumbList:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.thumbList > li {margin: 0;padding:10px 0;list-style:none;}
ul.thumbList > li:first-child {padding-top: 0;}
ul.thumbList a,
ul.thumbList span,
ul.thumbList img {display: block;}

ul.thumbList a {text-decoration: none;text-align: center;}


ul.thumbList span.category {overflow: hidden;padding-bottom: 5px;}
ul.thumbList span.category span {float: left;min-width:38px;height: 16px;padding: 4px 10px 5px;margin-left: 5px;border: 1px solid #cacaca;background-color: #e8e8e8;color: #474747;font-size: 12px;line-height: 16px;font-family: 'NotoSansKR Regular', sans-serif;text-align: center;}
ul.thumbList span.category span:first-child {margin-left: 0;}
ul.thumbList span.category span.typeA {border-color: #d28989;background-color: #ffe8e8;color: #a81717;}
ul.thumbList span.category span.typeB {border-color: #d2ad89;background-color: #fff4e8;color: #d55b01;}
ul.thumbList span.category span.typeC {border-color: #d4c156;background-color: #fffde8;color: #d59701;}
ul.thumbList span.category span.typeD {border-color: #85cda7;background-color: #e8fff3;color: #1aa160;}
ul.thumbList span.category span.typeE {border-color: #89a3d2;background-color: #e8eeff;color: #3473c0;}


ul.thumbList span.thumb {min-height: 190px;border: 1px solid #ddd;background:#f9f9f9 url('/image/common/thumb_logo.png') center center no-repeat;background-size: 68px;}
ul.thumbList span.thumb img {width: 100%;height: 100%;}

ul.thumbList span.tit {padding: 10px 0;font-size: 16px;}
ul.thumbList span.info {font-size: 14px;}

ul.thumbList span.admin {display: none;}


/* Newsletter */
ul.thumbList.newsletter {}
ul.thumbList.newsletter > li {float: right;width: calc(50% - 5px);}
ul.thumbList.newsletter > li:nth-child(odd) {clear: both;float: left;}
ul.thumbList > li:first-child + li {padding-top: 0;}
ul.thumbList.newsletter span.thumb {min-height: 135px;}


/* 포토갤러리_View */

div#imageView {padding:10px 0;}
div#imageView img {display:block;max-width:100%;margin:0 auto;}

div#thumbList {width: 275px;height:80px;margin:0 auto 10px;}
div#thumbList img {width:50px;height:35px;margin:5px 0 0 5px;}



/* Newsletter_View*/
div.newsletterView {padding:20px 0;text-align: center;}
div.newsletterView span.thumb {display: inline-block;width: 230px;height: 270px;border: 1px solid #ddd;background:#f9f9f9 url('/image/common/thumb_logo.png') center center no-repeat;}
div.newsletterView img.noThumb {display: none;}

div.newsletterView span.btn {display: block;padding-top: 20px;}
div.newsletterView span.btn a {padding: 6px 20px 6px;margin-left: 10px;border-radius:5px;}
div.newsletterView span.btn a:first-child {margin-left: 0;}
div.newsletterView span.btn i {padding:3px 0 0 5px;}

}



table.bbsView {table-layout:fixed;border-top:2px solid #00aed9;}
table.bbsView > * > tr > * {padding: 10px;border-left: 0 none;}
table.bbsView > * > tr > th {border-bottom: 1px solid #d2d2d2;color: #03376d;background-color: #f2fcff;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;text-align: left;}
table.bbsView > tbody > tr > .tit {padding: 10px;background-color:#f2fcff;color:#03376d;text-align:center;font-family: 'NotoSansKR Medium', sans-serif;}

table.bbsView > tbody > tr > td {border-bottom: 1px solid #d2d2d2;font-family: 'NotoSansKR DemLight', sans-serif;font-weight: 300;color: #6b6b6d;}
table.bbsView > tbody > tr > td > a {display:inline-block;vertical-align: top;color: #6b6b6d;}

.bbsCon {margin: 0;color: #222;text-align: justify;}


ul.bbsAttach, ul.bbsAttach li, ul.bbsAttach a {margin: 0;padding: 0;list-style:none;}
ul.bbsAttach {padding: 20px 30px;border-bottom: 1px solid #ccc;}
ul.bbsAttach > li {margin-top: 5px;}
ul.bbsAttach > li:first-child {margin-top: 0;}
ul.bbsAttach a {display: inline-block;color: #666;font-size: 15px;line-height: 24px;font-weight: 300;text-decoration: none;vertical-align: top;}
ul.bbsAttach img {padding: 4px  5px 0 0;vertical-align: top;}


dl.bbsList, dl.bbsList dt, dl.bbsList dd, dl.bbsList a {margin: 0;padding: 0;text-decoration: none;}
dl.bbsList {}
dl.bbsList:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
dl.bbsList > dt,
dl.bbsList > dd {float: left;padding:10px 20px;border-bottom: 1px solid #d2d2d2;box-sizing:border-box;}
dl.bbsList > dt {position: relative;width: 125px;text-align: center;color: #000;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;color: #03376d;}
dl.bbsList > dt:after {position: absolute;right: 0;top: 50%;width: 1px;height: 16px;margin-top: -8px;content: "";background-color: #03376d;}
dl.bbsList > dd {position: relative;width: calc(100% - 125px);padding-right: 120px;}
dl.bbsList > dd a {display:inline-block;overflow:hidden;position:relative;max-width:100%;text-overflow:ellipsis; white-space:nowrap;text-decoration: none;color: #747474;}
dl.bbsList > dd span {position: absolute;right: 20px;top: 50%;height: 24px;line-height: 24px;margin-top: -12px;color: #747474;}


dl.attach {position: relative;background-color:#f5f5f5; }
dl.attach dt,
dl.attach dd {box-sizing:border-box; padding:10px;border-bottom:1px solid #ccc;}
dl.attach dt {position: absolute;left: 0;top: 50%;height: 50%;color:#222; text-align:center;}
dl.attach dt:first-child {top: 0;}
dl.attach dd {padding:10px 20px; border-left:1px solid #ccc;background-color: #fff;}
dl.attach dd a {display:block; color:#222;}

table.tblDef.attach {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
table.tblDef.attach tbody th {background-color:#f5f5f5;text-align: center;}
table.tblDef.attach tbody td {text-align: left;} 


div.bbsUtil {font-size: 0;line-height: 0;text-align:right;}
div.bbsUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.bbsUtil a {position: relative;display: inline-block;vertical-align: top;font-family: 'NotoSansKR Medium', sans-serif;box-sizing:border-box;text-align: center;}

div.bbsUtil a.write,
div.bbsUtil a.list {border: 1px solid #03376d;color: #fff;background-color: #03376d;text-decoration: none;}
div.bbsUtil a.modify {border: 1px solid #00aed9;color: #fff;background-color: #00aed9;text-decoration: none;}
div.bbsUtil a.list,
div.bbsUtil a.prev,
div.bbsUtil a.next {float: left;}
div.bbsUtil a.reply {border: 1px solid #00aed9;color: #00aed9;background-color: #fff;text-decoration: none;}
div.bbsUtil a.prev,
div.bbsUtil a.next,
div.bbsUtil a.delete {border: 1px solid #829fbc;color: #fff;background-color: #829fbc;text-decoration: none;}

div.bbsUtil a.prev {margin: 30px 0 0 0;}

.attach{
    text-decoration: none;
    color: inherit;
}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
table.bbs > thead > tr > th,
table.bbs > tbody > tr > td {font-size: .9em;}

table.bbs .admin {display: none !important;}

.bbsTit {padding: 15px 15px 0;}
div.bbsView ul.info {margin: 0;padding: 10px 15px 15px;}

table.bbsView col:first-child {width: 30% !important;}
table.bbsView > * > tr > * {word-break:keep-all;}

.bbsCon {padding: 15px;}

dl.attach {padding-left: 100px;}
dl.attach dt {width: 100px;}

table.tblDef.attach > * > tr > * {padding: 5px 10px;}

div.bbsUtil {margin: 0;}
div.bbsUtil a {min-width: 100px;margin-left: 10px;font-size: 14px;line-height: 26px;padding:5px 20px;}
div.bbsUtil a.write,
div.bbsUtil a.modify,
div.bbsUtil a.delete {display: none !important;}
div.bbsUtil a.list {width: 100px;margin-left: 0;}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.bbsSearch input[type=text] {width: 400px;}

.bbsTit {padding: 30px 30px 0;}
div.bbsView ul.info {margin: 0;padding: 20px 30px 30px;}

table.bbsView > * > tr > th {padding-left: 20px;}
.bbsCon {min-height:300px;padding: 20px;}

dl.attach {padding-left: 180px;}
dl.attach dt {width: 180px;}

table.tblDef.attach > * > tr > * {padding: 10px;}

div.bbsUtil {position: relative;}
div.bbsView + div.bbsUtil  {margin-top: 30px;}
div.bbsUtil + ul.pager  {margin-top: 0;}

div.bbsUtil a {min-width:130px;margin:30px 10px 0 0;height: 50px;font-size: 17px;line-height: 20px;padding:14px 0;}
div.bbsUtil a:last-child {margin-right: 0;}
div.bbsSearch + div.bbsUtil a {margin-top: 0;}
div.bbsSearch + div.bbsUtil span.fl {margin-top: ;}
}





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

ul.pager a {display: inline-block;border:0 none;padding: 0 7px;text-align: center;vertical-align: middle;line-height:30px;text-decoration: none;color: #808080;font-size: 14px;}

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;font-family: 'NotoSansKR Medium', sans-serif;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.pager {margin-top: 30px;}
}