@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block}
body{color:#000;background:#fff;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,nav,menu{font-family: "NanumSquare", sans-serif;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}
fieldset,img{border:0 none;vertical-align:middle; }
dl,ol,menu{list-style:none; list-style-type:none; }
ul:after, ol:after {display:block; height:0; content:""; float:none; clear:both; }
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
address,caption,cite,code,dfn,em,var{font-style:normal;}
a{color: inherit;text-decoration:none;background:transparent;}
a:focus,a:active,a:hover{text-decoration:none}

/*img { border:0 none; vertical-align:middle; }*/
/* 
	*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*/
legend,.blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:100px;white-space:nowrap}
caption{overflow:hidden;width:0;height:0;font-size:0;line-height:0}
.clear:after{content:'';display:block;clear:both}
.hide{overflow:hidden;position:absolute;left:-9999px;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;margin:0 !important;padding:0 !important}

/* form */
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder,
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {color:#888}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto}
input,select{/* -webkit-appearance:none; */}
input[type=text],
input[type=password],
input[type=tel],
input[type=number],
input[type=email],
input[type=url]{line-height:1;padding:6px 0 7px;margin:0;border:1px solid #e1e2e2;-webkit-appearance:none !important;color:#4d4d4d;font-size:12px;text-indent:10px !important;}
input[type=button],
input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:none;cursor: pointer;}
input[type=file]{line-height:1;padding:6px 10px 7px;border:1px solid #e5e5e5;background:#fff;color:#4d4d4d;cursor:pointer;font-size:12px}
input[type=text]:read-only,
input[type=password]:read-only,
input[type=tel]:read-only,
input[type=number]:read-only,
input[type=email]:read-only,
input[type=url]:read-only,
input[type=file]:read-only{border:1px solid #e1e2e2;color:#4d4d4d;text-indent:10px !important}
input[readonly],input[disabled]{border:1px solid #e1e2e2;color:#4d4d4d;text-indent:10px !important}
input[type=checkbox]{/* width:15px;height:15px;border:1px solid #886868; */vertical-align:middle}
input[type=checkbox]:checked{/* background:url('/common/assets/images/board/ico_checked.png') no-repeat */}
select{height:32px;padding:4px 5px 3px 5px;border:1px solid #ccc;-webkit-border-radius:0;border-radius:0;font-size:12px;color:#333;vertical-align:middle;}
select[disabled] {border:1px solid #e5e5e5;background:#f1f1f1;color:#4d4d4d}
textarea{width:100%;padding:5px 7px;font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:none;border:1px solid #e1e2e2}
button{cursor:pointer;border: 0;}
area:focus { /* outline: 0; */ }


#skipnavigation a {position:absolute;left:-3000%}
#skipnavigation a:focus {display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#039;color:#fff;text-align:center}


/* width size */
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w52 {width:52%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

.container {max-width:1600px; margin:0 auto; padding:40px;}

/* 셀렉트 박스 */
.selectBox {position: relative; display:inline-block; min-width:150px; min-height:28px; vertical-align:middle; background:transparent url(/common/assets/images/board/bg_selectbox_arrow.png) no-repeat right center; background:-webkit-linear-gradient(transparent,transparent),url(/common/assets/images/board/bg_selectbox_arrow@2x.png) no-repeat right center; background:linear-gradient(transparent,transparent),url(/common/assets/images/board/bg_selectbox_arrow@2x.png) no-repeat right center; background-size: 27px 26px; background-color: #fff;}
.selectBox span {position: relative; display: block; color: #6c6e6f; height: 34px; line-height: 34px; padding-left: 10px; padding-right: 37px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overow: ellipsis; border: 1px solid #e1e2e2;  z-index:10;}
.selectBox.focus span {border-color: #2168db;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, .9);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, .9);}
.selectBox select {width:100%; height:34px; line-height: 34px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */ -webkit-appearance:none; appearance:none; position:absolute; left:0; top:0; z-index:90; }
.selectBox.half {width: 40%; display:inline-block; vertical-align:middle;}

.searchArea02 {width:100%; padding:20px; background:#f5f6f6; margin-bottom: 10px; position:relative; overflow:hidden; box-sizing:border-box;}
.searchArea02 label {min-width:45px; padding-right:19px; display:inline-block; color:#31343f; font-family: "NanumSquare", sans-serif;}
.searchArea02 > .divide {margin:0 0 6px; float:none; clear:both; width:100%;}
.searchArea02 .selectBox + label {margin-left:7%;}
.searchArea02 .selectBox {width:30%;}
.searchArea02 .selectBox.wDefault {width:30% !important;}
.searchArea02 > .divide .selectBox {width:26%;}
.searchArea02 .btnSch02 {display:inline-block; background:#31343f; border: 1px solid #31343f; width:100px; height:34px; color: #fff; font-family: "NanumSquare", sans-serif; font-weight: 700; cursor: pointer; vertical-align:middle; position:absolute; right:0; top:1px;}

.searchArea02 .divide02 {float:left; width:29%; position:relative; padding:0 0 0 64px; box-sizing:border-box;}
.searchArea02 .divide02.type02 {width:36%; padding:0 0 0 74px;}
.searchArea02 > .divide02.type03 {padding:0;}
.searchArea02 > .divide02 > label {padding-top:8px; position:absolute; left:0; top:0;}
.searchArea02 > .divide02.type03 > label {position:absolute; left:-9999em; height:0; overflow:hidden; font-size:0; line-height:0;}
.searchArea02 .divide02 + .divide02 {margin-left:3%;}
.searchArea02 > .divide02 > .selectBox, .searchArea02 > .divide03 > .selectBox {width:100%;}

.searchArea02 .divide03 {float:left;width:38%;position:relative;padding: 0 0 0 74px;box-sizing:border-box;}
.searchArea02 .divide03.type02 {float:right; width:56%; padding:0 0 0 74px;}
.searchArea02 .divide03.type03 {float:right; width:56%; padding:0 100px 0 74px;}
.searchArea02 > .divide03 > label {padding-top:8px; position:absolute; left:0; top:0;}

.searchArea02 .inputSearchBox {width:100%; clear:both; position: relative; padding:5px 210px 0 0; overflow:hidden; position:relative; box-sizing:border-box;}
.searchArea02 .inputSearchBox.type02 {padding:5px 100px 0 64px; box-sizing:border-box;}
.searchArea02 .inputSearchBox input[type="text"] {width:100%; height: 21px;}
.searchArea02 .inputSearchBox .btnSch01,
.searchArea02 .inputSearchBox .btnSch02 {width: 100px; height: 36px; font-family: "NanumSquare", sans-serif; font-weight: 700; cursor: pointer; vertical-align:middle; position:absolute; right:0; top:5px;}
.searchArea02 .inputSearchBox .btnSch01 {background: #eff0f0; border: 1px solid #e1e2e2; color:#31343f; right:110px;}
.searchArea02 .inputSearchBox .btnSch02  {background: #31343f; border: 1px solid #31343f; color: #fff;}
.searchArea02 + .boardSearch {border:0; margin:0;}

.searchArea02 .inputSearchBox.type02 label {padding-top:8px; position:absolute; left:0; top:5px;}
.searchArea02 .inputSearchBox.type02 input[type="text"] {width:100%;}
.searchArea02 .inputSearchBox.type02 .btnSch02 {position:absolute; right:0; top:5px;}

.searchArea02 .subText { display: inline-block; margin-left: 12px; color: #137cbd; padding-top: 6px; }

.searchArea02 .inputSearchBox.type03 {padding: 0 2px 0 0;} /* 2017.02.09 */

/* boardSearch */
.boardSearch {min-height: 35px; margin-bottom:15px; font-size: 14px;}
.boardSearch .result {float:left; margin-top: 10px;margin-right:5px;background: url('/common/assets/images/board/docs.png') no-repeat left center;padding-left: 18px;color: #6c6e6f;}
.boardSearch .result strong {/* color:#bd2f3c; */color: #31343f;}
.boardSearch .search {float:right;}
.boardSearch .selectBox {display: block;;min-width: 90px; height: 33px; float: left; margin-right: 5px;}
.boardSearch .selectBox label {height: 33px; line-height: 33px;}
.boardSearch .measure {float:right;margin-top: 20px;margin-left:5px;color: #31343f;font-weight: 500;font-family: "NanumSquare", sans-serif;}


.emailBox {margin: 0; padding: 0;}
.emailBox:after {content: ""; clear: both;	display: block;}
.emailBox .inputEmail1 {float: left; width:100px; margin-right: 2%;}
.emailBox .inputEmail2 {float: left; position: relative; width:100px; margin-right: 2%;}
.emailBox .inputEmail2 input[type="text"] {display: block; padding-left: 20px; width: 100%;}
.emailBox .inputEmail2 span {position: absolute; top: 3px; left: 9px; color: #6c6e6f; font-family: "NanumSquare", sans-serif; font-weight: 500; display: block;}
.emailBox .selectBox {float: left; width:150px;}
.emailBox .selectBox > span {height:28px; line-height:28px; box-sizing:border-box;}
.emailBox .selectBox > select {height:28px; }

.half .emailBox {margin: 0; padding: 0;}
.half .emailBox:after {content: ""; clear: both; display: block;}
.half .emailBox .inputEmail1 {float: left; width: 30%; margin-right: 2%;}
.half .emailBox .inputEmail2 {float: left; position: relative; width: 30%; margin-right: 2%;}
.half .emailBox .inputEmail2 input[type="text"] {display: block; padding-left: 20px; width: 100%;}
.half .emailBox .inputEmail2 span {position: absolute; top: 3px; left: 9px; color: #6c6e6f; font-family: "NanumSquare", sans-serif; font-weight: 500; display: block;}
.half .emailBox .selectBox {float: left; width:35%; min-width:100px;}

.phoneBox {margin: 0; padding: 0; width:50%;}
.half .phoneBox {margin: 0; padding: 0; width:100%;}
.phoneBox:after {content: ""; clear: both; display: block;}
.phoneBox .selectBox {float:left; width:30%; min-width:80px;}
.phoneBox .selectBox > span {height:28px; line-height:28px; box-sizing:border-box;}
.phoneBox .selectBox > select {height:28px; }
.phoneBox input[type="text"] {float: left; width: 30%; margin-left: 2%;}

.boardSearch .search .inText {position:relative;float: left; left:0;display:block;width:250px;height: 35px;line-height:1;border:1px solid #e5e5e5;box-sizing: border-box;}
.boardSearch .search .inText input[type="text"] {display: block; width:180px;padding:0;border:0;height: 33px; line-height: 33px; vertical-align:baseline;}
.ie10 .boardSearch .search .inText input[type="text"] {width:180px; padding:0; border:0;}
.boardSearch .search .inText .btnSch {position:absolute;top:-1px;right:-1px;font-family: "NanumSquare", sans-serif; font-weight: 700; line-height: 35px; border: 1px solid #e1e2e2; cursor: pointer; padding:0 26px 4px !important; max-height: 35px;}
.ie7 .boardSearch .search .inText input[type="text"] {text-indent:10px;}


/* boardList */
.boardList {margin-bottom:30px;border-top: 2px solid #009788;border-bottom: 1px solid #e1e2e2;background:#fff; position:relative;}
.boardList table {width:100%; font-size: 14px;}
.boardList table thead th {text-align: center;line-height:130%;padding:12px 0 14px;border-bottom: 1px solid #a9a6a7;color: #31343f;/* background:url('/common/image/bg/bg_boardSec.gif') no-repeat 0 50%; */vertical-align:middle;font-family: "NanumSquare", sans-serif;font-weight: 700;}
.boardList table thead th:first-child {background-image:none;}
.boardList table tbody td {line-height:160%;min-height:22px;height:16px;padding:4px 0;font-size:13px; border-top: 1px solid #e1e2e2;color: #5e5e5f;vertical-align:middle; text-align:center;}
.boardList table tbody td:first-child {min-width:90px;}
.boardList table tbody td.subject {padding-left:20px; padding-right:5px; text-align:left;}
.boardList table tbody td.latest {font-weight: 600;}
.boardList table tbody td.subject em {margin:0 5px 0 16px; padding-left:11px; background:url('/common/image/common/bul/bul_re.png') no-repeat 0 3px; color:#c53e49;}
.boardList table tbody td.subject span {margin-left:5px; color:#3514af;}
.boardList table tbody td.subject .mSubInfo {display:none;}
.boardList table tbody td.noData {padding: 50px 0;}
.boardList table tr .imp {width:11px; height:11px; margin-top:5px; background:#AA1C63; padding: 2px 10px; color:#fff; border-radius:5px; font-size:14px; letter-spacing:-1px; font-weight: 600;}
.boardList table tr .notice {width:11px; height:11px; margin-top:5px; background:#0074CC; padding: 2px 10px; color:#fff; border-radius:5px; font-size:14px; letter-spacing:-1px; font-weight: 600;} 
.boardList table tr .edu {width:11px; height:11px; margin-top:5px; background:#009788; padding: 2px 10px; color:#fff; border-radius:5px; font-size:14px; letter-spacing:-1px; font-weight: 600;}
.boardList table tr .sys {width:11px; height:11px; margin-top:5px; background:#009788; padding: 2px 10px; color:#fff; border-radius:5px; font-size:14px; letter-spacing:-1px; font-weight: 600;} 
.boardList table tr .news {width:11px; height:11px; margin-top:5px; background:#009788; padding: 2px 10px; color:#fff; border-radius:5px; font-size:14px; letter-spacing:-1px; font-weight: 600;} 
.boardList table tr .new {font-size: 13px; background: #f07015; color:#fff !important; padding:2px 5px 2px 4px; border-radius: 3px; font-weight: 600;}



/* List_boardType01 */
.boardType01 {overflow:hidden; margin-bottom:30px; border-top:2px solid #585858; border-bottom:1px solid #a0a0a0;}
.boardType01 > li {position:relative; overflow:hidden; width:100%; border-top:1px solid #d8d8d8;}
.boardType01 > li:first-child {border-top:0;}
.boardType01 .left {position:absolute; left:0; float:left; width:260px; text-align:center;}
.boardType01 .left > div {padding:30px 0;}
.boardType01 .left > div span {display:block; width:230px; height:140px; margin-bottom:10px; border:1px solid #e8e8e8;}
.boardType01 .left > div img {height:140px;}
.boardType01 .left > div .btn {width:230px; text-align:center;}
.boardType01 .right {float:left; width:100%;}
.boardType01 .right > div {line-height:170%; min-height:174px; margin-left:260px; padding:25px 15px 26px 0; color:#4d4d4d;}
.boardType01 .right > div > div {overflow:hidden;}
.boardType01 .right > div p {margin-bottom:16px;}
.boardType01 .right > div .tit {font-size:14px; color:#333;}
.boardType01 .right > div .sTit {margin-bottom:0;}
.boardType01 .right > div ul li {padding-left:9px; background:url('/common/image/common/bul/bul_dash.png') no-repeat 0 9px;}

/* List_boardType02 */
.boardType02 {overflow:hidden; margin-bottom:30px; border-top:2px solid #585858;}
.boardType02 .tit {overflow:hidden; line-height:150%; min-height:20px; padding:11px 0 11px 20px; border-bottom:1px solid #d8d8d8; font-weight:bold; color:#333;}
.boardType02 .movie {position:relative; overflow:hidden; height:299px; margin-top:30px; padding-bottom:30px;}
.boardType02 .movie .left {position:absolute; left:0; float:left; width:399px;}
.boardType02 .movie .left > div {width:399px; height:299px;}
.boardType02 .movie .left > div embed {width:399px !important; height:299px  !important;}
.boardType02 .movie .right {float:left; width:100%;}
.boardType02 .movie .right > div {overflow:hidden; overflow-y:scroll; line-height:170%; height:261px; margin-left:434px; padding:16px 20px 20px; border:1px solid #d8d8d8; color:#4d4d4d;}
.boardType02 + .boardView {margin-top:-30px;}
.boardType02 + .paging {margin-top:-3px;}
.boardView ul li {list-style: none;}
.boardView ul li.ico {top: 7px;}
.boardView ul li.cal {top: 7px;}
.boardNext ul li {list-style: none;}

/* faq */
.faqList {border-top: 2px solid #66575a; margin-bottom: 25px;}
.faqList dl {border-bottom: 1px solid #e1e2e2;}
.faqList dl dt {margin: 0; padding: 0;}
.faqList dl dt a {position: relative;display: block;padding-left: 90px;min-height: 14px;padding: 13px 41px 13px 90px; font-family: "NanumSquare", sans-serif; color: #5e5e5f;}
.faqList dl dt a .count {position: absolute; top: 12px; left: 0; width: 72px; color: #6c6e6f; text-align: center;}
.faqList dl dt a .wordQ {position: absolute; top: 12px; left: 72px; font-size: 15px;}
.faqList dl dt a .title {display: block}
.faqList dl dt a .arrow {position: absolute; top: 50%; right: 20px; margin-top: -3px; width: 12px; height: 6px; display: block; background: url(/common/image/icon/icon_arrow_down01.png) no-repeat 0 0;}
.faqList dl dt a.on, .faqList dl dt a.on .count {background: #1c98de; color: #fff;}
.faqList dl dt a.on .arrow {background: url(/common/image/icon/icon_arrow_up01.png) no-repeat 0 0;}
.faqList dl dd {position: relative;display: none;padding: 27px 41px 23px 90px;background: #f7f7f7;color: #5e5e5f; font-family: "NanumSquare", sans-serif; font-weight: 500; }
.faqList dl dd .wordA {position: absolute; top: 27px; left: 72px; color: #1c98de; font-size:15px;}
.faqList dl dd .faqFileLink {display: block; color: #554246; text-decoration: underline; font-family: "NanumSquare", sans-serif; font-weight: 700}
.faqList.type02 dl dt a.on .icon.bg15{background:#fff;color:#1c98de;}
.faqList.type02 dl dt a .title {padding-left:141px;}
.faqList.type02 dl dt a em{margin-left: -141px;margin-right: 10px;}
.faqList.type02 dl dt a .titleTxt {word-break:keep-all;}

/* thumbnail list */
.thumbNailList {border-top: 2px solid #66575a; margin-bottom: 24px;}
.thumbNailList li {position: relative; padding: 14px 0 13px 260px; min-height: 140px; border-bottom: 1px solid #e1e2e2}
.thumbNailList li .imgThumbNail {position: absolute; top: 14px; left: 0; display: block; width: 230px; height: 140px; border: 1px solid #f1f1f1}
.thumbNailList li .thumbNailInfo {display: block; min-height: 81px; margin-bottom: 10px; padding-top: 15px;}
.thumbNailList li .thumbNailInfo .title {color: #31343f; font-size: 14px; line-height: 24px; font-family: "NanumSquare", sans-serif; font-weight: 700; margin-bottom: 5px;}
.thumbNailList li .thumbNailInfo .submit {color: #5e5e5f; font-family: "NanumSquare", sans-serif; font-weight: 500; }
.thumbNailList li .btns {display: block;}
.thumbNailList li .btns:after {content: ""; clear: both; display: block}
.thumbNailList li .btns a {float: left; margin-right: 8px;}
.thumbNailList li .btns a img {display: inline-block; vertical-align: bottom;}

/* thumbNail + article list */
.thumbNailList.type02 li > a { display:block; }
.thumbNailList.type02 li {padding: 20px 0 20px 288px;}
.thumbNailList.type02 li .imgThumbNail {top: 20px;width:260px;height: 130px;}
.thumbNailList.type02 li .thumbNailInfo {padding-top: 17px;}
.thumbNailList.type02 li .thumbNailInfo .title {margin-bottom: 12px;}


/* boardView */
.boardView {overflow:hidden; margin-bottom:20px; border-top:1px solid #009788; font-size: 14px;}
.boardView .abr-file-lay {position: relative;}
.boardView .abr-file-lay a:after {content: url(/common/assets/images/board/down.png); width:23px; height:23px; position: absolute; top: -1px; margin-left: 10px;}
.boardView > ul {overflow:hidden; border-top:1px solid #009788;} 
.boardView > ul:first-child {border-bottom: 1px solid #d8d8d8;}
.boardView > ul > li, .reply > ul > li {float:left;border-top:1px solid #d8d8d8;/* border-bottom: 1px solid #d8d8d8; *//* margin-bottom: -1px; */}
.boardView > ul > li:first-child {border-top:none;}
.boardView > ul > li > strong, .reply > ul > li > strong {float:left; position:relative; color:#0074cc; vertical-align:middle; line-height:150%; min-height:20px; padding:6px 0 6px 26px; box-sizing:border-box;}
.boardView > ul > li > strong:after, .reply > ul > li > strong:after {content:""; position:absolute; right:0; top:50%; margin-top:-6px; border-left:1px solid #d8d8d8; width:1px; height:12px;}
.boardView > ul > li > div, .reply > ul > li > div {float:right; line-height:150%; min-height:20px; padding:4px 0 4px 20px; vertical-align:middle; text-align:left; box-sizing:border-box;}
.boardView > ul > li.tit {width:100%; display:flex; align-items:center;}
.boardView > ul > li.tit > strong {width:12.75%;}
.boardView > ul > li.tit > div {width:87.25%;}
/*.boardView ul.file {border-top:none; border-bottom:1px solid #a0a0a0;}*/
.boardView ul.file {border-top:none; border-bottom:1px solid #d8d8d8;}
.boardView ul.file li {overflow:hidden; padding:18px 0px 15px 0px;}
.boardView ul.file li > strong {padding-top:0; padding-bottom:0;}
.boardView ul.file li > div {padding-top:0; padding-bottom:0;}
.boardView ul.file li > div em {display:block; margin-top:6px;}
.boardView ul.file li > div em:first-child {margin-top:0;}
.boardView ul.file li > div em a {text-decoration:underline;}
.boardView .reply {margin-top: 20px; border-top: 2px solid #585858;}
.boardView .reply > ul {border-bottom:1px solid #a9a6a7 !important;}
.boardView .reply > strong {display:block; text-align: center; height: 37px; line-height: 37px; color: #31343f; background: #f2f3f3; font-family: "NanumSquare", sans-serif; font-weight: 700;}
.boardView ul.reply {border-top:none; border-bottom:1px solid #d8d8d8; margin-top:0px;}
.boardView ul.reply li {overflow:hidden; padding:18px 0px 15px 0px; }
.boardView ul.btn {border-bottom:1px solid #a0a0a0;}
.boardView .textArea {overflow:hidden; margin-bottom:0; padding-right:2px;}
.boardView .textArea .textarea {height:55px;}
.boardView .cmt {line-height:170%; margin-top:5px; font-size:11px; color:#727272;}
.boardView .title {position:relative; overflow:hidden; min-height:20px; margin-top:-1px !important; padding:13px 0 9px 20px; background:#efeeee;}
.boardView .title span {display:inline-block; padding-left:12px; background:url('/common/assets/images/board/bul_re.png') no-repeat 0 30%; font-weight:bold; color:#c53e49;}
.boardView .cont {line-height:170%; padding:45px 20px; border-bottom:1px solid #d8d8d8;} /* board_view Content */
.boardView .cont p {line-height:2.5em !important;}
.boardView .cont .img {margin-top:20px; text-align:center; margin-left:-20px; margin-right:-20px;}
.boardView .cont .img:first-child {margin-top:5px;}
.boardView .cont img {max-width:910px; height:100%;}
.boardView .cont table {}
.boardView .cont table tr th {border: 1px solid #d8d8d8; vertical-align: middle;}
.boardView .cont table tr th.center {text-align:center;}
.boardView .cont table tr td {border: 1px solid #d8d8d8; vertical-align: middle;}
.boardView .cont table tr td.center {text-align:center;}
.boardView .contReply {line-height:170%; padding:28px 20px 25px; border-bottom:1px solid #a0a0a0;}
.boardView .contReply + .contPoll {margin-top:-1px;}
.boardView .contPoll {line-height:160%; border-bottom:1px solid #a0a0a0;}
.boardView .contPoll .top {overflow:hidden; line-height:160%; min-height:50px; padding:25px 20px 15px 98px; border:1px solid #e8e8e8; background:url('/common/image/icon/icon_poll_reply.png') no-repeat 30px 21px;}
.boardView .contPoll .top p.tit {margin-bottom:7px; font-size:14px; font-weight:bold;}
.boardView .contPoll .pollList {overflow:hidden; padding:15px 18px 12px; border:1px solid #e8e8e8; border-top:none;}
.boardView .contPoll .pollList li {overflow:hidden; margin-bottom:1px;}
.boardView .contPoll .pollList li dl {width:100%;}
.boardView .contPoll .pollList li dl dt {display:block; margin-bottom:7px; padding-left:10px; background:url('/common/assets/images/board/bul_bar.gif') 0 10px no-repeat;}
.boardView .contPoll .pollList li dl dd {float:left; min-height:26px; margin-right:14px; padding-left:10px;}
.boardView .contPoll .pollList li dl dd .inText {width:50%; margin-left:10px;}
.boardView .contPoll .pollList li dl dd input[type="radio"],
.boardView .contPoll .pollList li dl dd input[type="checkbox"] {margin-right:8px;}
.boardView .contPoll .btnArea.sub {margin-top:10px;}
.ie7 .boardView .contPoll {padding-bottom:20px;}
.boardView + .boardView {margin-top: 40px;}

.boardView.child02 li.part {width:50%; display:flex; align-items:center;} 
.boardView.child02 li.part > strong {width:25.5%;}
.boardView.child02 li.part > div {width:74.5%;}
.boardView.child02 li.date {width:50%; display:flex; align-items:center;}
.boardView.child02 li.date > strong {width:21%;}
.boardView.child02 li.date > div {width:79%;}

.boardView.wide li.tit > strong {width:13%; padding-right:1%;}
.boardView.wide li.tit > div {width:85.9%;}
.boardView.wide li.part > strong {width:27%; padding-right:1%;}
.boardView.wide li.part > div {width:72%;}
.boardView.wide li.date > strong {width:27%; padding-right:1%;}
.boardView.wide li.date > div {width:72%;}

.boardView .down_inner {margin-left:15px;}
.boardView + .boardType02 {margin-top:-20px; border-top:none;}

.pollView {overflow:hidden; padding:45px 0; border-bottom:1px solid #bbb;}
.pollView > ul {overflow:hidden; padding:0 20px;}
.pollView > ul > li:first-child {margin-top:0; padding-top:0;}
.pollView > ul > li {line-height:160%; margin-top:20px;}
.pollView li dl {width:100%;}
.pollView li dl dt {display:block; margin-bottom:11px; font-size:14px; color:#4d4d4d;}
.pollView li dl dd {min-height:26px;}
.pollView li dl dd.text {padding-right:5px;}
.pollView li dl dd .inText {width:50%; margin-left:10px;}
.pollView li dl dd input[type="radio"],
.pollView li dl dd input[type="checkbox"] {margin-right:8px;}
.pollView li dl dd input[type="text"] {padding:2px 0 3px;}
.pollView li dl dd .textarea {height:55px;}

.pollView .result {overflow:hidden;}
.pollView .result li {position:relative; margin:0 0 12px 16px;}
.pollView .result li .tit {line-height:170%; margin-bottom:10px; color:#4d4d4d;}
.pollView .result li .grDep {position:relative; max-width:590px;}
.pollView .result li .grDep .bar {position:relative; display:block; margin-right:50px; height:14px; background:#e3e3e3;}
.pollView .result li .grDep .bar > em {display:block; height:14px; background:url('/common/image/cs/bg_pollGr.gif') repeat-x 0 0;}
.pollView .result li .grDep .bar > em > em {overflow:hidden; position:absolute; left:-9999em; height:0; font-size:0; line-height:0;}
.pollView .result li .grDep .num {position:absolute; top:0; right:0; display:block; min-width:50px; line-height:100%; text-align:right;}
.pollView .result li .text {line-height:160%; margin-top:5px; padding:15px 19px 17px; border:1px solid #e5e5e5; background:#eaeaea;}

/* View_boardTb */
.boardTb {overflow:hidden; margin-bottom:30px; border-top:2px solid #585858; border-bottom:1px solid #a0a0a0;}
.boardTb ul {overflow:hidden;}
.boardTb li {position:relative; width:100%; border-top:1px solid #d8d8d8;}
.boardTb li > p {overflow:hidden; width:100%;}
.boardTb li:first-child {border-top:none;}
.boardTb li > p > .num {display:block; float:left; width:7%; line-height:150%; min-height:20px; padding:10px 0; background:url('/common/image/bg/bg_boardSec.gif') no-repeat 100% 50%; color:#333; vertical-align:middle;}
.boardTb li > p > .num > span {display:inline-block; padding-left:17px;}
.boardTb li > p > .txt {display:block; float:left; width:93%;}
.boardTb li > p > .txt > span {display:block; line-height:150%; min-height:20px; margin-right:45px; padding:10px 0 10px 20px; vertical-align:middle;}
.boardTb li > p > .txt > span .sTit {display:inline-block; padding-left:13px; background:url('/common/image/icon/icon_q.gif') no-repeat 0 4px; color:#4d4d4d;}
.boardTb li > p > .txt > span > a {display:block;}
.boardTb li > p > .txt > span > a:hover .sTit {font-weight:bold; color:#333;}
.boardTb li > p > .txt > span button {position:absolute; top:0; right:4px; display:block; width:42px; height:42px; background:url('/common/image/btn/btn_tb_open.gif') no-repeat 50% 50%; text-indent:-9999em;}
.boardTb li > div {display:none; overflow:hidden; line-height:170%; padding:18px 20px 25px; border-top:1px solid #d8d8d8;}
.boardTb li > div .sTit {display:inline-block; padding-left:25px; background:url('/common/image/icon/icon_a.gif') no-repeat 0 2px;}
.boardTb li > div .sTit p {letter-spacing:0 !important;}
.boardTb li .sTit b {color:#c8212f;}
.boardTb li.on > p > .num > span,
.boardTb li.on > p > .txt > span .sTit {font-weight:bold;}
.boardTb li.on > p > .txt > span button {background-image:url('/common/image/btn/btn_tb_close.gif');}
.boardTb li.on > div {display:block;}
.boardTb li.noData {padding:30px 0; text-align:center;}
.ie7 .boardTb li > p > .txt {width:92.8%;}

.boardTb.case02 li > p > .txt {position:relative;}
.boardTb.case02 li > p > .txt > span .icon {position:absolute; width:125px;}
.boardTb.case02 li > p > .txt > span .sTit {margin-left:150px;}

/* boardWrite */
.boardWrite {margin-bottom:60px; border-top:2px solid #585858; border-bottom:1px solid #a0a0a0; background:#fff;}
.boardWrite > ul {overflow:hidden; width:100%;}
.boardWrite > ul > li {width:100%; border-top:1px solid #d8d8d8; clear:both; float:none;}
.boardWrite > ul:first-child > li:first-child {border-top:0;}
.boardWrite li.half {float:left; width: 50%; clear: none;}
.boardWrite li .inputWrapper {overflow:hidden; width:100%; display:table; min-height:33px; padding:4px 0;}
.boardWrite li .tit {display:table-cell; vertical-align:top; width:100px; padding:6px 19px 0 25px; box-sizing:border-box; font-weight: 700; font-family: "NanumSquare", sans-serif;}
.boardWrite.modify ul li .tit {width:150px; }
.boardWrite li.half .tit {width:100px;}
.boardWrite li .tit > span label {color:#333; word-break:keep-all;}
.boardWrite li .tit.wide {width:100% !important; background:#efeeee;display: block;padding: 6px 19px 7px 25px;}
.boardWrite li .cnt {display:table-cell; vertical-align:middle; padding-right:20px;}
.boardWrite li .cnt button.btnSm, .boardWrite li .all .ibox button.btnSm {height:30px; font-size:12px;}
.boardWrite li .cnt input.btnSm, .boardWrite li .all .ibox input.btnSm {height:30px; font-size:12px;}
.boardWrite li .cnt a.btnSm, .boardWrite li .all .ibox a.btnSm {height:25px; line-height:25px; font-size:12px;}
.boardWrite li .cnt + .ibox {margin-top:5px;}
.boardWrite li .cnt > p {margin-top:6px;}
.boardWrite li .cnt input.btnSm + p.add {margin-top:0;}
.boardWrite li .cnt > .inCk + p.add {margin-top:6px;}
.boardWrite li .cnt > input + .add input:first-child {margin-top:5px;}
.boardWrite li .cnt .add input {margin-top:5px;}
.boardWrite li .cnt .add input:first-child {margin-top:0;}
.boardWrite li .cnt .cmt {display:block; font-size:11px; color:#727272; text-align:right;}
.boardWrite li .cnt .txtCmtM {margin-left:6px;} 
.boardWrite li .cnt .title, .boardWrite li .cnt .inp100 {width:100%;}
.boardWrite li .cnt .inp100 {width:100%;}
.boardWrite li .cnt .inpHalf {width:45%;}
.boardWrite li .cnt em {margin-left:15px;}
.boardWrite li input {box-sizing: border-box}
.boardWrite li textarea {vertical-align:middle;}
.boardWrite li .cnt .password {width:200px;}

.boardWrite li .cnt .writerName {width: 150px;}
.boardWrite li.half .cnt .writerName {width: 40%;}

.textBox01 + .boardWrite {margin-top:40px;}
.sug-check {display:flex; justify-content:flex-start; align-items:center;}
.sug-check .radio {margin-top:0 !important; margin-bottom:0 !important}

/* File Add */
.fileBox {width:60%; display:inline-block; overflow:hidden; vertical-align:middle; position:relative; padding-right:177px; }
.fileBox .addFile {width:100%; height:28px; padding:6px 0 7px 0; background: #fff; border: 1px solid #e1e2e2;}
.fileBox input[type=text]:read-only {background:#fff;}
.btnFile {position:absolute; right:89px; top:0; width:82px; height:26px; border:1px solid #d6d6d9; background: #eff0f0; text-align: center; line-height:26px; color: #31343f; font-size: 12px; font-family: "NanumSquare", sans-serif; font-weight: 500;}
.btnFile.focus {
	border-color: #2168db;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, 1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, 1);
}
.btnFile input[type="file"] {width:83px; height:22px; cursor:pointer; border:0; background:none; overflow:hidden; opacity:0; position:relative; z-index:100;}
.attchFileReset {position:absolute; right:0; top:0; width: 82px; height:26px; border: 1px solid #d6d6d9; background: #eff0f0; text-align: center; line-height:26px; color:#31343f; font-size:12px; font-family: "NanumSquare", sans-serif; font-weight: 500; margin-left: 4px;}
.btnFile:after {content:""; width:84px; text-align:center; position:absolute; left:0; top:0; z-index:10;}
.boardWrite li .cnt .txtCmt {display: inline-block; vertical-align: middle; margin:0 0 0 15px; color: #6c6e6f; font-family: "NanumSquare", sans-serif; font-weight: 500} /* inline 설명글 */


.agreeArea {margin-bottom: 20px; border-bottom: 1px solid #e1e2e2;}
.agreeArea h3 {font-size: 20px; font-family: "NanumSquare", sans-serif; font-weight: 500; color: #31343f; margin-bottom: 25px;}
.agreeArea .agreeBox {height:132px; background: #eff0f0; padding: 25px 30px; margin-bottom: 25px; border: 0; color: #515252;}
.agreeArea .agreeTxt .inCk {height: auto; line-height: 16px;}
.agreeArea + .btnArea02 {padding-top:0;}

.boardWrite li.m02 .cnt {padding:10px 0 0;}
.boardWrite li.m02 .cnt .add {margin-bottom:5px;}
.boardWrite li.address > input[type="text"] {width:10%;}
.boardWrite li.address .ibox > input[type="text"] {text-align:center; text-indent:0 !important;}
.boardWrite li .all {width:100%; line-height:150%; min-height:30px; padding:4px 0;}
.boardWrite li .btnSm {padding-right:12px; padding-left:12px;}

.boardWrite.wide li .tit {width:15.5%; padding-right:1%;}
.boardWrite.wide li .cnt {width:83%;}


.boardWrite + .txtRefer {margin-top:-20px}
.boardWrite > p {line-height:190%; padding:15px 18px;}
.boardWrite li .cnt .ibox.newsLetter p {float:left}
.boardWrite li .cnt .ibox.newsLetter p + p {float:right}
.boardWrite li .cnt .ibox.newsLetter p + p input {margin-left:15px}

.boardWrite li .inputW15 input {width:15%; margin-right:5px}
.boardWrite li .inputW52 input {width:52%; margin-right:5px}
.boardWrite li .inputW100 input {width:52%; margin-right:5px}

.boardWrite li .addr div + div {margin-top:5px;}
.boardWrite li .addr div:first-child input {width:25%;}
.boardWrite li .addr input {width:100%;}

.boardWrite li .sbtn02 {display:inline-block; padding:5px 7px; background:#80838d; font-size:11px; color:#fff; line-height:100%; margin-left:3px;}

.boardWrite li .sbtn03 {height:auto; display:inline-block; padding:7px 10px; background:#eff0f0; border:1px solid #d6d6d9; font-size:12px; color:#31343f; line-height:100%; margin-left:3px;}

.inpOther {margin-top:5px;}
.inpOther input {width:100%;}

.boardWrite h5 {color:#31343f; line-height:100%; padding:10px 0; text-align:center; background:#f2f3f3; border-top:1px solid #a9a6a7;}
.boardWrite h5 + ul > li:first-child {border-top:1px solid #a9a6a7;}

.boardBtnArea {text-align: center;}
.boardBtnArea:after {content: ""; clear: both; display: block}
.boardBtnArea .fr {float: right;}
.boardBtnArea .fr .btnMd02 {display: inline-block; vertical-align: middle; width: 75px; height: 34px; line-height: 34px; text-align: center; font-family: "NanumSquare", sans-serif; font-weight: 700; color: #fff; background: #37272a; border: 1px solid #37272a; margin-left: 3px;}
.boardBtnArea .fr .btnMd02.bgColor02 {color: #31343f; background: #eff0f0; border: 1px solid #d6d6d9;}

.boardNext {overflow:hidden;margin-bottom:30px;border-top:2px solid #009788;border-bottom:1px solid #a0a0a0;margin-top: 20px; font-size: 14px;}
.boardNext.comment {border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.boardNext ul {overflow:hidden;}
.boardNext li {float:left; width:100%; border-top:1px solid #d8d8d8;}
.boardNext li:first-child {border-top:none;}
.boardNext li > strong {display:block; float:left; width:10.5%; background: #f2f3f3; line-height:150%; min-height:20px; padding:11px 16px 11px 20px; vertical-align:middle; box-sizing:border-box;}
.boardNext li > div {display:block; float:right; width:89.5%; line-height:150%; min-height:20px; padding:11px 0 11px 20px; vertical-align:middle; box-sizing:border-box;}
.boardNext li > div > a > span {color:#3514af; margin-left:5px}
.boardNext li > div > span.cmt {display:block;}
.boardNext li > div > span.cmt .txt {float:left;}
.boardNext li > div > span.cmt .date {float:right;}
.boardNext li > div > span.cmt .date .btnWrt {margin-left:12px;}
.boardNext li.prev > strong {background:#f2f3f3 url('/common/assets/images/board/bul_prevTxt.gif') no-repeat 85% 50%;}
.boardNext li.next > strong {background:#f2f3f3 url('/common/assets/images/board/bul_nextTxt.gif') no-repeat 85% 50%;}

.imgList {overflow:hidden; padding-top:40px; border-top:1px solid #a0a0a0;}
.imgList ul {overflow:hidden;}
.imgList li {overflow:hidden; float:left; width:262px; margin-left:32px;}
.imgList li:first-child {margin-left:0;}
.imgList li > a {display:block; width:262px; height:153px; margin-bottom:10px;}
.imgList li > a img {width:100%; height:153px;}
.imgList li dl {overflow:hidden; line-height:160%;}
.imgList li dl dt {overflow:hidden; height:17px; margin-bottom:4px; font-weight:bold;}
.imgList li dl dt a {display:inline-block; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;}
.imgList li dl dd {float:left; padding:0 8px; background:url('/common/image/bg/bg_lineY.gif') no-repeat 0 50%;}
.imgList li dl dd.date {padding-left:0; background:none;}

.imgList02 {overflow:hidden;}
.imgList02 ul {overflow:hidden;}
.imgList02 li {overflow:hidden; float:left; width:262px; margin-left:32px; margin-bottom:25px;}
.imgList02 li.first {margin-left:0;}
.imgList02 li > a {display:block; width:262px; height:175px; margin-bottom:12px;}
.imgList02 li > a img {width:100%; height:175px;}
.imgList02 li dl {overflow:hidden; line-height:160%;}
.imgList02 li dl dt {overflow:hidden; height:17px; margin-bottom:4px; font-weight:bold;}
.imgList02 li dl dt a {display:inline-block; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;}
.imgList02 li dl dd {float:left; padding:0 8px; background:url('/common/image/bg/bg_lineY.gif') no-repeat 0 50%;}
.imgList02 li dl dd.date {padding-left:0; background:none;}

/* common */
.tbTopTxt {overflow:hidden; margin-bottom:11px; line-height:150%;}
.tbTopTxt > span {float:right; display:block;}
.tbTopTxt > span strong.star {display:inline-block; float:left; margin: 3px 7px 0 0; color: #cd2a37;}
.tbTopTxt > span em {display:inline-block; float:left;}



textarea.textarea {width:100%; padding: 2.5%; height:153px; box-sizing:border-box;}
textarea.textarea.type02 {height:148px;}
textarea.textarea.type03 {height:94px;}

.new {margin-left:5px; vertical-align:middle;} /* new */
.inCk {display:inline-block; vertical-align:middle; /* height: 33px; line-height: 33px;*/} /* radio, checkbox Group*/
.inCk > li {display:inline-block;}
.inCk input[type="radio"] {/* visibility:hidden; */}
.inCk input[type="radio"] + label {
	display: inline-block;
	vertical-align: middle;
	margin:0 20px 0 -15px;;
	padding-left:20px;
	background: url(/common/image/icon/icon_radio_type01_off.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type01_off@2x.png) no-repeat 0 center;
	background: linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type01_off@2x.png) no-repeat 0 center;
	background-size: 16px 16px;
}

.inCk input[type="radio"] + label.on {
	background:url(/common/image/icon/icon_radio_type01_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type01_on@2x.png) no-repeat 0 center;
	background: linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type01_on@2x.png) no-repeat 0 center;
	background-size: 16px 16px;
}

.inCk.type02 input[type="radio"] + label {
	display: inline-block;
	vertical-align: middle;
	margin:0 20px 0 -15px;;
	padding-left:20px;
	background: url(/common/image/icon/icon_radio_type02_off.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type02_off@2x.png) no-repeat 0 center;
	background: linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type02_off@2x.png) no-repeat 0 center;
	background-size: 16px 16px;
}

.inCk.type02 input[type="radio"] + label.on {
	background:url(/common/image/icon/icon_radio_type02_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type02_on@2x.png) no-repeat 0 center;
	background: linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type02_on@2x.png) no-repeat 0 center;
	background-size: 16px 16px;
	color: #179fe9;
}
.inCk label {margin-right: 28px; color: #6c6e6f;}
.inCk label.none {margin-right: 0;}

.textArea.type02 {height:158px;}

.noDate {border-top:1px solid #d8d8d8; padding:30px 0; text-align:center;} /* 데이터 없을때_테이블 영역에 사용 */
.boardList + .noDate {border-top:none;}

.icon {display:inline-block; width:94px; min-width:66px; height:15px; padding:5px 3px 0 3px; font-size:11px; line-height: 11px; color:#fff; text-align:center;}
.icon.bg01 {background:#c53e49;}
.icon.bg02 {background:#6d5450;}
.icon.bg03 {background:#3a2f45;}
.icon.bg04 {background:#596091;}
.icon.bg05 {background:#9bd7db; color:#333;}
.icon.bg06 {background:#6f6f6f;}
.icon.bg07 {background:#d3d3d3; color:#333;}
.icon.bg08 {background:#7c5c39;}
.icon.bg09 {background:#876d67;}
.icon.bg10 {background:#eeecdf; color:#333;}
.icon.bg11 {background:#a16255;}
.icon.bg12 {background:#717171;}
.icon.bg13 {background:#b4b4b4;}
.icon.bg14 {background:#414f89;}
.icon.bg15 {background:#137cbd;}
.icon.bg16 {background:#00875a;}
.icon.bg17 {background:#eb6272;}
.icon.bg18 {background:#31343f;}
.icon.bg19 {background:#554246;}
.faqList.type02 .icon{width:125px;} 

.iconS {display:inline-block; width:44px; line-height:160%; height:20px; padding:0 3px; font-size:11px; color:#fff; text-align:center;}

.iconS.bg01 {background:#3a2f45;}
.iconS.bg02 {background:#596091;}
.iconS.bg03 {background:#d3d3d3; color:#333;}

.iconState {display:inline-block; width:49px; line-height:20px; height:20px; padding:0 3px; font-size:11px; color:#fff; text-align:center; border-radius: 2px;}
.iconState.bg01 {background:#b82220;}
.iconState.bg02 {background:#596091;}
.iconState.bg03 {background:#3a2f45;}
.iconState.bg04 {background:#717171;}
.iconState.bg05 {background:#7c5c39;}
.iconState.bg06 {background:#b4b4b4;}
.iconState.bg07 {background:#414f89;}
.iconState.bg08 {background:#00885a;}

.ie7 .icon, .ie8 .icon {height:19px; padding:1px 3px 0 !important;}
.ie7 .iconS, .ie8 .iconS,
.ie7 .iconState, .ie8 .iconState {height:19px; padding:1px 3px 0; !important;}

/* paging */
.paging {overflow:hidden;height:28px;max-width: 384px;margin:0 auto 30px auto;text-align:center; display:flex; align-items: center;}
.paging .num {display:inline-block; vertical-align:middle;}
.paging .num.wboard a {line-height:26px !important;}
.paging .num, .paging strong {display:inline-block;width:28px;height:28px;line-height:28px;margin:0 -1px; color: #6c6e6f;text-align:center;font-family: 'NanumSquare',sans-serif;font-weight: 400; font-size: 14px;}
.paging .num a:hover,.paging strong.on {background: #eff0f0;color: #0d6fb8;font-family: 'NanumSquare',sans-serif; font-weight: 600; font-size: 14px; }
.paging .btn {display:inline-block; vertical-align:top; width:16px; height:16px;}
.paging .btn a {display:inline;}
.paging .first {background:url('/common/assets/images/board/btn_prev01.png') center no-repeat; background-size:16px; width:16px; height:18px}
.paging .prev {background: url('/common/assets/images/board/btn_prev02.png') center no-repeat; background-size:16px; width:16px; height:18px}
.paging .next {background:url('/common/assets/images/board/btn_next02.png') center no-repeat; background-size:16px; width:16px; height:18px}
.paging .last {background:url('/common/assets/images/board/btn_next01.png') center no-repeat; background-size:16px; width:16px; height:18px}
.ie9 .paging .num a, .ie9 .paging strong,
.ie10 .paging .num a, .ie10 .paging strong,
.ie11 .paging .num a, .ie11 .paging strong {line-height:26px;}
.tableScroll + .paging {margin-top:-10px !important;}
.paging .mNum {display: none;}

.pagingWrap { text-align: center; }
.pagingWrap.mo { display:none; }
.pagingWrap + .btnLeft, .pagingWrap + .btnRight, .pagingWrap + .btnLeft + .btnRight { margin-top: -58px;}
.pagingWrap + .btnLeft { float:left; }
.pagingWrap + .btnRight, .pagingWrap + .btnLeft + .btnRight { float:right; }
.tableStyle01 + .pagingWrap {margin-top: 24px;}

.replySatis { padding: 20px; }
.replySatisInner {border: 1px solid #cad9e2;overflow: hidden;}

.replySatis .infomation {
	display: block;
	padding: 20px 30px;
	background-color: #dfebf2;
}

.replySatis .infomation p.iTitle {font-size: 18px;color: #0f689f;}
.replySatis .infomation p.desc {font-size: 12px;color: #434750;margin-top: 10px;}

.replySatis .infomation strong {
	font-family: "NanumSquare",sans-serif;
	font-weight: 500;
}
.valueWrap {padding: 20px 30px;overflow: hidden;}

.replySatis .value {
	float: left;
	margin: 0;
	height: 24px;
	line-height: 24px;
}

.replySatis .value p {
	float: left;
	padding-left: 39px;
	font-family: "NanumSquare",sans-serif;
	font-weight: 500;
	padding-right: 20px;
}

.replySatis .value p:first-child {margin-left:0; }

.replySatis .value p.valuation1 {
	background:transparent url(../../common/image/icon/icon_satisfaction01_off.png) no-repeat 16px center;
	background:-webkit-linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction01_off@2x.png) no-repeat 16px center;
	background:linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction01_off@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}

.replySatis .value p.valuation2 {
	background:transparent url(../../common/image/icon/icon_satisfaction02_off.png) no-repeat 16px center;
	background:-webkit-linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction02_off@2x.png) no-repeat 16px center;
	background:linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction02_off@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}

.replySatis .value p.valuation3 {
	background:transparent url(../../common/image/icon/icon_satisfaction03_off.png) no-repeat 16px center;
	background:-webkit-linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction03_off@2x.png) no-repeat 16px center;
	background:linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction03_off@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}

.replySatis .value p.valuation4 {
	background:transparent url(../../common/image/icon/icon_satisfaction04_off.png) no-repeat 16px center;
	background:-webkit-linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction04_off@2x.png) no-repeat 16px center;
	background:linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction04_off@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}

.replySatis .value p.valuation5 {
	background:transparent url(../../common/image/icon/icon_satisfaction05_off.png) no-repeat 16px center;
	background:-webkit-linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction05_off@2x.png) no-repeat 16px center;
	background:linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction05_off@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
	padding-right: 0;
}


.replySatis .value p.valuation1.on {
	background:transparent url(../../common/image/icon/icon_satisfaction01_on.png) no-repeat 16px center;
	background:-webkit-linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction01_on@2x.png) no-repeat 16px center;
	background:linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction01_on@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}

.replySatis .value p.valuation2.on {
	background:transparent url(../../common/image/icon/icon_satisfaction02_on.png) no-repeat 16px center;
	background:-webkit-linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction02_on@2x.png) no-repeat 16px center;
	background:linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction02_on@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}

.replySatis .value p.valuation3.on {
	background:transparent url(../../common/image/icon/icon_satisfaction03_on.png) no-repeat 16px center;
	background:-webkit-linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction03_on@2x.png) no-repeat 16px center;
	background:linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction03_on@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}

.replySatis .value p.valuation4.on {
	background:transparent url(../../common/image/icon/icon_satisfaction04_on.png) no-repeat 16px center;
	background:-webkit-linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction04_on@2x.png) no-repeat 16px center;
	background:linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction04_on@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}

.replySatis .value p.valuation5.on {
	background:transparent url(../../common/image/icon/icon_satisfaction05_on.png) no-repeat 16px center;
	background:-webkit-linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction05_on@2x.png) no-repeat 16px center;
	background:linear-gradient(transparent,transparent), url(../../common/image/icon/icon_satisfaction05_on@2x.png) no-repeat 16px center;
	background-size: 24px 24px;
}

.replySatis .value p input[type="radio"] { display: none; }
.replySatis .value p .imageRadio02 {
	display: inline-block;
	padding-left: 60px;
	background:transparent url(../../common/image/icon/icon_radio_type02_off.png) no-repeat 16px center;
	background:-webkit-linear-gradient(transparent,transparent), url(../../common/image/icon/icon_radio_type02_off@2x.png) no-repeat 16px center;
	background:linear-gradient(transparent,transparent), url(../../common/image/icon/icon_radio_type02_off@2x.png) no-repeat 16px center;
	background-size: 13px 13px;
}

.replySatis .value p .imageRadio02.on {
	background:transparent url(../../common/image/icon/icon_radio_type02_on.png) no-repeat 16px center;
	background:-webkit-linear-gradient(transparent,transparent), url(../../common/image/icon/icon_radio_type02_on@2x.png) no-repeat 16px center;
	background:linear-gradient(transparent,transparent), url(../../common/image/icon/icon_radio_type02_on@2x.png) no-repeat 16px center;
	background-size: 13px 13px;
}

.replySatis .value p label {
	display: inline-block;
	vertical-align: middle;
	color: #7b7b7b;
	margin-left: -55px;
}

.replySatis .value p label.on {color: #179fec; }

.valueWrap .btnArea02 { padding-top:0; }

.replySatis .valueBtn { float: right; overflow: hidden; }

.boardSearch + .tableScroll .tableStyle01 table {margin: 10px 0 0 0;}

@media only screen and (max-width:1023px) {

	.imgList ul {width:557px; height:203px; margin:0 auto;}
	.imgList02 ul {width:557px; margin:0 auto;}
	.imgList02 li {margin-left:0;}
	.imgList02 li:nth-of-type(even) {float:right;}

	/* boardView */
	.boardView > ul > li.tit > strong {width:15%;}
	.boardView > ul > li.tit > div {width:85%;}

	.boardView.child02 li.part > strong {width:30%;}
	.boardView.child02 li.part > div {width:70%;}
	.boardView.child02 li.date > strong {width:30%;}
	.boardView.child02 li.date > div {width:70%;}

	.boardView.wide li.tit > strong {width:17.5%;}
	.boardView.wide li.tit > div {width:81.5%;}
	.boardView.wide li.part > strong {width:36%;}
	.boardView.wide li.part > div {width:63%;}
	.boardView.wide li.date > strong {width:36%;}
	.boardView.wide li.date > div {width:63%;}

	.pollView > ul {padding:0 10px;}
	.pollView .result li {margin:0 0 12px 16px;}

	/* boardWrite */
	/* .boardWrite li .cnt .txtCmt {display:block; margin:6px 0 !important;} inline 설명글 */
	/* .boardWrite li .cnt .txtCmtM {margin-left:0; display:block} inline 설명글 회원가입 예외사항 */

	/* boardNext */
	.boardNext li > strong {width:15%;}
	.boardNext li > div {width:85%;}

	/* common */
	table tr .part {width:100px;} /* 분류 */
	table tr .state {width:80px;} /* 상태 */

	/* .boardWrite li.half {float: none; width: 100%;} */
	.selectBox.half {width: 100%;}
	/* .boardWrite li .cnt .txtCmt {clear: both; display: block; float: none; margin-left: 0;} */

	.boardBtnArea {text-align: center;}
	.boardBtnArea:after {content: ""; clear: both; display: block}
	.boardBtnArea .fr.btnsN2 {float: none; clear: both; width: 100%}
	.boardBtnArea .fr.btnsN2 a {width: 49%; margin-left: 0; display: block; vertical-align: middle; }
	.boardBtnArea .fr.btnsN2 .btnMd02 {float: left;}
	.boardBtnArea .fr .btnMd02.bgColor02 {float: right;}

	.searchArea02 {padding:2%;}
	.searchArea02 > div.divide {margin:0 0 6px; }
	.searchArea02 .selectBox + label {margin-left:3%;}
	.searchArea02 .selectBox {width:30%;}
	.searchArea02 > div .selectBox {width:26%;}
	.searchArea02 .btnSch02 { height:36px; }

	.searchArea02 .divide02 {float:left; width:38%;}
	.searchArea02 .divide02 + .divide02 {margin-left:0;}
	.searchArea02 .divide02.type02 {width:58%; margin-left:3.5%;}
	.searchArea02 .divide02.type03 {margin-top:5px;}
	.searchArea02 > .divide02 > label {width:28%;}
	.searchArea02 > .divide02.type02 > label {width:20%;}

	.searchArea02 .inputSearchBox {width:58%; display:inline-block; padding:5px 0 0; float:none; clear:both; box-sizing:border-box; margin-left:3.5%;}
	.searchArea02 .inputSearchBox input[type="text"] {width:52%;}

	.searchArea02 .inputSearchBox.type02 {width:100%; margin-left:0;}
	.searchArea02 .inputSearchBox.type02 input[type="text"] {width:100%;}

	.searchArea02 .inputSearchBox.type03 input[type="text"] {width:100%;}
}

@media only screen and (max-width:767px) {
	/* boardSearch */
	.boardSearch {min-height: 35px; margin-bottom:10px;}
	.boardSearch .result {float: none;}
	.boardSearch .search {float:none;}
	.boardSearch .measure {margin-top: 40px}

	.boardSearch .search .selectBox {display: block;; height: 33px; float: none; margin-right: 0; margin-bottom: 5px;}
	.boardSearch .search .selectBox label {height: 33px; line-height: 33px;}
	.boardSearch .search .inText {width:100%; margin-bottom:5px;}
	.boardSearch .search .inText input[type="text"] {width:77%;}

	#popup .boardSearch .search {float:none;}
	#popup .boardSearch .search select {width:100%; margin-right:0;}
	#popup .boardSearch .search .inText {width:100%; margin-top:6px;}
	#popup .boardSearch .search .inText input[type="text"] {width:77%;}

	/* boardList */
	.boardList table thead th {display: ;}
	.boardList table thead.mobileShow th {display: table-cell}
	.boardList {margin-bottom:30px;}
	.boardList table tbody td.subject {padding-left: 5px; width: 86%;}
	.boardList table tbody td.mWidth100 {width: 100%}

	.boardList + .btnArea.sub2 {margin-top:20px !important;}
	.tableScroll .boardList {margin-bottom:0;}


	/* List_boardType01 */
	.boardType01 .left {position:inherit; float:none; width:230px; margin:0 auto;}
	.boardType01 .left > div {padding:15px 0;}
	.boardType01 .right {width:100%; margin:0;}
	.boardType01 .right > div {margin-left:0; padding:0 0 15px;}

	/* List_boardType02 */
	.boardType02 {margin-bottom:15px;}
	.boardType02 .movie {margin-top:15px; padding-bottom:15px;}
	.boardType02 .movie .left > div {width:290px; height:217px;}
	.boardType02 .movie .left > div img {width:100%;}
	.boardType02 .movie .left > div embed {width:100% !important; height:100% !important; vertical-align:top;}
	.boardType02 .movie .right > div {padding:8px 10px 10px;}
	.boardType02 + .pagingWrap {margin-top:-20px !important;}

	/* boardView */
	.boardView > ul > li > strong > span {padding-left:10px;}
	.boardView > ul > li > span > span {padding-left:15px;}
	.boardView .cont {padding:25px 0;}

	.boardView > ul > li.tit > strong {width:21%;}
	.boardView > ul > li.tit > div {width:76%;}

	.boardView.child02 li.part {width:100%;}
	.boardView.child02 li.part > strong {width:21%;}
	.boardView.child02 li.part > div {width:76%;}
	.boardView.child02 li.date {width:100%;}
	.boardView.child02 li.date > strong {width:24%;}
	.boardView.child02 li.date > div {width:76%;}

	.boardView.wide li.tit > strong {width:28%; padding-right:1%;}
	.boardView.wide li.tit > div {width:71%;}
	.boardView.wide li.part {width:100%;}
	.boardView.wide li.part > strong {width:28%; padding-right:1%;}
	.boardView.wide li.part > div {width:71%;}
	.boardView.wide li.date {width:100%;}
	.boardView.wide li.date > strong {width:28%; padding-right:1%;}
	.boardView.wide li.date > div {width:71%;}

	.boardView .contPoll .top {padding:15px 10px 15px 10px; background:none;}
	.boardView .contPoll .top p.tit {min-height:50px; margin-bottom:2px; padding:5px 0 0 55px; background:url('/common/image/icon/icon_poll_reply.png') no-repeat 0 0;}
	.boardView .contPoll .pollList li dl dd {margin-right:7px;}

	.boardView .inCk label {margin-right:10px}

	.pollView {padding:25px 0;}
	.pollView > ul {padding:0;}

	/* boardTb */
	.boardTb li > p > .num {width:14%;}
	.boardTb li > p > .num > span {padding-left:10px;}
	.boardTb li > p > .txt {width:86%;}
	.boardTb li > p > .txt > span {padding-left:12px;}

	.boardTb.case02 li > p > .txt > span {margin-right:40px;}
	.boardTb.case02 li > p > .txt > span .icon {position:inherit; float:left; margin-right:10px;}
	.boardTb.case02 li > p > .txt > span .sTit {margin:5px 0 0;}

	.boardWrite {min-width:280px;}
	.boardWrite li.half {float: none; width: 100%;}
	.boardWrite li .tit {background:none; width:90px; padding:6px 19px 6px 15px;}
	.boardWrite.modify ul li .tit {width:100px; padding:6px 10px 6px 15px;}
	.boardWrite li.half .tit {width:90px;}
	.boardWrite li .cnt .txtCmt {margin-left:0; display:block}

	.boardWrite.modify ul li .password {width:100%;}
	.boardWrite li .cnt .writerName {width:100%;}

	/* File Add */
	.fileBox {width:100%;}
	.fileBox .addFile {width:100%; height:28px; padding:6px 0 7px 0; background: #fff; border: 1px solid #e1e2e2;}
	.fileBox input[type=text]:read-only {background:#fff;}
	.btnFile {width:44%; position:relative; display:inline-block; right:0; vertical-align:middle; margin-top:5px;}
	.btnFile input[type="file"] {width:44%; height:22px; cursor:pointer; border:0; background:none; overflow:hidden; opacity:0; position:relative; z-index:100;}
	.attchFileReset {width:44%; position:static; display:inline-block; vertical-align:middle; margin-top:5px;}
	.btnFile:after {content:"첨부파일"; width:100%; text-align:center; position:absolute; left:0; top:0; z-index:10;}
	.boardWrite li .cnt .txtCmt {margin:0;}

	.imgList {padding-top:20px;}
	.imgList li {float:none; margin:0 auto 15px;}
	.imgList li:first-child {margin:0 auto 15px;}

	.imgList02 ul {position:inherit;}
	.imgList02 li {float:none; margin:0 auto 15px;}

	/* boardNext */
	.boardNext {margin-bottom:20px;}
	.boardNext li > strong {width:22%; padding-right:0;}
	.boardNext li > div {width:78%;}
	.boardNext li > div > span.cmt .date {float:left; margin:0 0 10px 6px;}
	.boardNext li.prev > strong,
	.boardNext li.next > strong {background:none;}

	/* common */
	table tr .num,
	table tr .name,
	table tr .group,
	table tr .state,
	table tr .date,
	table tr .dateWide,
	table tr .spot,
	table tr .step,
	table tr .public,
	table tr .answer,
	table tr .refer {display:none;}
	table tr .process {width:18%;}
	table tr .nameOpen {width:18%;}
	table tr .dateOpen {width:23%;}
	table tr .part {width:100px; background-image:none;}
	.boardList table tbody td.part {vertical-align: top}
	table tr .subject {width:auto; background-image:none;}
	/*
	table tr .subject a {display: inline-block; vertical-align: middle; max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overow: ellipsis;}
	*/
	table tr .subject a {display: inline-block; vertical-align: middle;}
	table tr th.part + th.subject {background-image:url('/common/image/bg/bg_boardSec.gif');}
	table tr .file {width:14% !important;}

	.boardList table tbody td.subject .mSubInfo {display:block; padding-top: 5px;}
	.boardList table tbody td.subject .mSubInfo:after {content: ""; clear: both; display: block}
	.boardList table tbody td.subject .mSubInfo li {float:left; color: #9e9e9e; font-size: 11px; line-height: 12px; padding-left: 10px; margin-left: 9px; background: url(/common/image/icon/icon_g_stick01.gif) no-repeat 0 1px; background-size: 1px 10px}
	.boardList table tbody td.subject .mSubInfo li:first-child {background: transparent; margin-left: 0; padding-left: 0;}
	.boardList table tbody td.subject .mSubInfo li strong {color: #000; font-family: "NanumSquare", sans-serif; font-weight: 500;}
	.boardList table tbody td.subject .mSubInfo li span {color: #fff; display: inline-block; height: 15px; line-height: 15px;}


	.pagingWrap {display:none;}
	.tableStyle01 ~ .pagingWrap.mo {padding-top:15px;}
	.pagingWrap.mo { position: relative; display:block; }
	.paging .num {display: none;}
	.paging .mNum {display: inline-block; vertical-align: top; letter-spacing: 3px}
	.paging .mNum input[type="text"] {display:inline-block; width:50px;height: 28px; padding-right: 10px;font-weight:bold;color: #137cbd;text-align:right; box-sizing: border-box; border: 1px solid #e1e2e2; font-size: 13px; font-family: "NanumSquare", sans-serif; font-weight: 500 }
	.paging .mNum span {display:inline-block;width:50px;height: 28px;line-height: 26px;padding-right: 10px;font-weight:bold;color: #137cbd;text-align:right;box-sizing: border-box;border: 1px solid #e1e2e2;font-size: 12px;font-family: "NanumSquare", sans-serif;font-weight: 500;}

	.paging .btn {display:inline-block; vertical-align:top;}
	.paging .btn a {display:block; width: 26px; height:26px; margin:0; text-indent:-9999px; border:1px solid #e1e2e2; text-align: center;}
	.paging .first { width:26px !important; background-position: center center}
	.paging .prev { width: 26px !important; margin-right: 15px !important; background-position: center center}
	.paging .next {width:26px !important;margin-left: 15px !important; background-position: center center}
	.paging .last { width:26px !important; background-position: center center}

	.pagingWrap + .btnLeft, .pagingWrap + .btnRight, .pagingWrap + .btnLeft + .btnRight {margin-top: 0;margin-bottom: 20px;}

	.boardWrite .inputCal {position:relative;}
	.boardWrite .inputCal .btnCalender {position:absolute; right:-2px; top:2px;}

	.boardWrite li .cnt .inpHalf {width:100%;}

	.inCk > li {display:block;}

	/* selectbox Search Area */
	.searchArea02 {padding:20px; background:#f5f6f6; margin:-25px 0 10px; position:relative; box-sizing:border-box;}
	.searchArea02 label {display:none;}
	.searchArea02 .selectBox {width:100%; margin:0 0 5px;}
	.searchArea02 > div.divide {margin:0;}
	.searchArea02 .selectBox + label {margin-left:0;}
	.searchArea02 .selectBox {width:100%;}
	.searchArea02 > div .selectBox {width:100%;}

	.searchArea02 .divide02 {float:none; width:100%; padding:0;}
	.searchArea02 .divide02 + .divide02 {margin-left:0;}
	.searchArea02 .divide02.type02 {width:100%; margin-left:0; padding:0;}
	.searchArea02 .divide02.type03 {width:100%; margin-top:0; padding:0;}
	.searchArea02 > .divide > .selectBox,
	.searchArea02 > .divide02 > .selectBox,
	.searchArea02 > .divide02.type02 > .selectBox {width:100%;}

	.searchArea02 .divide03, .searchArea02 .divide03.type02, .searchArea02 .divide03.type03 {padding:0; width:100%; float:none;}

	.searchArea02 .inputSearchBox {width:100%; display:block; padding:0; margin-left:0;}
	.searchArea02 .inputSearchBox input[type="text"] {width:100%; height:34px; margin:0 0 5px; box-sizing:border-box;}
	.searchArea02 .inputSearchBox input[type="button"], .searchArea02 .btnSch02 {position:static;position: static !important;width:100%;}
	.searchArea02 .inputSearchBox input[type="button"] + input[type="button"] {margin:5px 0 0;}

	.searchArea02 .inputSearchBox.type02 { padding:0; }
	.areaMobileSearchArea + .searchArea02 {margin:0;}
	
	.replySatis .infomation, .valueWrap {padding: 3%;}
	.replySatis .value {margin-bottom:14px;float: none;width: 100%;}
	.replySatis .value p {width:20%;box-sizing:border-box;background-position: center top !important;padding: 30px 0 0 0; text-align: center; }
	.replySatis .valueBtn {float:none;clear:both;width:100%;}
	.replySatis .valueBtn .btn2nd {float:left;width: 49%;margin-left:2%;box-sizing: border-box;}
	.replySatis .valueBtn .btn2nd:first-child { margin-left:0; }
	.replySatis .value p label {padding-left: 17px !important;margin-left: 0;background-position: left center !important;}
		
	.faqList.type02 dl dt a .title {padding-left:0px;}
	.faqList.type02 dl dt a em{margin-left: 0px;margin-right: 0px;}
	.faqList.type02 dl dt a .titleTxt {display:block;}
	
}

@media only screen and (min-width:401px) and (max-width:768px) {
	/* List_boardType02 */
	.boardType02 .movie {height:auto;}
	.boardType02 .movie .left {width:100%;}
	.boardType02 .movie .left > div {margin:0 auto 20px;}
	.boardType02 .movie .left {position:inherit;}
	.boardType02 .movie .right > div {margin:0;}
}

@media only screen and (min-width:401px) and (max-width:500px) {

	/* faq */
	.faqList {border-top: 2px solid #66575a; margin-bottom: 25px;}
	.faqList dl {border-bottom: 1px solid #e1e2e2;}
	.faqList dl dt {margin: 0; padding: 0;}
	.faqList dl dt a {position: relative; display: block; min-height: 14px; padding: 13px 41px 13px 50px; font-family: "NanumSquare", sans-serif; font-weight: 500; color: #5e5e5f;}
	.faqList dl dt a .count {position: absolute; top: 12px; left: 0; width: 40px; color: #6c6e6f; text-align: center;}
	.faqList dl dt a .wordQ {position: absolute; top: 12px; left: 35px;}
	.faqList dl dt a .title {display: block; font-size: 13px;}
	.faqList dl dt a .arrow {position: absolute; top: 50%; right: 20px; margin-top: -3px; width: 12px; height: 6px; display: block; background: url(/common/image/icon/icon_arrow_down01.png) no-repeat 0 0;}
	.faqList dl dt a.on, .faqList dl dt a.on .count {background: #1c98de; color: #fff;}
	.faqList dl dt a.on .arrow {background: url(/common/image/icon/icon_arrow_up01.png) no-repeat 0 0;}
	.faqList dl dd {position: relative; display: none; padding: 27px 41px 23px 50px; background: #f7f7f7; color: #5e5e5f; font-family: "NanumSquare", sans-serif; font-weight: 500;}
	.faqList dl dd .wordA {position: absolute; top: 27px; left: 35px; color: #1c98de;}

	/* thumbnail list */
	.thumbNailList li {padding: 14px 0 13px 130px; min-height: 70px;}
	.thumbNailList li .imgThumbNail {width: 115px; height: 70px;}
	.thumbNailList li .thumbNailInfo {min-height: auto; margin-bottom: 10px; padding-top: 0;}
	.thumbNailList li .thumbNailInfo .title {font-size: 13px; line-height: 18px;}
	.thumbNailList li .thumbNailInfo .submit {font-size: 11px;}
	.thumbNailList li .btns a img {width: 18px; height: 18px;}
}

@media only all and (max-width:480px) {
	.replySatis .value { height:auto; }

	.replySatis .value p {
		float: none;
		width: auto;
		padding-top: 0;
		padding-left: 0;
		margin: 10px 0;
		text-align: left;
	}

	.replySatis .value p.valuation1,
	.replySatis .value p.valuation2,
	.replySatis .value p.valuation3,
	.replySatis .value p.valuation4,
	.replySatis .value p.valuation5,
	.replySatis .value p.valuation1.on,
	.replySatis .value p.valuation2.on,
	.replySatis .value p.valuation3.on,
	.replySatis .value p.valuation4.on,
	.replySatis .value p.valuation5.on {
		background-position: 20px top !important;
	}

	.replySatis .value p .imageRadio02,
	.replySatis .value p .imageRadio02.on {
		line-height: 24px;
		padding-left: 53px !important;
		background-position: left center !important;
		font-size: 15px;
	}
}

@media only screen and (max-width:400px) {
	/* faq */
	.faqList {border-top: 2px solid #66575a; margin-bottom: 25px;}
	.faqList dl {border-bottom: 1px solid #e1e2e2;}
	.faqList dl dt {margin: 0; padding: 0;}
	.faqList dl dt a {position: relative; display: block; min-height: 14px; padding: 13px 41px 13px 50px; font-family: "NanumSquare", sans-serif; font-weight: 500; color: #5e5e5f;}
	.faqList dl dt a .count {position: absolute; top: 12px; left: 0; width: 40px; color: #6c6e6f; text-align: center;}
	.faqList dl dt a .wordQ {position: absolute; top: 12px; left: 35px;}
	.faqList dl dt a .title {display: block; font-size: 13px;}
	.faqList dl dt a .arrow {position: absolute; top: 50%; right: 20px; margin-top: -3px; width: 12px; height: 6px; display: block; background: url(/common/image/icon/icon_arrow_down01.png) no-repeat 0 0;}
	.faqList dl dt a.on, .faqList dl dt a.on .count {background: #1c98de; color: #fff;}
	.faqList dl dt a.on .arrow {background: url(/common/image/icon/icon_arrow_up01.png) no-repeat 0 0;}
	.faqList dl dd {position: relative; display: none; padding: 27px 41px 23px 50px; background: #f7f7f7; color: #5e5e5f; font-family: "NanumSquare", sans-serif; font-weight: 500;}
	.faqList dl dd .wordA {position: absolute; top: 27px; left: 35px; color: #1c98de;}

	/* thumbnail list */
	.thumbNailList li {padding: 14px 0 13px 130px; min-height: 70px;}
	.thumbNailList li .imgThumbNail {width: 115px; height: 70px;}
	.thumbNailList li .thumbNailInfo {min-height: auto; margin-bottom: 10px; padding-top: 0;}
	.thumbNailList li .thumbNailInfo .title {font-size: 13px; line-height: 18px;}
	.thumbNailList li .thumbNailInfo .submit {font-size: 11px;}
	.thumbNailList li .btns a img {width: 18px; height: 18px;}

	/* List_boardType01 */
	.boardType01 .left {position:inherit; float:none; margin:0 auto;}
	.boardType01 .right {width:100%; margin:0;}
	.boardType01 .right > div {margin-left:0; padding:0 0 15px;}

	/* List_boardType02 */
	.boardType02 .movie {height:auto;}
	.boardType02 .movie .left {width:100%;}
	.boardType02 .movie .left > div {width:100%; height:auto; margin:0 auto 20px;}
	.boardType02 .movie .left > div img {width:100%;}
	.boardType02 .movie .left {position:inherit;}
	.boardType02 .movie .right > div {margin:0;}

	.imgList li {float:none; margin:0 auto 26px;}
	.imgList li:first-child {margin:0 auto 26px;}

	.imgList02 li {float:none; margin:0 auto 26px;}

	/* View_boardTb */
	.boardTb li > p > .txt > span .icon {margin-right:10px;}

	/* View_boardView */
	.boardView.child02 > ul > li.tit > strong {width:28% !important;}
	.boardView.child02 > ul > li.tit > div {width:71% !important;}
	.boardView.child02 li.part > strong {width:28% !important;}
	.boardView.child02 li.part > div {width:71% !important;}
	.boardView.child02 li.date > strong {width:28% !important;}
	.boardView.child02 li.date > div {width:71% !important;}

	/* boardWrite */
	.boardWrite li .cnt .txtCmtM {margin-left:0; display:block}
	.boardWrite li.email .string em {width:16px !important;}

	.boardWrite li .cnt .fileBox {float: none; width: 100%; padding-right: 0; box-sizing: border-box;}
	.boardWrite li .cnt .fileBox .uploadName {width: 100%; height: 28px; padding: 6px 0 7px 0; background: #fff; border: 1px solid #e1e2e2}
	.boardWrite li .cnt .fileBox .fileBtns {position: static; margin-top: 5px;}
	.boardWrite li .cnt .fileBox label, .boardWrite li .cnt .fileBox a {width: 48%; height: 27px; border: 1px solid #d6d6d9; background: #eff0f0; text-align: center; line-height: 27px; color: #31343f; font-size: 12px; font-family: "NanumSquare", sans-serif; font-weight: 500; margin-left: 0;}
	.boardWrite li .cnt .fileBox label {float: left;}
	.boardWrite li .cnt .fileBox a {float: right}
	.boardWrite li .cnt .fileBox input[type="file"] {display: none;}
	.boardWrite li .cnt .txtCmt {float: left; margin-left: 15px; color: #6c6e6f; font-family: "NanumSquare", sans-serif; font-weight: 500;} /* inline 설명글 */
	.boardWrite li .cnt em {display:block; margin:0;}
	.selectBox.half {width: 100%;}
	.phoneBox {margin: 0; padding: 0; width:100%;}


	.emailBox, .half .emailBox
	{margin: 0; padding: 0;}
	.emailBox:after, .half .emailBox:after
	{content: ""; clear: both;	display: block;}
	.emailBox .inputEmail1, .half .emailBox .inputEmail1
	{float: none; width: 100%; margin-right: 0; margin-bottom: 5px;}
	.emailBox .inputEmail2, .half .emailBox .inputEmail2
	{float: none; position: relative; width: 100%; margin-right: 0%; margin-bottom: 5px;}
	.emailBox .inputEmail2 input[type="text"], .half .emailBox .inputEmail2 input[type="text"]
	{display: block; padding-left: 15px; width: 100%;}
	.emailBox .inputEmail2 span, .half .emailBox .inputEmail2 span
	{position: absolute; top: 3px; left: 9px; color: #6c6e6f; font-family: "NanumSquare", sans-serif; font-weight: 500; display: block;}
	.emailBox .selectBox, .half .emailBox .selectBox
	{clear: both; float: none; width: 100%;}

	.phoneBox {margin: 0; padding: 0;}
	.phoneBox:after {content: ""; clear: both; display: block;}
	.phoneBox .selectBox {float: left; width: 50%;}
	.phoneBox input[type="text"] {float: left; width: 23.5%; margin-left: 1%;}




	/* boardNext */
	.boardNext li > strong {width:22%;}
	.boardNext li > strong > span {padding-right:0; padding-left:10px;}
	.boardNext li > span {width:78%;}
	.boardNext li > span > span {padding-left:10px;}
	.boardNext li > span > span.cmt .date {display:block; width:100%; margin:5px 0 10px !important;}
	.boardNext li.prev > strong > span,
	.boardNext li.next > strong > span {background:none;}

	/* common */
	table tr .part {width:100px;} 
	table tr .state {width:60px;} 
}