/*!
 * wvCommon ver 1.0
 */

/*******************************
         	   공통
*******************************/
* {-webkit-text-size-adjust:none;-moz-text-size-adjust: none; -ms-text-size-adjust: none;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
html {font-size: 10px; -webkit-tap-highlight-color: transparent; letter-spacing: -0.6px;}
body {margin: 0; color: #000; line-height: 1.4285; font-family: "Noto Sans KR",sans-serif; font-size: 13px; letter-spacing: -0.6px;}
body.hidden {overflow:hidden;/* height:100%;*/}
input {line-height: inherit; font-family: inherit; font-size: inherit;-webkit-appearance: none; -webkit-border-radius: 0;}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"] {width: 200px;margin:0px 2px 0px 0px; font-size:14px; border: 1px solid #d7d7d7;border-radius: 0px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);height: 34px;padding: 0px;text-indent: 12px;line-height: 28px;
    vertical-align: middle;color: #555;box-shadow:none;-webkit-box-shadow:none;}
/* input:focus, select:focus, option:focus, textarea:focus{outline: none;}  */   
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
	 transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out;
     -webkit-box-shadow: 0 0 0px 1000px white inset !important;}    
[class^="icon-"], [class*=" icon-"] {line-height:10px;}
button {letter-spacing: -0.6px; line-height: inherit; font-family: inherit; font-size: inherit;/* outline:none;*/cursor: pointer;margin: 0px;transition: all 0.3s ease;font-family: 'Noto Sans KR', sans-serif;}
button:disabled {
	background: #eeeeee;
    color: #9e9e9e;
    border: 1px solid #e0e0e0;
    cursor: default;
}
select {line-height: inherit; font-family: inherit; font-size: inherit;z-index: 1;}
select {/* 네이티브 외형 감추기 */
    -webkit-appearance: none;  
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
}
input::placeholder {font-size:14px;color:#888; }
input:-ms-input-placeholder {font-size:14px;color: #888;}
input::-webkit-input-placeholder {font-size:14px;color: #888;}
input:-moz-placeholder {font-size:14px;color: #888;}
select::-ms-expand {display: none;}
textarea {line-height: inherit; font-family: inherit; font-size: inherit;-webkit-appearance: none;-webkit-border-radius: 0;}
fieldset {padding: 0; margin: 0;border:none;}
h1,h2,h3,h4,h5,h6 {}
a {color: rgb(97, 97, 97); text-decoration: none; transition:0.3s all ease;}
a:focus {outline-offset: -2px;}
a:hover {text-decoration: none;}
strong{font-weight:500;}
.bold {font-weight:500;}
figure {margin: 0px;}
img {vertical-align: middle; border:0;}
.al {text-align: left;}
.ac {text-align: center;}
.ar {text-align: right;}
ul {margin:0; padding: 0;}
li {margin:0; padding: 0;list-style-type: none;}
p {margin:0;font-size:16px; color:#555;}
pre {font-family: "Noto Sans KR",sans-serif;}
.skip {position:absolute; font-size:0; width:0; height:0; text-indent:1000px; line-height:0; overflow:hidden;}
.whiteBg {background-color:#fff;}
.grayBg {background-color: #F3F3F3;}
.grayBg2 {background-color: #F5F5F5;}
.lightgrayBg {background-color: #F9F9F9;border-left:1px solid #d7d7d7 !important;}
.lightgrayBg2 {background-color: #F8F8F8;}
.lightblueBg {background-color: #F5F7F8;}
.grayBgIn {padding:24px;}
.wrap {margin: 50px 0px 0 220px;border:0px solid #ccc;overflow: hidden;}
.scrY {overflow-y: scroll;}
.scrA {overflow: scroll;}
table {border-collapse: collapse; font-weight: 500;}
.padL {padding-left:15px;}
.padL10 {padding-left:10px;}
.padL20 {padding-left:20px;}
.padR {padding-right:15px;}
.padT {padding-top:15px;}
.padB {padding-bottom:15px;}
.padA {padding:24px;}
.pad0 {padding:0px;}
.padB0 {padding-bottom:0px;}
.fullW {width:100%;}
.fullH {height:100%;}
.halfW {width:50%;}
.marB {margin-bottom:50px;}
.marB40 {margin-bottom:40px;}
.marB30 {margin-bottom:30px;}
.marB20 {margin-bottom:20px;}
.mar0 {margin:0px;}
.marT {margin-top:40px;}
.marT0 {margin-top:0px;}
.marT4 {margin-top:4px;}
.marT20 {margin-top:20px;}
.marT28 {margin-top:28px;}
.marT60 {margin-top:60px;}
.marB0 {margin-bottom:0px;}
.marB8 {margin-bottom:8px;}
.marB16 {margin-bottom:16px;}
.marB36 {margin-bottom:36px;}
.marB48 {margin-bottom:48px;}
.marB60 {margin-bottom:60px;}
.marL0 {margin-left:0px;}
.marL10 {margin-left:10px;}
.marL15 {margin-left:15px;}
.pcHide {display:none;}

.indent-text { padding-left: 13px;}

/* contnet - title */
.conT1 {font-size:40px; color:#000; margin:0px 0px 8px 0px;}
.conT2 {font-size:36px; font-weight:500; color:#000; margin:0px 0px 8px 0px; }
.conT3 {font-size:30px; font-weight:500; color:#000; margin:0px 0px 28px 0px; }
.conT4 {font-size:24px; font-weight:500; color:#000; margin:0px 0px 20px 0px;}
.conT4.marB8 {margin:0px 0px 5px 0px;}
.conT5 {font-size:20px; font-weight:500; color:#000; margin:0 0 15px 0;}
.conT5.bulletT {/*position: relative; padding-left: 10px;*/}
.conT5.bulletT:before {display:none; content:''; position:absolute;left: 0;top: 10px; width:4px; height:4px; background-color:#000; border-radius:50px;}
.conT6 {font-size:18px; font-weight:500; color:#000; margin:0 0 8px 0;}
.conT6.bulletT {/*position: relative; padding-left: 10px;*/}
.conT6.bulletT:before {display:none; content:''; position:absolute;left: 0;top: 10px; width:4px; height:4px; background-color:#000; border-radius:50px;}
	.subconT {display: block;font-size: 20px;font-weight: 400;color: #555;}

.textSize13 {font-size:13px;}
.textSize14 {font-size:14px;}	
.textSize15 {font-size:15px;}	
.textSize16 {font-size:16px;}
.textSize20 {font-size:20px;}

.ellipsis2 {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.ellipsis3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;} 
    
.borderT {border-top: 1px dotted #d7d7d7;}    
.borderB {border-bottom: 1px dotted #d7d7d7;}
.borderTB {border-top: 1px solid #000;}
.borderBB {border-bottom: 1px solid #000;}
    
/* contnet - text */
.conP {margin: 0px 0px 40px 0;}
.txtBox {position:relative;margin: 0px 0px 28px 0;}
.txtBox.contentSize p {font-size: 18px;}
.bg-text-box {background: #FEFAF4;padding: 5%;line-height: 1.7;}
.bg-text-box .txt_orange {color: #FF6C00;}
.bg-text-box.center {text-align: center;}
.bg-color-orange {background: #FFF6ED;padding: 5%;line-height: 1.7;}
.txtBox.marB48 {margin-bottom:48px;}
.txtBox.marB0 {margin-bottom:0px;}
.txtBox .buttonL {margin-left:0; margin-top:16px;}
.txtBox.conPS {margin: 0px 0px 12px 0;}
.txtBox p, .txtBoxS p {/*margin:0px;*/ line-height: 28px;}
	.txtBoxInT {margin: 8px 0;}
.grayTxtBox {padding:24px; background-color:#F8F8F8;}
.grayTxtBox p.textboxT {margin-bottom:9px; font-size:18px; font-weight:500; color:#000;}
.grayTxtBox p {margin:0px; font-size:15px;line-height: 25px;color:#666;}
.grayTxtBox li {margin:0px; font-size:16px;line-height: 25px;color:#555;}
.numTxt {}
.numTxt p {position:relative;}
.numTxt .num {/*position:absolute; top:0; left:0;*/}
.numTxt .numT {/*display:inline-block; padding-left:20px;*/}
.numTxt > ol {padding: 0 0 0 35px;}
.numTxt > ol > li {list-style-type: decimal;font-size:16px;}
.numTxt > ol > li strong {font-weight: 400;}
.indent-ul {padding-left: 5%; line-height: 1.7;} 

p.listT {position:relative; margin-top: 0;margin-bottom:20px; padding-left: 10px; font-size:18px; font-weight: 500;color:#000;}
p.listT:before {content:''; position:absolute;left: 0;top: 10px; width:2px; height:2px; background-color:#000; border-radius:50px;}

.listCont {}
.listCont li {}
.listCont li p.listT {margin-bottom:8px;}

/***** LIST *****/
.bullet-list {
    padding-left: 1.6rem;
}

.order-list {
    padding-left: 1.3rem;
}

.bullet-list > li {
    list-style-type: disc;
}

.order-list > li {
    list-style-type: decimal;
    padding-left: 0.6rem;
}

.bullet-list > li + li,
.text-list > li + li,
.order-list > li + li {
    margin-top: 1rem;
}

.bullet-list > li::marker {
    color: #424242;
    font-size: 1.2rem;
}

.order-list > li::marker {
    color: #424242;
    font-size: 1.4rem;
}


/* contnet - color */
.txt_blue {color: #00479D;}
.txt_red {color: #EE3520;}
.txt_yellow {color: #ffd561;}
.txt_green {color: #008829;}
.txt_lightgreen {color:#1C9C31;}
.txt_black {color: #000;}
.txt_gray {color: #555;}
.txt_lightgray {color: #666;}
.txt_lightgray2 {color: #777;}
.txt_white {color: #fff;}
.txt_pink {color:#DB2E69;}
.txt_orange {color:#E58E46;}


p.txt_blue {color: #00479D;}
p.txt_blue {color: #00479D;}
p.txt_orange {color: #FF6200;}
p.txt_red {color: #EE3520;}
p.txt_black {color: #000;}
p.txt_gray {color: #555;}
p.txt_lightgray {color: #666;}
p.txt_white {color: #fff;}

/*버튼*/
a.btn {vertical-align: bottom; letter-spacing: -0.6px;}
.buttonS {display: inline-block;margin-left: 6px;padding: 5px 10px; height:25px; line-height: 13px;font-size:13px;border-radius: 0px;box-shadow: none;border: none; color:#666; cursor: pointer;}
.buttonS:first-child {margin-left:0;}
.buttonMS {display: inline-block;margin-left: 6px;padding: 5px 12px; height:30px; line-height: 13px;font-size:14px;border-radius: 0px;box-shadow: none;border: none; color:#666; cursor: pointer;}
.buttonMS:first-child {margin-left:0;}
.buttonM {display: inline-block;vertical-align: middle;margin-left: 6px;padding: 5px 12px; height:32px; line-height: 18px;font-size:14px;border-radius: 0px;box-shadow: none;border: none; cursor: pointer;white-space:nowrap;}
.buttonM:first-child {margin-left:0;}
.buttonM .icon-k-next {font-size:11px;}
.buttonML {display: inline-block;vertical-align: middle;margin-left: 6px;padding: 5px 10px; height:34px; line-height: 18px;font-size:14px;border-radius: 0px;box-shadow: none;border: none; cursor: pointer;}
.buttonML:first-child {margin-left:0;}
.buttonML .searchIcon {position: relative; top: 1px; margin-right: 4px; font-weight:600;}
.buttonL {display: inline-block; min-width: 130px;padding: 12px 24px;height: 46px;line-height: 18px;text-align: center; margin-left: 6px;font-size: 15px; border-radius: 0px;box-shadow: none;border: none;cursor: pointer;}
.buttonL:first-child {margin-left:0;}
.buttonSL {display: inline-block; min-width: 130px;padding: 10px 24px;height: 40px;line-height: 18px;text-align: center; margin-left: 6px;font-size: 14px; border-radius: 0px;box-shadow: none;border: none;cursor: pointer;}
.buttonSL:first-child {margin-left:0;}
.buttonXL {height:56px; margin-left:6px; font-size:16px;}
.buttonXL:first-child {margin-left:0;}
a.buttonXL {display:block; line-height:53px;}
.buttonL3 {display: inline-block;: min-width: 130px;padding: 12px 24px;height: 46px;line-height: 18px;text-align: center;margin-left: 6px;font-size: 15px; border-radius: 0px;box-shadow: none;border: none;cursor: pointer;}
.buttonL3:first-child {margin-left: 0;}

.selBtn {display: inline-block;vertical-align: baseline;padding: 5px 12px;height: 40px;line-height: 18px;font-size: 14px;border-radius: 0 4px 4px 0;box-shadow: none;border: none;cursor: pointer;white-space: nowrap;}

.buttonGroup {}
.buttonGroup button {width:48%;}

.bottomBtn {display:flex;justify-content: center;flex-wrap: wrap;row-gap: 5px;}
.bottomBtn button,
.bottomBtn a {min-width: auto;}

.roundBtn {border-radius: 4px;}
.roundBtnS {border-radius: 2px;}
.buttonS.roundBtn {border-radius:2px;}
.iconBtn {position: relative;padding:5px 10px 5px 7px;}
.iconBtn .icon-search {position: relative;top: 4px;margin-right: 3px; font-size: 22px;}
.imgBtn {padding:5px 10px 5px 7px;}
.imgBtn img { position: relative; top: -1px; width:12px; margin: 0 0 0 4px; border:0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.imgBtn img.on {display:none;}
.imgBtn img.downIcon {top: -2px;}
.imgBtn img.penIcon {width:14px; margin-right:6px;}
.imgBtn:hover img.on {display:inline-block;}
.imgBtn:hover img.off {display:none;}
.inputnBtn {margin: 4px 0 0 0;}

.orangeBtn {background-color: #FF873C; border:1px solid #FF873C; color:#fff;}
.orangeBtn:hover {background-color: transparent; border:1px solid #FF873C; color:#FF873C;}
.navyBtn {background-color: #0A3F7B; border:1px solid #0A3F7B; color:#fff;}
.navyBtn:hover {background-color: transparent; border:1px solid #0A3F7B; color:#0A3F7B;}
.darknavyBtn {background-color: #001D62; border:1px solid #001D62; color:#fff;}
.darknavyBtn:hover {background-color: transparent; border:1px solid #001D62; color:#001D62;}
.blueBtn {background-color: #00479D; border:1px solid #00479D; color:#fff;}
.blueBtn:hover {background-color: transparent; border:1px solid #00479D; color:#00479D;}
.deepblueBtn {background-color: #003472; border:1px solid #003472; color:#fff;}
.deepblueBtn:hover {background-color: transparent; border:1px solid #003472; color:#003472;}
.skyblueBtn {background-color: #2F96D3; border:1px solid #2F96D3; color:#fff;}
.skyblueBtn:hover {background-color: transparent; border:1px solid #2F96D3; color:#2F96D3;}
.darkblueBtn {background-color: #6E7782; border:1px solid #6E7782; color:#fff;}
.darkblueBtn:hover {background-color: transparent; border:1px solid #6E7782; color:#6E7782;}
.lightgreenBtn2 {background-color: #62B500; border:1px solid #62B500; color:#fff;}
.lightgreenBtn2:hover {background-color: transparent; border:1px solid #62B500; color:#62B500;}
.lightgreenBtn3 {background-color: #62B500; border:1px solid #62B500; color:#fff;}
.lightgreenBtn3:hover {background-color: transparent; border:1px solid #344446; color:#344446;}
.darkGreenBtn {background-color: #595D54; border:1px solid #595D54; color:#fff;}
.darkGreenBtn:hover {background-color: transparent; border:1px solid #595D54; color:#595D54;}
.redBtn {background-color: #E21F09; border:1px solid #E21F09; color:#fff;}
.redBtn:hover {background-color: transparent; border:1px solid #E21F09; color:#E21F09;}
.greenBtn {background-color: #00787D; border:1px solid #00787D; color:#fff;}
.greenBtn:hover {background-color: transparent; border:1px solid #00787D; color:#00787D;}
.lightgreenBtn {background-color: #029F8A; border:1px solid #029F8A; color:#fff;}
.lightgreenBtn:hover {background-color: #fff; border:1px solid #029F8A; color:#029F8A;}
.grayBtn {background-color: #91969B; border:1px solid #91969B; color:#fff;}
.grayBtn:hover {background-color: transparent; border:1px solid #91969B; color:#91969B;}
.darkgrayBtn {background-color: #888; border:1px solid #888; color:#fff;}
.darkgrayBtn:hover {background-color: transparent; border:1px solid #888; color:#888;}
.whiteBtn {background-color: transparent; border:1px solid #C7C7C7; color:#666;}
.whiteBtn:hover {background-color: transparent; border:1px solid #000; color:#000;}

.lineBtn {background: none; border:1px solid #D7D7D7; color:#333;}
.lineBtn .viewIcon {font-size:15px; color:#555;}
.lineBtn:hover {background: none; border:1px solid #00479D; color:#00479D;}
.lineBtn:hover .viewIcon {color:#00479D;}
.blueLineBtn {background-color: #EBEEF1;border: 1px solid #E2E2E2;color: #555;}
.blueLineBtn:hover {background-color: #fff; border:1px solid #00479D; color:#00479D;}
.redLineBtn {background-color: #EE3520;border: 1px solid #EE3520;color: #fff;}
.redLineBtn:hover {background-color: #fff; border:1px solid #EE3520; color:#EE3520;}
.grayLineBtn {background-color: #6E7782;border: 1px solid #6E7782;color: #fff;}
.grayLineBtn:hover {background-color: #F3F3F3; border:1px solid #555555; color:#555555;}
.ltgrayLineBtn {background-color: #fff;border: 1px solid #E2E2E2;color: #666666;}
.ltgrayLineBtn:hover {background-color: #fff; border:1px solid #666666; color:#666666;}
.darkblueLineBtn {background-color: #E7EBF1;border: 1px solid #ADBACC;color: #000;}
/* .darkblueLineBtn:hover {background-color: #fff; border:1px solid #00479D; color:#00479D;} */

.button.disabled, .buttonS.disabled {color:#AAAAAA; background-color:#E5E5E5; border-color:#E5E5E5; cursor: default; }
.button.disabled:hover, .buttonS.disabled:hover {background-color:#E5E5E5; border-color:#E5E5E5;}
	
.attach {} 	
.attach li {margin-top: 8px;}
.attach li:first-child {margin-top:0px;}
	.attachBtn {display: inline-block;margin-left:12px;}
	.attachBtn button {margin-left: 6px; height:29px;}
	.attachBtn .imgBtn img.downIcon {margin: 0 5px 0 3px;}
	.attachBtn .iconBtn .icon-search {top: 2px;font-size: 17px;}
		.viewIcon { position: relative;top: 1px;line-height: 11px;margin-left: 2px;}

.full {width:100%;}
.fullBtn {width: 100%;height: 60px;}

/*table common*/
table, td, tr,th {border-spacing:0; margin:0; padding:0;}
caption {width: 0; font-size: 0;text-indent: -9999px; overflow: hidden; height: 0;}
.table_normal , .table_t1{position:relative; width: 100%; border-top: none; border-bottom: 1px solid #d7d7d7; border-spacing:0px;}
.table_normal thead tr th {background-color: #f3f3f3; border-top: 1px solid #dadada;/*border-bottom: 1px solid #d7d7d7;*/color: #000; padding: 15px 0;text-align: center;font-size:15px;font-weight: 500;}
.table_normal thead tr th > div {position:relative;}
.table_normal thead tr th > div:before {content:""; height:23px; position:absolute; left:0px; border-left:1px dotted #B7C4D1;}
.table_normal thead tr th:first-child > div:before {border:0px;} 
.table_normal thead tr td.gc > div {position:relative;}
.table_normal thead tr td.gc > div:before {content:""; height:23px; position:absolute; left:0px; border-left:1px dotted #B7C4D1;}
.table_normal thead tr td.gc:first-child > div:before {border:0px;} 

.table_normal thead tr th.borderB {border-bottom:1px solid #d7d7d7;}
.table_normal thead tr td {padding: 14px 20px;}
.table_normal tfoot tr th {background-color: #f3f3f3; border-top: 1px solid #D7D7D7; color: #000; padding: 10px 0px; text-align: center; font-size:15px}
.table_normal tbody tr th {background-color: #f3f3f3; border-bottom: 1px solid #D7D7D7;color: #000; padding: 15px; /*text-align: center;*/ font-size:15px; font-weight:500;-webkit-print-color-adjust: exact;}
.table_normal tbody tr td {color: #555; border-left: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7; padding: 15px 16px; font-size:15px; font-weight: 400;}
.table_normal tbody tr td:first-child {border-left:none;}
.table_normal tbody tr td.lightgrayBg {/*border-left:none;*/}
.table_normal tbody tr td pre {white-space: pre-wrap;font-family: "Noto Sans KR",sans-serif;}
.table_normal tbody tr td.borderL {border-left:1px solid #d7d7d7;}
.table_normal tbody tr td.subject a {font-size: 15px; color:#000;transition: 0.3s all ease;}
.table_normal tbody tr td.subject a:hover {color:#00479D;}
.table_normal tbody tr td.subject span.ellipsis {display: block; text-overflow: ellipsis;height: 23px;overflow: hidden; white-space: nowrap;word-break: keep-all;}
.table_normal tbody tr td.subject strong {font-size: 15px; font-weight:500; color:#000;}
.table_normal tbody tr td.subject p {font-size: 15px; color:#000;}
	.ellipsisNo { width:250px;} 
	.ellipsis { max-width:500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.newIcon {display: inline-block; width: 20px; height: 20px;margin-right: 3px; background-color: #ff7f12; text-align: center;color: #fff;border-radius: 50px;font-size: 14px;} 
.table_normal tbody tr.notice td {background-color:#FFF7EF;}
.table_normal tbody tr:hover td.subject a {color:#00479D;}
.table_normal tbody tr:hover td.subject a:hover, .table_normal tbody tr td.subject a:hover p {color:#00479D;}

.table_normal tbody tr:hover td.subject a .txt_gray {color:#00479D;}
.table_normal tbody tr td input[type="file"] {width:100%; padding:0;} 
.table_normal tbody tr td input.fullInput[type="text"] {width:99%; padding:0 5px;}
.table_normal tbody tr td input.textInput75[type="text"] {width:75%; padding:0 5px;}
.table_normal tbody tr td input.textInput50[type="text"] {width:50%; padding:0 5px;}
.table_normal tbody tr td input.textInput25[type="text"] {width:25%; padding:0 5px;}
.table_normal thead tr th.lightblueBg, .table_normal thead tr td.lightblueBg, 
.table_normal tfoot tr th.lightblueBg, .table_normal tfoot tr td.lightblueBg,
.table_normal tbody tr th.lightblueBg, .table_normal tbody tr td.lightblueBg {background-color: #F2F9FE;}
.table_normal thead tr th.lightgrayBg, .table_normal thead tr td.lightgrayBg, 
.table_normal tfoot tr th.lightgrayBg, .table_normal tfoot tr td.lightgrayBg,
.table_normal tbody tr th.lightgrayBg, .table_normal tbody tr td.lightgrayBg {background-color: #f3f3f3;}
.table_normal tbody tr th.borderTnone {border-top:none;}
.table_normal tbody tr td.txt_blue {color: #00479D;}
.table_normal tbody tr td.txt_red {color: #EE3520;}
.table_normal tbody tr td.bold {font-weight:500;}
.table_normal tbody tr td.textSize14, .table_normal tbody tr td .textSize14 {font-size:14px;}	
.table_normal tbody tr td.textSize15, .table_normal tbody tr td .textSize15 {font-size:15px;}	
.table_normal tbody tr td.textSize16, .table_normal tbody tr td .textSize16 {font-size:16px;}
.table_normal tbody tr td.textBoxIn {padding:0px;}
.table_normal tbody tr td.pad0 {padding:0px;}
.table_normal tbody tr td.pad0 button {margin-left:0;margin-right:0;}
.table_normal tbody tr td.pad15 {padding:14px 15px;}
	.textCont {overflow-y: auto;}
	.textCont.noScr {overflow:visible;}
	.textCont .textContIn {min-height: 300px;/*max-height: 500px;*/padding:40px 0;overflow-y: auto;word-break: break-all;}
    .textCont .textContIn img {width:100% !important;height: auto !important;}
	.textCont.noScr .textContIn {min-height: auto; max-height: 100%;padding:50px 0;word-break: break-all;}
	.starBg {position:relative;}
	.starBg:after {content:'*'; /*position:absolute;*/top:0px;color:#F62A09;/*margin:-2px 0 0 1px;*/}
	
	.noticeIcon {display:none;}
.table_normal.center td{text-align: center;}

/*board-write (테이블 상세)*/
.table_normal.board-read {table-layout: auto;border-top: 1px solid #000;}
.table_normal.board-read > tbody > tr > td {border-left:none;}
.table_normal.board-read tbody tr td.textBoxIn {padding:0px;}
.table_normal.board-write {table-layout: auto;border-top: 1px solid #000;}
.table_normal.board-write > tbody > tr > td {padding: 8px 16px;border-left:none;vertical-align: middle;}
.table_normal.board-read.tbBlue > tbody > tr > td {border-top:1px solid #d7d7d7;}

/*게시물 이전다음 영역*/
.tableNextButtonBox {border-bottom:1px solid #d7d7d7;border-top: 1px solid #000;height:90px;margin-bottom:50px;background-color: #fff;}
	.tableNextButtonBoxL {width:50%; float:left; position:relative; height:87px; z-index:1; transition: all .3s;}
	.tableNextButtonBoxL:before {display:block; content:''; width:0%; height:100%; background-color:#E8F2FF; position:absolute; right:0; bottom:0; z-index:-1; transition: all .3s;}
	.tableNextButtonBoxL:after {content:""; border-right:1px dashed #d7d7d7; position:absolute; right:0px; top:0px; height:87px;}
	.tableNextButtonBoxL img {position:absolute; font-size:60px; color:#000; width: 15px; opacity: 0.3;transition: 0.3s all ease;}
	.tableNextButtonBoxL img.prevImg {left:24px; top:32px;}
	.tableNextButtonBoxL a, .tableNextButtonBoxR a {display:block;}
	.tableNextButtonBoxL strong {margin:20px 0px 4px 0px; font-size:16px; display:block; color:#666; font-weight:500;}
	.tableNextButtonBoxL .text {padding-right:30px; font-size:15px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;color:#555;}
	.tableNextButtonBoxR {width:50%; float:right; position:relative; height:87px;z-index:1;}
	.tableNextButtonBoxR:before{display:block; content:''; width:0%; height:100%; background-color:#E8F2FF; position:absolute; left:0; bottom:0; z-index:-1; transition: all .3s;}
	.tableNextButtonBoxR img {position:absolute; font-size:60px; color:#000; width: 15px; opacity: 0.3;transition: 0.3s all ease;}
	.tableNextButtonBoxR img.nextImg {right:24px; top:32px;}
	.tableNextButtonBoxR strong {margin: 20px 0px 4px 0px;text-align:right; font-size:16px; display:block; color:#666; font-weight:500;}
	.tableNextButtonBoxR .text {padding-left:30px; text-align:right; font-size:16px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;color:#555;}
	
	.tableNextButtonBoxL:hover:before, .tableNextButtonBoxR:hover:before {width:100%;}
	.tableNextButtonBoxL:hover .text, .tableNextButtonBoxR:hover .text {color:#00479D;}
	.tableNextButtonBoxL:hover strong, .tableNextButtonBoxR:hover strong {color:#00479D;}
	.tableNextButtonBoxL:hover img, .tableNextButtonBoxR:hover img {opacity: 1;}
	.attach img {margin-right: 5px;}
	
	.prevButtonIn {position: relative;margin-left:65px;padding-left:20px;}
	.prevButtonIn:before {content:''; position:absolute; top:13px; left:0px; background:url(../../user/images/dottedBg.png) no-repeat; width:1px; height:20px;}
	.nextButtonIn {position: relative;margin-right:65px;padding-right:20px;}
	.nextButtonIn:before {content:''; position:absolute; top:13px; right:0px; background:url(../../user/images/dottedBg.png) no-repeat; width:1px; height:20px;}

	.subjectImg {width: 100%; max-width: 300px;}
	
/* gallery */
.gallery_normal {display:inline-block; width:100%;}
.gallery_normal > ul {margin: -26px -26px -9px -26px;}
.gallery_normal > ul > li {float:left; width:33.3%;}
.gallery_normal > ul > li.empty {width: 100%;}
.gallery_normal .galleryBox {margin:26px 26px 26px 26px; transition:0.3s all ease;}
.gallery_normal .gallery_top {position:relative;overflow: hidden;padding-top: 63%;}
.gallery_normal .gallery_top a {display:block;  overflow: hidden;}
.gallery_normal .gallery_mid {width:100%; display:inline-block}
.gallery_normal .gallery_midIn {padding:10px 0; border:1px solid #e7e7e7;}
.gallery_normal .gallery_info {display:inline-block; width:100%}
.gallery_normal .gallery_info p {}
.gallery_normal .gallery_name {font-size:17px; margin:0 5px 5px 0; vertical-align:middle; color:black; font-weight:500}
.gallery_normal .gallery_name:hover {}
.gallery_normal .gallery_name .bu_red_ss {vertical-align:middle;}
.gallery_userName {float:left; margin-left:10px; color:#666; font-size:16px}
.gallery_day {float:right; margin-right:10px; color:#666; font-size:16px}

.gallery_normal .gallery_bot {border-top:1px solid #ccc; padding-top:5px; height: 30px; margin-top: 10px;}
.gallery_normal .gallery_bot ul {float:right;}
.gallery_normal .gallery_bot ul li {float:left; color:#666; font-size:15px; padding:5px 10px}
.gallery_img {height:auto;}
.player .gallery_img {height:274px;}
.gallery_img img {width:100%;cursor: default; position: absolute; top:0; left:0; right:0; bottom:0; max-width:100%; height:auto;}

.grid-4 > ul {margin: -14px -14px -9px -14px;}
.grid-4 > ul > li {width: 25%;}
.grid-4 .galleryBox {margin: 14px;}

/* faq */
.faq_normal {display: inline-block; width: 100%;overflow: visible; border-top: 1px solid #BDC9D5; border-bottom: none; /* max-height: 500px;*/ overflow-y: auto;}
.faq_normal a {display:block; border-bottom: none;position:relative; padding:21px 28px; position: relative; font-size: 16px; color: #333;  font-weight: bold; transition: all 0.3s ease;}
.faq_normal a .txt {display: inline-block;margin-left:64px;margin-right: 30px;font-weight: 400;font-size:18px;color: #2A2D33;padding-right: 30px;}
.faq_normal a.on .txt {font-weight: 500;color:#000;}
.faq_normal a span {transition: 0.3s all ease;}
.faq_normal a .icon {position: absolute; right: 20px; top: 37px;  margin-top: -8px; transition: all .3s ease;font-size:23px; font-weight:600;color:#555;transform: rotate(180deg);}
.faq_normal a.on .icon{transform: rotate(0deg);}
.faq_normal a .faq_q {width:36px; height:36px; line-height:34px; font-weight:500; border-radius:50%; background-color: #FF9732; display:inline-block; text-align:center; color:white; position: absolute; top: 50%; left:28px; margin-top: -18px;}
.faq_normal > ul > li {border-bottom: 1px solid #BDC9D5;}
.faq_content {display:none; padding:24px 28px; overflow:hidden; background-color: #F2F9FE;border-bottom: none; font-size:14px; position:relative}
.faq_content .faq_a {float:left; width:36px; height:36px; line-height:34px; border-radius:50%; background-color: #bad364; text-align:center; color:white; font-weight: 500; font-size: 16px;}
.faq_content .txt {margin-left:64px; font-size:16px;color:#555;}
.faq_normal a .txt .faqTag {margin-right:8px; font-weight:400; color:#999;}
.faq_normal a.on .txt .faqTag {font-weight:500;}

/*paging*/
.pagination {text-align:center; margin:40px 0 50px;}
.pagination.moreViewPg {margin: 50px 0 60px;}
.pageiNumWrap {margin:0 24px; display:inline-block;}
.pagination a {display:inline-block; min-width:30px; height:30px; vertical-align:middle; text-decoration:none; background:#fff; margin-left:4px; line-height:30px; font-size:18px; color:#707070;}
.pagination a:hover {color:#00479D;}
.pagination a img {position:relative;}
.pagination a .prevImg {top:-2px; left:1px;width: 6px;}
.pagination a .prevImg2 {top: -2px;width: 10px;}
.pagination a .nextImg {top:-2px; left:1px;width: 6px;}
.pagination a .nextImg2 {top: -2px; left:0px;width: 10px;}
.pagination a strong {color:#00479D;}
.pagination span {border: 1px solid #d7d7d7; display: block; width: 33px;line-height: 30px; padding: 0px 2px 1px; font-weight: 600;font-size: 10px; color:#888; transition: 0.3s all ease;}
.pagination a:hover span {border:1px solid #000; color:#000;}
.pagination a.icon {width: 30px;border: 1px solid #d7d7d7;}
.pagination a.icon.iconPrev {margin-right:10px;}
.pagination a.icon.iconNext {margin-left:10px;}
.pagination a.icon strong {display: inline-block;width: 0px;height: 0px;overflow: hidden;text-indent: -100px;}

	/*moreView*/
	.moreView {background-color:#fff; border:1px solid #d7d7d7; color:#555;}
	.moreView:hover {border:1px solid #000;color:#000;}
	.moreView span {display:inline-block; width: auto;line-height: 16px;padding: 0; margin-left: 2px;font-size: 17px;font-weight: 600;border: none;color: #999;}
	.moreView .icon-arrowT { position: relative; top: 1px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
	.moreView.on .icon-arrowT {transform: rotate(0deg);}
	
/* tabBox */
.tabBox {display:block; /* position:relative;*/ overflow:hidden; border-right:0; margin-bottom:40px;}
.tabBox > ul {display: flex; margin-bottom:-1px;}
.tabBox > ul:before {display:none; content:""; position:absolute; left:0px; width:100%; bottom:0px; height:1.2px; background-color:#333; z-index:1;}
.tabBox > ul > li > a {margin-left:0px; text-align: center; position:relative; line-height:110%; display:inline-block; transition: all .4s ease; padding:0px 13px; 
				border:1px solid #D7D7D7; border-bottom:1px solid #000; border-left: 0px; color:#666; font-size:16px; font-weight:400;  vertical-align:middle;}
.tabBox > ul > li > a:hover {background-color:#efefef; color:#000;}
.tabBox > ul > li:first-child > a {margin-left:0px; margin-right:-1px; border-left:1px solid #dbdbdb;}
.tabBox > ul > li > a span {display:table-cell; vertical-align:middle; height:45px;}
.tabBox > ul > li.on > a {background-color:#666; color:white;}

.tabBox.full {display:flex; padding-right:1px;}
.tabBox.full > ul {display:flex;width: 100%;}
.tabBox.full > ul > li {flex-grow: 1;}
.tabBox.full > ul > li > a {display:table; padding:0px; width:100%;}

.tabBox > ul > li > em {margin-left:0px; text-align: center; position:relative; line-height:110%; display:inline-block; transition: all .4s ease; padding:0px 13px; 
				border:1px solid #D7D7D7; border-bottom:1px solid #000; border-left: 0px; color:#666; font-size:16px; font-weight:400;  vertical-align:middle;}
.tabBox > ul > li > em:hover {background-color:#efefef;}
.tabBox > ul > li:first-child > em {margin-left:0px; margin-right:-1px; border-left:1px solid #dbdbdb;}
.tabBox > ul > li > em span {display:table-cell; vertical-align:middle; height:45px;}
.tabBox > ul > li.on > em {background-color:#666; color:white;} 

.tabconBox {margin-top: 36px; position: relative;}

/* tabBox-sub */
.tabBox_sub {display:inline-block; width:100%; margin:20px 0; border-bottom: 1px solid #1c1c1c;}
.tabBox_sub > ul {text-align:center}
.tabBox_sub > ul > li {float: left; display: table; height: 48px; margin: 0 0 -1px -1px; height: 44px; margin: 0 0 -1px -1px; background-color: #fff; border: solid;  border-width: 0 1px 0 1px; color: #b2b2b2; font-size: 16px;}
.tabBox_sub > ul > li.on {border-color:#333}
.tabBox_sub > ul > li > a {border-top: 1px solid #e1e1e1; font-size: 14px; color: #999; display: table-cell; vertical-align: middle; line-height: 1.2; padding: 0 15px; line-height: 44px; text-align: center;}
.tabBox_sub > ul > li.on > a {color: #333; border-top: 2px solid #333;}

/* tabBox-line */
.tabBoxLine {border-collapse: collapse; padding:0px; position:relative;}
.tabBoxLine > ul:before {content: ''; display:block; z-index:1; bottom:0px;}
.tabBoxLine > ul {margin:0px;}
.tabBoxLine > ul > li {position:relative; border: 1px solid #D7D7D7; border-bottom:0px; height:55px;}
.tabBoxLine > ul > li > a {border:0px !important; height:56px;}
.tabBoxLine > ul > li > a:before, .tabBoxLine > ul > li > a:after {content: ''; display:block; position: absolute; width: 0;height: 0; 
  border: 0 solid transparent; }

.tabBoxLine > ul > li > a:before {border-top-width: 1px; border-left-width: 1px; bottom:0px; left: -1px; padding-top:0px; z-index:1;}
.tabBoxLine > ul > li > a:after {z-index:2; top:-1px; padding-top:0px; right:-1px; border-right-width: 1px; }

.tabBoxLine > ul > li.on:before {content: ''; position:absolute; border-bottom:2px solid #fff; left:0px; right:0px; bottom:0px; z-index:1;}
.tabBoxLine > ul > li.on > a {z-index:2; border-bottom-color:#fff; color:#000;  background-color: transparent;}
.tabBoxLine > ul > li.on > a:before, .tabBoxLine > ul > li.on > a:after {transition: 0.3s all ease;}
.tabBoxLine > ul > li.on a:before {border-color: #333; transition: border-color 0s, width .3s, height .3s; width: 100%; height: 100%;}
.tabBoxLine > ul > li.on a:after {transition: border-color 0s, width 0.3s, height .4s, padding .3s; width: 100%;  padding-top:2px;
  height: 98%;border-color: #000; transition-delay: 0s, 0s, .4s, .4s;}
.tabBoxLine > ul > li.on a:before {transition-delay: 0s, .2s, 0s;}
.tabBoxLine > ul > li:hover a span {color:#000;}

/* tabBox-line - IE */
.tabBoxLine.lineTab > ul > li.on a:before {bottom:-2px;}
.tabBoxLine.lineTab > ul > li:first-child > a::before {left:0;}

/*input*/
input.fullWidth {width: 100%;}
.multiInput ul {display:inline-block;}
.multiInput ul li {display:inline-block;}
.multiInput > div {display:inline-block;}
.multiInput div {margin-left:4px;}
.multiInput div:first-child {margin-left:0px;}
.multiInput > div input[type='text'] {width:194px; margin:2px 0;}
.multiInput > div input[type='text'].bigInp {width:327px;}
input[type='text'].medInp {width:45%;}
input.readOnly {border-color: #d7d7d7;background-color: #eee;color:#aaa;}
input.readOnly::placeholder {color:#aaa;}
input.readOnly:-ms-input-placeholder {color: #aaa;}
input.readOnly::-webkit-input-placeholder {color: #aaa;}
input.readOnly:-moz-placeholder {color: #aaa;}

/*한영 우선 입력 모드 설정*/
input[type=text].korInp {-webkit-ime-mode:active;-moz-ime-mode:active;-ms-ime-mode:active;ime-mode:active;}
input[type=text].engInp {-webkit-ime-mode:inactive;-moz-ime-mode:inactive;-ms-ime-mode:inactive;ime-mode:inactive;}
textarea.korInp {-webkit-ime-mode:active;-moz-ime-mode:active;-ms-ime-mode:active;ime-mode:active;}
textarea.engInp {-webkit-ime-mode:inactive;-moz-ime-mode:inactive;-ms-ime-mode:inactive;ime-mode:inactive;}

/*textarea*/
textarea {width: 100%;height:auto;padding: 7px 12px;vertical-align: middle; font-size:14px; color: #555;border: 1px solid #d7d7d7; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);resize: none;}
textarea.readOnly {border-color: #d7d7d7;background-color: #eee;color:#aaa;}
textarea.readOnly::placeholder {color:#aaa;}
textarea.readOnly:-ms-input-placeholder {color: #aaa;}
textarea.readOnly::-webkit-input-placeholder {color: #aaa;}
textarea.readOnly:-moz-placeholder {color: #aaa;}
textarea::placeholder {font-size:14px; color:#888;}
textarea:-ms-input-placeholder {font-size:14px; color: #888;}
textarea::-webkit-input-placeholder {font-size:14px; color: #888;}
textarea:-moz-placeholder {font-size:14px; color: #888;}

/*checkbox custom*/
table thead tr input[type="checkbox"].wv-check + label:before {margin-right:0;}
.chkBox {display:inline-block;margin-right: 16px;}
.chkBox.single {margin-right:0px;}
.chkBox input[type="checkbox"] {opacity:0.9;border-radius:10px; position: absolute; width: 16px;height: 16px;padding: 0; margin: 3px 0 0 0;overflow: hidden;clip: rect(1, 0, 0, 0);border: 0}
.chkBox input[type="checkbox"]+label {display: inline-block;position: relative;cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.chkBox input[type="checkbox"]+label:before {content: ' ';display: inline-block;width: 15px;height: 15px;line-height: 21px;margin: -2px 8px 0 0; text-align: center;vertical-align: middle;background: #fafafa;border-radius: 3px;}
.chkBox input[type="checkbox"]+label:active:before,
.chkBox input[type="checkbox"]:checked+label:active:before {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);}
.chkBox input[type="checkbox"]:checked+label:before {color: #99a1a7;text-shadow: 1px 1px #fff;background: #e9ecee;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);}
input[type="checkbox"].wv-check + label {font-size:15px;color: #666;}
input[type="checkbox"].wv-check + label:before {position: relative; /*top:-1px;*/ margin-right:4px;/*vertical-align: sub;*/ background: url( "../../user/images/ic_check_off.png" ) no-repeat; background-size: 15px;}
.chkBox.txt input[type="checkbox"].wv-check + label:before {position:absolute; top:7px;}
.chkBox.txt input[type="checkbox"].wv-check + label p {display:inline-block; margin-left:20px; text-align:left;}
input[type="checkbox"].wv-check:checked + label:before {content: ''; background: url( "../../user/images/ic_check2_on.png" ) no-repeat; color: #fff; background-size: 15px; background-position-y: 0px;vertical-align: middle;top: 0;}
input[type="checkbox"].wv-check:checked + label {font-weight:500;color: #00479D;}
input[type="checkbox"].wv-check:checked + label p {color:#00479D;}
input[type="checkbox"].wv-check + label > span {font-size: 13px;vertical-align: middle;}
input[type="checkbox"].wv-check + label > span.skip {font-size:0px;}
input[type="checkbox"].wv-check + label.singleChk:before {margin-right:0;}
.disabledType input[type="checkbox"].wv-check + label {color:#aaa;cursor: default;}
.disabledType input[type="checkbox"].wv-check + label:before {position: relative; top:-0.5px; margin-right:4px;vertical-align: sub; background: url( "../../user/images/ic_checkRd_off.png" ) no-repeat; background-size: 15px;}
.disabledType input[type="checkbox"].wv-check:checked + label:before {content: ''; background: url( "../../user/images/ic_checkRd_on.png" ) no-repeat; color: #fff; background-size: 15px; background-position-y: 0px;vertical-align: sub;}

	.checkInput input[type="checkbox"].wv-check + label {margin-right:8px;}
	.radioInput input[type="radio"]+label {margin-right:8px;}
	
/*radio custom*/
.radioList {}
.radioList li {margin-top:8px;}
.radioList li:first-child {margin-top:0px;}
.radioList li textarea {margin-top:4px;}
.radioBox {position: relative;display:inline-block;margin-right: 16px;}
.radioBox input[type="radio"] {border:none; position: absolute; width: 16px; height: 16px; opacity:1; padding: 0;margin: 3px 0 0 0;overflow: hidden;}
.radioBox input[type="radio"]+label {-webkit-print-color-adjust: exact;display: inline-block;position: relative;padding-left: 20px;cursor: pointer; font-size:15px;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;color: #555;}
.radioBox input[type="radio"]+label:before {-webkit-print-color-adjust: exact;content: '';position: absolute;left: 0; top: 3px; width: 16px; height: 16px;text-align: center;background: url( "../../user/images/ic_radio_off.png" ) no-repeat; background-size:15px;}
.radioBox input[type="radio"]+label:active:before,
.radioBox input[type="radio"]:checked+label:active:before {-webkit-print-color-adjust: exact;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);}
.radioBox input[type="radio"]:checked+label:after {-webkit-print-color-adjust: exact;content: '';position: absolute; top: 3px; left: 0px; width: 16px;height: 16px; background: url( "../../user/images/ic_radio_on2.png" ) no-repeat;background-size:15px;}
.radioBox input[type="radio"]:checked+label {-webkit-print-color-adjust: exact;font-weight:500; color:#00479D;}
.disabledType.radioBox input[type="radio"]+label {-webkit-print-color-adjust: exact;color:#aaa;cursor: default;}
.disabledType.radioBox input[type="radio"]+label:before {-webkit-print-color-adjust: exact;content: '';position: absolute;left: 0; top: 4px; width: 15px; height: 15px;text-align: center;background: url( "../../user/images/ic_radioRd_off.png" ) no-repeat; background-size:15px;}
.disabledType.radioBox input[type="radio"]:checked+label:after {-webkit-print-color-adjust: exact;content: '';position: absolute; top: 4px; left: 0px; width: 15px;height: 15px; background: url( "../../user/images/ic_radioRd_on.png" ) no-repeat;background-size:15px;}

.radioBox.single {width:15px; margin:0px;}
.radioBox.single input[type="radio"]+label:before {content: '';position: absolute;left: 0; top: -12px; width: 15px; height: 15px;text-align: center;background: url( "../../user/images/ic_radio_off.png" ) no-repeat; background-size:15px;}
.radioBox.single input[type="radio"]:checked+label:after {content: '';position: absolute; top: -12px; left: 0px; width: 15px;height: 15px; background: url( "../../user/images/ic_radio_on2.png" ) no-repeat;background-size:15px;}


/*calendar-target*/
#calendar-target {width:300px;padding: 5px;overflow: hidden;border:1px solid #ccc;border-radius: 5px;}

/*******************************
           Media Query
*******************************/

@media screen and (max-width: 1200px) {
	/*gallery*/
	.gallery_normal > ul {margin:-26px -13px -9px -13px;}
	.gallery_normal .galleryBox {margin: 26px 13px;}
	.gallery_img {height:auto;} 
	.player .gallery_img {height:auto;}
}
@media screen and (max-width: 1024px) {
	/*text*/
	.conT3 {margin-bottom:28px; font-size:21px;}
	.conT4 {margin-bottom:8px;font-size:19px;}
	.conT6 {font-size:16px;}
		.subconT {font-size:18px;}
	.ellipsis {display:inline-block; max-width:400px;}
	
	/*button*/
	.navyBtn:hover {background-color: #0A3F7B; border:1px solid #0A3F7B; color:#fff;}
	.darknavyBtn:hover {background-color: #001D62; border:1px solid #001D62; color:#fff;}
	.blueBtn:hover {background-color: #00479D; border:1px solid #00479D; color:#fff;}
	.deepblueBtn:hover {background-color: #003472; border:1px solid #003472; color:#fff;}
	.skyblueBtn:hover {background-color: #2F96D3; border:1px solid #2F96D3; color:#fff;}
	.darkblueBtn:hover {background-color: #6E7782; border:1px solid #6E7782; color:#fff;}
	.redBtn:hover {background-color: #E21F09; border:1px solid #E21F09; color:#fff;}
	.greenBtn:hover {background-color: #00787D; border:1px solid #00787D; color:#fff;}
	.lightgreenBtn:hover {background-color: #029F8A; border:1px solid #029F8A; color:#fff;}
	.grayBtn:hover {background-color: #91969B; border:1px solid #91969B; color:#fff;}
	.darkgrayBtn:hover {background-color: #888; border:1px solid #888; color:#fff;}
	.whiteBtn:hover {background-color: transparent; border:1px solid #C7C7C7; color:#666;}
	
	.lineBtn:hover {background: none; border:1px solid #D7D7D7; color:#333;}
	.lineBtn:hover .viewIcon {color:#555;}
	.blueLineBtn:hover {background-color: #EBEEF1;border: 1px solid #E2E2E2;color: #555;}
	.redLineBtn:hover {background-color: #EE3520;border: 1px solid #EE3520;color: #fff;}
	.grayLineBtn:hover {background-color: #6E7782;border: 1px solid #6E7782;color: #fff;}
	.ltgrayLineBtn:hover {background-color: #fff;border: 1px solid #E2E2E2;color: #666666;}
	
	.button.disabled:hover, .buttonS.disabled:hover {color:#AAAAAA; background-color:#E5E5E5; border-color:#E5E5E5;}
	.imgBtn:hover img.off {display: inline-block;}
	.imgBtn:hover img.on {display:none;}
	
	/*table*/
	.table_normal thead tr th {padding:15px 0px;}
	/*.table_normal thead tr th.subject > div:before {display:none;}*/
	.table_normal tbody tr td {padding:15px 10px;}

	
	/*form*/
	.multiInput > div {display:block;margin:0;}
	.multiInput > div {width:100%;margin:4px 0 0 0;}
	.multiInput > div:first-child {margin-top:0;}
	.multiInput > div input[type='text'] {width:100%; margin:0;}
	.multiInput > div input[type='text'].bigInp {width:100%;}
	
	.multiChk .chkBox {width:40%;margin-bottom: 4px;}
	.multiChk .chkBox.checkInput {width:100%;}
	
	/*gallery*/
	.gallery_normal > ul {margin:-10px 0px -9px -15px;}
	.gallery_normal > ul > li {width:50%;}
	.gallery_normal .galleryBox {margin:10px 0px 10px 15px;}
	
	/*paging*/
	.pagination.moreViewPg {margin: 20px 0 60px;}
	
	/*개인정보처리방침*/
	.numTxt .numT {}
	
	
}
@media screen and (max-width: 768px) {
	/* .ellipsis {max-width:200px;} */
		
	/*table*/
	.mbHide {display:none;}
	.pcHide {display:block;}
	.noticeIcon {display:inline-block;}
	.noticeIcon .noticIcon {margin-right:5px;}
	
	.table_normal, .table_t1 {}
	.table_normal thead tr th.subject > div:before {display:none;}
	
	.mb15 {width:15%;}
	.mb16 {width:16%;}
	.mb38 {width:38%;}
	.mb65p {width:65px;}
	.mb74p {width:74px;}
	.mb80p {width:80px;}
	.mb95p {width:95px;}
	.mb100p {width:100px;}
	.mb110p {width:110px;}
	.mb120p {width:120px;}
	.mb150p {width:150px;}
	.mb170p {width:170px;}
	.mb250p {width:250px;}
	
	.table_normal thead tr th {padding:12px 5px; font-size:15px; word-break: keep-all;}
	.table_normal tbody tr th {padding:12px; font-size:15px; word-break: keep-all;}
	.completeTb.table_normal thead tr th, .completeTb.table_normal tbody tr th, .completeTb.table_normal tbody tr td {font-size: 14px;} 
	.table_normal tbody tr td {padding:12px 10px; font-size:15px;}
	.table_normal tbody tr td.subject {padding: 12px 10px 7px 10px;border-left:none;}
	.table_normal tbody tr td.subject a {display:block; height:23px; overflow:hidden; font-size:15px;}
	.table_normal tbody tr td.subject strong {font-size:15px;}
	
	.table_normal.board-write > tbody > tr > th {padding:12px 17px 12px 10px;}
	.table_normal.board-write > tbody > tr > td {padding:8px 10px;}

	.reponsive-table > tbody > tr > td,
	.reponsive-table > tbody > tr > th {display: block;}
	.reponsive-table .conT5 {font-size: 18px;}
	.reponsive-table .bulletStyle li {margin-bottom: 0; }
		.addFile {width:95%;}

		.attachBtn {display:block; margin-left:0px; margin-top:2px;}

		.tableNextButtonBox {height:74px;}
		.tableNextButtonBoxL {height:72px;}
		.tableNextButtonBoxL img, .tableNextButtonBoxR img {width:10px;}
		.tableNextButtonBoxL .icon, .tableNextButtonBoxR .icon {font-size:30px;}
		.tableNextButtonBoxL strong {margin:12px 0px 7px 30px;font-size: 14px;}
		.tableNextButtonBoxL .text {font-size: 14px;}
		.tableNextButtonBoxL:after {height:72px;}
		.tableNextButtonBoxR {height:72px;}
		
		.prevButtonIn {margin-left:0px; margin-right:10px;padding-left: 10px;}
		.nextButtonIn {margin-left:10px; margin-right:0px;padding-right: 10px;}
		.tableNextButtonBoxR strong {margin:12px 30px 7px 0;font-size: 14px;}
		.tableNextButtonBoxR .text {font-size: 14px;}
		.tableNextButtonBoxL img.prevImg {top:15px; left:10px; width:8px;}
		.tableNextButtonBoxR img.nextImg {top:15px; right:10px; width:8px;}
		.prevButtonIn:before {display:none; top:18px;}
		.nextButtonIn:before {display:none; top:18px;}

	/* .ellipsis {display:inline-block; max-width:350px;} */

	/*faq*/
	.faq_normal a {padding:20px 15px; font-size:15px;}
	.faq_normal a .txt {margin-left: 42px; margin-right: 40px; padding-right:0; font-size:15px;}
	.faq_normal a .faq_q {top: 18px; left:15px; width:30px; height:30px; line-height:28px; margin:0;}
	.faq_content {padding:20px 15px;}
	.faq_content .faq_a {top: 55%;left:15px; width:30px; height:30px; line-height:28px;}
	.faq_content .txt {margin-left:42px;font-size:15px;}	
	
	.bg-text-box .conT4 {font-size: 18px;}
	
}
@media screen and (max-width: 640px) {
	.ellipsis {max-width:200px;}

	/* contnet - text */
	.conT3 {margin-bottom:12px;}
	.conT3.tabSpaceT {margin-bottom:14px;}
	.conT4.marB8 {margin:4px 0 5px 0px}
	.grayTxtBox {padding:12px;}
	.grayTxtBox p.textboxT {font-size:16px;}
	.grayTxtBox li {font-size:15px;}
	
	
	/*tabBox*/
	.txtBox.marB48 {margin-bottom:32px;}
	.tabBox.squareTab > ul > li > a {padding:0px 0px;line-height: normal;}
	.grayBgIn {padding:15px;}
	
	/*table*/
	.tableWrap {overflow:hidden; overflow-x:scroll;}	
	.tableWrap .table_normal {width:600px;}
	

	/*form*/
	.multiInput > div {display:block;margin:0;}
	.multiInput > div {width:100%;margin:4px 0 0 0;}
	.multiInput > div:first-child {margin-top:0;}
	.multiInput > div input[type='text'] {width:100%; margin:0;}
	.multiInput > div input[type='text'].bigInp {width:100%;}
	.multiChk .chkBox {width:40%;}
	.multiChk .chkBox.checkInput {width:100%;margin:0;}
	.chkBox.txt {margin-bottom:8px;}
	.chkBox.txt input[type="checkbox"].wv-check + label p {font-size:15px;}
	
	input[type="checkbox"].wv-check + label {font-size:14px;}
	.radioBox input[type="radio"]+label {font-size:14px;}
	
	/*button*/
	.buttonXL {height:48px;font-size: 14px;}
	a.buttonXL {line-height:46px;}
	.buttonL3 {min-width: 90px;}
	.buttonL {min-width:140px; padding:10px 20px;height: 40px; font-size:14px;}
	.txtBox .buttonL {height: 36px; line-height:36px; margin-top:8px; padding: 0px 17px; line-height: 32px;font-size: 13px;}
	
	/*gallery*/
	.gallery_normal > ul > li {width:100%;}
	
	/*pagination*/
	.pagination { margin: -20px 0 24px 0;}
	.pagination a.mbHide {display:none;}
	.pagination a {min-width:30px; margin:0px; line-height:28px; font-size:15px; border:1px solid #ddd;}
	.pagination a.iconStart {/*margin-left:0px;*/}
	.pagination a.icon.iconPrev {margin-right:3px;}
	.pagination a.icon.iconNext {margin-left:3px;}
	.pageiNumWrap {margin: 0 -3px;}
}
@media screen and (max-width: 480px) {
	.ellipsis {max-width:150px;}
}
@media screen and (max-width: 320px) {
	.attachBtn button {display:block;margin: 0 0 4px 0;}
	.bookDetail .bookDetailBox .attachBtn button {display:inline-block;}
}