@charset "utf-8"; 
@import url('editor.css');


/*****
* 게시판의 레이아웃 및 세부 스타일을 정의합니다.
* 최종 작업에서 추가된 문서입니다.
*****/


/* Common */

.board {width: 1200px; margin: 0 auto; padding: 80px 0; font-size: 16px;}

.board table {width: 100%; border-top: solid 2px #0c4da2;}
.board th,
.board td {padding: 10px 20px; border-left: solid 1px #ddd; border-bottom: solid 1px #ddd; font-size: 16px;}
.board th {width: 149px; background: #eee; text-align: center; color: #000;}
.board th:first-child,
.board td:first-child {border-left: 0;}

.board input[type="text"],
.board input[type="password"],
.board input[type="file"],
.board textarea,
.board select {font-size: 16px;}
.board input[type="text"],
.board input[type="password"],
.board textarea,
.board select {border: solid 1px #ddd; border-radius: 0;}
.board input[type="text"],
.board input[type="password"],
.board textarea {padding: 5px 9px; -webkit-appearance: none;}
.board input[type="text"],
.board input[type="password"] {width: 130px; height: 24px;}
.board input[type="text"].datepicker,
.board input[type="password"].datepicker {background: url(/img/common/icnDate.png) no-repeat 100% 50%;}
.board input[type="text"].full,
.board input[type="password"].full,
.board textarea {width: 950px;}
.board textarea {height: 288px;}
.board select {width: 150px; height: 36px; padding: 5px;}

.board button,
.board input[type="submit"] {height: 36px; padding: 0 9px; border: solid 1px #ddd; border-radius: 0; background: #fff; line-height: 36px; font-size: 16px; cursor: pointer; -webkit-appearance: none;}
.board button.color,
.board input[type="submit"].color {border-color: #0c4da2; background: #0c4da2; color: #fff;}

.board input[type="checkbox"],
.board input[type="radio"] {margin-left: 10px;}
.board input[type="checkbox"]:first-child,
.board input[type="radio"]:first-child {margin-left: 0;}

.board label {vertical-align: middle;}
.board label.sound {line-height: 0; font-size: 0;}

.board span.tiny {font-size: 12px;} 

.board .sound_only {display: none;} 


/* Button */

.boardButton {margin-top: 20px; text-align: center; line-height: 0; font-size: 0; *zoom: 1;}
.boardButton:after {content: ""; display: block; clear: both;}

.boardButton > div.left {float: left;}
.boardButton > div.right {float: right;}

.boardButton a,
.boardButton button,
.boardButton input[type="submit"] {height: 50px; margin-left: 10px; padding: 0 19px; line-height: 50px;}
.boardButton a {display: inline-block; min-width: 60px; border: solid 1px #ddd; border-radius: 0; background: #fff; vertical-align: middle; font-size: 16px; *display: inline; *zoom: 1;}
.boardButton a.color {border-color: #0c4da2; background: #0c4da2; color: #fff;}
.boardButton button,
.boardButton input[type="submit"] {min-width: 100px;}
.boardButton a:first-child,
.boardButton button:first-child,
.boardButton input[type="submit"]:first-child {margin-left: 0 !important;}


/* List */

.boardList {margin-top: 20px;}

.boardList th {width: auto;}
.boardList td {text-align: center;}

.boardList td.number {width: 48px;}
.boardList td.subject {text-align: left;}
.boardList td.subject a {display: block; max-width: 940px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.boardList td.date {width: 90px; white-space: nowrap;}

.boardList tr.important td {background: #0c4da2;}
.boardList tr.important td,
.boardList tr.important td a {color: #fff;}

.boardList td.empty {padding: 100px 0;}


/* List Count & Basic Search */

.boardHead {*zoom: 1;}
.boardHead:after {content: ""; display: block; clear: both;}

.boardHead .count {float: left; padding-top: 20px; line-height: 1;}
.boardHead .count em {font-weight: bold; color: #0c4da2;}

.boardHead .search {float: right; line-height: 0; font-size: 0;}
.boardHead .search select {width: 100px;}
.boardHead .search input[type="text"],
.boardHead .search input[type="submit"] {margin-left: 5px;}


/* List Filter (Detail Search) */

.boardFilter td {height: 36px;}

.boardFilter td.search {line-height: 0; font-size: 0;}
.boardFilter td.search select {width: 100px;}
.boardFilter td.search input[type="text"] {width: 192px; margin-left: 5px;}


/* Pagination */

.boardPager {margin-top: 20px; text-align: center; line-height: 0; font-size: 0;}

.boardPager a,
.boardPager strong {display: inline-block; min-width: 15px; padding: 0 9px; margin-left: 5px; border-radius:50px;/*border: solid 1px #ddd;*/ line-height: 33px; font-size: 16px; *display: inline; *zoom: 1;}
.boardPager a:hover {border-color: #0c4da2; color: #0c4da2;}
.boardPager a.on,
.boardPager strong {border-color: #0c4da2; background: #0c4da2; font-weight: bold; color: #fff; }

/* View */

.boardView {border-top: 0 !important;}

.boardView thead th {padding: 0 0 20px; border-bottom: solid 2px #0c4da2; background: none; text-align: left; line-height: 1.3; font-size: 28px; font-weight: normal;}

.boardView tr.info td {width: 370px;}
.boardView tr.info td + th + td {width: 369px;}
.boardView tr.info td a {text-decoration: underline;}

.boardView th.hide {display: none;}

.boardView td.body {height: 230px; padding: 20px; vertical-align: top;}
.boardView td.body img {max-width: 1160px;}

.boardView td.body .view_image {display: block; text-align: center; line-height: 0; font-size: 0;}
.boardView td.body .view_image + p {margin-top: 20px;}


/* Prev/Next Post */

.boardNear {margin-top: 60px;}

.boardNear td a {display: block; max-width: 970px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/* Write */

.boardWrite td {height: 36px;}

.boardWrite .cke_sc {margin-bottom: 10px;}

.boardWrite .cke_sc_def dl {padding: 10px 0; font-size: 14px; *zoom: 1;}
.boardWrite .cke_sc_def dl:after {content: ""; display: block; clear: both;}
.boardWrite .cke_sc_def dt,
.boardWrite .cke_sc_def dd {float: left;}
.boardWrite .cke_sc_def dt {width: 135px; font-weight: bold; color: #0c4da2;}
.boardWrite .cke_sc_def dd {width: 320px; padding-right: 30px;}


/* Datepicker */

.ui-datepicker {width: 278px; padding-bottom: 5px; border: solid 1px #ddd; border-radius: 10px; background: #fff; z-index: 1000 !important;}
.ui-datepicker a {display: inline-block; *display: inline; *zoom: 1;}

.ui-datepicker-header {position: relative; height: 44px; border-bottom: solid 1px #ddd;}

.ui-datepicker-prev,
.ui-datepicker-next {position: absolute; top: 12px; width: 21px; height: 21px; line-height: 0; font-size: 0; cursor: pointer;}
.ui-datepicker-prev {left: 56px; background: url(/img/common/btnDatePrev.png) no-repeat;}
.ui-datepicker-next {right: 56px; background: url(/img/common/btnDateNext.png) no-repeat;}

.ui-datepicker-title {width: 104px; margin: 0 auto; text-align: center; line-height: 44px; font-size: 14px; font-weight: bold;}

.ui-datepicker-calendar {width: 259px; margin: 5px auto 0; text-align: center;}
.ui-datepicker-calendar th {font-size: 12px; font-weight: bold;}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {width: 37px; height: 27px;}
.ui-datepicker-calendar td {font-size: 12px;}
.ui-datepicker-calendar td > a {width: 21px; height: 12px; padding: 5px 0 4px; line-height: 1; font-family: 'Arial', sans-serif; color: #999;}

.ui-datepicker-current-day > a {border-radius: 15px; background: #0c4da2; color: #fff !important;}


/* Login */

form.login {margin-top: 40px;}

form.login fieldset {position: relative; width: 460px; margin: 0 auto; padding: 50px 58px 40px; border: solid 2px #999; border-radius: 20px; box-shadow: 2px 2px 2px #ccc; line-height: 0; font-size: 0;}
form.login fieldset legend {display: none;}
form.login fieldset legend + div {margin-top: 0 !important;}
form.login fieldset > div {margin-top: 11px;}
form.login fieldset > div.option {padding-left: 90px;}

form.login label {display: inline-block; width: 90px; vertical-align: middle; line-height: 42px; font-size: 18px; *display: inline; *zoom: 1;}
form.login input[type="text"],
form.login input[type="password"] {width: 212px; height: 27px; padding: 6px 15px 7px; border: solid 1px #aaa; vertical-align: middle; font-size: 18px; color: #444; -webkit-appearance: none;}
form.login input[type="checkbox"] {margin-right: 8px;}
form.login input[type="submit"] {position: absolute; top: 50px; right: 68px; width: 105px; height: 95px; border: 0; border-radius: 0; background: #0c4da2; font-size: 20px; color: #fff; cursor: pointer; -webkit-appearance: none;}

form.login .info {width: 580px; margin: 30px auto 0; text-align: center;}
form.login .info h2 {display: inline-block; margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #0c4da2; font-size: 30px; font-weight: 500; color: #0c4da2; *display: inline; *zoom: 1;}
form.login .info li {display: block; line-height: 1.8; font-size: 18px;}


/* Management Bar */

.barAdmin {position: fixed; bottom: 0; left: 0; width: 100%; background: #000; text-align: center; z-index: 10000; font-size: 14px;}
.barAdmin:after {content: ""; display: block; clear: both;}

.barAdmin > .left {float: left;}
.barAdmin > .left,
.barAdmin > .right {padding: 5px 10px;}
.barAdmin > .right {float: right;}

.barAdmin a {margin-left: 5px; color: #fff;}
.barAdmin a:first-child {margin-left: 0;}





/* ===== [LIM 추가수정 - metanet_re 스킨작업] ===== */
.boardNewHead { display:flex; justify-content:space-between; align-items:center; width:100%;}
.boardNewHead .hide { position:absolute; left:-9999%; width:0; height:0;font-size:0; line-height:0; text-indent:-9999px;}
.boardNewHead .count { font-size:18px; font-weight:700; line-height: 1;}
.boardNewHead .count em {font-weight: bold; color: #0c4da2;}
.boardNewHead .search {line-height: 0; font-size: 0;}
.boardNewHead .search form { display:flex;}
.boardNewHead .search select {width: 100px; height:50px; border:1px solid #ddd;}
.boardNewHead .searchbox { display:flex; align-items:center; position:relative;}
.boardNewHead .searchbox strong { display:block; margin-right:15px; font-size:18px; color:#000; font-weight:700;}
.boardNewHead .searchbox input[type="text"] { padding-right:40px; width:300px; height:50px; border:1px solid #ddd; font-size:18px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.boardNewHead .searchbox input[type="submit"] { position:absolute; right:0; top:0; width:50px; height:50px; background:url('/img/common/sch_board.png') no-repeat center; border:none; font-size:0; line-height:0;}

.boardNewList_wrap .boardNewList_chkall { margin-bottom:10px;}
.boardNewList_wrap .boardNewList_chkall label { font-size:15px;}

.boardNewList_wrap .boardNewList { display:flex; flex-wrap:wrap; margin-left:-30px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.boardNewList_wrap .boardNewList * { -webkit-box-sizing:border-box; box-sizing:border-box;}
.boardNewList_wrap .boardNewList article { position:relative; padding:30px 30px 90px; margin-left:30px; margin-top:50px; width:calc((100% - 60px) / 2); border:1px solid #ddd; border-top:3px solid #0c4da2;}
.boardNewList_wrap .boardNewList article:nth-child(1),
.boardNewList_wrap .boardNewList article:nth-child(2) { margin-top:0;}
.boardNewList_wrap .boardNewList .list_chkbox { position:absolute; right:10px; top:10px; z-index:1;}
.boardNewList_wrap .boardNewList .list_chkbox input[type="checkbox"] { width:15px; height:15px;}
.boardNewList_wrap .boardNewList .list_optwrap { display:flex; justify-content:space-between; position:absolute; left:0; bottom:30px; padding:0 30px; width:100%; height:30px;}
.boardNewList_wrap .boardNewList .list_optwrap > div { width:50%; line-height:22px;}
.boardNewList_wrap .boardNewList .list_optwrap > div.list_opt_right { font-size:15px; font-weight:700; text-align:right;}
.boardNewList_wrap .boardNewList .list_desc .list_title { margin-bottom:20px;}
.boardNewList_wrap .boardNewList .list_desc .list_title a { display:block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height:60px; font-size:21px; font-weight:700; line-height:30px;}
.boardNewList_wrap .boardNewList .list_desc p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height:140px; font-size:16px; line-height:28px;}
.boardNewList_wrap .boardNewList .btn_read_more { display:inline-block; position:relative; padding-right:15px; font-size:15px; color:#0c4da2; font-weight:700; line-height:22px; vertical-align:top;}
.boardNewList_wrap .boardNewList .btn_read_more::after { content:""; position:absolute; right:0; top:50%; width:5px; height:5px; border-top:2px solid #0c4da2; border-right:2px solid #0c4da2; -webkit-transform:rotate(45deg) translate(0, -50%); transform:rotate(45deg) translate(0, -50%);}
.boardNewList_wrap .boardNewList .btn_read_more:hover { color:#0057b9;}
.boardNewList_wrap .boardNewList .btn_read_more:hover::after { -webkit-animation:arrowMove 0.8s ease; animation:arrowMove 0.8s ease;}
.boardNewList_wrap .empty { padding:70px 0; width:100%; text-align:center;}
@-webkit-keyframes arrowMove {
    0%{
       right:0;
    }
    35%{
        opacity:0;
        right:-10px;
    }
    60%{
        opacity:0;
        right:10px;
    }
    100%{
        opacity:1;
        right:0;
    }
}
@keyframes arrowMove {
    0%{
       right:0;
    }
    35%{
        opacity:0;
        right:-10px;
    }
    60%{
        opacity:0;
        right:10px;
    }
    100%{
        opacity:1;
        right:0;
    }
}




.inquiry_area .board{padding-top:0;}
.inquiry_area h5{margin:5px 0; font-size:18px;     font-weight: 500;}
.inquiry_area .inquiry_agr{height:130px;}
.inquiry_area .inquiry_agr table td{text-align: center;}
.chk-multi ul li{display:inline-block; margin-right:30px;}
.chk-wrapper {position: relative;display: inline-block ;     margin: 5px 0; text-align: left;}
.chk-wrapper label {display: block;padding-left: 35px;cursor: pointer;}
.chk-wrapper input {position: absolute;left: 0;top: 7.75px;width: 20px;height: 20px;opacity: 0;}
.chk-wrapper input + label::before {content:'';position: absolute;top: 7px;left: 0;width: 20px;height: 20px;border: 1px solid #ccc;-webkit-box-sizing: border-box;box-sizing: border-box;}
.chk-wrapper input + label::after {content:'';position: absolute;top:13px;left:4px;display: block;opacity: 0;width:12px;height:8px;background: url('/img/checked.png') no-repeat center center/100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.chk-wrapper input:checked + label::before {background:#014099; border-color:#014099;}
.chk-wrapper input:checked + label::after {opacity: 1;} 

.all-checkbox-wr{ padding: 20px 30px;border:1px solid #ddd;margin-bottom: 20px;}
.all-checkbox-wr > ul{    padding: 10px 0 10px 25px; border-top: 1px solid #ddd;  margin-top: 10px;}


/* popup */
.inquiry_area .popup-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);z-index: 1000;}
.inquiry_area .popup-content {position: absolute;top: 50%; transform: translateY(-50%);left: 0;right:0;margin:0 auto;  background-color: white;  max-width: 1030px;width: 90%;} 
.inquiry_area .popup-content .popup-head{display:flex; justify-content:space-between; align-items:center;   padding:40px 40px 20px;}
.inquiry_area .popup-content .popup-head h2{font-size: 20px; font-weight: 600;}
.inquiry_area .popup-content .popup-info{padding:0 40px 40px;  height:calc(100% - 100px); overflow-y:auto;}
.inquiry_area .popup-content .popup-info table{margin-bottom: 10px;}
.inquiry_area .popup-content .inquiry_agr{height:300px; margin-top: 0; overflow-y: auto;}
.inquiry_area .popup-content .close-btn { font-size: 24px;cursor: pointer;   line-height: 1;  font-weight: 300; }
.inquiry_area .chk-wrapper label a{text-decoration:underline;}


/* blog list, related(관련 블로그) 공통 사용 주의 */
.boardBlog *{box-sizing:border-box;}
.boardBlog .empty{text-align:center;    width: 100%;}
.boardBlog{margin-top:40px;}
.boardBlog img{max-width:100%; vertical-align:top;}
.boardBlog > ul{display:flex; flex-wrap:wrap;}
.boardBlog > ul > li{width:32%; margin-right:2%; margin-bottom:4%;}
.boardBlog > ul > li:nth-child(3n){margin-right:0;}
.boardBlog > ul > li .thumb > a{display:block; width:100%; height:0; padding-bottom:70%; position:relative; border-radius:20px; overflow:hidden; border:1px solid #eee;}
.boardBlog > ul > li .thumb img{width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; transition:all ease .3s;}
.boardBlog > ul > li:hover .thumb img{transform:scale(1.05);}
.boardBlog > ul > li .sbj{font-size:18px; margin:20px 0;      overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.boardBlog > ul > li .hit{font-size:14px; margin-top:20px;}
.boardBlog > ul > li .hit span{ color:#006eff;}
.boardBlog > ul > li .hashtag > a{display:inline-block; padding:7px 14px; background:#fff; border:1px solid #ddd; border-radius:50px; margin:0 2px 5px 0; font-size:14px; transition:all ease .2s;}
.boardBlog > ul > li .hashtag > a:hover{background:#006eff; color:#fff; border-color:#006eff;}

/* related(관련 블로그) */
.relatedBlog { }
.relatedBlog h2{font-size:24px; margin:0 0 30px;}
.relatedBlog h2 .more{font-size:16px; color:#006eff; font-weight:500; position:relative; padding-right:15px; margin-top:20px; float:right;}
.relatedBlog h2 .more::after{content:'>'; position:absolute; right:0; top:0; transform: scale(.8,1.2);}

/* blog view */
.boardView *{box-sizing:border-box;}
.boardView{max-width:1000px; margin:0 auto;}
.boardView img{max-width:100%; vertical-align:top}
.boardView .viewHead{text-align:center; border-bottom:1px solid #111;}
.boardView .viewHead h3{font-size:30px; margin:20px 0 10px;}
.boardView .viewHead h1{font-size:30px; margin:20px 0 10px;}
.boardView .viewHead h4{color:#006eff; font-weight:500;}
.boardView .viewHead .date{color:#999;}
.boardView .viewHead .share{margin:30px 0; display:flex;justify-content:center; }
.boardView .viewHead .share > a{display:flex;justify-content:center; align-items:center; width:40px; height:40px; border:1px solid #ddd; border-radius:50%; margin:0 3px; transition:all ease .3s; }
.boardView .viewHead .share > a img{max-height:20px; max-width:20px; opacity:.4; transition:all ease .3s; }
.boardView .viewHead .share > a:hover img{opacity:1;}
.boardView .viewHead .share > a:hover {border-color:#111;}
.boardView .viewLink li{margin:10px 0; }
.boardView .viewLink li a{position:relative; display:block; padding-left:30px;     word-break: break-all;}
.boardView .viewLink i{font-size:20px;  color:#aaa; position:absolute; left:0; top:3px;}
.boardView .viewDetail{padding:80px;}   
.boardView .hashtag{text-align:center; }
.boardView .hashtag > a{display:inline-block; padding:7px 14px; background:#fff; border:1px solid #ddd; border-radius:50px; margin:0 2px 5px 0; font-size:14px; transition:all ease .2s;}
.boardView .hashtag > a:hover{background:#006eff; color:#fff; border-color:#006eff;}
.boardView .viewBottom {border-top:1px solid #111; margin:50px 0;}
.boardView .viewBottom > li{border-bottom:1px solid #ddd;  position:relative;  padding:20px 30px 20px 120px; }
.boardView .viewBottom > li a{display:block; position:relative;}
.boardView .viewBottom > li::before{content:''; position:absolute; left:30px; top:20px;}
.boardView .viewBottom > li::after{content:'>'; position:absolute; left:80px; top:20px;}
.boardView .viewBottom > li.prev::before{content:'Prev';}
.boardView .viewBottom > li.next::before{content:'Next';}
.boardView .viewBottom > li.prev::after{transform:rotate(-90deg) scale(.8,1.2);}
.boardView .viewBottom > li.next::after{transform:rotate(90deg) scale(.8,1.2);}
.boardView .viewBtn{text-align:center; margin:0 0 50px;}
.boardView .viewBtn a{display:inline-block; color:#006eff; border:1px solid #006eff; padding:10px 30px; border-radius:50px; transition:all ease .3s;}
.boardView .viewBtn a:hover{background:#006eff; color:#fff;}



/* blog search */
.boardPager *{box-sizing:unset !important;}
.searchWrap{ padding:200px 0 100px!important;}
.searchWrap .searchTit{text-align:center;}
.searchWrap .searchTit p{color:#006eff; font-weight:500; font-size:24px;}
.searchWrap .searchTit h2{  font-size:40px; margin:10px 0 40px;}
.searchWrap .searchTab{margin:50px 0;}
.searchWrap .searchTab ul{width:100%; display:flex; background:#f5f5f5 }
.searchWrap .searchTab ul li{width:33.33333%; font-size:18px; font-weight:500;}
.searchWrap .searchTab ul li + li{border-left:4px solid #fff;}
.searchWrap .searchTab ul li a{display:flex; align-items: center; justify-content: center; text-align:center; padding:15px; height: 100%; }
.searchWrap .searchTab ul li.on a{background:#006eff; color:#fff;}
.searchWrap .hashtag{text-align:center; max-width:1100px; margin:0 auto;}
.searchWrap .hashtag > a{display:inline-block; padding:7px 14px; background:#fff; border:1px solid #ddd; border-radius:50px; margin:0 2px 5px 0; font-size:14px; transition:all ease .2s;}
.searchWrap .hashtag > a:hover{background:#006eff; color:#fff; border-color:#006eff;}
.searchWrap .hashtag > a.active{background:#006eff; color:#fff; border-color:#006eff;}
.searchWrap .searchList{margin:0 0 100px;}
.searchWrap .searchList h5{font-size:18px; font-weight:500;}
.searchWrap .searchList h5 b{color:#006eff;}
.searchWrap .searchList ul{border-top:1px solid #ddd; margin:20px 0;}
.searchWrap .searchList ul li{border-bottom:1px solid #ddd; padding:40px 0;}
.searchWrap .searchList ul li p{font-weight:300; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word; }
.searchWrap .searchList ul li .cate a{color:#006eff;}
.searchWrap .searchList ul li .date{color:#999; margin:20px 0 0;}
.searchWrap .searchList ul li h3{font-size:20px; margin:10px 0 20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; }
.searchWrap .searchBox {width:100%; max-width:500px;  display:flex; align-items:center; position:relative; border-bottom:2px solid #111; margin:20px auto;}
.searchWrap .searchBox input[type="text"] { padding-right:40px; width:100%; max-width:450px; height:50px; border:none; font-size:18px; -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:10px;}
.searchWrap .searchBox input[type="submit"] { position:absolute; right:0; top:0; width:50px; height:50px; background:url('/img/common/sch_board.png') no-repeat center; border:none; font-size:0; line-height:0; filter: brightness(0); cursor:pointer;}






@media screen and (max-width:1240px){
    #gnbWrap.subCont .global,
    #gnbWrap.subCont .gnbNav { width:100%;}
    #gnbWrap .nav-area { width:100%;}
    #gnbWrap.subCont { min-width:auto;}

    .sub #wrap section { min-width:auto;}
    .sub .board { padding:40px 20px; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .sub .board table { table-layout: fixed;}
    .sub .boardNewList_wrap .boardNewList { margin-left:-2%;}
    .sub .boardNewList_wrap .boardNewList article { margin-left:2%; width:48%;}
    .sub .boardView td.body img { width:100%;}
    .sub .inquiry_agr_para + .board { padding:0; margin-top:30px;}

    .sub .tabType { padding:0 20px;}
    .sub .tabType ul { display:flex; justify-content:center; align-items:center; padding:0; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.sub .tabType ul li a { padding:15px 0;}
    .sub #wrap section > .inner { padding-left:20px; padding-right:20px; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box;}


	.inquiry_area .board { padding: 0 0 60px; }
	.inquiry_area h5{font-size:16px; margin:10px 0 0;}
	.chk-multi ul li{font-size:15px; display:block;}
	.chk-multi ul li .chk-wrapper{margin: 5px 0 0}


	.all-checkbox-wr{ padding: 10px 20px; }
	.all-checkbox-wr > ul{ padding: 5px 0; border-top: 1px solid #ddd;  margin-top: 10px;}
	.chk-wrapper{margin:0;}

	.inquiry_area .popup-content .popup-head{ padding: 20px 20px 10px;}
	.inquiry_area .popup-content .popup-info{ padding: 0 20px 20px;}
	.inquiry_area .popup-content .popup-head h2{font-size: 18px;}
	.inquiry_area .popup-content .close-btn{font-size: 20px;}
}
@media screen and (max-width:768px){
    .sub .boardNewList_wrap .boardNewList article { padding:15px 15px 75px;}
    .sub .boardNewList_wrap .boardNewList .list_optwrap { bottom:15px; padding:0 15px;}
    .sub .boardNewList_wrap .boardNewList .list_desc .list_title { margin-bottom:10px;}
    .sub .boardNewList_wrap .boardNewList .list_desc .list_title a { min-height:50px; font-size:18px; line-height:25px;}
    .sub .boardNewList_wrap .boardNewList .list_desc p { max-height:110px; font-size:14px; line-height:22px;}
    .sub .boardNewList_wrap .boardNewList .list_optwrap { align-items:center;}
    .sub .boardNewList_wrap .boardNewList .btn_read_more { font-size:13px;}
    .sub .boardNewList_wrap .boardNewList .list_optwrap > div.list_opt_right { font-size:13px;}

    .sub .boardNewHead { flex-wrap:wrap;}
    .sub .boardNewHead .search { margin-bottom:30px; width:100%; }
    .sub .boardNewHead .searchbox { width:100%;}
    .sub .boardNewHead .searchbox strong { font-size:16px;}
    .sub .boardNewHead .searchbox input[type="text"] { width:100%;}
    .sub .boardNewHead .count { font-size:14px; }

	.boardView .viewLink{padding:10px;}
	.boardView .viewLink li a{ font-size:14px;}
	.boardView .viewLink i{font-size:20px;  color:#aaa; position:absolute; left:0; top:3px;}

    .sub .board colgroup { display:none;}
    .sub .board th { width:80px;}
    .sub .board th,
    .sub .board td { padding:10px 5px; font-size:14px;}
    .sub .boardView thead th { padding-bottom:30px !important; font-size:22px;}

    .sub .tabType ul li a { font-size:14px;}
    .sub .board .info th,
    .sub .board .info td { font-size:13px;}

    .sub .inquiry_agr { font-size:14px; line-height:1.5;}
	.sub .inquiry_agr table td{ word-break: break-all;}
    .sub .inquiry_agr_para { font-size:14px;}
    .sub .inquiry_agr_para input[type="checkbox"] + label { padding-left:35px;}
    .sub .inquiry_area h4 { font-size:20px;}
    .sub .wrap_email_input { display:flex; flex-wrap:wrap; align-items:center;}
    .sub .wrap_email_input > span { display:block;width:45%;}
    .sub .wrap_email_input > span:nth-child(3) { width:10%;}
    .sub .wrap_email_input > span:last-child { padding:0; margin:5px 0 0; width:100%;}


	.boardBlog{margin-top:20px;}
	.boardBlog > ul > li{width:100%; margin-right:0; margin-bottom:40px;}
	.boardBlog > ul > li .sbj{font-size:16px; margin:15px 0;}
	.boardBlog > ul > li .hashtag > a{font-size:13px; padding: 5px 12px;}
	.relatedBlog h2{font-size:20px; margin-bottom:20px;}
	.relatedBlog h2 .more{margin-top:5px}

	.boardView .viewHead{font-size:14px;}
	.boardView .viewHead h3{font-size:20px; }
	.boardView .viewHead h1{font-size:20px; }
	.boardView .viewHead .share{margin:20px 0 30px;}
	.boardView .viewDetail{padding:20px 10px;}
	.boardView .hashtag > a{font-size:13px; padding: 5px 12px;}
	.boardView .viewBottom{font-siez:14px;}



	.searchWrap{padding:120px 0 50px !important}
	.searchWrap .searchTab{margin:30px 0;}
	.searchWrap .searchTab ul li{font-size:14px;}
	.searchWrap .searchTab ul li a{padding:10px;}
	.searchWrap .searchList ul li{padding:30px 0;}
	.searchWrap .searchTit p{font-size:14px;}
	.searchWrap .searchTit h2{font-size:22px; margin: 10px 0  ;}
	.searchWrap .searchBox{max-width:300px;}
	.searchWrap .hashtag > a{font-size:11px; padding: 2px 8px;     margin: 0 1px 3px 0;}
	.searchWrap .searchList{margin:0 0 50px;}
	.searchWrap .searchList h5{font-size:14px;}
	.searchWrap .searchList ul li h3{font-size:18px; }




}
@media screen and (max-width:640px){
    .sub .boardNewList_wrap .boardNewList { margin-left:0;}
    .sub .boardNewList_wrap .boardNewList article { margin-left:0; width:100%;}
    .sub .boardNewList_wrap .boardNewList article:nth-child(2) { margin-top:50px;}
}