@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500,700');


 /* 사이트 공통 CSS */
/* default font-family */
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:'Nanum Gothic', sans-serif;font-weight:400;word-break:normal;}


div.wrapper {overflow: hidden;position: relative;width:100%;font-size: 14px;}

div#headerWrap a {display: block;text-decoration: none;}
div.gnbWrap ul, div.gnbWrap li {margin: 0;padding: 0;list-style:none;}
hr {display: none;}


div#headerWrap {z-index: 100;position: relative;}



div#footerWrap {border-top: 1px solid #e3e3e3;background-color: #fff;}
div#footerWrap,
div#footerWrap a {text-decoration: none;font-size: 13px;color: #5a5a5a;}



div#container {}

a.trigger {display: inline-block;position: relative;padding-right: 2em;text-decoration: none;}
a.trigger i {position: absolute;right: 1em;top: 50%;margin-top: -0.5em;}

.ing {text-align: center;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.wrapper,
div.popupWrap{min-width:320px;}


div#headerWrap {position: relative;}
div#headerWrap h1 {position: relative;height: 50px;padding: 0;background-color: #fff;border-bottom: 1px solid #dfdfdf;}
div#headerWrap h1 a {display: block;padding: 10px 0 10px;}
div#headerWrap h1 img {display: block;height: 30px;margin: 0 auto;}

div#headerWrap p.viewGnb {z-index: 60;position: absolute;right: 0;top: 0;width: 55px;height: 50px;}
div#headerWrap p.viewGnb a {height: 100%;background: url('../image/common/viewGnb_m.png') center center no-repeat;background-size: 50px;text-indent: -10000px;}
div#headerWrap p.viewGnb a.view {background-image: url('../image/common/viewGnb_on_m.png');}


div.gnbWrap {display: none;z-index: 50;position: fixed;left: 0;top: 0;width: 100%;height: 100%;padding-top: 50px;background-color: #fff;box-sizing:border-box;}

ul#gnb {display: block !important;position: relative;height: 100%;padding-left: 125px;background-color: #f6f6f6;}
ul#gnb > li {}
ul#gnb > li > a {position: absolute;left: 0;width: 125px;padding: 13px 0;text-align: center;color: #000;}
ul#gnb ul {display: none;background-color: #fff;}
ul#gnb ul a {padding-left: 25px;color: #838282;line-height: 50px;}

ul#gnb > li.on {height: 100%;}
ul#gnb > li.on > a {background-color: #ec942c;color: #fff;}
ul#gnb > li.on ul {display: block;height: 100%;}

div#headerWrap ul.gnbUtil {position: absolute;left: 0;top: 0;width: 100%;height: 26px;padding: 12px 0;background-color: #a0651f;}
div#headerWrap ul.gnbUtil li {float: left;padding-left: 10px;text-align:center;}
div#headerWrap ul.gnbUtil a {padding: 0 15px 3px;border: 1px solid #fff;border-radius:13px;color: #fff;font-size: 14px;}
div#headerWrap ul.gnbUtil li:first-child {}
div#headerWrap ul.gnbUtil li:first-child a {padding: 0 10px;border: 0 none;font-size: 26px;}


div#footerWrap {padding: 10px;text-align: center;}
div#footerWrap li {display: inline-block;}

h2.pageTit,
dl#lnb > dt {display: none;}

dl#lnb {z-index: 30;position: relative;height: 40px;background-color: #e08923;}
dl#lnb p a {display: block;position: relative;height: 21px;padding: 9px 2em 10px 10px;color: #fff;font-weight: bold;line-height: 21px;}
dl#lnb p a i {position: absolute;right: 1em;top: 50%;margin-top: -0.5em;}
dl#lnb ul {display: none;position: absolute;left: 0;top: 40px;width: 100%;padding: 0 10px 10px;border: 2px solid #e08923;border-top: 0 none;background-color: #fff;box-sizing:border-box;}
dl#lnb li {padding-top: 5px;}

div.contents > div {padding: 10px;}

.ing {padding: 50px 0;}
.ing img {width: 85px;}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
body {background:#fff url('../image/common/bg.jpg') 0 71px repeat-x;}

div.wrapper,
div.popupWrap {}
div.wrapper {min-width:1200px;background:url('../image/common/conBg.jpg') center 71px no-repeat;}

div#headerWrap {background-color: #fff;}
div#headerWrap > div {height: 70px;height: 70px;border-bottom: 1px solid #d5d5d5;}
div#headerWrap h1 {position: absolute;left: 50%;top: 15px;margin-left: -600px;}


div#headerWrap p.viewGnb {position: absolute;left: 50%;top: 0;width: 180px;margin-left: 420px;}
div#headerWrap p.viewGnb a {height: 24px;padding:23px 0 23px  65px;color: #fff;background:#656565 url('../image/common/viewGnb.png') 20px 0 no-repeat;}
div#headerWrap p.viewGnb a.view {background-position: 20px -70px;}

div#headerWrap ul.gnbUtil {position: absolute;left: 50%;top: -70px;margin-left: 148px;}
div#headerWrap ul.gnbUtil li {float: left;}
div#headerWrap ul.gnbUtil li:first-child {display: none;}
div#headerWrap ul.gnbUtil a {height: 24px;padding:23px 30px;color: #717171;border-left: 1px solid #d2d2d2;}

div.gnbWrap {display: block !important;position: absolute;left: 0;top: 71px;width: 100%;}
div.gnbWrap.view {border-bottom: 1px solid #d5d5d5;background-color: #fff;}

ul#gnb {overflow: hidden;width: 1200px;margin: 0 auto;}
ul#gnb a {text-align: center;color: #404040;}
ul#gnb > li {float: left;width: 20%;border-right: 1px solid #d2d2d2;box-sizing:border-box;}
ul#gnb > li:first-child {border-left: 1px solid #d2d2d2;}

ul#gnb > li:hover,
ul#gnb > li:focus {background-color: #fdfdec;}

ul#gnb > li > a {padding: 50px 0 20px;font-size: 28px;font-weight: 400;color: #000;line-height: 32px;}
ul#gnb > li > a.twoLine {padding: 34px 0 4px;}

ul#gnb ul {padding-bottom: 50px;}
ul#gnb ul li {padding-top: 15px;}

div#footerWrap, div#footerWrap a {color: #1d1d1d;}
div#footerWrap > div {position: relative;width: 850px;padding:30px 0 20px 350px;margin: 0 auto;background: url('../image/common/footer_logo.png') 20px center no-repeat;font-size: 14px;}

div#footerWrap ul {overflow: hidden;}
div#footerWrap li {float: left;margin-left: 8px;}
div#footerWrap li:first-child {margin-left: 0;}

h2.pageTit {margin: 0;padding-left: 220px;text-align: center;color: #000;font-family: 'Noto Sans KR';font-weight: 300;font-size: 35px;line-height: 160px;}
div#container {width: 1200px;margin: 0 auto 50px;}
div#container:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}

dl#lnb {float: left;width: 220px;margin-top: -129px;font-family: 'NanumSquareR';}
dl#lnb > dt {height: 45px;padding: 42px 0 43px;text-align: center;color: #fff;font-size: 30px;font-weight: 400;background: #e08923 url('../image/common/lnb_titBg.jpg') right bottom no-repeat;}
dl#lnb > dt.twoLine {height: 90px;padding: 20px 0;}
dl#lnb dd p {display: none;}
dl#lnb dd > ul > li {border-bottom: 1px solid #e5e5e5;}
dl#lnb dd > ul > li > a {padding: 12px 30px 13px 20px;color: #6f6f6f;font-size: 16px;line-height: 24px;}
dl#lnb dd > ul > li > a:hover,
dl#lnb dd > ul > li > a:focus {color: #e08923;}
dl#lnb dd > ul > li.on > a {color: #e08923;font-weight: bold;background:#fffaf4 url('../image/common/lnb_on.png') right center no-repeat;}

dl#lnb dd > ul ul {padding:0 0 10px 30px;}
dl#lnb dd > ul ul a {margin-top: 10px;padding-left: 10px;background: url('../image/common/lnb_sub.png') 0 8px no-repeat;font-size: 14px;color: #6f6f6f;}
dl#lnb dd > ul ul li.on a {background-image: url('../image/common/lnb_sub_on.png');color: #e08923;}



div.contents {float: right;width: 940px;padding-top: 30px;}

.ing {padding: 200px 0;}
}




ul.tabMenu, ul.tabMenu li, ul.subMenu, ul.subMenu li {margin: 0;padding: 0;list-style:none;}
ul.tabMenu a, ul.subMenu a {display: block;color: #979797;text-decoration: none;text-align: center;}
ul.tabMenu,
ul.subMenu {overflow: hidden;background-color: #fafafa;}
ul.tabMenu > li,
ul.subMenu > li {float: left;width: 50%;}


ul.menu03 > li {width: 33.3%;}
ul.menu03 > li.on {width: 33.4%;}
ul.menu04 > li {width: 25%;}
ul.menu05 > li {width: 20%;}



dl.toggleArea, dl.toggleArea dt, dl.toggleArea dd {margin: 0;padding: 0;}
dl.toggleArea {border-top: 2px solid #fff;}
dl.toggleArea a.trigger {display: block;background-color: #ececec;background-image: url('/general/image/common/toggle_off.png');background-repeat: no-repeat;color: #959393;}
dl.toggleArea .view a.trigger {background-color: #19b78d;color: #fff;background-image: url('/general/image/common/toggle_on.png');}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.tabMenu, ul.subMenu {padding: 0 5px;border-bottom: 1px solid #dfdfdf;}
ul.tabMenu a, ul.subMenu a {padding:12px 0;border-bottom: 2px solid #fafafa;font-size: 14px;line-height: 16px;}
ul.tabMenu a.twoLine, ul.subMenu a.twoLine {padding: 4px 0;}
ul.tabMenu .on a, ul.subMenu .on a {border-bottom-color: #0aa87e;color: #0aa87e;}

dl.toggleArea dt a.trigger {font-size:16px;line-height: 20px;padding: 5px 35px;background-position: 6px bottom;background-size: 22px;}
}


/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
ul.tabMenu a, ul.subMenu a {padding:12px 10px;line-height: 24px;border: 1px solid #dcdcdc;}
ul.tabMenu .on a, ul.subMenu .on a {padding: 11px 10px;font-weight: bold;color: #19b78d;border:2px solid #19b78d;border-bottom-color: #fff;background-color: #fff;}

dl.toggleArea dt a.trigger {font-size: 20px;line-height: 24px;padding: 13px 70px;background-position: 12px 25px;}
}





/* Main */
body.main div.contents p {text-align: center;}
ul.mainMenu, ul.mainMenu li {margin: 0;padding: 0;list-style:none;}
ul.mainMenu {}
ul.mainMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.mainMenu li {position: relative;float: left;margin-left: -3px;}
ul.mainMenu li:nth-child(1) {margin-left: 0;}
ul.mainMenu li:nth-child(4) {clear: both;}
ul.mainMenu li:hover,
ul.mainMenu li:focus {z-index: 50;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
body.main div.wrapper {background:url('../image/main/bg_m.jpg') center top no-repeat;background-size: auto 100%;}
body.main div#container {}
body.main div.contents {position: absolute;left: 0;top: 50%;width: 100%;margin-top: -200px;}
body.main div.contents p img {width: 245px;}

ul.mainMenu {width: 297px;margin: 0 auto;padding: 30px 0 0 40px;}
ul.mainMenu li:nth-child(4) {margin-left: -49px;}
ul.mainMenu li:nth-child(4), 
ul.mainMenu li:nth-child(5), 
ul.mainMenu li:nth-child(6) {margin-top: -36px;}
ul.mainMenu a {width: 100px;height: 113px;background-position: 0 0;background-repeat: no-repeat;background-size: 100px;}
ul.mainMenu a img {display: none;}

ul.mainMenu li:nth-child(1) a {background-image: url('../image/main/mainMenu_01_m.png');}
ul.mainMenu li:nth-child(2) a {background-image: url('../image/main/mainMenu_02_m.png');}
ul.mainMenu li:nth-child(3) a {background-image: url('../image/main/mainMenu_03_m.png');}
ul.mainMenu li:nth-child(4) a {background-image: url('../image/main/mainMenu_04_m.png');}
ul.mainMenu li:nth-child(5) a {background-image: url('../image/main/mainMenu_05_m.png');}
ul.mainMenu li:nth-child(6) a {background-image: url('../image/main/mainMenu_06_m.png');}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
body.main {background: #bdc98d url('../image/main/bg.jpg') center top no-repeat;}
body.main div.wrapper {background: none;}
body.main div#container {padding: 115px 0 110px;margin: 0 auto;}

body.main div.contents {width: 687px;padding-left: 513px;}

ul.mainMenu li:nth-child(4) {margin-left: -113px;}
ul.mainMenu li:nth-child(4), 
ul.mainMenu li:nth-child(5), 
ul.mainMenu li:nth-child(6) {margin-top: -65px;}
}





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


/* 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;border-radius:4px;vertical-align:top;text-align: center !important;}

.btn a {height:auto;line-height: 19px;padding: 7px 15px 7px;}
.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 {padding-right:60px;background-position:right center;background-repeat:no-repeat;}
.btn .btnArr {background-image:url('/image/btn/btnBl_arr.png');background-position:right center;background-repeat:no-repeat;text-align: left !important;}
.btn .btnCancel {background-image:url('/image/btn/btnBl_cancel.png');background-position:right center;background-repeat:no-repeat;}

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




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

div.btnArea * {margin-left:20px;}
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:25px;font-size:12px;}
table.inputTbl a.btnSmall {height:18px;padding:2px 13px 3px;}


/* 주황색 */			.btn .btnDef {background-color:#e08923;border-color:#e08923;color:#fff !important;}
/* 연두색 */			.btn .btnPoint {background-color:#19b78d;border-color:#19b78d;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#5d5d5d;border-color:#5d5d5d;color:#fff !important;}
/* 연회색 */			.btn .btnLGrey {background-color:#ddd;border-color:#ddd;color:#3c4046 !important;}


/* border+주황색 */		.btn .btnBdDef {background-color:#fff;border-color:#e08923;color:#e08923 !important;}
/* border+연두색 */		.btn .btnBdPoint {background-color:#fff;border-color:#19b78d;color:#19b78d !important;}
/* border+회색 */			.btn .btnBdGrey {background-color:#fff;border-color:#5d5d5d;color:#5d5d5d !important;}





/* 파일 찾기 */
div.selectFile {position:relative;padding-right: 92px;}
div.selectFile input[type=text] {width: 100%;height: 35px;padding: 6px 10px;}
div.selectFile span.find {position: absolute;right: 0;top: 0;width:82px;height:35px;background:url('/image/icon/btn_browse.png') center center no-repeat;background-color:#000;}
div.selectFile span.find input {width:100%;height:100%;padding: 0;border: 0 none;}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
a.conLink {word-break:break-all;}

.btn .btnArr,
.btn .btnCancel {background-size:26px;}
.btn .btnArr {background-image:url('/image/btn/m_btnBl_arr.png');}
.btn .btnCancel {background-image:url('/image/btn/m_btnBl_cancel.png');}
.btn a img {width:10px;padding-top:2px;}
}


/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.btnArea.btn2ea *,
div.btnArea.btn2ea * {min-width:120px;padding:10px 10px 8px;}

.btn a img {width:14px;}
}




div.formArea > dl {border-top: 1px solid #c3c3c3;}
div.formArea > dl > dt,
div.formArea > dl > dd {border-bottom:1px solid #c3c3c3;}
div.formArea > dl > dt {padding: 5px 10px;background-color: #f8f8f8;}

div.formArea > dl > dd {padding:10px;}
div.formArea > dl > dd ul, div.formArea > dl > dd li,
div.formArea > dl > dd dt, div.formArea > dl > dd dd {margin: 0;padding: 0;list-style:none;}

div.formArea dt,
div.formArea dt span,
div.formArea dt label {font-weight:bold;line-height: 33px;}

div.formArea textarea,
div.formArea select,
div.formArea input[type=text],
div.formArea input[type=password] {width:100%;}

div.formArea select,
div.formArea input[type=text],
div.formArea input[type=password] {height:35px;}


div.formArea .multi {overflow:hidden;}
div.formArea .multi > * {float:left;}
div.formArea .multi > div,
div.formArea .multi > input[type=checkbox],
div.formArea .multi > input[type=radio] {margin-left:40px;}
div.formArea .multi > input[type=checkbox],
div.formArea .multi > input[type=radio] {margin-top: 10px;}

div.formArea .multi > label,
div.formArea .multi > span {line-height: 33px;}

div.formArea .date > span,
div.formArea .date > select,
div.formArea .date >  input[type=text] {width:30%;margin-left:2%;}

div.formArea .multi > label,
div.formArea .multi > *:first-child,
div.formArea .multi *.clear {margin-left:0 !important;}

.ie9 div.formArea textarea,
.ie9 div.formArea select,
.ie9 div.formArea input[type=text],
.ie9 div.formArea input[type=password] {width:99%;}


div.formArea .date {}
div.formArea .date > span {position:relative;padding-right:31px;border:1px solid #cacaca;box-sizing:border-box;}
div.formArea .date > span input[type=text] {height:33px;padding:4px 10px 6px;border:0 none;text-align:right;}
div.formArea .date > span span {position:absolute;right:10px;top:50%;margin-top:-16px;}
div.formArea .date label {line-height: 33px;}
div.formArea .date input[type=radio] {margin: 10px 5px 0 20px;}

div.formArea .email {overflow:hidden;position:relative;padding-right:20px !important;}
div.formArea .email span {position:absolute;right:0;top:0;height:35px;line-height:35px;}

div.formArea .email input[type=text],
div.formArea .email select {width:49.5%;margin-top:5px;}
div.formArea .email input[type=text] {float:left;width:;}
div.formArea .email select {float:right;}
div.formArea .email input[type=text]:first-child {width:100%;margin-top:0;}

div.formArea .phone {}
div.formArea .phone select,
div.formArea .phone input[type=text] {width:30%;margin-left:0;}
div.formArea .phone span {width:5%;text-align:center;line-height:35px;}

div.formArea .office {overflow:hidden;}
div.formArea .office > * {width:49.5%;}
div.formArea .office input[type=text] {float:right;width:49.5%;}
div.formArea .office select {float:left;}

div.formArea .address {}
div.formArea .address input[type=text] {width: 39%;margin: 5px 0 0 1%;}
div.formArea .address input[type=text]:first-child {width: 20%;margin-top: 0;margin-right: 5px;}
div.formArea .address input[type=text].clear {width: 60%;}

div.formArea .textArea {padding:10px;}

div.formArea dd p.note {padding:0 0 0 20px;margin-top:5px;color:#f90008;font-size:0.9em;}

div.formArea div.fixedBtn {position:relative;padding-right: 92px;}
div.formArea div.fixedBtn span.btn {position:absolute;right:0;top:0;}

div.formArea ul.category {overflow: hidden;padding: 0;}
div.formArea ul.category li {float: left;width: 50%;overflow: hidden;}
div.formArea ul.category li > * {float: left;margin-left: 5px;}
div.formArea ul.category label {line-height: 35px;}
div.formArea ul.category input[type=checkbox],
div.formArea ul.category input[type=radio] {margin-top:11px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.formArea img.essenImg {width:4px;margin-top: -4px;}

div.formArea > dl > dt,
div.formArea > dl > dd {padding:10px;}


div.formArea dd p.note {background:url('/image/icon/m_bl_note.png') left 2px no-repeat;background-size:12px;}


div.formArea .multi > input[type=checkbox],
div.formArea .multi > input[type=radio] {margin-top:8px;}

}



/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.formArea img.essenImg {vertical-align:middle;margin-top:-2px;}

div.formArea dd p.note {background:url('/image/icon/bl_note.png') left 4px no-repeat;}

div.formArea  input[type=checkbox],
div.formArea  input[type=radio] {margin-top:5px;}

textarea {height:200px;}


div.formArea img.essenImg {width:6px;}
div.formArea dt {font-size: 14px;}

}



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

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

table.tblDef > * > tr > th,
table.tblDef > * > tr > td {padding:6px 10px 7px;border-bottom:1px solid #dbdbdb;text-align:left;color:#222;}
table.tblDef > * > tr > th {background-color:#f7f7f7;text-align: center;}
table.tblDef > thead > tr > th {background-color:#f2f0ee;color: #915c1e;}

table.tblDef3 {border-top:2px solid #d88829;}

table.tblDef3 > * > tr > th {padding:6px 10px 7px;border-bottom:1px solid #dbdbdb;color:#222;text-align:center}
table.tblDef3 > * > tr > td {padding:6px 10px 7px;border-bottom:1px solid #dbdbdb;color:#222;}
table.tblDef3 > * > tr > td.btn {padding:6px 10px 7px;border-bottom:1px solid #dbdbdb;color:#222;text-align:center;}
table.tblDef3 > thead > tr > th {background-color:#e8922b;color: #fff;text-align:center}


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


table.inputTbl {border-top:2px solid #3b4253;border-right:1px solid #e1e3e6;}
table.inputTbl > * > tr > th,
table.inputTbl > * > tr > td {padding:6px 10px 7px;border-left:1px solid #e1e3e6;border-bottom:1px solid #e1e3e6;color:#333436;text-align:left;}
table.inputTbl > * > tr > th {padding-left:20px;background-color:#eee;}



table.inputTbl > * > tr > td label,
table.inputTbl > * > tr > td > span {line-height:22px;padding-bottom:3px;vertical-align:top;}
table.inputTbl > * > tr > td > span {font-size:12px;}
table.inputTbl > * > tr > td > span.note {color:#dd3131;}
table.inputTbl > * > tr > td > span.btn {padding-bottom:0;}


table.inputTbl input[type="text"], 
table.inputTbl input[type="password"] {height: 35px;}

table.inputTbl textarea {width:98%;text-align:left;}

table.inputTbl td.multi > * {float:left;margin-left:5px;}
table.inputTbl td.multi > *:first-child {margin-left:0 !important;}
table.inputTbl td.multi input[type=radio],
table.inputTbl td.multi input[type=checkbox] {margin:12px 0 0 20px;}
table.inputTbl td.multi .clear {margin-left:0;}


table.inputTbl td.phone select {width:70px;}
table.inputTbl td.phone input {width:58px;}

table.inputTbl td.address input {width:250px;margin-top:5px;}
table.inputTbl td.address input:first-child {width:70px;margin-top:0;}
table.inputTbl td.address input.clear {width:400px;margin-left:0;}




/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
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 th,
table.rwTbl td {padding:5px 10px;}

table.rwTbl td {border-left: 0 none;}

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) {

}




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

div.bbs {}
div.bbs:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}

p.bbsNote {padding-bottom: 10px;text-align: right;}

dl.bbsItem {overflow:hidden;margin: 0;padding:10px;border-bottom:1px solid #c3c3c3;}
dl.bbsItem dt, dl.bbsItem dd {margin: 0;padding: 0;}
dl.bbsItem:first-child {border-top:2px solid #19b78d;}

dl.bbsItem dt {padding-bottom:5px;}
dl.bbsItem dt a {position:relative;padding-right:40px;display:inline-block;vertical-align:top;}
dl.bbsItem dt img,
img.blNew {width: 16px;margin-top: 2px;vertical-align:top;}

dl.bbsItem span.category {font-weight:bold;color:#19b78d;}
dl.bbsItem span.category img {width:30px;}
dl.bbsItem span.tit {position:relative;overflow:hidden;display:inline-block;max-width:100%;color:#3c4046; text-overflow:ellipsis; white-space:nowrap;font-weight: bold;}
dl.bbsItem span.icon {display:inline-block;position:absolute;right:0;top:50%;margin-top:-11px;}

dl.bbsItem dd.info {float:left;font-size: 0.8em;}
dl.bbsItem dd.info ul {overflow:hidden;margin: 0;padding: 0;}
dl.bbsItem dd.info li {float:left;padding:0 10px;line-height:24px;background:url('/image/common/bbs_bar.png') left center no-repeat;background-size:1px;color:#6c6c6c;list-style:none;}
dl.bbsItem dd.info li:first-child {padding-left:0;background:none;}
dl.bbsItem dd.info li.state > * {display: inline-block;min-width: 50px;line-height: 20px;padding: 1px 5px 3px;text-decoration: none;font-weight: bold;text-align: center;color: #fff;vertical-align: top;}
dl.bbsItem dd.info li.state .apply {background-color: #2339a9;}
dl.bbsItem dd.info li.state .comp {background-color: #0d9b8d;}
dl.bbsItem dd.info li.state .closed {background-color: #a31111;}
dl.bbsItem dd.info li.state .admin {background-color: #0d9b8d;}

dl.bbsItem dd.info ul.itemList li,
dl.bbsItem dd.info ul.ref li {float: none;padding-left: 0;background: none;}
dl.bbsItem dd.info ul.itemList span:first-child {font-weight: bold;color: #000;padding: 0;}
dl.bbsItem dd.btn {float:right;}


dl.bbsItem .link a {color:inherit;}


div.bbsUtil *,
dl.bbsItem dd.btn * {border-radius:0;}


div.event dl.bbsItem dt.eventTit {position:relative;}
div.event dl.bbsItem span.eventDate {}
div.event dl.bbsItem dd.info a.btnSmall {margin-top: 2px;}

table.bbs th,
table.bbs td {}
table.bbs th {height:35px;text-align:center;vertical-align:middle;}


dl.attach {clear:both;float:right;margin: 0;padding:10px 0 0;}
dl.attach dt,
dl.attach dd {float:left;margin: 0;padding: 0;}
dl.attach dt {padding-right:5px;color:#6c6c6c;}
dl.attach a {padding-right:25px;color:#0178d8;text-decoration: none;background:url('/image/icon/bl_download.png') right 4px no-repeat;background-size:15px;}



div.bbsCon {clear:both;padding:20px 0;border-bottom: 1px solid #c3c3c3;}

ul.newsletter {overflow: hidden;margin: 0;padding: 0;}
ul.newsletter li {float: left;list-style:none;}

ul.newsletter dl {border: 1px solid #ddd;text-align: center;}
ul.newsletter dt {padding-bottom: 10px;}
ul.newsletter dt span.tit {display: block;color: #3a9ded;}
ul.newsletter dd {margin: 0;}
ul.newsletter dd.btn {padding-top: 10px;}
ul.newsletter dd.btn a {border-radius:0;}


dl.workshopBrief {position: relative;margin: 0;border-top: 2px solid #000928;background-color: #f5f5f5;}
dl.workshopBrief dt {padding-bottom: 10px;color: #131d4f;font-weight: bold;}
dl.workshopBrief dd,
dl.workshopBrief p {margin: 0;}
dl.workshopBrief p.photo {position: absolute;border: 1px solid #ccc;}


div.wsProgram {}

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

dl.programInfo {border-top: 2px solid #000928;background-color: #f2f3f8;color: #000928;font-weight: bold;}
dl.programInfo dd {padding-top: 5px;text-align: right;}

dl.programDetail {border-bottom: 1px solid #dbdbdb;}
dl.programDetail dt span {display: block;}
dl.programDetail dd {overflow: hidden;}
dl.programDetail ul {float: right;}
dl.programDetail li {float: left;}
dl.programDetail li:before {content: "|";padding: 0 5px;color: #aaa;}
dl.programDetail li:first-child:before {content: "";padding: 0;}


ul.blockList, ul.blockList li {margin: 0;padding: 0;list-style:none;}
ul.blockList {overflow: hidden;}
ul.blockList li {float: left;}
ul.blockList a {display: block;padding: 10px;border: 1px solid #dcdcdc;text-decoration: none;}
ul.blockList span {display: table-cell;vertical-align: middle;color: #535353;text-align: center;}

ul.society a {display: block;color: #464646;background: url('/general/image/sub/society_bg_r.png') right top no-repeat, url('/general/image/sub/society_bg_l.png') left bottom no-repeat;text-align: center;}
ul.society img {display: block;margin: 0 auto 10px;}

/*ul.notice a {display: block;color: #464646;background:url('/general/image/sub/notice_bg_r.png') right top no-repeat, url('/general/image/sub/notice_bg_l.png') left bottom no-repeat;background-color: #fffdf8;text-align: center;}*/
ul.notice a {display: block;color: #464646;background:url('/general/image/sub/notice_bg.png') no-repeat;background-color: #fffdf8;text-align: center;}


dl.infoItem, dl.infoItem dt, dl.infoItem dd, dl.infoItem p {margin: 0;padding: 0;}
/*dl.infoItem {position: relative;border: 1px solid #dcdcdc;background: url('/general/image/sub/info_bg.png') right 20px no-repeat;}*/
dl.infoItem {position: relative;border: 1px solid #dcdcdc;}
dl.infoItem a {display: block;color: #535353;text-decoration: none;}
dl.infoItem dt a {font-size: 1.2em;color: #19b78d;}
dl.infoItem dd.con {overflow: hidden;height: 6em;line-height: 1.5em;}
dl.infoItem dd.attach {padding-top: 1em;}
dl.infoItem dd.attach:before {padding-right: 10px;content: "\f0c1";font-family: "Font Awesome 5 Free" !important;font-weight: 900;}
dl.infoItem dd.attach a {display: inline-block;}
dl.infoItem dd.btn {position: absolute;right: 35px;bottom: 4em;}
dl.infoItem dd.btn a {padding: 5px;}


dl.cateInfo, dl.cateInfo dt, dl.cateInfo dd {margin: 0;padding: 0;}
dl.cateInfo {position: relative;}
dl.cateInfo dt {font-size: 1.2em;color: #19b78d;}
dl.cateInfo dd {padding-top: 10px;color: #535353;}
dl.cateInfo dd.img {position: absolute;left: 0;top: 0;padding: 0;border: 1px solid #dcdcdc;background-color: #fafafa;}
dl.cateInfo dd.img img {display: block;width: 100%;height: 100%;}


/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
div.bbsSort {padding-bottom:10px;}
div.bbsSort select {width:100%;}

ul.subMenu.bbs {padding-bottom:20px;}
ul.subMenu.bbs li {width:20%;}
ul.subMenu.bbs li a {}

div.bbsWrite form {display:none;}

dl.bbsItem span.tit img {width: 30px;margin: 4px 5px 0 0;}
dl.bbsItem dd.btn {display:none;}

div.event dl.bbsItem dt.eventTit {padding-bottom: 21px;}
div.event dl.bbsItem span.eventDate {display: block;}

ul.newsletter li {width: 50%;padding: 0 5px 10px 0;box-sizing:border-box;}
ul.newsletter li:nth-child(even) {padding: 0 0 10px 5px;}
ul.newsletter dl {padding: 10px;}


dl.workshopBrief {padding: 10px 10px 10px 110px;}
dl.workshopBrief p.photo {left: 10px;top: 10px;width: 75px;}

div.wsProgram {padding-top: 20px;}
div.wsProgram dl.programInfo,
div.wsProgram dl.programDetail  {padding: 10px;}

div.absCon {padding-bottom:10px;}
div.absCon div.imgArea {padding: 0;}
div.absCon div.imgArea img {display: block;max-width:100%;margin: 20px auto 0;}

.admin {display: none;}

div.event dl.rwMenu {margin-top: 10px;}

ul.blockList li {width: 50%;padding: 10px 10px 0 5px;box-sizing:border-box;}
ul.blockList li:nth-child(odd) {padding: 10px 5px 0 10px;}
ul.blockList a {}
ul.blockList span {overflow: hidden;height: 100px;max-height: 100px;line-height: 16px;}

ul.society {padding-bottom: 10px;}
ul.society a {background-size: 35px, 22px;font-size: 0.9em;text-align: center;}
ul.society span {display: block;height: 32px;line-height: 16px;}
ul.society a img {width: 40px;}

ul.notice a {background-size: 49px, 35px;font-size: 0.9em;}

dl.infoItem {padding: 10px 100px 10px 10px;margin-bottom: 20px;background-size: 73px;background-position: right bottom;}
dl.infoItem dd.btn {position: absolute;right: 10px;bottom: 2em;}
dl.infoItem dd.btn a  {font-size: 12px;}

dl.cateInfo {margin: 10px;padding-left:110px;}
dl.cateInfo dd {min-height:90px;}
dl.cateInfo dd.img {width: 100px;height: 126px;min-height: 126px;}
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
ul.subMenu.bbs {padding-bottom:40px;}

div.bbsSort {text-align:right;padding-bottom:30px;}
div.bbsSort select {width:210px;}
div.event dl.bbsItem span.eventDate {position:absolute;right:0;top:50%;margin-top:-16px;}

dl.bbsItem span.tit img {width: 40px;margin: 2px 5px 0 0;}

ul.newsletter li {padding:0 0 20px 20px;}
ul.newsletter li:nth-child(4n+1) {padding-left: 0;}
ul.newsletter dl {width: 168px;padding: 20px 25px;}

dl.workshopBrief {min-height:191px;padding: 30px 30px 30px 220px;}
dl.workshopBrief dt {font-size: 16px;}
dl.workshopBrief p.photo {left: 30px;top: 30px;}
dl.workshopBrief p.btn {position: absolute;right: 30px;bottom: 30px;}

div.wsProgram {padding-top: 50px;}
div.wsProgram h3.subTit_arr {margin-bottom: 0;}
div.wsProgram dl.programInfo,
div.wsProgram dl.programDetail {padding: 20px;}

div.bbsWrite p {margin: 0;}

ul.blockList li {width: 290px;padding:35px 0 0 35px;}
ul.blockList a span {width:268px;height: 178px;}

ul.society li {width: 297px;padding: 16px 0 0 16px;}
ul.society a {padding: 43px 10px;}
ul.society a span {width:275px;height: auto;}

ul.block3ea li:nth-child(3n+1),
ul.block4ea li:nth-child(4n+1),
ul.society li:nth-child(3n+1) {clear: both;padding-left: 0;}

dl.infoItem {padding: 35px 180px 35px 35px;margin-bottom: 30px;}

dl.cateInfo {padding-left: 150px;}
dl.cateInfo dd {min-height:110px;}
dl.cateInfo dd.img {width: 130px;height: 148px;min-height: 148px;}
}





/* 게시판 글쓰기 */
table td.editArea {padding:0 !important;text-align:left;}
div.editArea {margin-top:20px;}

td.con {padding:20px 20px 60px;text-align:left;vertical-align:top;}


/* 게시판 하단버튼 영역 */
ul.pager {margin: 0;padding: 0;text-align:center;line-height:18px;}
ul.pager li {display:inline;margin-left:5px;font-size:12px;color:#6c6c6c;vertical-align: top;list-style:none;}
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;width: 18px;text-align: center;vertical-align:top;}
ul.pager img {display:inline;vertical-align:top;}
ul.pager span {color:#000;}

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:#19b78d;}
ul.pager a img {width:18px;vertical-align: top;}



/* 댓글 */
div.reply {margin-top:25px;border-top:1px dotted #b0b0b0;}
div.reply h3 {overflow:hidden;color:#666;f}
div.reply h3 span {float:right;}
div.reply h3 span img {width:37px;vertical-align:middle;}

div.reply p {margin:0;}

dl.replyItem {position:relative;padding:10px 10px 10px 60px;border-top:1px dotted #b0b0b0;}
dl.replyItem dt {position:absolute;left:0;top:12px;width:50px;text-align:center;color:#555;box-sizing:content-box;font-size: 12px;}
dl.replyItem dt.admin {display: block;color:#fff;background-color:#555;}

dl.replyItem.reply {padding-left:70px;}
dl.replyItem.reply dt {padding-right:13px;background:url('/image/icon/bl_reply.png') right 6px no-repeat;background-size:7px;}

dl.replyItem dd.info {overflow:hidden;font-size: 14px;}
dl.replyItem dd.info span {float:left;height:21px;line-height:20px;}
dl.replyItem dd.info span.btn {float:right;margin-top: 2px;}

dl.replyItem dd.info span.btn > * {padding:0 10px 2px;margin-left:5px;border-radius:10px;font-size:12px;}
dl.replyItem dd.info span.btn > *:first-child {margin-left:0;}

dl.replyItem dd.write {display:none;position: absolute;left: 0;bottom: 0;width: 100%;}


div.replyWrite {position:relative;padding:10px 83px 10px 0;}
div.replyWrite textarea {width:100%;border-color:#b7b7b7;font-size: 14px;}
div.replyWrite input[type=submit] {position:absolute;right:0;bottom:10px;width:72px;font-size:14px;border-radius:0;}

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



/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
ul.pager {padding: 10px 0;}

dl.replyItem.write {padding-bottom: 70px;}
div.replyWrite textarea {height:50px;}
div.replyWrite input[type=submit] {height:50px;}

}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
ul.pager {padding:30px 0;}

dl.replyItem.write {padding-bottom: 120px;}
div.replyWrite textarea {height:100px;}
div.replyWrite input[type=submit] {height:100px;}
}




/* 게시판 검색 */
div.bbsSearch {position:relative;margin:40px auto;}
div.bbsSearch:first-child {margin-top: 0;}
div.bbsSearch dl, div.bbsSearch dt, div.bbsSearch dd, div.bbsSearch p {margin: 0;padding: 0;}
div.bbsSearch dl {overflow:hidden;}

div.bbsSearch dd.type {position:absolute;left:0;top:0;}
div.bbsSearch dd.type select {width:100%;height:35px;text-align:center;background-color:#fff;}

div.bbsSearch dd.keyword {height: 21px;padding:5px 40px 7px 10px;border:1px solid #ddd;}
div.bbsSearch dd.keyword input[type=text] {width:100%;height:21px;border:0 none;padding:0;}

div.bbsSearch p.btn {position:absolute;right:0;top:0;width: 40px;height: 35px;background: url('/image/icon/bbsIcon_search.png') center center no-repeat;}
div.bbsSearch p.btn * {width:100%;height: 100%;opacity: 0;}

div.bbsUtil {padding-top:30px;text-align:right;}
div.bbsUtil > a {padding:7px 16px;font-size:15px;}

div.bbsBrief {overflow: hidden;font-size: 0.9em;}
div.bbsBrief * {margin: 0;padding: 0;}


.noData {text-align: center;margin: 2em 0;}

/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
div.contents div.bbsSearch {padding: 0;margin: 10px 10px 0;}
div.bbsSearch p.btn {background-size: 20px;}

div.bbsSearch dl {padding-left:90px;}
div.bbsSearch dd.type {width:90px;}

div.bbsUtil > a {min-width:40px;}

div.contents div.bbsBrief {padding-bottom:0;}
div.bbsBrief .total {float: right;}
div.bbsBrief .page {display: none;}
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.bbsSearch {width:560px;}
div.bbsSearch dl {padding-left:155px;}
div.bbsSearch dd.type {width:155px;}
div.bbsUtil > a {min-width:70px;}

div.bbsBrief {padding-bottom: 10px;}
div.bbsBrief .total {float: left;}

div.bbsBrief .page {float: right;}
}



/* 포토갤러리_List */
ul.thumbList {overflow:hidden;border-top:2px solid #3b4253;border-bottom:1px solid #c3c3c3;}
ul.thumbList li {float:left;border-top:1px solid #c3c3c3;text-align:center;color:#333436;font-weight:bold;}
ul.thumbList a.thumbnail {display:block;margin:0 auto;background-color:#e6e6e6;}
ul.thumbList a.thumbnail img {display:block;width:100%;height:100%;}

ul.thumbList span.tit {position:relative;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;}
ul.thumbList span.info {color:#333436;font-weight:normal;font-size:0.8em;}

div.bbsList div.noResult,
div.noData {text-align:center !important;font-weight:bold;color:#000;border-bottom:1px solid #e0e0e0;}


/* 포토갤러리_View */
div#imageView {position:relative;padding:20px 0;}
div#imageView img {display:block;max-width:100%;margin:0 auto;}
div#imageView p.count {position:absolute;right:30px;top:30px;padding:5px 10px;background-color:rgba(0,0,0,.2);color:#3e3e3e;}


div#galleryView a {display:block;}
div#galleryView div.imgList {position:relative;margin:0 auto;}
div#galleryView div.imgList ul {overflow:hidden;}
div#galleryView div.imgList li {float:left;}
div#galleryView div.imgList li:first-child {margin-left:0;}

div#galleryView div.imgList li a {display:block;border:1px solid #e1e3e6;}
div#galleryView div.imgList img {width:100%;height:100%;}
div#galleryView div.imgList ul.rolling li {margin-left:0;}

div#galleryView div.bx-controls a {text-indent:-10000px;background-position:center center;background-repeat:no-repeat;}
div#galleryView div.bx-pager {text-align:center;}
div#galleryView div.bx-pager-item {display:inline-block;margin-left:5px;}
div#galleryView div.bx-pager-item:first-child {margin-left:0;}

div#galleryView a.bx-prev,
div#galleryView a.bx-next {position:absolute;top:0;background-color:#a8a8a8;}
div#galleryView a.bx-prev {left:0; background-image:url('/image/common/gallery_prev.png');}
div#galleryView a.bx-next {right:0; background-image:url('/image/common/gallery_next.png');}

div#galleryView div.bx-pager-item a {width: 14px;height: 14px;border-radius:7px;background-color: #ccc;}
div#galleryView div.bx-pager-item a.active {background-color: #19b78d;}

ul.fileList {background-color:#f5f5f5;border-top:1px solid #e1e1e1; border-bottom:1px solid #000;	}
ul.fileList li {position:relative;}
ul.fileList span.util {position:absolute;top:50%;}
ul.fileList span.util a {display:block;float:left;}


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

/* 포토갤러리_List */
ul.thumbList li {float:none;padding:10px;}
ul.thumbList a.thumbnail {height:220px;margin-bottom:5px;}

/* 포토갤러리_View */
div#galleryView div.imgList {width:250px;padding:0 25px;}
div#galleryView div.imgList li {width:78px !important;height:60px;margin-left:8px;}

div#galleryView div.bx-pager {padding:10px 0;}
div#galleryView div.bx-pager-item a {width:10px; height:10px; background-size:10px;}

div#galleryView a.bx-prev,
div#galleryView a.bx-next {width:15px;height:60px;background-size:9px;}

ul.fileList li {padding:10px 45px 10px 10px;}
ul.fileList span.util {right:10px;height:15px;margin-top:-8px;}
ul.fileList span.util a {margin-left:5px;}
ul.fileList span.util a:first-child {margin-left:0;}
ul.fileList span.util img {width:15px;}

}



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

/* 포토갤러리_List */
ul.thumbList {clear:both;margin-bottom:30px;}
ul.thumbList li {width:366px; padding:20px 0;}

ul.thumbList span.admin img {width:18px;}
ul.thumbList a.thumbnail {width:267px;height:178px;margin-bottom:10px;}

div.bbsWrite div.selectFile input[type=text] {width:660px;}


/* 포토갤러리_View */
div#galleryView div.imgList {width:644px;padding:0 45px;}
div#galleryView div.imgList li {width:200px;height:120px;margin-left:22px;}

div#galleryView div.bx-pager {padding:20px 0;}
div#galleryView div.bx-pager-item a {width:14px; height:14px;}

div#galleryView a.bx-prev,
div#galleryView a.bx-next {width:25px;height:120px;}

ul.fileList li {padding:10px 90px 10px 20px;}
ul.fileList span.util {right:10px;height:30px;margin-top:-15px;}
ul.fileList span.util a {margin-left:10px;}
ul.fileList span.util a:first-child {margin-left:0;}

}





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

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 .popHeader {background-position:center top;background-repeat:no-repeat;}

.popHeader {padding-top: 82px;}
.skin01 .popHeader {background-image:url('/image/common/popupTit_01.jpg');background-color: #077f35;}
.skin02 .popHeader {background-image:url('/image/common/popupTit_02.jpg');background-color:#b3efca;}

.skinWrap .popHeader .tit {padding:10px 20px;color:#000;font-weight:bold; font-size:16px;line-height:1.2;background-color:#fff;}

.skinWrap .contWrap {min-height:268px; width:100%; padding-bottom:22px;}
.skinWrap .contWrap .content {padding:20px; color:#444; line-height:20px; font-size:14px;}
.skinWrap .contWrap .content a {text-decoration:underline; color:#51A5ED;}
.skinWrap .contWrap .content .btnWrap {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;}









/* ========================================================================================================== */
/* ================================================== 병원검색 ================================================== */
/* ========================================================================================================== */

dl.hospitalSearch, dl.hospitalSearch dl, dl.hospitalSearch dt, dl.hospitalSearch dd , dl.hospitalSearch p {margin: 0;padding: 0;}
dl.hospitalSearch {border: 1px solid #dcdcdc;background: url('/general/image/sub/hospital_bg.png') left center no-repeat;}
dl.hospitalSearch dt {color: #19b78d;}
dl.hospitalSearch dd {overflow: hidden;color: #535353;}

dl.hospitalSearch dd dd {margin-right: 5px;}

dl.hospitalSearch dd p.btn * {border-radius:0;}
dl.hospitalSearch dd p.btn .btnDef {background-color: #19b78d;border-color: #19b78d;}

dl.hospitalInfo, dl.hospitalInfo dt, dl.hospitalInfo dd, dl.hospitalInfo p {margin: 0;padding: 0;}
dl.hospitalInfo {border-bottom: 1px solid #edeaea;}
dl.hospitalInfo:first-child {border-top: 1px solid #edeaea;}
dl.hospitalInfo > dt {position: relative;}
dl.hospitalInfo span, dl.hospitalInfo a{display: block;}
dl.hospitalInfo span.tit {color: #19b78d;}
dl.hospitalInfo span.info {color: #535353;}
dl.hospitalInfo a.trigger {position: absolute;right: 10px;top: 50%;padding: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.hospitalSearch {padding: 10px 0 10px 126px;background-position: left bottom;background-size:252px;}
dl.hospitalSearch select,
dl.hospitalSearch dd input[type=text] {width: 100%;margin-bottom: 5px;}

dl.hospitalSearch dt,
dl.hospitalInfo span.tit {font-size: 1.1em;}

dl.hospitalSearch dd p.btn {text-align: center;}

div.hospital {margin-top: 20px;}
dl.hospitalInfo {padding: 10px 0 10px 10px;font-size: 0.8em;}
dl.hospitalInfo dt {padding-right: 48px;}
dl.hospitalInfo a.trigger {width: 28px;margin-top: -14px;}

dl.hospitalInfo div.mapArea {height: 400px;margin-top: 10px;background-color: #f8f8f8;}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.hospitalSearch {height: 110px;padding: 60px 0 60px 345px;}
dl.hospitalSearch dt {font-size: 20px;}
dl.hospitalSearch dd {font-size: 15px;}

dl.hospitalSearch dd dl,
dl.hospitalSearch dd dd,
dl.hospitalSearch dd p.btn {float: left;}

dl.hospitalSearch select {width: 100px;}
dl.hospitalSearch dd input[type=text] {width: 295px;}
dl.hospitalSearch dd dl,
dl.hospitalSearch dd p.btn {margin-top: 20px;}

div.hospital {margin-top: 50px;}
dl.hospitalInfo {padding: 20px 0 20px 20px;}
dl.hospitalInfo dt {padding-right: 95px;}
dl.hospitalInfo a.trigger {margin-top: -28px;}
dl.hospitalInfo span.tit {font-size: 20px;}
dl.hospitalInfo span.info {font-size: 15px;}

dl.hospitalInfo div.mapArea {height: 400px;margin-top: 20px;background-color: #f8f8f8;}
}









/* ========================================================================================================== */
/* =================================================== 컨텐츠 ================================================== */
/* ========================================================================================================== */



ul.history, ul.history li {margin: 0;padding: 0;list-style:none;}
ul.history li {position: relative;border-top: 1px solid #dcdcdc;}
ul.history li:first-child {border-top: 0 none;font-weight: 300;color: #535353;}
ul.history span {font-weight: 400;}

ul.history2, ul.history2 li {margin: 0;padding: 0;list-style:none;}
ul.history2 li {position: relative;border-top: 1px solid #dcdcdc;}
ul.history2 li:first-child {border-top: 0 none;font-weight: 300;color: #535353;}
ul.history2 span {font-weight: 400;}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.contents div.message {margin: 0;padding: 0;}

div.message ul.tabMenu {margin-bottom: 15px;}
div.message ul.tabMenu li {width: 50%;}

div.message div.bg {position: relative;padding: 25px 0 25px 100px;background: url('/image/sub/messageBg_right.png') right top no-repeat, url('/image/sub/messageBg_top.png') center top no-repeat, url('/image/sub/messageBg_left.png') -30px bottom no-repeat;background-size:115px, 86px, 100px;background-color: #f7f7f7;color: #006db0;font-size: 16px;line-height: 30px;}
div.message div.bg img {position: absolute;left: 15px;bottom: 10px;width: 75px;}
div.message p {padding:10px 15px 15px;text-align: justify;}


div.history {}
ul.history li {padding: 10px;}
ul.history span {display: block;padding-bottom: 5px;font-weight: bold;}

div.history2 {}
ul.history2 li {padding: 10px;}
ul.history2 span {display: block;padding-bottom: 5px;font-weight: bold;}

}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.message {}
div.message ul.tabMenu {width: 560px;margin: 50px auto 100px;}
div.message ul.tabMenu li {width: 50%;}

div.message div.bg {position: relative;padding: 45px 0 45px 30px;background: url('/image/sub/messageBg_right.png') right top no-repeat, url('/image/sub/messageBg_top.png') center top no-repeat, url('/image/sub/messageBg_left.png') 34px bottom no-repeat;background-color: #f7f7f7;text-align: center;color: #006db0;font-size: 26px;line-height: 40px;}
div.message div.bg img {position: absolute;left: 0;bottom: 0;}

ul.history li {padding: 20px 20px 20px 180px;}
ul.history span {position: absolute;left: 20px;top: 20px;}

ul.history2 li {padding: 20px 20px 20px 180px;}
ul.history2 span {position: absolute;left: 20px;top: 20px;}

}








/* 사회기여활동 */



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.social{padding: 10px;}
div.social ul.subMenu{border:none !important; padding: 0;  background-color: #fff !important; }
div.social ul.subMenu li{width: 33.3%; margin: 0 auto;}
div.social ul.subMenu li a{border-bottom: 1px solid #dedede; border-left: 1px solid #dedede;}
div.social ul.subMenu li:nth-child(1),
div.social ul.subMenu li:nth-child(4){width: 33.4%;}

div.social ul.subMenu li:nth-child(1) a,
div.social ul.subMenu li:nth-child(2) a,
div.social ul.subMenu li:nth-child(3) a{border-top: 1px solid #dedede;}

div.social ul.subMenu li:nth-child(3) a,
div.social ul.subMenu li:nth-child(5) a{border-right: 1px solid #dedede;}

div.social ul.subMenu li a{font-size: 10px !important; background: #fafafa !important;}
div.social ul.subMenu li.on a{background:#fff !important;}

div.social ul.subMenu li:nth-child(4){clear:both;}
div.social ul.subMenu li:last-child{width: 33.5%;}
div.social ul.subMenu li:last-child a{font-size:10px !important;}


div.social ul.listBl li{font-size: 12px;}

div.social dl.imgWrap{padding-top: 25px;}
div.social dl.imgWrap dt{color: #28bc95; font-size:20px; font-weight: bold;}
div.social dl.imgWrap dd{margin-left: 0; margin-top: 15px;}
div.social dl.imgWrap dd img{margin-left: 30px; width: 140px}
div.social dl.imgWrap dd img:first-child{margin-left: 0;}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.social{}
div.social ul.subMenu{border:none !important; padding: 0;  background-color: #fff !important; }
div.social ul.subMenu li:last-child a{padding:12px 7px; }

div.social dl.imgWrap{padding-top: 50px;}
div.social dl.imgWrap dt{color: #28bc95; font-size:20px; font-weight: bold;}
div.social dl.imgWrap dd{margin-left: 0; margin-top: 15px;}
div.social dl.imgWrap dd img{margin-left: 30px;}
div.social dl.imgWrap dd img:first-child{margin-left: 0;}

}



ul.listBl{padding-top: 20px; padding-left: 0;}
ul.listBl li{list-style-position:inside; margin-top: 10px; font-size: 14px;}
ul.listBl li:first-child{margin-top: 0;}
div.social ul.subMenu li a{display: block;}
div.social ul{margin: 0;}
div.social dl{margin: 0;}

/* ========================================================================================================== */
/* ================================================= 서브 컨텐츠 ================================================ */
/* ========================================================================================================== */

	/* 연혁 */


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.history2Wrap{padding: 10px;}
div.history22{background: none; overflow: hidden;}
div.history22 dl{position: relative; border: 1px solid #42a9f6; border-radius: 10px; position:relative; padding: 15px 12px 7px 12px;} 
div.history22 dl:first-child{margin-top: 25px;}

div.history22 dl dt{margin-bottom:15px; color: #42a9f6;}
div.history2 dl dd{margin-left: 0; font-size: 14px;}
div.history2 dl dd img{display:block; width: 100%; margin-top: 10px;}
div.history2 dl dd.r_fl{padding:0 50px 45px 0;}
div.history2 dl dd.r_fl img{position:absolute; top: 50%; margin-top: -38px; right: 50px; height: 75px; width: auto;}


}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.history2{width: 100%; background: url(/image/sub/lineBg_ball.png) no-repeat center 0px, url(/image/sub/lineBg_ball.png) no-repeat center bottom,url(/image/sub/lineBg.png) repeat-y center 10px; padding: 20px 0; overflow: hidden;}
div.history2 dl{position: relative;width:383px;  border: 1px solid #42a9f6; border-radius: 10px; position:relative; padding: 15px 25px 25px; margin: 20px 15px 0 15px; clear:both;} 
div.history2 dl:first-child{margin-top: 50px;}

div.history2 dl:nth-child(odd){float:left;}
div.history2 dl:nth-child(odd)::before{position: absolute;right: -10px;top: 10px;content: ".";text-indent: -10000px;width: 10px;height: 20px;background:url(/image/sub/history_lt.png) no-repeat right top;}
div.history2 dl:nth-child(odd)::after{position: absolute;right: -26px;top: 13px;content: ".";text-indent: -10000px;width: 10px;height: 20px;background:url(/image/sub/history_ball.png) no-repeat right top;}

div.history2 dl:nth-child(2n){float: right;}
div.history2 dl:nth-child(2n)::before{position: absolute;left: -10px;top: 10px;content: ".";text-indent: -10000px;width: 10px;height: 20px;background:url(/image/sub/history_lt.png) no-repeat right top; transform:rotate(180deg);}
div.history2 dl:nth-child(2n)::after{position: absolute;left: -26px;top: 17px;content: ".";text-indent: -10000px;width: 10px;height: 20px;background:url(/image/sub/history_ball.png) no-repeat right top;}

div.history2 dl dt{margin-bottom:15px; color: #42a9f6;}
div.history2 dl dd{margin-left: 0;}
div.history2 dl dd img{width: 100%;}
div.history2 dl dd.r_fl{padding: 0 250px 50px 0;}
div.history2 dl dd.r_fl img{position:absolute; top: 50%; margin-top: -75px; right: 50px; height: 150px; width: auto;}

}

div.history2 dl dd ul{padding-left: 0;}
div.history2 dl dd ul li{list-style:none;}







/* 학회소개*/


dl.bg{background: url(/image/sub/introduce_bgImg.png) no-repeat right top , url(/image/sub/introduce_bg.jpg) repeat-x left top; padding: 50px; color: #fff; margin: 0 !important;}
dl.bg dt{color: #fff !important; font-weight: 500;}
div.introduce dl dt{margin: 0; color: #0e5cc3; font-weight: 500;}
div.introduce dl dd{margin: 0 0 0 0;}
div.introduce dl dd p{padding: 0;}

div.introduce .tabCon{text-align: justify; line-height: 1.6;}
div.introduce .tabCon p:first-child{margin: 0;}


@media all and (max-width: 960px) {
	dl.bg{background-color: #1a3f73; padding: 25px; text-shadow: 1px 1px 4px rgba(0,0,0, 0.7);}
	dl.bg dt{font-size: 18px; margin-bottom: 10px !important;}
	div.introduce dl{margin: 20px 0 0 0;}
	div.introduce dl dd p{font-size: 14px;}
	div.introduce .tabCon{padding: 20px 0;}
	div.introduce .tabCon p{margin: 10px 0 0 0;}
}

@media all and (min-width: 961px) {
	dl.bg dt{font-size: 30px; margin-bottom: 20px !important;}
	div.introduce dl{margin: 40px 0 0 0;}
	div.introduce .tabCon{padding: 50px 0;}
	div.introduce .tabCon p{margin: 15px 0 0 0;}
}