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

.ffNanumBarunGothic {font-family: 'NanumBarunGothicLight', sans-serif;}
.ffNoto {font-family: 'Noto Sans KR', sans-serif;}



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


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



.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;}
.btn a img {padding-right:5px;vertical-align:top;}
.btn i {padding-right: 5px;}

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

/* 하늘색 */			.btn .btnDef {background-color:#1c8acf;border-color:#1c8acf;color:#fff !important;}
/* 진회색 */			.btn .btnPoint {background-color:#444;border-color:#444;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#999;border-color:#999;color:#fff !important;}
/* 연회색 */			.btn .btnLGrey {background-color:#ddd;border-color:#ddd;color:#3c4046 !important;}
/* 진회색 */			.btn .btnDGrey {background-color:#444;border-color:#444;color:#fff !important;}
/* 검정색 */			.btn .btnBlack {background-color:#282828;border-color:#282828;color:#fff !important;}
/* 빨간색 */			.btn .btnRed {background-color:#ea0000;border-color:#ea0000;color:#fff !important;}


/* border+하늘색 */			.btn .btnBdDef {background-color:#fff;border-color:#1c8acf;color:#1c8acf !important;}
/* border+진회색 */			.btn .btnBdPoint {background-color:#fff;border-color:#444;color:#444 !important;}
/* border+회색 */				.btn .btnBdGrey {background-color:#fff;border-color:#999;color:#999 !important;}
/* border+검정색 */			.btn .btnBdBlack {background-color:#fff;border-color:#282828;color:#282828 !important;}
/* border+빨간색 */			.btn .btnBdRed {background-color:#fff;border-color:#ea0000;color:#ea0000 !important;}




/* 파일 찾기 */
div.selectFile {overflow:hidden;}
div.selectFile p {float:left;margin:0 0 0 5px;}
div.selectFile p:first-child {margin-left: 0;}
div.selectFile p input[type=text] {height: 30px;padding:2px 10px 3px;}

div.selectFile p.find {position: relative;width:66px;height:30px;background:url('http://framework.m2comm.co.kr/web/setting/image/icon/btn_browse.png') center center no-repeat;background-color:#393939;}
div.selectFile p.find input {width:100%;height:100%;padding: 0;border: 0 none;}

div.selectFile p.findIcon {position: relative;width:50px;height:30px;background-color:#393939;text-align: center;}
div.selectFile p.findIcon:before {display: inline-block;padding: 5px 0;content: "\f3ee";font-family: "Font Awesome 5 Brands";color: #fff;font-size: 20px;line-height: 20px;}

div.selectFile p.find input {position: absolute;left: 0;top: 0;width:100%;height:100%;padding: 0;border: 0 none;}
div.selectFile p.btn * {height: 30px;font-size: 14px;border: 0 none;}

div#selectFile {overflow:hidden;}
div#selectFile p {float:left;}
div#selectFile p input[type=text] {height: 18px;padding: 2px 10px;}
div#selectFile p.find {width:66px;height:24px;margin: 0 5px;background:url('http://framework.m2comm.co.kr/web/setting/image/icon/btn_browse.png') center center no-repeat;background-color:#393939;}
div#selectFile p.find input {width:100%;height:100%;padding: 0;border: 0 none;}
div#selectFile p.btn * {height: 24px;font-size: 14px;border: 0 none;}












/* 서브메뉴관련 css */

.col2ea li {width: 50%;}
.col3ea li {width: 33.33%;}
.col5ea li {width: 20%;}
.col9ea li {width: 11.11%;}


ul.subMenu,
ul.tabMenu {overflow: hidden;}

ul.subMenu li,
ul.tabMenu li {float: left; list-style:none;}

ul.subMenu li a,
ul.tabMenu li a {display:block; text-align: center; text-decoration: none; color: #b7b7b7; border: 1px solid #cbcbcb; border-left: 0 none;}
ul.subMenu li:first-child a,
ul.tabMenu li:first-child a {border-left: 1px solid #cbcbcb;}

ul.subMenu li.on a,
ul.tabMenu li.on a {background: #455068; border-color: #455068; color: #fff;}

ul.subMenu li a,
ul.tabMenu li a {font-size: 18px; padding: 15px 0;}

ul.list_bl li::before {top:9px;}



div.wrapper {min-width:1400px;min-height:1100px;font-family: 'Noto Sans KR', sans-serif;font-size: 16px;line-height: 1.5;color: #707476;}

div#header {}
div#header h1 {display: none;}

ul.headerUtil {z-index: 90;position: fixed;left: 50%;top: 60px;width: 200px;margin: 0 0 0 500px;padding: 0;text-align: right;}
ul.headerUtil li {display: inline-block;margin:  0 0 0 20px;list-style:none;vertical-align: top;}
ul.headerUtil li:first-child {margin-left: 0;}
ul.headerUtil a {display: block;height: 34px;}
ul.headerUtil a.viewGnb {width: 107px;text-indent: 10000px;background: url('/image/menu.png') center center no-repeat;}
ul.headerUtil.change a.viewGnb {background-image: url('/image/menu_move.png');}

div.gnbWrap {display: none;z-index: 100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(3,3,3,.7);}
div.gnbWrap a {display: block;color: #fff;text-decoration: none;font-size: 30px;font-family: Roboto, sans-serif;font-weight: bold;}

div.gnbWrap ul, div.gnbWrap li {margin: 0;padding: 0;list-style:none;}
div.gnbWrap ul {width: 600px;margin: 0 auto;padding-top: 190px;}
div.gnbWrap ul a {padding: 20px 0;text-align: center;}
div.gnbWrap ul img {padding-right: 10px;vertical-align: top;}


div.gnbWrap .close {position: absolute;left: 50%;top: 65px;width: 51px;height: 51px;margin-left: -26px;}

div.section {height:auto;}
div.section > div {position: relative;width: 1400px;margin: 0 auto;padding: 100px 0;}


ul#navi {z-index: 50;position: fixed;right: 50px;top: 50%;width: 30px;margin: -80px 0 0;}
ul#navi li {width: 30px;height: 30px;margin: 0;list-style:none;background: url('/image/navi.png') center center no-repeat;opacity: .5;}
ul#navi a {display: block;height:30px;text-indent: -10000px;}

ul#navi li:hover,
ul#navi li.on {opacity: 1;}
ul#navi li:hover a,
ul#navi li.on a {height: 24px;border: 2px solid #fff;border-radius: 15px;}

ul#navi.change li {background-image: url('/image/navi_change.png');}
ul#navi.change li:hover a,
ul#navi.change li.on a {border-color: #8f8f8f;}

div#main {background: url('/image/mainBg.png') center top no-repeat;background-size: cover;}
div#main > div {padding: 240px 0 190px;}

div#main div > img {display: block;margin: 0 auto;}
div#main div > img.logo {margin: 79px auto 150px;}

.scroll {position: absolute;display: block;left: 50%;bottom: 60px;margin: -25px;}
.scroll a {display: block;width: 50px;padding-top: 50px;}
.scroll img:first-child {position: absolute;left: 50%;top: 0;width: 30px;margin-left: -15px;}



div#business{position: relative;}
div#business div{overflow:hidden; width: 1400px; background:url('/image/business_bg.png') no-repeat center 300px;}
div#business h2{margin: 60px 0 100px;font-family: 'NanumBarunGothicUltraLight';font-weight: normal;color: #060606;font-size: 80px;letter-spacing:-1px;}
div#business h2 img{display:block; text-align: center;}
div#business dl{float: left; width: 33.3%; padding: 30px 70px; box-sizing: border-box; border-left: 1px solid #dedede;color: #333;}
div#business dl.borderNone{width: 33.4%; border-left: none; padding-left: 0;}
div#business dl:last-child{padding-right: 0;}
div#business dl dt{font-family: 'NanumBarunGothicUltraLight';font-weight: normal;font-size: 40px; color:#000;letter-spacing:-1px;}
div#business dl dd{margin-left: 0;padding-left: 0; font-size: 16px; font-weight: bold;}
div#business dl dd ul{padding-left: 0; padding-top: 35px;}
div#business dl dd ul li{list-style: none; font-weight: 300; margin-top: 5px;}
div#business dl dd ul li:first-child{list-style: none; font-weight: 200; margin-top: 5px;}

/* business Area css 추가 21-07-21 */
div#business h3{margin: 0;padding: 0; font-size:45px;}
div#business h3 img{display:block; margin: 0 auto; padding-top: 36px;}
div#business ul {overflow: visible;height: 273px; margin:140px 121px 180px;padding: 0;}
div#business ul li {display: none;float: left;width: 316px;padding:20px 0;border-left:none;list-style:none;}
div#business ul li:nth-child(1) {width: 316px;padding-left: 0;}
div#business ul li:nth-child(2) {width: 294px;padding-left: 103px;}
div#business ul li:nth-child(3) {width: 272px;padding-left: 143px;}
div#business ul li.animation {display: block;}

div#portfolio ul.bnrList {overflow:hidden; position:absolute; top:55px; left:390px;}
div#portfolio ul.bnrList > li {float:left; margin-left:15px; list-style:none;}
div#portfolio ul.bnrList > li:first-child {margin-left:0;}
div#portfolio ul.bnrList > li a {padding:20px 25px; border-top-left-radius:10px; border-top-right-radius:10px; border:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:none; font-size:17px; font-weight:bold; color:#c2c1c1; box-sizing:border-box; text-decoration:none;}
div#portfolio ul.bnrList > li.on a {color:#9f161e; border:2px solid #9f161e; border-bottom:none; background:none; text-decoration:none;}
	
div#portfolio div.tabBtn a,
div#portfolio a.bx-prev, 
div#portfolio a.bx-next {position:absolute; top:50%; display:block; width:23px; height:41px; z-index:100; text-indent:-9999px;}
div#portfolio div.tabBtn a.prev,
div#portfolio a.bx-prev {left:40px; background:url('/image/tab_btn_prev.png') no-repeat left center;}
div#portfolio div.tabBtn a.prev:hover,
div#portfolio a.bx-prev:hover {background:url('/image/tab_btn_prev_on.png') no-repeat left center;}
div#portfolio div.tabBtn a.next,
div#portfolio a.bx-next {right:40px; background:url('/image/tab_btn_next.png') no-repeat right center;}
div#portfolio div.tabBtn a.next:hover,
div#portfolio a.bx-next:hover {background:url('/image/tab_btn_next_on.png') no-repeat right center;}

div#portfolio a.bx-prev, 
div#portfolio a.bx-next {z-index: 200;}
div#portfolio a.disabled {display: none;}


div#portfolio > div {position:relative; width: 1400px;padding:20px 0 140px;margin: 0 auto;}
div#portfolio h2 {position:relative; padding: 50px 0;margin: 0;font-family: 'NanumBarunGothicUltraLight';font-weight: normal;color: #060606;font-size: 80px;letter-spacing:-1px;}
div#portfolio .pswp__caption__center {max-width: 825px;font-size: 17px;color: #fff;font-weight: 300;text-align: center;}
.my-gallery {}
.my-gallery:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
.my-gallery img {width: 100%;}
.my-gallery figure {display: block;float: left;margin: 0 0px 40px 40px;width: 250px;height: 200px;}
.my-gallery figure:nth-child(4n+1) {clear: both;margin-left: 0;}
.my-gallery figcaption {display: none;}


div.listArea {height: 720px;}


div#portfolio ul.portfolioList {overflow: hidden;width: 1120px;margin: 0 auto;padding: 0;}
div#portfolio ul.portfolioList > li {position: relative;float: left;width: 250px;height: 200px;margin:0 0 40px 40px;list-style:none;}
div#portfolio ul.portfolioList > li:nth-child(4n+1) {clear: both;margin-left: 0;}
div#portfolio ul.portfolioList span {opacity: 0;position: absolute;left: 0;top: 0;}
div#portfolio ul.portfolioList li img {width:100%; height:200px;}


div#portfolio ul.portfolioList li:hover,
div#portfolio ul.portfolioList li:focus {z-index: 50;}
div#portfolio ul.portfolioList li:hover span,
div#portfolio ul.portfolioList li:focus span {opacity: 0.8;transition:0.5s ease-out;}

/* Our Works Paging*/
div.bx-pager {text-align:center;}
div.bx-pager div.bx-pager-item{display:inline-block;padding:0 5px;}
div.bx-pager div.bx-pager-item a.bx-pager-link{width:13px;height:13px;text-indent: -10000px; background:#888;border-radius:15px;}
div.bx-pager div.bx-pager-item a.bx-pager-link.active{background:#9f161e;}

div#welfare {overflow-x:hidden;/*background-color: #263550;*/background: url(/image/welfareBg.png) no-repeat center top;}
div#welfare h2 {width: 1400px;margin: 0 auto;padding:100px 0 50px;}
.main-notice .title-wrap {text-align: center}
.main-notice h2 {text-align: center; display:inline-block; font-size:50px; padding:0 20px; vertical-align:5px;}
.main-notice .title-wrap span {display:inline-block; cursor:pointer; transition:0.3s ease;}
.main-notice .title-wrap span:first-child:hover {transform:translateX(-6px)}
.main-notice .title-wrap span:last-child:hover {transform:translateX(6px)}
.main-notice .title-wrap i {display:inline-block; font-size:34px; color:#ced4da;}

div#welfare > div {padding: 80px 0 180px;}

div#welfare ul {margin: 0;padding: 0;}
div#welfare ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
div#welfare li {float: left;position: relative;width: 170px;height: 170px;margin: 0 0 50px 35px;list-style:none;background-position: center center;background-repeat: no-repeat;}
div#welfare li:nth-child(7n+1) {clear: both;margin-left: 0;}
div#welfare li img {opacity: 0;position: absolute;left: 50%;top: 50%;width: 225px;height: 225px;margin: -112px 0 0 -112px;box-shadow:0 0 20px rgba(0,0,0,1);}
div#welfare li:hover img,
div#welfare li:focus img {opacity: 1;transition:0.5s ease-out;}

/*
div#welfare ul {position:relative;  margin:100px 0 0 -281px; width:2529px; padding-top: 50px;}
div#welfare ul li {position:absolute; top:0; float:left; width: 200px; height: 250px;box-sizing: border-box; padding:0; margin: 0;border-radius:10px; margin:0 20px; transition:1s ease-out;list-style:none;color: #fff;  font-size: 14px;}
div#welfare ul li img {display: none;position:absolute; top: 0; left:-30px; display:none; z-index: 1;}
div#welfare ul li span{position:relative; z-index: 10; display: block; padding: 40px 0 0 15px;}
div#welfare ul li span strong {position:relative;display: block; z-index: 12;font-size: 20px;padding-bottom: 10px;}


div#welfare ul li.selected {margin-top:-30px;color: #5e5e5e; font-size: 16px; width: 280px; padding: 0 80px 0 0;}
div#welfare ul li.selected strong{color: #3a5c9b;font-size: 26px;}
div#welfare ul li.selected img{display:block;}
div#welfare ul li.selected img {display: block;}
div#welfare ul li:nth-child(1){left:0px;}
div#welfare ul li:nth-child(2){left:281px;}
div#welfare ul li:nth-child(3){left:562px;}
div#welfare ul li:nth-child(4){left:843px;}
div#welfare ul li:nth-child(5){left:1124px;}
div#welfare ul li:nth-child(6){left:1405px;}
div#welfare ul li:nth-child(7){left:1686px;}
div#welfare ul li:nth-child(8){left:1967px;}
div#welfare ul li:nth-child(9){left:2248px;}
*/





div#history {position: relative;padding: 100px 0 45px;background:url('/image/historyBg2.png') no-repeat center top;}
div#history h2 {width: 1400px;margin: 0 auto;}

div#history > div {height: 635px;padding: 50px 0 150px;}
div#history ul {margin: 0;padding: 0 0 80px;text-indent: -10000px; background:url('/image/history_con.png') no-repeat center center;}
div#history ul.animation {height: 555px;}
div#history li {margin: 0;list-style:none;}


div#organization h2 { display: flex; justify-content: space-between; align-items: center; }
div#organization ul.organList{height:474px; padding:120px 0; background:url('/image/organization_01.png') no-repeat center center; text-indent:-9999px;}
div#organization ul.organList {list-style:none;}

 

/* M2comm Studio css 추가 21-07-21*/
div#studio h2 + p {margin: 50px 0 0; padding: 0;}
div#studio ul.studioPhoto{list-style: none; margin: 50px auto 30px; padding: 0; font-size:0; width:1320px;}
div#studio ul.studioPhoto:after{clear: both; content:''; display: block;}
div#studio ul.studioPhoto li{float:left; margin-left: 13px; margin-top: 13px;}
div#studio ul.studioPhoto li:nth-child(-n+4){margin-top: 0;}
div#studio ul.studioPhoto li:nth-child(4n+1){margin-left: 0;}	
div#studio p.studioLink{margin: 0 0 20px; text-align: center;}
div#studio p.studioLink a{display: inline-block;}
div#studio p.studioLink a img{display: block;}

/*


div#history h2 {position: absolute;left: 50%;top: 100px;width: 700px;margin-left: -700px;}
div#history > div.bg {z-index: 50;padding-top: 155px;height: 200px;background: url('/image/historyBg_img.png') right 2px no-repeat;}
div#history > div.bg div {overflow: hidden;width: 1023px;padding-top: 7px;}
div#history ul {width: 1600px;margin: 0;padding: 0;border-top: 1px solid #fff;}
div#history ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}

div#history ul li{float: left;width: 160px;margin-top: -5px;padding: 30px 20px 0;list-style: none; color: #fff;text-align: center;font-size: 14px;font-weight: 300;background: url('/image/history_dot.png') center 2px no-repeat;}
div#history ul li.view {background: url('/image/history_dot_on.png') center top no-repeat;}
div#history span {display: block;padding-bottom: 10px;font-weight: 400;font-size: 24px;}

div#history div.bx-wrapper {margin-top: -14px !important;}
div#history hr {z-index: 1;position: absolute;left: 50%;top: 312px;width: 50%;margin: 0;border: 0 none;border-top:1px solid #fff;}
*/


div#m2 {padding: 100px 0;}
div#m2 h2,
div#m2 > div {width: 1200px;margin: 0 auto;}
div#m2 > div {min-height:600px;}

div#m2 div.goToInstragram {padding: 50px 0;text-align: center;}
div#m2 div.goToInstragram ul,
div#m2 div.goToInstragram li,
div#m2 div.goToInstragram p {display: inline-block;padding-left: 15px;vertical-align: top;}
div#m2 div.goToInstragram ul,
div#m2 div.goToInstragram li:first-child {padding-left:0;}
div#m2 div.goToInstragram ul {margin: 0;}
div#m2 div.goToInstragram p {margin: 146px 0 0 42px;padding: 0;}
div#m2 div.goToInstragram p a {display: block;width: 150px;margin: 0 auto;}


div#contact {position: relative;background: url('/image/contact_bg.png') center top no-repeat;}
div#contact > div {width: 1400px;}
div#contact > div:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
div#contact h2 {padding-bottom: 80px;}
div#contact dl, div#contact dt, div#contact dd, div#contact ul, div#contact li {margin: 0;padding: 0;list-style:none;}
div#contact div.mapArea {float: left;width: 740px;height: 500px;}
div#contact div.address {float: right;width: 580px;height: 500px;text-indent: -10000px;background: url('/image/contact_con.png') left center no-repeat;}
div#contact div.address br {display: none;}

div#contact a.conLink {position: absolute;right:371px;bottom: 170px;width: 140px;height: 24px;}
/*
div#contact div.address, 
div#contact div.address a {color: #323232;font-size: 14px;}
div#contact div.address dl {padding-left: 50px;}
div#contact dt {padding-bottom: 20px;color: #323232;font-size: 17px;font-weight: 400;}
div#contact dl:first-child {padding-bottom: 100px;}
div#contact dl:first-child dt {padding:20px 0 30px;color: #1b1b1b;font-size: 50px;font-family: 'NanumBarunGothicLight', sans-serif;}
div#contact dl:first-child li {padding-left: 60px;text-indent: -60px;}
*/

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

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

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:#fff;color: #6f6f6f;}



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;}
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 > *:first-child {border-left: 0 none;}
table.inputTbl > * > tr > th {padding-left:20px;background-color:#eee;}
table.inputTbl > * > tr > td.pluginArea {padding: 0;}

table.inputTbl .bg {background-color:#eee;line-height: 35px;}


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:9px 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;}

table.inputTbl td.date label,
table.inputTbl td.date input[type=image] {width: auto;}
table.inputTbl td.date input[type=text] {width: 100px;}



/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */
ul.bbsNote {padding: 23px 30px 25px;border:1px solid #ddd;font-size:13px;line-height:25px;word-spacing:-1px;}

p.bbsBrief {overflow: hidden;padding: 30px 0 10px;}

table.bbs {margin-top:10px;}
table.bbs > * > tr > th, table.bbs > * > tr > td {border: 0 none;border-bottom: 1px solid #dcdcdc;padding:10px 0 12px;text-align:center;}

table.bbs > thead > tr > th {height: 35px;}
table.bbs > thead > tr > th:first-child {background-image: none;}
table.bbs > tbody > tr > .bg {padding-bottom:10px;background-color:#eee;color:#000;text-align:center;}
table.bbs > tbody > tr > td a {display:inline-block;line-height:24px;height:24px;}
table.bbs > tbody > tr > th {background-color: #eee;}

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; overflow:hidden;text-decoration: none;color:#393939;padding-right: 80px;}

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 tr.notice td.tit a {color: #d3171d;}

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

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


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


div.bbsUtil {padding: 50px 0;}

/* 게시판 하단버튼 영역 */
ul.pager {margin: 0;padding: 0;text-align:center;}
ul.pager li {display:inline;vertical-align: top;margin:0 0 0 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 10px 5px;vertical-align: top;font-size: 14px;line-height:20px;text-decoration: none;color: #303030;}

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

ul.pager a.btnDef,
ul.pager a.on {background-color: #f5f5f5;color: #1c8acf;text-align: center;font-weight: normal;}
ul.pager a img {vertical-align: top;}


form, fieldset {border: 0 none;margin: 0;padding: 0;}
legend {height: 0;line-height: 0;font-size: 0;}


/* 게시판 검색 */
div.bbsSearch {padding:16px 0;background-color:#f4f4f4;text-align:center;}
div.bbsSearch input,
div.bbsSearch select,
div.bbsSearch .btn {vertical-align:top;}
div.bbsSearch input[type=text] {width:520px;}
div.bbsSearch .btnPoint {font-size: 13px;vertical-align:top;}

div.bbsUtil {padding-top:30px;}
div.bbsUtil .btn * {min-width:90px;height:30px;font-size:15px;font-weight:bold;}
div.bbsUtil .btn a {height:18px;padding:1px 0 6px;line-height:15px;}




/* 글보기 */
div.bbsView {}
div.bbsView h3 {margin: 0;border-top: 2px solid #282828;border-bottom: 1px solid #c3c3c3;color: #000;}

div.bbsView ul.eventInfo,
div.bbsView ul.bbsInfo {background-color: #f1f1f1;border-bottom: 1px solid #c3c3c3;}
div.bbsView ul.eventInfo, ul.eventInfo a {color: #666;}

div.bbsView ul.eventInfo li,
div.bbsView ul.attachment li,
div.bbsView ul.bbsInfo li {margin-top: 5px;}

div.bbsView a.download {text-decoration: none;background-position: right center;background-repeat: no-repeat;color: inherit;}
div.bbsView a.download img {padding-right: 5px;vertical-align: middle;}

div.bbsView div.bbsCon {}
div.bbsView ul.attachment {border-top: 1px solid #c3c3c3;border-bottom: 1px solid #c3c3c3;}

div.bbsView div.bbsCon.bg {background-color: #f1f7fa;}

/* 게시글쓰기 */
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 span, ul.popSize label {display: inline-block;vertical-align: middle !important;}


/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
.admin {display: none;}

div.bbsView,
div.bbsView h3 {padding: 10px !important;}

div.bbsView ul.eventInfo,
div.bbsView ul.attachment,
div.bbsView ul.bbsInfo {padding: 5px 10px 10px;}
div.bbsView div.bbsCon {padding: 10px;}
div.bbsView div.bbsCon.bg {margin-bottom: 10px;}
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.bbsView h3 {padding: 20px;}
div.bbsView ul.eventInfo,
div.bbsView ul.attachment,
div.bbsView ul.bbsInfo {padding: 10px 20px 15px;}

div.bbsView ul.eventInfo {overflow: hidden;}
div.bbsView ul.eventInfo li {float: left;width: 430px;}

div.bbsView a.download {padding-right: 25px;background-image: url('/image/common/icon_download.png');}

div.bbsView div.bbsCon {padding:20px 30px;}
div.bbsView div.bbsCon.bg {margin-bottom: 30px;}

div.bbsWrite table.inputTbl label, div.bbsWrite table.inputTbl span {padding-bottom: 0;}
div.bbsWrite td.multi > span.note {clear: none;line-height: 33px !important;}
div.bbsWrite table.inputTbl {border-right: 0 none;}
div.bbsWrite table.inputTbl th, div.bbsWrite table.inputTbl td {border-left: 0 none;}

div.bbsWrite p {margin: 0;}
}




/* 게시판 글쓰기 */
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;}





/* 댓글 */
div.reply {margin-top:25px;border-top:1px dotted #b0b0b0;}
div.reply h3 {overflow:hidden;color:#666;}
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#footerWrap {background-color: #440001;}
div#footerWrap > div {position: relative;width: 1400px;height: 100px;margin: 0 auto;background: url('/image/footer.png') center center no-repeat;}
div#footerWrap > div * {margin: 0;padding: 0;list-style:none;font-size: 0;line-height: 0;}

div#footerWrap .privacy {position: absolute;right: 20px;bottom: 30px;width: 174px;height: 40px;}
div#footerWrap .privacy a {display: block;height: 40px;}

/* footer 수정 - 24.11.29 박민지 */
div#footerWrap.new > div{
    height: 163px;
    background: url('/image/footer_new.png') center center no-repeat;
}
div#footerWrap.new .privacy{
    right: 286px;
    bottom: 39px;
    width: 128px;
    height: 33px;
}
#footerWrap .mark{
    display: inline-block;
    position: absolute;
    right: 160px;
    bottom: 36px;
    width: 105px;
    height: 40px;
    border-radius: 50px;
}
#footerWrap.new .esg{
    display: inline-block;
    position: absolute;
    right: 7px;
    bottom: 36px;
    width: 140px;
    height: 40px;
}
#footerWrap.new .esg img {
    width: 100%;
}