@charset "utf-8"; 

/* common */
.wp8 {width:8%}
.wp10 {width:10%}
.wp18 {width:18%}
.wp25 {width:25%}
.fRed {color:#d30202}

/* subVisual */
#subVisual {padding:71px 0; background:url('../images/sub/sub_visual_bg.jpg') no-repeat; background-size:cover}
#subVisual h2 {font-size:34px; font-weight:700; color:#fff; text-align:center}
@media all and (max-width:960px) {
    #subVisual {display:none}
}

/* location */
#location {border:1px solid #cecece; border-width:1px 0}
#location .inner {position:relative; max-width:1210px; margin:0 auto; padding:0 2%}
#location .locList {font-size:0}
#location .locList li {position:relative; display:inline-block; border-right:1px solid #cecece; vertical-align:top}
#location .locList .home {border-left:1px solid #cecece}
#location .locList .home a {overflow:hidden; display:block; width:55px; height:56px; background:url('../images/sub/ico_home.png') no-repeat center; background-size:21px auto; text-indent:-9999px}
#location .locList .lkList button {position:relative; min-width:220px; height:56px; line-height:56px; padding:0 95px 0 19px; font-size:15px; color:#383838; text-align:left}
#location .locList .lkList button::before {content:''; display:block; position:absolute; top:50%; right:18px; width:8px; height:8px; margin-top:-6px; background:transparent; border-left:1px solid #282828; border-bottom:1px solid #282828; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s}
#location .locList .lkList.active button::before {margin-top:-1px; transform:rotate(-225deg); -webkit-transform:rotate(-225deg); -moz-transform:rotate(-225deg); -ms-transform:rotate(-225deg); -o-transform:rotate(-225deg)}
#location .locList .lkList div {display:none; position:absolute; top:100%; left:0; width:100%; padding-top:1px; font-size:15px; font-weight:300; z-index:5}
#location .locList .lkList div ul li {display:block; border:1px solid #cecece; border-top:none}
#location .locList .lkList div ul li a {display:block; padding:13px 35px 15px 19px; background-color:#fff; color:#444}
#location .locList .lkList div ul li a:hover,
#location .locList .lkList div ul li a:focus,
#location .locList .lkList div ul li a:active,
#location .locList .lkList div ul li.on a {color:#385de9}
#location .locList .lkList div ul li .moDeath3 {display:none}
@media all and (max-width:960px) {
    #location {border-bottom:none}
    #location .inner {padding:0}
    #location .locList .home {display:none}    
    #location .locList li {display:block; border:none}
    #location .locList .lkList button {height:55px; line-height:55px; padding:0 40px 0 22px; width:100%; text-align:center}
    #location .locList .lkList button:before {right:22px}
    #location .locList .lkList button:before {display:none}   
    #location .locList .lkList button span {display:inline-block; padding-right:20px; position:relative}
    #location .locList .lkList button span::after {content:''; display:block; position:absolute; top:50%; right:0; width:8px; height:8px; margin-top:-8px; background:transparent; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; border-radius:1px}
    #location .locList .lkList.active button span::after {margin-top:-2px; transform:rotate(-225deg); -webkit-transform:rotate(-225deg); -moz-transform:rotate(-225deg); -ms-transform:rotate(-225deg); -o-transform:rotate(-225deg)}
    #location .locList .lkList.death1 button {background-color:#385de9; color:#fff}
    #location .locList .lkList.death2 button {background-color:#f7f7f7; border-bottom:1px solid #dedede}
    #location .locList .lkList.death2 button span::after {border-color:#777}
    #location .locList .lkList div {background-color:#fff; position:static}
    #location .locList .lkList div ul li {border:none}
    #location .locList .lkList div ul li a {padding:13px 40px 15px 22px; border:0 none; font-weight:400; color:#333; border-bottom:1px solid #dedede}    
}

/* content */
#pageTit {text-align:center; font-size:36px; color:#010101; padding-top:50px}
#content {min-height:300px; padding:50px 0 100px 0}
.contentWrap {max-width:1080px;margin:0 auto;padding:0 3%}
.contentWrap h4 {font-size:	1.375em; font-weight:500; margin-top:70px; margin-bottom:25px; line-height:1.4; word-break:keep-all}
.contentWrap h4:first-child {margin-top:0}
.contentWrap h4 span {font-weight:300}
.contentWrap h5 {font-size:1.125em; font-weight:500; margin-top:55px; margin-bottom:15px; color:#385de9}
.contentWrap h4 + h5 {margin-top:0}
.contentWrap h5 span {font-weight:300}
.contentWrap p {line-height:1.5}
.contentWrap p.tip {color:#333333}
.contentWrap b,
.contentWrap strong {font-weight:500}
@media all and (max-width:960px) {
    #content {padding:40px 0 60px 0}
    #pageTit {display:none}
    #pageTit.moTit {display:block; font-size:26px; font-weight:400; padding-top:40px}
    .contentWrap h4 {font-size:1.3em; margin-top:50px}
}
@media all and (max-width:640px) {
    .contentWrap {padding:0 5%}
    .contentWrap h4 {font-size:1.2em}
}

/* content Style */
/* noCentet */
.noContent {text-align:center; padding:50px 0}
.noContent h4 {font-size:1.45em; margin:30px 0 10px 0; color:#333}
.noContent h4 span {font-weight:500}
.noContent p {color:#777}

/* img */
.btnImgZoom {display:none; margin-top:15px; text-align:center}
.btnImgZoom a {display:inline-block; padding-right:2px; padding-bottom:2px; padding-left:22px; border-bottom:1px solid #905f40; background:url('../images/sub/icon_btn_zoom.png') no-repeat 2px 50%; background-size:15px auto; color:#885432; font-size:16px}
@media all and (max-width:960px) {
    .btnImgZoom {display:block}
}

/* tabMenu */
.tabMenu { margin: 0 auto 60px auto; }
.tabMenu .moListBtn { display:none; }
.tabMenu ul { display:table; table-layout:fixed; width:100%; margin:0 auto; font-size:0; text-align:center; }
.tabMenu ul li { position:relative; display:table-cell; background-color:#f8f8f8; border:1px solid #d3d3d3; border-left:none; font-size:16px; vertical-align:middle; }
.tabMenu ul li:first-child { border-left:1px solid #d3d3d3; }
.tabMenu ul li.active { background-color:#385de9; border-color:#385de9; }
.tabMenu ul li a {display:block;padding: 20px 0;color: #222;text-decoration:none;}
.tabMenu ul li.active a { color:#fff; }
@media all and (max-width: 960px) {
    .tabMenu { position:relative; }
    .tabMenu .moListBtn { display:block; }
    .tabMenu .moListBtn button {position:relative;width:100%;height: 60px;line-height: 60px;padding:0 38px 0 20px;border: 1px solid #d3d3d3;border-top: 2px solid #385de9;font-size:16px;color: #333333;text-align:left;outline: none;z-index:4;}
    .tabMenu .moListBtn button:before,
    .tabMenu .moListBtn button:after { content:''; position:absolute; background-color:#333; }
    .tabMenu .moListBtn button:before { top:50%; right:26px; width:1px; height:13px; margin-top:-6px; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out; }
    .tabMenu.active .moListBtn button:before { -webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg); }
    .tabMenu .moListBtn button:after { top:50%; right:20px; width:13px; height:1px; }
    .tabMenu div {position:absolute;top:100%;left:0;display:none;width:100%;background-color:#fff;border: 1px solid #d3d3d3;border-top: none;text-align:left;box-sizing:border-box;z-index:5;}
    .tabMenu ul {display:block;text-align:left;}
    .tabMenu ul li {display:block;border-width: 1px 0 0 0;}
    .tabMenu ul li:first-child { border:none; }
    .tabMenu ul li a {padding: 15px 20px;background-color:#fff;font-size:15px;}
    .tabMenu ul li.active {border-color:#d3d3d3}
    .tabMenu ul li.active a { color:#385de9; }
}

/* table */
.table01 {width:100%; margin-bottom:15px; line-height:1.4}
.table01 th {padding:12px 20px; border-top:1px solid #13478d; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background-color:#f9fbff; font-size:0.938em; font-weight:300; vertical-align:middle; color:#13478d; text-align:center}
.table01 th:first-child {border-left:none}
.table01 td {padding:12px 20px; border:1px solid #ddd; border-right:none; font-size:0.938em; font-weight:300; vertical-align:middle; color:#444}
.table01 tbody tr td:first-child {border-left:none}
.table01 tbody tr td.bdleft {border-left:1px solid #ddd}
@media all and (max-width:960px) {
    .table01 th,
    .table01 td {padding:7px 5px; font-size:0.85em}
}

/* scroll */
.scrollTblWrap {}
.scrollTblWrap .tableDrag {display:none; font-size:0.9em; color:#535353; text-align:center; margin-bottom:0; line-height:1; border-top:1px solid #9f9f9f}
.scrollTblWrap .tableDrag span {display:inline-block; padding:10px 0 10px 65px; background:url('../images/sub/icon_table_drag.png') left center no-repeat; background-size:55px auto}
.scrollbarBox {padding-right:17px}
.scrollBox {max-height:510px; overflow-y:auto}
.scrollBox table {margin-top:-2px}
.scrollImgWrap .imgDrag {display:none; font-size:0.9em; color:#535353; text-align:center; margin-bottom:0; line-height:1; margin-bottom:5px}
.scrollImgWrap .imgDrag span {display:inline-block; padding:10px 0 10px 65px; background:url('../images/sub/icon_table_drag.png') left center no-repeat; background-size:55px auto}
@media all and (max-width:960px) {
    .scrollTblWrap {width:100%; overflow-x:auto; overflow-y:hidden; margin-bottom:15px}
    .scrollTblWrap .tableDrag {display:block}
    .scrollTblWrap table {width:960px; margin-bottom:0}
    .scrollBox {width:960px}
}
@media all and (max-width:720px) {
    .scrollImgWrap {width:100%; overflow-x:auto; overflow-y:hidden}
    .scrollImgWrap .imgDrag {display:block}
    .scrollImgWrap .imgBox {width:800px}  
}

/* list */
.ls01 {overflow:hidden; margin-bottom:30px; padding-left:23px}
.ls01 li {padding-left:12px; margin-bottom:6px; background:url('../images/sub/ico_ls01.png') no-repeat left 7px; font-weight:300; line-height:1.3}
.ls01 li:last-child {margin-bottom:0}
@media all and (max-width:640px) {
    .ls01 li {background:url('../images/sub/ico_ls01.png') no-repeat left 6px}
}

/* btns */
.btnBox01 {margin-top:20px}
.btnBox02 {margin-left:8px}
.btnBox03 {display:inline-block; margin:2px 10px}
.btns01 {display:inline-block; padding:5px 15px; border:1px solid #ddd; font-size:0.938em; font-weight:300; color:#444; position:relative}
.btns01::after {content:''; display:inline-block; width:20px; height:6px; background:url('../images/sub/btns01.png') no-repeat; background-size:20px auto; vertical-align:middle; margin-left:8px}
.btns02 {display:inline-block; padding:0 2px; font-weight:300; position:relative}
.btns02::before {content:''; display:block; width:100%; height:7px; background:#fff9a1; position:absolute; bottom:2px; left:-1px; z-index:-1; border-radius:10px}
.btns02::after {content:''; display:inline-block; width:16px; height:12px; background:url('../images/sub/btns02.png') no-repeat; background-size:16px auto; vertical-align:middle; margin-left:6px; margin-top:-3px}
.btns03 {display:inline-block; padding:0 2px; font-weight:300; position:relative; color:#0112b8}
.btns03::before {content:''; display:block; width:100%; height:1px; background:#0112b8; position:absolute; bottom:0}
.btns03::after {content:''; display:inline-block; width:16px; height:12px; background:url('../images/sub/btns03.png') no-repeat; background-size:16px auto; vertical-align:middle; margin-left:6px; margin-top:-3px}
.btns04 {display:inline-block; padding:9px 25px; border:1px solid #ddd; font-size:0.938em; font-weight:300; color:#444; position:relative; background:#f9f9f9; margin:0 8px 5px 0}
.btns04::after {content:''; display:inline-block; width:20px; height:6px; background:url('../images/sub/btns01.png') no-repeat; background-size:20px auto; vertical-align:middle; margin-left:8px}
@media all and (max-width:960px) {
    .btnBox02 {display:block; margin:20px 0 0 0}
    .btnBox03 {display:block; margin:8px 0 0 0}
}

/* 01 협회소개 - 협회소개 */
.greetingBox {overflow:hidden}
.greetingBox .grImg {text-align:center; margin-bottom:65px}
.greetingBox .grTxt p {font-size:1.063em; font-weight:300; margin-bottom:30px; word-break:keep-all}
.greetingBox .grTxt .sign {margin-top:50px; text-align:right}
.greetingBox .grTxt .sign p {color:#555; font-size:0.938em; display:inline-block; vertical-align:middle; text-align:left; margin:0 30px 0 0; line-height:1.5}
.greetingBox .grTxt .sign img {display:inline-block; vertical-align:middle}
.greetingIcon {margin-top: 4.375em;}
.greetingIcon ul {display: flex;position: relative;}
.greetingIcon ul::before {content:'';display:block;position:absolute;top:3.75em;left: 50%;width: 83.3333%;height:1px;margin-left: -41.6666%;background:#c2ccf0;z-index:-1;}
.greetingIcon ul li {flex: 1;text-align: center;}
.greetingIcon ul li i {display: block;width: 7.5em;height: 7.5em;margin: 0 auto 1.625em;border: 1px solid #c2ccf0;border-radius: 50%;background-color:#fff;background-repeat: no-repeat;background-position: center;}
.greetingIcon ul li:nth-child(1) i {background-image: url(../images/sub/icon_gr01.png);background-size: 2.125em auto;}
.greetingIcon ul li:nth-child(2) i {background-image: url(../images/sub/icon_gr02.png);background-size: 3.8125em auto;}
.greetingIcon ul li:nth-child(3) i {background-image: url(../images/sub/icon_gr03.png);background-size: 3.625em auto;}
.greetingIcon ul li:nth-child(4) i {background-image: url(../images/sub/icon_gr04.png);background-size: 3.3125em auto;}
.greetingIcon ul li p {padding: 0 1.375em;font-weight: 300;letter-spacing: -.025em;word-break: keep-all;}
@media all and (max-width:960px) {
	.greetingBox .grImg {margin-bottom:35px;}
	.greetingBox .grTxt p {font-size: .875em;margin-bottom: 1.6666em;}
    .greetingIcon {margin-top: 1.25em;}
    .greetingIcon ul { display:block; }
    .greetingIcon ul::before {top: 0;left: 1.875em;width: 1px;height: 90%;margin-left: 0;}
	.greetingIcon ul li {display: flex;align-items: center;margin-bottom: 1.25em;}
	.greetingIcon ul li i {flex-shrink: 0;width: 3.75em;height: 3.75em;margin: 0 1.625em 0 0;}
	.greetingIcon ul li:nth-child(1) i {background-size: 1.0625em auto;}
	.greetingIcon ul li:nth-child(2) i {background-size: 1.875em auto;}
	.greetingIcon ul li:nth-child(3) i {background-size: 1.8125em auto;}
	.greetingIcon ul li:nth-child(4) i {background-size: 1.65625em auto;}
	.greetingIcon ul li p {padding: 0;flex-grow: 1;text-align: left;font-size: .8125em;}
}

/* 01 협회소개 - 연혁 */
.historyBox {overflow:hidden}
.historyBox dl {position:relative}
.historyBox dl dt {display:inline-block;text-align:right;width: 27.8%;padding: 30px 60px 0 0;}
.historyBox dl dt span {display:block}
.historyBox dl dt .tit {font-family:'Gmarket'; font-size:32px; font-weight:900; margin-bottom:22px}
.historyBox dl dd {display:inline-block;vertical-align:top;width: 60%;position:relative;padding: 35px 0 40px 0;}
.historyBox dl dd::before {content:'';display:block;width:1px;height:100%;background:#d9d9d9;position:absolute;top:0;left: 3px;}
.historyBox dl dd ul li {display:table;table-layout:fixed;margin-bottom: 40px;padding-left: 47px;position: relative;}
.historyBox dl dd ul li::before {content:'';display:block;width:7px;height:7px;border-radius:50%;background:#00a2ba;position:absolute;top: 5px;left: 0;}
.historyBox dl:nth-child(2n) dd ul li::before {background:#007bd1}
.historyBox dl dd ul li span {display:table-cell; color:#333}
.historyBox dl dd ul li .date {width:100px; font-weight:500}
.historyBox dl dd ul li .txt {padding-left:30px;font-weight:300;line-height: 1.3;}
/* 신규 */
.historyWrap {overflow: hidden;padding: 0 3%;box-sizing:border-box;}
.historyControl {position:relative;max-width:1080px;margin:0 auto;}
.historyControl>div {display:flex;position: absolute;top: 5.125em;right: 0;z-index: 1;}
.historyControl button {display:inline-block;width: 2.8125em;height: 2.8125em;margin-left:.3125em;text-indent: -9999px;background-repeat: no-repeat;background-position: center;background-size: 100%;}
.historyControl button.prev { background-image:url(../images/sub/btn_history_prev.png); }
.historyControl button.next { background-image:url(../images/sub/btn_history_next.png); }
.historySlide {max-width:1080px;margin:0 auto;}
.historySlide .slick-list { overflow:visible; }
.historySlide .slick-slide { width:34.375rem; }
.historySlide dl { font-size: 1rem;}
.historySlide dl dt {padding-bottom: 1.3809em;font-size: 2.625em;font-weight: 900;color: #353bc2;letter-spacing: -.05em;}
.historySlide dl dd {position: relative;padding-top: 2.125em;border-top: 1px solid #dadada;}
.historySlide dl dd::before {content:'';display:block;position: absolute;top: -.375em;left: 0;width: .3125em;height: .3125em;background: #fff;border: 4px solid #353bc2;border-radius: 50%;}
.historySlide dl dd ul li {display: flex;margin-top: 1.25em;line-height: 1.3;letter-spacing: -.05em;}
.historySlide dl dd ul li .date {flex-shrink: 0;width: 8.3125em;}
.historySlide dl dd ul li .txt {flex-grow: 1;white-space: wrap;word-break: keep-all;}
.historySlide .img { margin-top: 3.875em;font-size: 1rem;}
@media all and (max-width:1135px) {
	/* 신규 */
	.historySlide .slick-slide { width:48.5008vw; }
}
@media all and (max-width:960px) {
    .historyBox dl::before {content:'';display:block;width:1px;height: 100%;background:#d9d9d9;position:absolute;top: 13px;left: 11px;}
    .historyBox dl dt {display:block;width:100%;text-align: left;padding: 0 0 0 40px;box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box}
    .historyBox dl dt::before {content:'';display:block;width: 14px;height: 14px;border-radius:50%;background: #fff;border: 4px solid #00a2ba;position:absolute;top: 3px;left: 0;}
    .historyBox dl:nth-child(2n) dt::before {border: 4px solid #007bd1}
    .historyBox dl dt .tit {font-size: 30px;margin-bottom: 15px;}
    .historyBox dl dd {display:block; width:100%}
    .historyBox dl:last-child dd,
    .historyBox dl:last-child dd ul li:last-child {padding-bottom:0; margin-bottom:0}
    .historyBox dl:last-child dd ul li:last-child::after {content:'';display:block;width: 3px;height: 10px;background: #fff;position:absolute;top: 11px;left: 2px;}
    .historyBox dl dd::before {display:none}
    .historyBox dl dd ul li {padding-left: 40px;margin-bottom: 25px;}
    .historyBox dl dd ul li::before {left: 8px;}
    .historyBox dl dd ul li .txt {padding-left: 10px;}
	/* 신규 */
	.historyWrap { padding:0 5%; font-size:14px; }
	.historySlide dl { font-size:14px; }
	.historySlide .slick-list { overflow:hidden; }
	.historySlide .img { font-size:14px; }
}
@media all and (max-width:480px) {
	.historySlide .img { text-align:center; }
	.historySlide .img img { display:inline-block; }
}

/* 01 협회소개 - 조직도 */
.orgImg { text-align:center; }
.orgTxt {max-width: 890px;margin: 5em auto 0;padding: 2.625em 7.4074%;background: #f4f7fb;border: 1px solid #e2e9f4;border-radius:.625em; box-sizing: border-box;}
.orgTxt .txt {font-size: 1.25em;font-weight: 500;color: #2561b5;}
.orgTxt dl {display: flex;margin-top: 1.375em;letter-spacing: -.025em;font-weight: 500;color: #2f4f7b;word-break: keep-all;line-height: 1.4;}
.orgTxt dl dd {flex-grow: 1;}
.orgTxt dl dd ul li {margin-top:.5em;}
.orgTxt dl dd ul li:first-child { margin-top:0;}
.orgTxt .info1 dt {flex-shrink: 0;width: 6.875em;}
.orgTxt .info2 { margin-top:1.875em; }
.orgTxt .info2 dt {flex-shrink: 0;width: 3.375em;}
.orgTxt .info2 dd ul li span {display: inline-block;vertical-align: middle;position: relative;padding: 0 .875em;}
.orgTxt .info2 dd ul li span:first-child { padding-left:0; }
.orgTxt .info2 dd ul li span::before {content:'';display:block;position:absolute;top: 50%;left:0;width: 1px;height: .75em;margin-top: -.375em;background: #2f4f7b;}
.orgTxt .info2 dd ul li span:first-child::before { display:none; }
@media all and (max-width:960px) {
	.orgTxt {padding: 1.5625em 6.5625%;}
	.orgTxt .txt {font-size: 1em;}
	.orgTxt dl {font-size: .75em;}
	.orgTxt .info2 dd ul li span {padding: 0 .75em;}
}

/* 01 협회소개 - 임원사 소개 */
.busiGall>ul {overflow:hidden;margin: 0 -0.5%;font-size:0;}
.busiGall>ul>li {display:inline-block;width: 24%;margin: 0 0.5% 2.8%;font-size:16px;text-align:center;vertical-align:top;border: 1px solid #dedede;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.busiGall>ul>li .thumb {overflow:hidden; display:block; position:relative; padding-top:74.703%; }
.busiGall>ul>li .thumb img {position: absolute;top: 50%;left: 50%;max-height: 100%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);white-space: normal;word-break: break-all}
.busiGall ul li a {display:block;}
.busiGall ul li .txt {text-align:center;font-size:1.063em;padding: 1.8em 1.176em;min-height: 9.05em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border-top:1px solid #dedede}
.busiGall ul li .txt.txt2 { padding:1em 1.176em; min-height:9.4117em; }
.busiGall ul li .txt .date {display:block;font-size:.9375em;font-weight: 600;color:#777777;margin-bottom: 13px;}
.busiGall ul li .txt .name {display:block;font-size: 1.125em;font-weight: 500;margin-bottom: 13px;}
.busiGall ul li .txt .busi {display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: 300;color: #333333;}
.busiGall ul li .txt .btn {display:block;margin-top: 17px;color: #0b1fb5;font-size: 0.875em;}
.busiGall ul li .txt .btn i {display:block;width: 73px;height: 7px;margin: 0 auto;background: url('../images/sub/sub0103_busi_arrow.png') no-repeat;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;}
.busiGall ul li a:hover .txt .btn i {transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px)}
@media all and (max-width:960px) {
    .busiGall>ul>li {width:31.3333%;font-size:14px;}
    .busiGall ul li .txt {min-height: 9.3em;}
	.busiGall ul li .txt.txt2 { min-height: 9.8em;}
    .busiGall ul li .txt .btn i {width: 63px;background-size: 63px auto;}
}
@media all and (max-width:640px) {
    .busiGall>ul>li {width:48%;font-size:12px; }
    .busiGall ul li .txt {padding: 1.5em 1.176em;min-height: 9em;}
	.busiGall ul li .txt.txt2 { min-height: 10.4em;}
    .busiGall ul li .txt .btn i {width: 53px;background-size: 53px auto;}
}

/* 01 협회소개 - 벤처기업 안내 */
.categoryInfo {overflow:hidden}
.categoryInfo > div {display:table; table-layout:fixed; width:100%; padding:50px 0; border-bottom:1px solid #e8e8e8}
.categoryInfo > div:first-child {border-top:1px solid #e8e8e8}
.categoryInfo .tit {display:table-cell; vertical-align:top; padding-left:10px; width:235px}
.categoryInfo .tit span {font-weight:500}
.categoryInfo .ci01 .tit span {color:#f47a4c}
.categoryInfo .ci02 .tit span {color:#3aa188}
.categoryInfo .ci03 .tit span {color:#aa5bc2}
.categoryInfo .ci04 .tit span {color:#3daeb5}
.categoryInfo .ci05 .tit span {color:#3e89bf}
.categoryInfo .tit h4 {font-size:1.5em; margin:12px 0 0 0}
.categoryInfo .tit p {font-weight:300; margin-top:20px}
.categoryInfo .tit p strong {color:#ea5a04}
.categoryInfo .txt {display:table-cell; vertical-align:top; padding-right:10px}
.categoryInfo .txt p {position:relative; padding-left:36px; margin-top:30px; font-weight:300; word-break:keep-all}
.categoryInfo .txt p:first-child {margin-top:0}
.categoryInfo .txt p .red { color:#0d30c7; }
.categoryInfo .txt em {position:absolute; top:0; left:0; display:inline-block; width:26px; height:26px; line-height:26px; border-radius:50%; color:#fff; text-align:center; font-size:0.938em; font-weight:300}
.categoryInfo .txt p strong { color:#ff6633; }
.categoryInfo .txt .pointTxt { margin-top:0; color:#0d30c7; }
.categoryInfo .txt .smallTxt { display:block; font-size:.9375em; color:#666; }
.categoryInfo .ci01 .txt em {background:#f47a4c}
.categoryInfo .ci02 .txt em {background:#3aa188}
.categoryInfo .ci03 .txt em {background:#aa5bc2}
.categoryInfo .ci04 .txt em {background:#3daeb5}
.categoryInfo .ci05 .txt em {background:#3e89bf}
.categoryInfo .txt .busiName {float:left;background:#676767; border-radius:20px; padding:2px 8px; font-size:0.938em; font-weight:300; color:#fff; margin-right:10px}
.btnCategory {margin-top: 3em;text-align: center;}
.btnCategory a {display: inline-block;margin: 0 auto;padding: 1.125em 1.875em;border: 1px solid #333;box-sizing: border-box;}
.btnCategory a span {display: block;padding-right: 1.875em;text-align: center;letter-spacing: -.025em;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22px' height='24px'%3E%3Cpath fill-rule='evenodd' fill='rgb(51, 51, 51)' d='M-0.000,24.000 L-0.000,22.000 L22.000,22.000 L22.000,24.000 L-0.000,24.000 ZM9.477,18.134 L3.150,11.807 L4.778,10.178 L10.000,15.400 L10.000,-0.000 L12.000,-0.000 L12.000,15.610 L17.432,10.178 L19.060,11.807 L11.105,19.762 L9.477,18.134 Z'/%3E%3C/svg%3E") no-repeat right center / auto .875em;}
@media all and (max-width:960px) {
    .categoryInfo .tit {display:block; width:100%; margin-bottom:30px; padding:0}
    .categoryInfo .tit span {font-size:1.45em; border-bottom:1px solid #000; margin-right:10px}
    .categoryInfo .ci01 .tit span {border-color:#f47a4c}
    .categoryInfo .ci02 .tit span {border-color:#3aa188}
    .categoryInfo .ci03 .tit span {border-color:#aa5bc2}
    .categoryInfo .ci04 .tit span {border-color:#3daeb5}
    .categoryInfo .ci05 .tit span {border-color:#3e89bf}
    .categoryInfo .tit span em {display:none}
    .categoryInfo .tit h4 {display:inline-block; margin:0}
    .categoryInfo .tit p {display:inline-block; margin:0 0 0 10px}
    .categoryInfo .txt {display:block; padding:0}
	.categoryInfo .txt .busiName { float:none; }
}
@media all and (max-width:640px) {
    .categoryInfo .tit span {font-size:1.25em; padding-left:2px}
    .categoryInfo .tit h4 {font-size:1.3em}
    .categoryInfo .tit p {display:block; margin:3px 0 0 36px}
}

/* 01 협회소개 - 여성기업 신청 */
.stepList {position:relative; overflow:hidden; font-size:0; padding-top:15px}
.stepList::before {content:''; display:block; width:80%; height:1px; background:#e5e5e5; position:absolute; top:65px; left:50%; margin-left:-40%; z-index:-1}
.stepList li {display:inline-block; width:25%; vertical-align:top; text-align:center}
.stepList li i {display:inline-block; width:100px; height:100px; border-radius:50%; margin:0 auto 30px auto; background-repeat:no-repeat; background-position:center}
.stepList li.sl01 i {background-color:#09489e; background-image:url('../images/sub/icon_sl01.png')}
.stepList li.sl02 i {background-color:#004fa8; background-image:url('../images/sub/icon_sl02.png')}
.stepList li.sl03 i {background-color:#0070bf; background-image:url('../images/sub/icon_sl03.png')}
.stepList li.sl04 i {background-color:#048cd3; background-image:url('../images/sub/icon_sl04.png')}
.stepList li.sl05 i {background-color:#006a91; background-image:url('../images/sub/icon_sl01.png')}
.stepList li.sl06 i {background-color:#007fa8; background-image:url('../images/sub/icon_sl02.png')}
.stepList li.sl07 i {background-color:#0498b3; background-image:url('../images/sub/icon_sl03.png')}
.stepList li.sl08 i {background-color:#09acbf; background-image:url('../images/sub/icon_sl04.png')}
.stepList li .tit {display:block; font-size:17px; font-weight:500; margin-bottom:15px; word-break:keep-all; line-height:1.3}
.stepList li .txt {display:block; font-size:15px; font-weight:300; word-break:keep-all; line-height:1.3}
@media all and (max-width:960px) {
    .stepList::before {width:1px; height:80%; top:20px; left:40px; margin-left:0}
    .stepList li {display:block; width:100%; text-align:left; min-height:80px; padding-left:100px; position:relative; margin-bottom:40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
    .stepList li i {position:absolute; top:0; left:0; width:80px; height:80px; background-size:26px auto}
    .stepList li .tit {font-size:16px; margin-bottom:10px; padding-top:5px}
    .stepList li .txt br {display:none}
}
@media all and (max-width:640px) {
    .stepList li .tit {font-size:15px}
    .stepList li .txt {font-size:14px}
}

/* 02 회원사 소개 */
/* pageTopNav */
.pageTopNav { overflow:hidden;margin-bottom:20px; }
.pageTopNav .prev { float:left; }
.pageTopNav .next { float:right; }
.pageTopNav a { display:block;background-repeat:no-repeat;color:#666;font-size:15px; }
.pageTopNav .prev a { padding-left:57px;background-image:url(../images/board/icon_arrow_prev.png);background-position:0 50%; }
.pageTopNav .next a { padding-right:57px;background-image:url(../images/board/icon_arrow_next.png);background-position:right 50%; }
@media all and (max-width:960px) {
    .pageTopNav { display:none; }
}

/* Gallery List */
.boardGall>ul {overflow:hidden; margin:0 -1%; font-size:0}
.boardGall>ul>li {display:inline-block; width:23%; margin:0 1% 2.8%; font-size:16px; text-align:center; vertical-align:top; border:1px solid #dedede; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}
.boardGall>ul>li a {display:block; text-decoration:none; }
.boardGall>ul>li .thumb {overflow:hidden; display:block; position:relative; padding-top:74.703%; }
.boardGall>ul>li .thumb img { display:block;position:absolute;top:0;left:0;width:100%;height:100%; }
.boardGall>ul>li.nodata { width:100%; padding:5em 0; border-width:1px 0; }
.boardGall ul li a .tit { overflow:hidden;display:block;padding:1.353em 1.176em;border-top:1px solid #dedede;color:#222;text-align:center;font-weight:500;font-size:1.063em;white-space:nowrap;text-overflow:ellipsis;transition:background 0.3s}
.boardGall ul li a:hover .tit,
.boardGall ul li a:focus .tit { border-color:#16459b;background-color:#16459b;color:#fff; }
.boardGall+.boardBtn { margin-top:0; }
@media all and (max-width:960px) {
    .boardGall>ul>li { width:31.3333%;font-size:14px; }
}
@media all and (max-width:640px) {
    .boardGall>ul>li {width:48%;font-size:12px; }
}

/* memberView */
.memberView .topinfo { max-width:1080px;margin:0 auto;padding:0 5%; }
.memberView .topinfo>.inner { overflow:hidden;padding:6.482% 1.85%;border-top:1px solid #c5c5c5; }
.memberView .topinfo .img { float:left;width:43.267%; }
.memberView .topinfo .img span { overflow:hidden;display:block;position:relative;padding-top:73.5556%; }
.memberView .topinfo .img span img { display:block;position:absolute;top:0;left:50%;max-width:none;height:100%;transform:translateX(-50%); }
.memberView .topinfo .txtBox { float:right;width:50.5%; }
.memberView .topinfo .txtBox h4 { margin-top:1.063em;color:#000;font-weight:500;font-size:1.75em; }
.memberView .topinfo .txtBox ul { margin-top:3em; }
.memberView .topinfo .txtBox ul li { overflow:hidden; margin:0.938em 0; display:flex; align-items:center; }
.memberView .topinfo .txtBox ul li .tit { color:#666; }
.memberView .topinfo .txtBox ul li .txt { color:#1b1b1b; margin-left:2.5em; }
.memberView .topinfo .txtBox ul li .txt.link a { display:inline-block; background:#1a2495; color:#fff; border-radius:2em; padding:0.5em 1em; box-sizing:border-box; }
.memberView .memberSlide { padding:0 5%; background-color:#f7f7f7; }
.memberView .memberSlide>.inner { position:relative;max-width:1148px;margin:0 auto;padding:4.25em 0;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
.memberView .memberSlide h5.tit { color:#111;font-weight:500;font-size:1.35em; }
.memberView .memberSlide .stit { margin-top:0.938em;color:#000;font-weight:300;word-break:keep-all; line-height:160%; }
.memberView .memberSlide .slideWrap { position:relative;margin-top:3em;padding:0 50px; }
.memberView .memberSlide .slider .item { position:relative;margin:0 4px; }
.memberView .memberSlide .slider .item .img { overflow:hidden;position:relative;padding-top:72.835%; }
.memberView .memberSlide .slider .item .img img { display:block;position:absolute;top:0;left:50%;max-width:none;height:100%;transform:translateX(-50%); }
.memberView .memberSlide .slider .item .tit { overflow:hidden;position:absolute;left:0;bottom:0;width:100%;padding:10px;background-color:rgba(000,000,000,0.4);color:#fff;font-size:15px;white-space:nowrap;text-overflow:ellipsis;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
.memberView .memberSlide .prev,
.memberView .memberSlide .next { overflow:hidden;display:block;position:absolute;top:50%;width:36px;height:36px;margin-top:-18px;background-repeat:no-repeat;background-position:50% 50%;text-indent:-999px; }
.memberView .memberSlide .prev { left:0;background-image:url(/images/board/icon_arrow_prev2.png); }
.memberView .memberSlide .next { right:0;background-image:url(/images/board/icon_arrow_next2.png); }
.memberView .memberSlide .slick-hidden { display:none; }
.memberView .memberSlide .slick-dots {display:none !important}
.memberView .viewCon { max-width:1080px;margin:0 auto; }
.memberView .viewCon .conGroup { padding:4.375em 5%;border-top:1px solid #ededed;text-align:center; }
.memberView .viewCon .conGroup:first-child { border-top:none; }
.memberView .viewCon .conGroup .titType1 { color:#111;font-weight:500;font-size:1.875em; }
.memberView .viewCon .conGroup .txtType1 { margin-top:1.5em;font-weight:300;line-height:1.4;word-break: keep-all}
.memberView .viewCon .conGroup .lk { display:inline-block;margin-left:2px;padding-right:27px;padding-bottom:2px;background:url(/images/board/icon_lk_blank.png) no-repeat 99% 60%;vertical-align:top; }
.memberView .viewCon .conGroup .social { margin-top:48px;font-size:0; }
.memberView .viewCon .conGroup .social li { display:inline-block;margin:0 3%;font-size:14px;vertical-align:top; }
.memberView .viewCon .certiList {margin-top:2em}
.memberView .viewCon .certiList li {display:inline-block; margin:0 5px 20px 5px; vertical-align:bottom}
.memberView .viewCon .certiList li img {display:block; background:#000; max-width:180px; margin-bottom:8px}
.memberView .boardBtn { text-align:center; }
@media all and (max-width:960px) {
    .memberView { font-size:14px; }
    .memberView .topinfo>.inner { margin-bottom:1.75em;padding:0;border-top:none; }
    .memberView .topinfo .img { float:none;width:100%; }
    .memberView .topinfo .txtBox { float:none;width:100%; }
    .memberView .topinfo .txtBox ul { margin-top:2.083em; }    
    .memberView .memberSlide .slideWrap { padding:0; }
    .memberView .memberSlide .stit br { display:none; }
    .memberView .memberSlide .pager { display:none; }
    .memberView .memberSlide .slider .item .tit { padding:7px 10px;font-size:12px; }
    .memberView .memberSlide .slick-dots { display:block !important; margin-top:15px;font-size:0; }
    .memberView .memberSlide .slick-dots li { display:inline-block;margin:0 3px;vertical-align:top;font-size:14px; }
    .memberView .memberSlide .slick-dots li button { overflow:hidden;display:block;width:10px;height:10px;border-radius:50%;background:#8d8d8d;text-indent:-999px; }
    .memberView .memberSlide .slick-dots li.slick-active button { border:2px solid #8d8d8d;background:#fff; }
    .memberView .viewCon .certiList li img {max-width:150px}
}
@media all and (max-width:767px) {
    .memberView { font-size:12px; }
    .memberView .memberSlide>.inner { padding:3.167em 0; }
    .memberView .topinfo .txtBox h4 { font-size:1.417em; }
    .memberView .memberSlide .slideWrap { margin-top:1.833em; }
    .memberView .viewCon .conGroup { padding:2.917em 5%; }
    .memberView .viewCon .conGroup .titType1 { font-size:1.5em; }
    .memberView .viewCon .conGroup .social { margin-top:24px; }
    .memberView .viewCon .conGroup .social li { max-width:12.346%; }
    .memberView .viewCon .conGroup .lk { padding-right:19px;padding-bottom:0;background-size:12px auto; }
    .memberView .viewCon .certiList li img {max-width:120px}
}
@media all and (max-width:480px) {
    .memberView .viewCon .certiList li img {max-width:95px}
}

.layerPop {display:none; overflow-y:auto; position:fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(000,000,000,0.7); z-index: 20}
.layerPop .layerBox {position:absolute; top:50%; left:50%; width:100%; text-align:center; vertical-align:middle; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.PhotoPop {position:relative;max-width:1280px;margin:0 auto;}
.PhotoPop .slick-slide span {position:relative; overflow:hidden; display:block; padding-top:50%}
.PhotoPop .slick-slide span img {position:absolute; top:50%; left:50%; max-height:100%; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.PhotoPop h4 {color:#fff;font-size: 1.6em;font-weight:500;margin-bottom:12px}
.PhotoPop .won {font-size:1.15em;color:#fff;font-weight:300;margin-bottom: 20px;}
.PhotoPop .popCtrl {margin-top:15px}
.PhotoPop .popCtrl p {display: inline-block}
.PhotoPop .popCtrl p button {overflow:hidden;height:100%;color:#fff; margin:0 30px; font-weight:300; font-size:0.938em}
.PhotoPop .popCtrl .btnPrev button {padding-left:65px; background:url(../images/sub/btn_schedule_prev_w.png) no-repeat left center;}
.PhotoPop .popCtrl .btnNext button {padding-right:65px;background:url(../images/sub/btn_schedule_next_w.png) no-repeat right center;}
.PhotoPop .close {position:absolute;top: 10px;right: 3%;text-indent: -9999px;width: 35px;height: 35px;}
.PhotoPop .close::before {content:''; display:block; width:1px; height:100%; background:#fff; transform: rotate(45deg); position:absolute; top:0; left:16px}
.PhotoPop .close::after {content:''; display:block; width:1px; height:100%; background:#fff; transform: rotate(-45deg); position:absolute; top:0; left:16px}
@media all and (max-width:640px) {
    .PhotoPop .close {position:relative; margin-top:30px; width:auto; height:auto;text-indent:0; color:#fff; padding-right:20px}
    .PhotoPop .close::before,
    .PhotoPop .close::after {height:18px; right: 0; left: auto; top:3px; width:2px}
    .PhotoPop .popCtrl .btnPrev button {padding-left:55px; background:url(../images/sub/btn_schedule_prev_w.png) no-repeat left center; background-size:42px auto}
    .PhotoPop .popCtrl .btnNext button {padding-right:55px;background:url(../images/sub/btn_schedule_next_w.png) no-repeat right center; background-size:42px auto}
}

/* Board Style */
/* select */
.selectWrap {position:relative}
.selectWrap select {position:absolute !important; left:-9999px; width:1px; height:1px; overflow:hidden}
.selectWrap .selectBtn {overflow:hidden; width:100%; height:50px; padding:0 10px; border:1px solid #dcdcdc; background-image:url('../images/board/arrow_select.png'); background-repeat:no-repeat; background-position:92% center; white-space:nowrap; text-overflow:ellipsis; font-weight:300; font-size:16px; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.selectWrap .selectBtn.active {background-image:url('../images/board/arrow_select_on.png')}
.selectWrap .selectBtn.active:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #1111f8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.selectWrap .selectList {overflow-y:auto; display:none; position:absolute; width:100%; max-height:240px; border:1px solid #dcdcdc; border-top:none; background-color:#fff; z-index:2}
.selectWrap .selectList li {border-top:1px solid #dcdcdc; font-size:15px; padding-left:0}
.selectWrap .selectList a,
.selectWrap .selectList button {display:block; width:100%; height:100%; padding:5px 10px; text-align:left}
.selectWrap .selectList [tabindex="0"] {background:#f4f5f7}

/* Board List - no data */
.noData {width:100% !important; padding:50px 0; border-bottom:1px solid #dedede; text-align:center; color:#000}
.noData2 {width:100% !important; padding:0 0 50px 0; text-align:center; color:#000}

/* boardSearch 기본 */
.boardSearch {margin-bottom:30px; text-align:center}
.boardSearch dl {position:relative; max-width:387px; margin:0 auto; border:1px solid #d7d7d7; font-size:16px; color:#3f3f3f; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.boardSearch dt {float:left; width:112px; border-right:1px solid #e5e5e5}
.boardSearch dt .selectWrap,
.boardSearch dt .selectWrap .selectBtn {border:none}
.boardSearch .selectWrap .selectBtn {overflow:hidden; display:inline-block; width:100%; padding:0 25px 0 15px; white-space:nowrap; text-overflow:ellipsis; line-height:49px; background-image:url('../images/board/arrow_select.png'); background-position:right 10px center; background-repeat:no-repeat; font-weight:300; font-size:16px; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.boardSearch .selectWrap .selectBtn.active {background-image:url('../images/board/arrow_select_on.png')}
.boardSearch .selectWrap .selectBtn.active:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #1111f8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.boardSearch dd.inputTxt {margin-left:113px}
.boardSearch dd.searchBtn {position:absolute; right:0; top:0}
.boardSearch dd.inputTxt input {width:80%; height:49px; padding:4px 15px; border:none; font-weight:300; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.boardSearch dd.searchBtn input {overflow:hidden; width:49px; height:49px; background:transparent url(../images/board/btn_search.png) center no-repeat; border:none; text-indent:-999px; cursor:pointer}
@media all and (max-width:960px) {
    .boardSearch dl,
    .boardSearch .selectWrap .selectBtn {font-size:14px}
}
@media all and (max-width:640px) {
    .boardSearch {padding:20px 0}
    .boardSearch dl {max-width:none; background-color:#f9f9f9}
    .boardSearch dt {width:112px; border-right:1px solid #e5e5e5}
    .boardSearch dd.inputTxt {margin:0 43px 0 113px}
    .boardSearch .selectWrap .selectBtn {height:40px; padding:0 25px 0 10px; line-height:42px}
    .boardSearch dt select,
    .boardSearch dd.inputTxt input {width:100%; height:42px; padding:4px 10px; background-color:transparent}
    .boardSearch dd.searchBtn input {width:42px; height:42px}
}

/* boardList 일반게시판 */
.boardList {max-width:1080px; margin:0 auto; padding:0 3%}
.boardList table {width:100%; margin-bottom:30px; table-layout:fixed; font-size:15px; text-align:center}
.boardList thead {background:#fafafa; border-top:1px solid #b4b4b4; border-bottom:1px solid #e7e7e7}
.boardList tbody tr {border-bottom:1px solid #e7e7e7}
.boardList thead th {padding:20px 10px; background:url(../images/board/line_th.gif) left center no-repeat; text-align:center; color:#3c3c3c; font-weight:300; vertical-align:middle}
.boardList thead th:first-child {background:none}
.boardList .num {width:4em}
.boardList .addr {width:4.5em}
.boardList .subject {width:auto}
.boardList .writer {width:8em}
.boardList .date {width:6em}
.boardList .date2 {width:12em}
.boardList .hits {width:4.5em}
.boardList .file {width:4.5em}
.boardList tbody tr:hover {background-color:#fafafa}
.boardList td {padding:12px 10px; color:#5f5f5f; font-weight:300; vertical-align:middle}
.boardList td.num {color:#2d2d2d}
.boardList td.subject {font-size:16px}
.boardList td.subject {color:#2d2d2d; text-align:left}
.boardList td.subject a {overflow:hidden; display:block; padding:6px 0; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle}
.boardList td.subject a img {margin-right:5px}
.boardList td.file span {display:block; min-height:23px}
.boardList td.file span img {vertical-align:middle}
@media all and (max-width:960px) {
    .boardList table {font-size:14px}
    .boardList .writer,
    .boardList .date,
    .boardList .hits,
    .boardList .file {display:none}
    .boardList .num {width:3em}
    .boardList .addr {width:3.5em}
    .boardList .date2 {width:6em}
    .boardList td.subject {font-size:14px}
    .boardList td.subject a {padding:2px 0}   
    .boardList td.num,
    .boardList td.addr,
    .boardList td.date2 {font-size:0.95em} 
}
@media all and (max-width:640px) {
    .boardList {padding:0 5%}
    .boardList table {margin-bottom:25px}
    .boardList thead th {padding:15px 5px}
    .boardList td {padding:16px 5px}
}

/* Board - Btn */
.boardBtn {margin:30px 0; text-align:right; font-size:0}
.boardBtn p {display:inline-block; margin-top:5px; font-size:15px}
.boardBtn p a {display:block; margin-right:5px; padding:12px 15px 12px 40px; background:url(../images/board/bg_board_btn.jpg) no-repeat; border:1px solid #cfcfcf; border-radius:3px; color:#050505}
.boardBtn p input {display:block; margin-right:5px; padding:12px 15px 12px 40px; background:url(../images/board/bg_board_btn.jpg) no-repeat; border:1px solid #cfcfcf; border-radius:3px; color:#050505; font-family:'Noto','sans-serif'; line-height:1}
.boardBtn p button {display:block; margin-right:5px; padding:13px 15px 12px 40px; background:url(../images/board/bg_board_btn.jpg) no-repeat; border:1px solid #cfcfcf; border-radius:3px; color:#050505; font-family:'Noto','sans-serif'; line-height:1}
.boardBtn .btnModify {background-position:13px 0px}
.boardBtn .btnWrite {background-position:13px -42px}
.boardBtn .btnCancle {background-position:13px -84px}
.boardBtn .btnDelete {background-position:13px -126px}
.boardBtn .btnList {background-position:13px -168px}
.boardBtn .btnReset {background-position:13px -210px}
@media all and (max-width:640px) {
    .boardBtn p {font-size:13px}
    .boardBtn p a {margin-right:3px; padding:8px 15px 8px; background:none}
    .boardBtn p input {margin-right:3px; padding:8px 15px 8px; background:none}
    .boardBtn p button {margin-right:3px; padding:8px 15px 9px; background:none}
}

/* Board - filter */
.boardFilter {overflow:hidden; text-align:right; margin:50px 0 20px 0}
.boardFilter li {display:inline-block; padding:0 12px; position:relative}
.boardFilter li:last-child {padding-right:0}
.boardFilter li::after {content:''; display:block; width:1px; height:11px; background:#d1d1d1; position:absolute; top:2px; right:-2px}
.boardFilter li:last-child::after {display:none}
.boardFilter li a {display:block; font-size:0.9em; font-weight:100; color:#777777; position:relative}
.boardFilter li.on a {font-weight:400; color:#000000}
.boardFilter li.on a::after {content:''; display:block; width:100%; height:1px; background:#000; margin-top:3px}
@media screen and (max-width:960px){
    .boardFilter {margin:35px 0 20px 0}
    .boardFilter li a {font-size:0.85em}
}

/* pageNav */
.pageNav {margin-top:60px; text-align:center}
.pageNav ul {font-size:0}
.pageNav ul li {display:inline-block; margin-left:-1px; vertical-align:top}
.pageNav ul li a {display:block; min-width:40px; height:40px; line-height:38px; background:#fff; border:1px solid #dcdcdc; font-weight:400; font-size:16px; color:#444; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.pageNav ul strong {overflow:hidden; display:block; position:relative; width:100%; height:100%; background:#fff; font-weight:400; font-size:16px; color:#16459b; text-decoration:underline; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.pageNav ul strong:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #16459b; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.pageNav ul li a.prev {margin-right:30px}
.pageNav ul li a.next {margin-left:30px}
.pageNav ul li a.first,
.pageNav ul li a.prev,
.pageNav ul li a.next,
.pageNav ul li a.last {overflow:hidden; background-position:center; background-repeat:no-repeat; text-indent:-999px}
.pageNav ul li a.first {background-image:url(../images/board/btn_first.png)}
.pageNav ul li a.prev {background-image:url(../images/board/btn_prev.png)}
.pageNav ul li a.next {background-image:url(../images/board/btn_next.png)}
.pageNav ul li a.last {background-image:url(../images/board/btn_last.png)}
@media all and (max-width:640px) {
    .pageNav {margin:30px 0}
    .pageNav ul li a.prev {margin-right:0}
    .pageNav ul li a.next {margin-left:0}
    .pageNav ul li a {min-width:35px; height:35px; line-height:35px; font-size:14px}
    .pageNav ul li a.first,
    .pageNav ul li a.prev,
    .pageNav ul li a.next,
    .pageNav ul li a.last {background-size:auto 10px}
}

/* Gallery List */
.boardGall.boardGall2>ul>li .thumb img {-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.boardGall.boardGall2>ul>li a:hover .thumb img { -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
.boardGall.boardGall2 ul li a:hover .tit,
.boardGall.boardGall2 ul li a:focus .tit { border-color:#dedede;background-color:#fff;color:#222; }

/* board view */
.boardView {max-width:1080px; margin:0 auto; padding:0 3%}
.viewTit {position:relative; padding:40px 15px; border-bottom:1px solid #e9e9e9; border-top:1px solid #c5c5c5}
.viewTit .tit {font-weight:500; font-size:1.6em; color:#000; word-break:keep-all; line-height:1.4; margin-bottom:20px}
.viewTit .viewItems {}
.viewTit .viewItems li {display:inline-block; color:#666666; padding-right:12px; margin-right:10px; position:relative}
.viewTit .viewItems li::after {content:''; display:block; width:1px; height:13px; background:#c7c7c7; position:absolute; top:3px; right:0}
.viewTit .viewItems li:last-child::after {display:none}
.viewContent {max-width:1040px; margin:0 auto; padding:40px 0 60px; font-size:17px; color:#262626}
.viewContent .txt {padding:10px 0; text-align:justify; line-height:1.5; font-weight:300}
.viewContent .storyTxt {max-width:760px; margin:0 auto; padding:10px 0; text-align:justify; line-height:1.5; font-weight:300}
.viewContent .txt img {width:100%; height:100%; text-align:center; }
.viewContent .txt em,
.viewContent .storyTxt em {font-style:italic}
.viewContent .img {padding:10px 0; text-align:center}
.viewContent .img img {max-width:100%}
.viewContent p.copy {text-align:center}
.viewContent p.copy span {display:inline-block; margin:5px}
.boardView  .boardBtn {text-align:center}
@media all and (max-width:960px) {
    .viewTit {padding:0 0 10px 0; border:none; text-align:left}
    .viewTit .tit {margin-bottom:10px; font-size:1.2em}
    .viewTit .viewItems li {font-size:0.9em}
    .viewContent {padding:0 0 25px; font-size:14px}
}
@media all and (max-width:640px) {
    .boardView {padding:0 5%}
}

/* board view - gallSlider */
.gallSlider {position:relative;/* padding-top:35px; */}
.gallSlider .sliderFor .slick-slide { height:720px; }
.gallSlider .sliderFor .slick-slide img { display:block; height:100%; width:auto; max-width:none; margin:0 auto; }
.gallSlider .sliderFor .slick-arrow { overflow:hidden; position:absolute; top:50%; width:46px; height:46px; margin-top:-23px; background-color:rgba(7,0,1,0.5); background-position:center; background-repeat:no-repeat; background-size:auto 50%; border-radius:50%; text-indent:-999px; z-index:1; }
.gallSlider .sliderFor .slick-prev { left:2%; background-image:url('../images/board/arrow_gall_prev_mo.png'); }
.gallSlider .sliderFor .slick-next { right:2%; background-image:url('../images/board/arrow_gall_next_mo.png'); }
.gallSlider .sliderNav { max-width:650px; margin:35px auto 40px; padding:0 80px; }
.gallSlider .sliderNav .slick-slide { /*position:relative;*/ margin:0 2px; }
.gallSlider .sliderNav .slick-arrow { overflow:hidden; position:absolute; top:50%; width:50px; height:50px; margin-top:-25px; background-color:#fff; background-position:center; background-repeat:no-repeat; border:1px solid #d9d9d9; border-radius:50%; text-indent:-999px; z-index:1; }
.gallSlider .sliderNav .slick-prev { left:0; background-image:url('../images/board/arrow_gall_prev.png'); }
.gallSlider .sliderNav .slick-next { right:0; background-image:url('../images/board/arrow_gall_next.png'); }
.gallSlider .gallNum { display:none; position:absolute; bottom:15px; left:0; right:0; max-width:3em; margin:0 auto; padding:5px 10px; background-color:rgba(0,0,0,0.5); border-radius:15px; font-weight:300; font-size:13px; color:#fff; text-align:center; }
.gallView .boardBtn { text-align:center; }
.gallSlider .sliderNav .slick-track button { /*overflow:hidden; padding-top:3.552%;*/ outline:0 none; }
.gallSlider .sliderNav .slick-track button>span { overflow:hidden; position:relative; display:block; padding-top:67%; outline:0 none; }
.gallSlider .sliderNav .slick-slide>span:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:2; }
.gallSlider .sliderNav .slick-current>span:after { background-color:transparent; }
.gallSlider .slick-slide img { position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%); }
.gallSlider .sliderNav .slick-track button img { display:block; position:absolute; top:50%; left:0; width:100%; height:auto; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); }
.gallBtnWrap { position:absolute; top:0; right:0; margin-top:-7px; }
.gallBtnWrap>span { display:inline-block; padding-right:6px; vertical-align:middle; letter-spacing:-0.02em; }
.gallBtnWrap>div { display:inline-block; vertical-align:middle; }
.gallBtnWrap>div>button { position:relative; overflow:hidden; width:34px; height:32px; background-position:center; background-repeat:no-repeat;  border:1px solid #ddd; vertical-align:middle; text-indent:-999px; }
.gallBtnWrap button.stop { display:none; }
.gallBtnWrap button.stop:before,
.gallBtnWrap button.stop:after { content:''; position:absolute; top:50%; width:3px; height:14px; margin-top:-7px; background-color:#777; }
.gallBtnWrap button.stop:before { left:11px; }
.gallBtnWrap button.stop:after { right:11px; }
.gallBtnWrap button.play:before { content:''; position:absolute; top:50%; left:50%; margin:-7px 0 0 -4px; border-style:solid; border-width:7px 0 7px 9px; border-color:transparent transparent transparent #777; }
@media all and (max-width:960px) {
    .gallSlider {margin:0 -2.3%;padding: 10px 0;}
    .gallSlider .sliderNav { margin:15px auto 20px; }
	.gallSlider .sliderFor .slick-slide { height:500px; }
    .gallSlider .sliderForWrap { position:relative; }
    .gallSlider .gallNum { display:block; }
}
@media all and (max-width:640px) {
    .gallSlider .sliderFor .slick-slide { height:350px; }
    .gallSlider .sliderFor .slick-arrow { width:38px; height:38px; margin-top:-19px }
    .gallSlider .sliderNav { padding:0 10px; }
    .gallSlider .gallNum { bottom:10px; }
}
@media all and (max-width:480px) {
    .gallSlider .sliderFor .slick-slide { height:250px; }
}

/* board view - File */
.boardFile {max-width:1040px; margin:0 auto 43px; font-weight:300; color:#3f3f3f; text-align:left}
.boardFile > p {display:none}
.boardFile a {color:#3f3f3f}
.boardFile dl {position:relative; padding:20px 103px 20px 75px; border:1px solid #dbdbdb; background-color:#f6f6f6}
.boardFile dl+dl {border-top:none}
.boardFile dl dt {position:absolute; left:0; width:62px; background:url('../images/board/bg_file_line.gif') right center no-repeat; font-size:14px; text-align:center}
.boardFile dl dd.fileName {width:95%; padding-right:5%; font-size:15px}
.boardFile .fileName span {float:left; padding-right:15px}
.boardFile .fileName span img {margin-top:-3px}
.boardFile .fileName a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.boardFile dl dd.fileDown {position:absolute; top:0; right:0; width:100px; font-family:'돋움',' dotum','Noto','sans-serif'; font-size:14px}
.boardFile .fileDown a.btnDown {display:block; height:60px; padding-left:29px; background:url('../images/board/btn_file_down.png') 8px center no-repeat; line-height:60px}
@media all and (max-width:960px) {
    .boardFile {margin:0 auto 20px}    
    .boardFile dl {margin:0; padding:0 95px 0 10px}
    .boardFile dl dt {left:-9999px}
    .boardFile dl dd.fileName {padding-left:8px; background:url('../images/board/bl_file_name.gif') 1px center no-repeat; font-size:13px}
    .boardFile dl dd.fileName a {padding:10px 0; font-weight:400; color:#ac5909}
    .boardFile .fileName span {display:none}
    .boardFile dl dd.fileDown {width:88px}
    .boardFile .fileDown a.btnDown {position:absolute; top:11px; right:0; width:100%; height:auto; line-height:normal; font-size:12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
}

/* board view - Ctrl */
.viewCtrl {margin-bottom:25px; border-top:1px solid #dde2e8; font-weight:300; color:#3f3f3f; text-align:left}
.viewCtrl dl {position:relative; padding:17px 24px 17px 122px; border-bottom:1px solid #dde2e8; font-size:0}
.viewCtrl dl dt,
.viewCtrl dl dd {display:inline-block; font-size:16px}
.viewCtrl dl dt {position:absolute; left:0; padding:0 18px 0 60px; background-position:24px center; background-repeat:no-repeat}
.viewCtrl dl.prevList dt {background-image:url('../images/board/bg_prev_list.png')}
.viewCtrl dl.nextList dt {background-image:url('../images/board/bg_next_list.png')}
.viewCtrl dl dd {width:100%; padding-left:18px; background:url('../images/board/bg_view_ctrl.gif') left center no-repeat; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.viewCtrl dl dd a {color:#3f3f3f}
@media all and (max-width:960px) {
    .viewCtrl dl {position:relative; padding:13px 10px 13px 50px}
    .viewCtrl dl dt {padding:0 10px 0 2px; font-size:14px}
    .viewCtrl dl dd {padding-left:10px; font-size:14px}
    .viewCtrl dl.prevList dt {background-image:none}
    .viewCtrl dl.nextList dt {background-image:none}
}

/* boardWrite 관리자 */
.boardWrite {max-width:1230px; margin:0 auto; padding:0 5%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
.boardWrite .tit {padding:27px 42px 30px; color:#060606; font-size:22px; font-weight:400; text-align:left}
.boardWrite .tit span {position:relative; display:inline-block; margin-left:5px; padding-left:14px; color:#8f8f8f; font-size:14px}
.boardWrite .tit span:after {content:''; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#cacdc9}
.writeTbl {width:100%; border-bottom:1px solid #dcdcdc; text-align:left; font-size:16px}
.writeTbl + .writeTbl {margin-top:-2px}
.writeTbl tbody th {padding:5px 10px; border:1px solid #dcdcdc}
.writeTbl tbody td {padding:5px; border:1px solid #dcdcdc}
.writeTbl tbody th {width:151px; border-left:none; color:#6b6b6b; font-size:16px; font-weight:400; vertical-align:middle}
.writeTbl tbody th .label {display:inline-block; padding-left:48px; background-image:url('../images/board/bl_board_write.png'); background-position:40px 8px; background-repeat:no-repeat}
.writeTbl tbody td {border-right:none}
.writeTbl input[type="text"],
.writeTbl input[type="password"] {height:43px; padding:0 15px; border:1px solid #dcdcdc}
.writeTbl .selectWrap {max-width:150px}
.writeTbl .selectBtn {line-height:43px}
.writeTbl select {height:43px; padding:4px 10px}
.writeTbl .txtSize1 {max-width:345px; width:100%}
.writeTbl .txtSize2 {max-width:660px; width:100%}
.writeTbl .editor {height:400px}
.writeTbl .editor textarea {width:100%; height:100%; padding:15px; border:1px solid #dcdcdc}
.inputHidden {overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; clip:rect(0,0,0,0); border:0}
.writeTbl .guideTxt {margin-top:7px; margin-bottom:12px; color:#6b6b6b; font-size:12px; line-height:1.5}
.writeTbl .guideTxt>i {display:none}
.writeTbl .fileGroup {position:relative; max-width:855px; width:100%; padding-right:67px; color:#6b6b6b; font-size:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.writeTbl .fileGroup + .fileGroup {margin-top:4px}
.writeTbl .fileGroup .fileBox {position:relative; max-width:790px; width:100%; padding:0 92px 0 60px; border:1px solid #cfcfcf; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.writeTbl .fileCount {position:absolute; top:14px; left:0; width:60px; text-align:center}
.writeTbl .fileBox .fileTxt {width:100%; padding:0 10px; border:none; border-left:1px solid #cfcfcf}
.writeTbl .fileBox .btnAttach {position:absolute; top:0; right:0; width:92px; height:100%; border-left:1px solid #cfcfcf; background-color:#f7f7f7; line-height:43px; text-align:center; cursor:pointer}
.writeTbl .fileGroup .btnFile {position:absolute; top:50%; right:0; margin-top:-13px; border:1px solid #cfcfcf}
.writeTbl .fileGroup .btnFile:after {content:''; position:absolute; top:50%; left:50%; width:1px; height:16px; margin:-8px -1px 0 0; background-color:#cacdc9}
.writeTbl .fileGroup .btnFile button {overflow:hidden; width:23px; height:24px; background-position:center; background-repeat:no-repeat; text-indent:-999px}
.writeTbl .fileGroup .btnFile .add {background-image:url('../images/board/btn_file_add.png')}
.writeTbl .fileGroup .btnFile .delete {background-image:url('../images/board/btn_file_delete.png')}
.boardWrite>.guideTxt {display:none; margin-bottom:25px; padding:10px 2px 25px; border-bottom:1px solid #dcdcdc; color:#6b6b6b; font-size:12px; text-align:left; line-height:1.5}
.boardWrite>.guideTxt>i {display:block; float:left; margin-right:3px}
.boardWrite>.guideTxt>span {display:block; overflow:hidden}
.boardWrite .boardBtn {text-align:center}
.writeTbl .checkList {display:inline-block; height:43px; line-height:43px; padding:0 15px}
@media all and (max-width:960px) {
    .boardWrite .tit {padding:27px 5px 17px; font-size:16px}
    .boardWrite .tit span {float:right; margin:3px 0 0; font-size:12px}
    .boardWrite .tit span:after {display:none}
    .writeTbl + .writeTbl {margin-top:10px; border-bottom:0 none}
    .writeTbl tbody th {width:80px; border-left:1px solid #dcdcdc; background-color:#fafafa; font-size:13px}
    .writeTbl tbody th .label {padding-left:8px; background-position:left 6px}
    .writeTbl tbody th .label>span {display:none}
    .writeTbl tbody td {padding:0; border-right:1px solid #dcdcdc; font-size:13px}
    .writeTbl + .writeTbl tbody th {display:block; width:auto; padding:15px 10px; border-bottom:0 none}
    .writeTbl + .writeTbl tbody td {display:block; width:auto}
    .writeTbl input[type="text"] {border:0 none}
    .writeTbl input[type="password"] {display:block; width:100%; border:none; border-bottom:1px solid #dcdcdc}
    .writeTbl input#is_secret {display:inline-block; margin:5px}
    .writeTbl input#is_secret+label {display:inline-block; margin:5px 0}
    .writeTbl .editor textarea {border:0 none}
    .writeTbl .selectWrap {max-width:none}
    .writeTbl .selectBtn {border:0 none}
    .writeTbl .guideTxt {display:none}
    .writeTbl .fileGroup {padding-right:60px; font-size:13px}
    .writeTbl .fileGroup + .fileGroup {margin-top:0; border-top:1px solid #dcdcdc}
    .writeTbl .fileGroup .fileBox {padding:0 72px 0 0; border:0 none}
    .writeTbl .fileCount {display:none}
    .writeTbl .fileBox .fileTxt {border-left:0 none}
    .writeTbl .fileBox .btnAttach {width:70px; border-right:1px solid #dcdcdc; background-color:transparent}
    .writeTbl .fileGroup .btnFile {top:0; height:100%; margin-top:0; border:0 none}
    .writeTbl .fileGroup .btnFile:after {height:18px; margin:-9px -1px 0 0}
    .writeTbl .fileGroup .btnFile button {width:29px; height:100%}
    .boardWrite>.guideTxt {display:block}
}
@media all and (max-width:640px) {
    .writeTbl .fileGroup .fileBox {padding:0 52px 0 0}
    .writeTbl .fileBox .btnAttach {width:50px}
    .writeTbl .fileBox .btnAttach>span {display:none}
}

/* boardWrite2 사용자 */
.boardWrite2 {width:100%; border-top:1px solid #444; font-size:0.95em}
.boardWrite2 th {padding:10px 15px; vertical-align:middle; font-weight:300; text-align:center; width:20%; min-width:75px; background:#f8f8f8; border-bottom:solid 1px #dbdbdb; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
.boardWrite2 td {padding:10px 15px; border-bottom:solid 1px #dbdbdb; word-break:break-all; vertical-align:middle; font-weight:300; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
.boardWrite2 input[type="text"],
.boardWrite2 input[type="password"] {width:100%; height:40px; padding:0 15px; border:1px solid #dcdcdc}
.boardWrite2 .selectWrap {max-width:150px}
.boardWrite2 .selectWrap .selectBtn {height:40px; padding:0 15px}
.boardWrite2 textarea {width:100%; height:100%; padding:15px; border:1px solid #dcdcdc; min-height:200px}
.boardWrite2 .groupTel .selectWrap {display:inline-block; width:150px}
.boardWrite2 .groupTel span {display:inline-block; margin:0 2px}
.boardWrite2 .groupTel input[type="text"] {width:150px}
.boardWrite2 input[type="password"] {max-width:50%}
.writeFile {border-top:none; margin-top:-1px}
.writeFile .guideTxt {margin:3px 0 10px 0; color:#6b6b6b; font-size:12px}
.writeFile .fileGroup {position:relative; max-width:855px; width:100%; padding-right:67px; color:#6b6b6b; font-size:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.writeFile .fileGroup + .fileGroup {margin-top:4px}
.writeFile .fileGroup .fileBox {position:relative; max-width:790px; width:100%; padding:0 92px 0 60px; border:1px solid #cfcfcf; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.writeFile .fileCount {position:absolute; top:14px; left:0; width:60px; text-align:center}
.writeFile .fileBox .fileTxt {width:100%; padding:0 10px; border:none; border-left:1px solid #cfcfcf}
.writeFile .fileBox .btnAttach {position:absolute; top:0; right:0; width:92px; height:100%; border-left:1px solid #cfcfcf; background-color:#f7f7f7; line-height:43px; text-align:center; cursor:pointer}
.writeFile .fileGroup .btnFile {position:absolute; top:50%; right:0; margin-top:-13px; border:1px solid #cfcfcf}
.writeFile .fileGroup .btnFile:after {content:''; position:absolute; top:50%; left:50%; width:1px; height:16px; margin:-8px -1px 0 0; background-color:#cacdc9}
.writeFile .fileGroup .btnFile button {overflow:hidden; width:23px; height:24px; background-position:center; background-repeat:no-repeat; text-indent:-9999px}
.writeFile .fileGroup .btnFile .add {background-image:url('../images/board/btn_file_add.png')}
.writeFile .fileGroup .btnFile .delete {background-image:url('../images/board/btn_file_delete.png')}
.guideTxtMo {display:none; margin-bottom:20px; padding:5px 2px 20px; border-bottom:1px solid #dcdcdc; color:#6b6b6b; font-size:12px; text-align:left; line-height:1.4}
@media all and (max-width:960px) {
    .boardWrite2 {margin-bottom:10px}
    .boardWrite2 th {padding:7px 10px}
    .boardWrite2 td {padding:7px 12px}  
    .writeFile .guideTxt {display:none}
    .writeFile th {display:block; width:100%; padding:15px 10px; border:solid 1px #dbdbdb}
    .writeFile td {display:block; border:solid 1px #dbdbdb; border-top:none; padding:0}
    .boardWrite2 input[type="password"],
    .boardWrite2 .groupTel .selectWrap {max-width:100%}
    .boardWrite2 .groupTel span {margin:0}
    .boardWrite2 .groupTel .selectWrap,
    .boardWrite2 .groupTel input[type="text"] {width:30%}
    .writeFile .fileGroup {padding-right:60px; font-size:13px; max-width:100%}
    .writeFile .fileGroup + .fileGroup {margin-top:0; border-top:1px solid #dcdcdc}
    .writeFile .fileGroup .fileBox {padding:0 72px 0 0; border:0 none; max-width:100%}
    .writeFile .fileCount {display:none}
    .writeFile .fileBox .fileTxt {border-left:0 none}
    .writeFile .fileBox .btnAttach {width:70px; border-right:1px solid #dcdcdc; background-color:transparent}
    .writeFile .fileGroup .btnFile {top:0; height:100%; margin-top:0; border:0 none}
    .writeFile .fileGroup .btnFile:after {height:18px; margin:-9px -1px 0 0}
    .writeFile .fileGroup .btnFile button {width:29px; height:100%}
    .guideTxtMo {display:block}
}
@media all and (max-width:640px) {
    .writeFile {font-size:0.9em}
    .writeFile .fileGroup .fileBox {padding:0 52px 0 0}
    .writeFile .fileBox .btnAttach {width:50px}
    .writeFile .fileBox .btnAttach>span {display:none}
}

/* 로그인 */
.loginForm .login { max-width:510px;margin:0 auto;font-weight:300;font-size:17px;text-align:center;vertical-align:top; }
.loginForm .login .inner {position:relative;border:1px solid #dcdcdc;background-color:#f8f8f8;padding: 40px 6%;}
.loginForm .loginTop { margin-bottom:28px; text-align:center; }
.loginForm .loginTop dt { display:inline-block; background-position:left center; background-repeat:no-repeat; background-size:auto 22px; font-weight:500; font-size:20px; }
.loginForm .loginTop dt {color:#385de9;}
.loginForm .loginTop dd {margin-top:10px;font-weight:300;font-size:16px;}
.loginForm .inputBox { text-align:left; }
.loginForm input[type=password],
.loginForm input[type=text] {display:inline-block; height:49px; line-height:49px; font-size:17px; vertical-align:middle; }
.loginForm input[type=password],
.loginForm input[type=text] { width:100%;border:1px solid #dcdcdc; text-indent:15px; }
.loginForm input[type=password] { margin-top:7px; }
.loginForm .checkList {margin-top:15px}
.loginForm .checkList input[type="checkbox"] + label {font-size:16px}
.loginForm .btnLogin { margin-top:25px; }
.loginForm .btnLogin button { width:100%;height:70px;background-color:#385de9;font-weight:300;font-size:20px;color:#fff;text-align:center; }
@media all and (max-width:960px) {   
    .loginForm .loginTop {margin-bottom: 20px;}
    .loginForm .loginTop dd {font-size: 15px;}
    .loginForm input[type=password],
    .loginForm input[type=text] {height:40px;line-height:40px;font-size: 15px;}    
    .loginForm .checkList input[type="checkbox"] + label {font-size:15px}
    .loginForm .btnLogin { margin-top:10px; }
    .loginForm .btnLogin button { height:54px;font-size:16px; }
}

/* 통합검색 - input-box */
.search-window {display: inline-block;}
.search-window .input-box {display: inline-block; float: left; position: relative; height: 48px}
.search-window .input-box:before {content: ''; position: absolute; top: 14px; left: 52px; width: 1px; height:19px; background: #cecdce }
.search-window .input-box input {width: 392px;height: 100%;padding:12px 15px 12px 65px;background: #fff url('../images/sub/icon_total_search.png') no-repeat 17px 13px;border: 1px solid #cecdce;}
.search-window .btn-total-search {display: inline-block;float: left;width:57px;height: 48px;background: #3e48bd;color:#fff;font-weight: 400;font-size: 16px;text-align: center;vertical-align: top;}
/* 통합검색 - search-results-header */
.search-results-header {border-bottom: 1px solid #d3d3d3; text-align: center}
.search-results-header h4 {padding:34px 0;color: #000;font-weight: 500;font-size: 22px;margin-bottom: 0;}
.search-results-header h4 .text {color: #dc4e00;font-weight: 500;}
.search-results-header h4 .number {color: #cc5200;font-weight: 500;}
/* 통합검색 - search-nav */
#search-container {overflow: hidden;border-left: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;text-align: left;}
.search-nav {float: left;width: 20%;}
.search-nav ul {width: 100%}
.search-nav ul li a {display: block;padding: 20px 25px;border-bottom: 1px solid #dfe1e2;color: #050504;font-weight: 400;font-size: 16px;background-color: #fff;}
.search-nav ul li a:hover,
.search-nav ul li.active a {color: #fff;border-color: #3e48bd;background-color: #3e48bd;background-image: url('../images/sub/icon_arrow_right.png');background-repeat: no-repeat;background-position: 92% 50%;}
/* 통합검색 - search-results-body */
.search-results-body {float: left;width: 80%;border-left: 1px solid #dbdbdb;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.search-results-body .page-list {padding:24px 3% 27px 6%; border-bottom: 1px solid #d6d6d6}
.search-results-body .page-list ul {overflow:hidden}
.search-results-body .page-list ul li {float: left; width: 20%}
.search-results-body .page-list ul li a {display: inline-block;padding: 7px 9px 7px 0;background:url('/images/search/bullet_3p.png') 0 13px no-repeat;color:#28221e;font-weight: 400;font-size: 15px;letter-spacing: -.5px;}
.search-results-body .page-list ul li a:hover {color: #3e48bd;text-decoration: underline}
/* 통합검색 - search-results-item */
.search-results-body .result-item-container {}
.search-results-body .result-item {position: relative; padding-bottom: 32px}
.search-results-body .result-item + .result-item {border-top:1px solid #ececec }
.search-results-body .result-item > .title {padding: 20px 0 20px 6%;color: #000;background: #f9f9f9;border-bottom:1px solid #ececec;font-weight: 400;font-size: 20px;margin-bottom: 0;}
.search-results-body .result-item .title span {color: #ee5400}
.search-results-body .result-item .item-content {padding: 25px 5%;}
.search-results-body .result-item .item-content ul li {padding-bottom: 24px}
.search-results-body .result-item .item-content ul li a {display: block; color: #010000; font-weight: 400; font-size: 16px}
.search-results-body .result-item .item-content ul li a:hover {text-decoration:none}
.search-results-body .result-item .item-content > ul > li > a > span {display:-ms-flexbox; display:-webkit-box; display:-moz-box; display:box; overflow: hidden; height: 46px; padding-top: 10px; color: #666; font-size: 13px; line-height: 18px; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.search-results-body .result-item .item-content ul li a .search-word {color: #c64513}
.search-results-body .result-item .btn-result-more {display: inline-block;position: absolute;bottom: 33px;right: 8%;padding-bottom: 3px;border-bottom: 1px solid #aaacc4;color: #173475;font-weight: 400;font-size: 15px;}
@media all and (max-width: 960px) {
    /* 통합검색 - input-box */
    .search-window .input-box input {background-color: #fafafa}
   /* 통합검색 - search-results-header */
    .search-results-header {border: none;}
    .search-results-header h4 {font-size: 20px;}
    /* 통합검색 - search-nav */
    #search-container {border:none}
    .search-nav {display: none}
    /* 통합검색 - search-results-body */
    .search-results-body {float: none;width: 100%;border: 1px solid #dbdbdb;}
    .search-results-body .page-list {padding:20px 3% 23px 6%}
    /* 통합검색 - search-results-item */
    .search-results-body .result-item > .title {padding: 18px 0 18px 6%; font-size: 18px}
}
@media all and (max-width: 640px) {
    /* 통합검색 - input-box */
    .search-window .input-box {height: 40px;}
    .search-window .input-box input {width: 250px;background-position: 17px 10px;}
    .search-window .input-box:before {top: 12px}
    .search-window .btn-total-search {height: 40px; font-size: 15px}
    /* 통합검색 - search-results-header */    
    .search-results-header h4 {font-size: 18px;padding: 26px 0;}
    /* 통합검색 - search-results-body */
    .search-results-body .page-list ul li {width: 33.3333%}
    .search-results-body .page-list ul li:nth-child(6) {clear: both}
    .search-results-body .page-list ul li a {padding:5px 0 5px 5px; background-position: 0 10px; font-size: 13px; letter-spacing: 0}
    /* 통합검색 - search-results-item */
    .search-results-body .result-item {padding-bottom: 25px;}
}

/* 통합검색 - search-results-item board-wrap */
.result-item .item-content ul li a:hover .title {text-decoration: underline}
.result-item .item-content .board-wrap {margin-bottom: 30px}
.result-item .item-content .board-wrap {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
.result-item .item-content .board-wrap > li { padding:16px 0; border-top: 1px dashed #ccc}
.result-item .item-content .board-wrap > li:first-child {border-top: none}
.result-item .item-content .board-content {padding:0 10px; padding-top: 10px}
.result-item .item-content .board-content .board-info {border-bottom: 1px solid #eae8e7}
.result-item .item-content .board-content .board-info > .title {padding-bottom: 12px;color: #080808;font-weight: 400;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.result-item .item-content .board-content .board-info ul {overflow:hidden}
.result-item .item-content .board-content .board-info ul li {display: inline-block;margin-right: 30px;padding-bottom: 13px;color: #6f6f6f;font-weight: 300;font-size: 13px;}
.result-item .item-content .board-content .board-info ul li:last-child {margin-right: 0}
.result-item .item-content .board-content .board-info ul li span {display: inline-block; margin-right: 7px}
.result-item .item-content .board-content .board-text {color: #2a2a2a; font-size: 13px; }
.result-item .item-content .board-content .board-text p {padding-top: 10px;color: #666;font-size: 14px;word-break: break-all;line-height: 1.3;height: 2.6em;overflow: hidden;}
/* 통합검색 - search-results-item gall-wrap */
.result-item .item-content .gall-wrap {padding-top: 10px;overflow: hidden;}
.result-item .item-content .gall-wrap > li {float: left; width: 32.5%; margin-right: 1%}
.result-item .item-content .gall-wrap > li:last-child {margin-right: 0}
.result-item .item-content .gall-wrap .thumnail-box {width: 100%; height: 159px}
.result-item .item-content .gall-wrap .thumnail-box img {width: 100%; height: 100%}
.result-item .item-content .gall-wrap .gall-content {padding: 23px 13px;border:1px solid #e3e3e3;border-top: none;text-align: center;}
.result-item .item-content .gall-wrap .gall-content > .title {overflow: hidden; color: #3c3c3c; font-size: 15px; white-space: nowrap; text-overflow: ellipsis}
@media all and (max-width: 640px) { 
    /* 통합검색 - search-results-item gall-wrap */
    .result-item .item-content .gall-wrap > li {width: 100%}
}

/* 사이트맵 */
.siteMapList {text-align:left; font-size:0}
.siteMapList > li { display: inline-block;width:19%;margin:0 3% 35px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;vertical-align: top;}
.siteMapList li h5 { display: block; margin-bottom:18px; padding: 10px; border-bottom:2px solid #385de9; color:#281b1b; font-size:20px; font-weight: 500; }
.siteMapList div ul li a { display:block;padding:10px; border-bottom:1px solid #dbdbdb; color:#4b4b4b;font-size: 16px;}
.siteMapList div ul li a:hover,
.siteMapList div ul li a:focus { color: #385de9; text-decoration:underline;}
@media all and (max-width: 960px) {
    .siteMapList > li { width:44%; }
}
@media all and (max-width: 767px) {
    .siteMapList li h5 { margin-bottom:0px;padding: 8px;font-size:16px;}
    .siteMapList div ul li a { padding:8px 10px;font-size:14px; }
}