@charset "utf-8";
/* total-search */
.board-search{overflow:hidden; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.board-search .total{font-size:16px; color:#000; line-height:38px; float:left;}
.board-search .total strong{font-weight:500; color:#3357ac;}

.board-search .chk-select.w100{}

.board-search .search{position:relative; width:350px; padding-left:90px; box-sizing:border-box; float:right; overflow:hidden;}
.board-search .search.searchBox{padding-left:180px;}
.board-search .search .chk-select{position:absolute; top:0px; left:0px; width:90px; border-right:none;}
.board-search .search .chk-select2{position:absolute; top:0px; left:90px; width:90px; border-right:none;}
.board-search .search .chk-select select{border-right:none;}
.board-search .search .chk-select2 select{border-right:none;}
.board-search .search .input-btn{position:relative; width:100%; padding-right:40px; box-sizing:border-box;}
.board-search .search .input-btn input[type="text"]{width:100%;}
.board-search .search .input-btn .btn{position:absolute; top:0px; right:0px; width:40px; height:38px; display:block; background:url("/images/Potal_/layout/mgnb-search.png") no-repeat center #333333; background-size:20px; border:none;}
.board-search .search .input-btn .search{position:absolute; top:0px; right:0px; width:40px; height:38px; display:block; background:url("/images/Potal_/layout/mgnb-search.png") no-repeat center #333333; background-size:20px; border:none;}
.board-search .search .input-btn .btn:focus {border:4px solid #ff4800; padding:1px;}

.search-list-3-nth{width:760px !important; padding-left:450px !important;}
.impor-l01{width:150px !important;}
.impor-l{left:150px !important; width:150px !important;}
.impor-l02{left:300px !important; width:150px !important;}


/* 셀렉트박스 */
.board-search .search.selectBox{width:auto; margin-bottom:10px; float:none; padding-left: 0px !important; display:flex; justify-content:center; position:relative; z-index:0;}
.board-search .search.selectBox fieldset{width:auto; overflow:hidden; float:right;}
.board-search .search .chk-select.select2{position: relative; width:auto; margin:0 5px 0 0px; float:left;}
.board-search .search .chk-select.select2 select{border-right:1px solid #d6d6d6; background: url("/images/Happy_/main/select-ico.png")no-repeat; background-position: 93% 15px;  position:relative; z-index:10; }
.board-search .search.selectBox .input-btn{width:43%; float:left;}



/*리스트 상세 슬라이드배너*/
.substan > .lazy > .slick-prev{text-indent: -9999px; border: none; width:16px; height: 27px; background: url("/images/Medical_/layout/box-r-prev.png"); position: absolute; top:47%; left:-50px; z-index: 10;}
.substan > .lazy > .slick-next{text-indent: -9999px; border: none; width:16px; height: 27px; background: url("/images/Medical_/layout/box-r-next.png"); position: absolute; top:47%; right:-50px; z-index: 10;}
.substan > .lazy > .slick-list img{max-width:100%; display: block; margin: 0 auto;}

@media only screen and (max-width:1600px) {
    /*리스트 상세 슬라이드배너*/
    .substan > .lazy > .slick-prev{left:0px;}
    .substan > .lazy > .slick-next{right:0px;}
}

@media only screen and (max-width:1300px){
    .board-search .search.selectBox .input-btn{width:100%;}
    .board-search .search.selectBox .input-btn .btn{top:10px;}
    .board-search .search.selectBox .input-btn input[type="text"]{margin:10px 6px 10px 0px;}
}


/*직원안내*/
.top-search-box{ background: #f7f8fc; border:solid 1px #d6d6dd;padding: 30px 20px 20px 20px;}

@media only screen and (max-width:1000px) {
    .board-search .total{font-size:15px;}
}

@media only screen and (max-width:680px) {
    .board-search .total{font-size:14px; line-height:120%; float:none; margin-bottom:10px;}

    .board-search .chk-select.w100{width:100% !important; margin-bottom:5px;}

    .board-search .search{width:100%; float:none;}

    .board-search .search .input-btn{padding-right:34px; box-sizing:border-box;}
    .board-search .search .input-btn .btn{width:34px; height:34px; background-size:15px;}
	
    .board-search .search .chk-select.select2 select{background-position:93% 12px;}

   .search-list-3-nth{width:100% !important; padding-left:0px !important;}
   .impor-l01{width: 100% !important;position: relative !important;border-right: solid 1px;margin-bottom: 10px;}
   .impor-l{position:relative !important;left:0px !important;width: 100% !important;/* transform: translate(108%, 0px); */margin-bottom: 10px;}
   .impor-l02{position:relative !important;left:0px !important;width: 100% !important;float:right;margin-bottom: 10px; z-index: 10;}
   .mb-mgt10{margin-top:10px;}

  .impor-l01 select{background-position:95% 13px; border-right:solid 1px #d1d1d1 !important;}
  .impor-l select{background-position:95% 13px; border-right:solid 1px #d1d1d1 !important;}
  .impor-l02 select{background-position:95% 13px; border-right:solid 1px #d1d1d1 !important;}

  .search-list-3-nth .input-btn .btn{bottom:0 !important; top:inherit !important;}
}

/* board-list.list01 */
.board-list{position:relative; font-family:'Noto Sans KR Light','Malgun Gothic',sans-serif;}
.board-list:after{clear:both; content:""; display:block;}
.board-list table.list01{position:relative; width:100%; border-collapse:collapse; clear:both; background:#fff; border-top:2px solid #333353;}
.board-list table.list01 thead th{background:#f1f4fa; color:#111; text-align:center; letter-spacing:-0.03em; padding:12px; font-size:16px; border-bottom:1px solid #999; font-weight:500;}
.board-list table.list01 thead th:last-child{border-right:none;}
.board-list table.list01 tbody tr{-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.board-list table.list01 tbody tr:hover{background:#f1f7fa;}
.board-list table.list01 tbody th{letter-spacing:-0.02em; padding:12px 10px; color:#111; border-bottom:1px solid #e7e7e7; font-size:16px; background:#fbfbfb; font-weight:500; text-align:center;}
.board-list table.list01 tbody td{letter-spacing:-0.02em; padding:12px 10px; color:#444; border-bottom:1px solid #e7e7e7; font-size:16px; text-align:center;}

.board-list table.list01 tbody td.title{text-align:left;}
.board-list table.list01 tbody td.title a:hover{color:#373789; text-decoration:underline;}

.board-list table.list01 tbody td .icons{display:inline-block; vertical-align:middle;}
.board-list table.list01 tbody td .icons.att{width:31px; height:25px; background:url("/images/Potal_/layout/bd-att-icon.png") no-repeat center;}

.board-list table.list01 tbody td .btns{display:inline-block; vertical-align:middle; padding:10px 15px; background:#61564b; color:#fff; font-size:14px;}
.board-list table.list01 tbody td .btns span{display:block; line-height:120%;}
.board-list table.list01 tbody td .btns.map{background:#373789;}
.board-list table.list01 tbody td .btns.map span{padding-right:24px; background:url("/images/Potal_/layout/bd-loca-icon.png") no-repeat right;}

.board-list table.list01 tbody td .btns.march{background:#4d5bbc;}
.board-list table.list01 tbody td .btns.comp{background:#666666;}

@media only screen and (max-width:1000px) {
    .board-list table.list01 colgroup{display:none;}
    .board-list table.list01 thead {display:none;}

    .board-list table.list01 tbody tr{display:block; padding:7px 10px 4px 10px; border-bottom:1px solid #e7e7e7;}

    .board-list table.list01 tbody th{text-align:left; font-size:14px; padding:0px 0px 5px 0px;}
    .board-list table.list01 tbody td{position:relative; text-align:left; font-size:14px; padding:0px 0px 5px 0px; display:inline-block; border-bottom:none; box-sizing:border-box; color:#9b9b9b;}
    .board-list table.list01 tbody td:after{display:inline-block; line-height:120%; vertical-align:middle; content: "/"; margin:0 8px; color:#9b9b9b;}

    .board-list table.list01 tbody td.title{display:block; font-size:15px; margin-right:0px;}
    .board-list table.list01 tbody td.title:after{display:none;}

    .board-list table.list01 tbody td.mnone{display:none;}
    .board-list table.list01 tbody td.mblock{display:block; margin-right:0px;}
    .board-list table.list01 tbody td.mblock:after{display:none;}

    .board-list table.list01 tbody td .icons.att{width:26px; height:21px; background-size:26px;}

    .board-list table.list01 tbody td .btns{padding:7px 10px; font-size:13px;}
    .board-list table.list01 tbody td .btns.map span{padding-right:18px; background-size:12px;}
}

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

    .board-list table.list01 tbody tr{padding:5px 10px 3px 10px;}

    .board-list table.list01 tbody th{font-size:13px; padding:0px 0px 3px 0px;}
    .board-list table.list01 tbody td{font-size:13px; padding:0px 0px 3px 0px;}

    .board-list table.list01 tbody td.title{font-size:14px;}

    .board-list table.list01 tbody td .btns{padding:5px 8px; font-size:12px;}
    .board-list table.list01 tbody td .btns.map span{padding-right:16px; background-size:11px;}
}

/* .board-list .gallery01*/
.board-list .gallery01{position:relative; margin:0px -1%; padding-top:32px;}
.board-list .gallery01:after{clear:both; content:""; display:block;}
.board-list .gallery01:before{position:absolute; top:0px; left:50%; width:98%; margin-left:-49%; height:2px; background:#333353; content:"";}
.board-list .gallery01 li{width:31.333333333%; margin:0px 1%; margin-bottom:40px; float:left;}
.board-list .gallery01.nth-4 li{width:23%;}
.board-list .gallery01 li a{display:block; border:2px solid #999999;}
.board-list .gallery01 li a .img{display:block; width:100%; height:210px; overflow:hidden;}

.board-list .gallery01 li a .img img{width:100%; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.board-list .gallery01 li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.board-list .gallery01 li a .tit{position:relative; font-size:16px; padding:10px 15px; color:#333; letter-spacing:-0.02em; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board-list .gallery01 li a .tit:before{position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:url("/images/Potal_/layout/dotted-line.png")repeat-x left bottom; content:""; z-index:1;}
.board-list .gallery01 li a:hover .tit{background:#f1f6fa; color:#373789; text-decoration:underline;}

.board-list .gallery01 li a .date-write{display:block; padding:10px 15px; font-size:16px; color:#888; overflow:hidden;}
.board-list .gallery01 li a:hover .date-write{background:#f1f6fa; color:#373789;}
.board-list .gallery01 li a .date-write .date{display:block; font-weight:300; float:left;}
.board-list .gallery01 li a .date-write .write{display:block; float:right;}

@media only screen and (max-width:1300px) {
    .board-list .gallery01 li a .img{height:160px;}
}

@media only screen and (max-width:1000px) {
    .board-list .gallery01{padding-top:22px; margin-bottom:10px;}
    .board-list .gallery01 li a .img{height:100px;}
    .board-list .gallery01 li{margin-bottom:20px;}

    .board-list .gallery01 li a .tit{font-size:15px; padding:5px 10px;}
    .board-list .gallery01 li a .date-write{font-size:14px; padding:5px 10px;}
}

@media only screen and (max-width:680px) {
    .board-list .gallery01{padding-top:12px;}
    .board-list .gallery01 li{width:48%;}
    .board-list .gallery01.nth-4 li{width:48%;}
    .board-list .gallery01 li{margin-bottom:10px;}

    .board-list .gallery01 li a .tit{font-size:13px; padding:5px;}
    .board-list .gallery01 li a .date-write{font-size:12px; padding:5px;}
}

@media only screen and (max-width:480px) {
    .board-list .gallery01 li a .img{height:70px;}

    /*셀렉트박스*/
    .board-search .search .chk-select.select2{width:100%; margin:3px 0;}
}

/* .board-list .gallery02*/
.board-list .gallery02{position:relative; margin:0px -1%; padding-top:32px;}
.board-list .gallery02:after{clear:both; content:""; display:block;}
.board-list .gallery02:before{position:absolute; top:0px; left:50%; width:98%; margin-left:-49%; height:2px; background:#333353; content:"";}
.board-list .gallery02 li{width:31.333333333%; margin:0px 1%; margin-bottom:40px; float:left;}
.board-list .gallery02 li a{display:block; border:1px solid #e7e7e7;}
.board-list .gallery02 li a .img{display:block; width:100%; height:445px; overflow:hidden;}
.board-list .gallery02 li a .img img{width:100%; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.board-list .gallery02 li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.board-list .gallery02 li a .tit{position:relative; font-size:16px; padding:15px 20px; color:#333; letter-spacing:-0.02em; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board-list .gallery02 li a:hover .tit{background:#f1f6fa; color:#373789; text-decoration:underline;}

@media only screen and (max-width:1300px) {
    .board-list .gallery02 li a .img{height:330px;}
}

@media only screen and (max-width:1000px) {
    .board-list .gallery02{padding-top:22px; margin-bottom:10px;}
    .board-list .gallery02 li{margin-bottom:20px;}
    .board-list .gallery02 li a .img{height:220px;}

    .board-list .gallery02 li a .tit{font-size:15px; padding:10px 15px;}
}

@media only screen and (max-width:680px) {
    .board-list .gallery02{padding-top:12px;}
    .board-list .gallery02 li{width:48%; margin-bottom:10px;}
    .board-list .gallery02 li a .img{height:235px;}

    .board-list .gallery02 li a .tit{font-size:13px; padding:5px;}
}

@media only screen and (max-width:480px) {
    .board-list .gallery02 li a .img{height:155px;}
}

/* board-list qna01 */
.board-list .qna01{border-top:1px solid #d1d1d1;}
.board-list .qna01 li{border-bottom:1px solid #d1d1d1;}
.board-list .qna01 li .ques a{position:relative; display:block; padding:24px 300px 24px 80px;}
.board-list .qna01 li .ques a:before{position:absolute; top:50%; left:20px; display:block; width:38px; line-height:38px; margin-top:-19px; text-align:center; font-size:20px; color:#3551ae; font-weight:600; background:#f7f7f7; border-radius:50%; content:"Q"; font-family:'S-CoreDream-4Regular','Malgun Gothic',sans-serif;}
.board-list .qna01 li .ques a:after{position:absolute; top:50%; right:30px; display:block; color:#3551ae; font-size:42px; line-height:32px; margin-top:-16px; content:"+"; font-family:'S-CoreDream-4Regular','Malgun Gothic',sans-serif;}
.board-list .qna01 li .ques a .btxt{font-size:18px; color:#333; line-height:120%;}

.board-list .qna01 li .ques a .write-date{display:none; position:absolute; top:50%; right:50px; margin-top:-10px; font-size:0px; line-height:120%; color:#fff;}
.board-list .qna01 li .ques a .write-date .write{position:relative; padding-right:22px; font-size:16px; display:inline-block; vertical-align:top; line-height:120%;}
.board-list .qna01 li .ques a .write-date .write:after{display:block; position:absolute; top:50%; right:0px; width:1px; height:14px; margin-top:-7px; background:#fff; content:"";}
.board-list .qna01 li .ques a .write-date .date{position:relative; padding-left:22px; font-size:16px; display:inline-block; vertical-align:top; line-height:120%;}

.board-list .qna01 li .answer{display:none; position:relative; background:#f7f7f7; padding:25px 50px 25px 80px;}
.board-list .qna01 li .answer:before{position:absolute; top:16px; left:20px; display:block; width:38px; line-height:38px; text-align:center; font-size:20px; color:#fff; font-weight:600; background:#ff6000; border-radius:50%; content:"A"; font-family:'S-CoreDream-4Regular','Malgun Gothic',sans-serif;}
.board-list .qna01 li .answer .attach{position:relative; padding:0px 0px 13px 70px; border-bottom:1px solid #d1d1d1; font-size:16px; margin-bottom:18px;}
.board-list .qna01 li .answer .attach .btxt{position:absolute; top:0px; left:0px; color:#333; font-weight:500;}
.board-list .qna01 li .answer .attach .atta{padding-left:20px; background:url("/images/Potal_/layout/bdm-att-icon.png")no-repeat 0px 0px; display:inline-block; margin-right:15px; line-height:110%; margin-bottom:5px}
.board-list .qna01 li .answer .attach .atta:hover{color:#373789; text-decoration:underline;}
.board-view .view01 .attach.viewBtn .vbLi{margin:3px 0;}

.board-list .qna01 li.active .ques a{background:#4d5bbc;}
.board-list .qna01 li.active .ques a:before{background:#fff;}
.board-list .qna01 li.active .ques a:after{display:none;}
.board-list .qna01 li.active .ques a .btxt{color:#fff;}
.board-list .qna01 li.active .ques a .write-date{display:block;}

.board-list .qna01 li.active .answer{display:block;}

.board-list .qna01 li.active .substan{font-size:16px; color:#333; line-height:140%;}

@media only screen and (max-width:1000px) {
    .board-list .qna01 li .ques a{position:relative; display:block; padding:15px 130px 15px 80px;}
    .board-list .qna01 li .ques a .btxt{font-size:16px;}

    .board-list .qna01 li .ques a .write-date{right:25px; margin-top:-22px; text-align:right; }
    .board-list .qna01 li .ques a .write-date .write{display:block; padding-right:0px; font-size:15px; margin-bottom:5px;}
    .board-list .qna01 li .ques a .write-date .write:after{display:none;}
    .board-list .qna01 li .ques a .write-date .date{display:block; padding-left:0px; font-size:15px;}

    .board-list .qna01 li .answer{padding:15px 25px 15px 80px;}
    .board-list .qna01 li .answer .attach{padding:0px 0px 7px 70px; font-size:14px; margin-bottom:15px;}
    .board-list .qna01 li .answer .attach .btxt{font-size:15px;}
    .board-list .qna01 li .answer .attach .atta{margin-right:10px; background-size:12px}

    .board-list .qna01 li.active .substan{font-size:15px;}
}

@media only screen and (max-width:680px) {
    .board-list .qna01 li .ques a{padding:10px;}
    .board-list .qna01 li .ques a:before{position:relative; top:auto; left:auto; margin-top:0px; margin-bottom:7px; width:32px; line-height:32px; font-size:18px;}
    .board-list .qna01 li .ques a:after{top:7px; right:15px; margin-top:0px; font-size:32px;}
    .board-list .qna01 li .ques a .btxt{font-size:14px;}

    .board-list .qna01 li .ques a .write-date{top:17px; right:15px; margin-top:0px; text-align:left; }
    .board-list .qna01 li .ques a .write-date .write{display:inline-block; padding-right:10px; font-size:14px; margin-bottom:0px;}
    .board-list .qna01 li .ques a .write-date .write:after{display:block;}
    .board-list .qna01 li .ques a .write-date .date{display:inline-block; padding-left:10px; font-size:14px;}

    .board-list .qna01 li .answer{padding:10px;}
    .board-list .qna01 li .answer:before{position:relative; top:auto; left:auto; margin-top:0px; margin-bottom:7px; width:32px; line-height:32px; font-size:18px;}
    .board-list .qna01 li .answer .attach{padding:0px 0px 7px 0px; font-size:13px; margin-bottom:10px;}
    .board-list .qna01 li .answer .attach .btxt{position:relative; top:auto; left:auto; margin-bottom:5px; font-size:14px;}

    .board-list .qna01 li.active .substan{font-size:14px;}
}

/* board-view */
.board-view{font-family:'Noto Sans KR Light','Malgun Gothic',sans-serif;}
.board-view .view01{border-top:2px solid #333353;}
.board-view .view01 .title{font-size:18px; padding:20px 15px; color:#333353; background:#fff; border-bottom:1px solid #d1d1d1; overflow:hidden;}

.board-view .view01 .title-date{font-size:18px; padding:20px 15px; color:#333353; background:#fff; border-bottom:1px solid #d1d1d1; overflow:hidden;}
.board-view .view01 .title-date .tit{float:left;}
.board-view .view01 .title-date .tit .btns{display:inline-block; vertical-align:middle; padding:5px 15px; background:#61564b; color:#fff; font-size:16px;}
.board-view .view01 .title-date .tit .btns span{display:block; line-height:120%;}
.board-view .view01 .title-date .tit .btns.march{background:#4d5bbc;}
.board-view .view01 .title-date .tit .btns.comp{background:#666666;}

.board-view .view01 .title-date .date{float:right;}

.board-view .view01 .info{padding:15px; background:#fff;  border-bottom:1px solid #d1d1d1; font-size:0px; background:#f1f7fa; overflow:hidden;}
.board-view .view01 .info .btxt{font-size:16px; display:inline-block; color:#797979; line-height:120%; vertical-align:top;}
.board-view .view01 .info .btxt:after{display:inline-block; line-height:120%; vertical-align:top; content:"/"; margin:0 15px; color:#333353;}
.board-view .view01 .info .btxt:last-child:after{display:none;}
.board-view .view01 .info .btxt strong{font-weight:500; margin-right:7px; color:#333353;}
.board-view .view01 .attach{font-size:15px; padding:10px 15px; background:#fff; border-bottom:1px solid #d1d1d1;}
.board-view .view01 .attach .atta{padding-left:20px; background:url("/images/Potal_/layout/bdm-att-icon.png")no-repeat 0px 0px; display:inline-block; margin-right:15px; line-height:110%; margin-bottom:5px}
.board-view .view01 .attach .atta:hover{color:#373789; text-decoration:underline;}
.board-view .view01 .substan{font-size:16px; letter-spacing:-0.02em; padding:50px 20px 40px 20px; color:#333; line-height:180%; border-bottom:1px solid #d1d1d1;}
.board-view .view01 .substan p.img a img{max-width:100%;}

.board-view .view01 .prne-link li{border-bottom:1px solid #d1d1d1;}
.board-view .view01 .prne-link li a{position:relative; display:block; padding:15px 15px 15px 200px; font-size:16px;}
.board-view .view01 .prne-link li a .btn{position:absolute; top:0px; left:0px; width:180px; height:100%; padding:15px 20px; box-sizing:border-box; background:#f1f7fa; display:block; color:#111; font-weight:500;}
.board-view .view01 .prne-link li a .btn i{padding-left:30px; background:url("/images/Potal_/layout/bdm-att-icon.png")no-repeat left;}
.board-view .view01 .prne-link li a .tit{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board-view .view01 .prne-link li a:hover .tit{color:#373789; text-decoration:underline;}

.board-view .view01 .prne-link li.prev a .btn i{background:url("/images/Potal_/layout/prne-arrowT.png")no-repeat left;}
.board-view .view01 .prne-link li.next a .btn i{background:url("/images/Potal_/layout/prne-arrowB.png")no-repeat left;}

@media only screen and (max-width:1000px) {
    .board-view .view01 .title{font-size:17px; padding:15px;}

    .board-view .view01 .title-date{font-size:17px; padding:15px;}
    .board-view .view01 .title-date .tit{float:none; margin-bottom:5px;}
    .board-view .view01 .title-date .tit .btns{padding:4px 10px; font-size:15px;}

    .board-view .view01 .title-date .date{float:none;}

    .board-view .view01 .info{padding:10px 15px;}
    .board-view .view01 .info .btxt{font-size:15px;}
    .board-view .view01 .info .btxt:after{margin:0 10px;}

    .board-view .view01 .info .fl{width:100%; margin-bottom:5px;}
    .board-view .view01 .info .fl .btxt{float:none;}
    .board-view .view01 .info .btxt.fr{float:none;}

    .board-view .view01 .attach{font-size:14px; padding:8px 15px;}
    .board-view .view01 .attach .atta{padding-left:17px; background-size:12px; background-position:0px 2px; }
    .board-view .view01 .substan{font-size:15px; padding:20px 10px 20px 10px;}

    .board-view .view01 .prne-link li a{padding:10px 15px 10px 125px; font-size:15px;}
    .board-view .view01 .prne-link li a .btn{width:110px; padding:10px 15px;}
    .board-view .view01 .prne-link li a .btn i{padding-left:25px; }
}

@media only screen and (max-width:680px) {
    .board-view .view01 .title{font-size:16px; padding:10px;}

    .board-view .view01 .title-date{font-size:16px; padding:10px;}
    .board-view .view01 .title-date .tit .btns{padding:3px 10px; font-size:13px;}

    .board-view .view01 .info{padding:8px 10px; }
    .board-view .view01 .info .btxt{font-size:14px;}
    .board-view .view01 .attach{font-size:13px; padding:5px 10px;}
    .board-view .view01 .attach .atta{padding-left:17px; background-size:12px;}
    .board-view .view01 .attach.viewBtn .atta{width:60%;}
    .board-view .view01 .attach.viewBtn .vbLi > a:nth-child(2){vertical-align: top;}
    .board-view .view01 .substan{font-size:15px; padding:20px 10px 20px 10px;}
    .board-view .view01 .substan .img img{width:100% !important;}

    .board-view .view01 .prne-link li a{padding:8px 10px 8px 105px; font-size:13px;}
    .board-view .view01 .prne-link li a .btn{width:95px; padding:8px 15px;}
    .board-view .view01 .prne-link li a .btn i{padding-left:25px;}
}

@media only screen and (max-width:480px) {
    .board-view .view01 .info .btxt{display:block; margin-bottom:3px;}
    .board-view .view01 .info .btxt:after{display:none;}
    .board-view .view01 .info .btxt:last-child{margin-bottom:0px;}

    .board-view .view01 .info .fl{margin-bottom:3px;}
}


/* board-view .question-tabs */
.board-view .question-tabs{position:relative; width:100%; box-sizing:border-box;}
.board-view .question-tabs .tit{position:absolute; top:0px; width:50%;}
.board-view .question-tabs .tit a{position:relative; display:block; width:100%; height:100%; font-size:16px; padding:15px 0px; color:#333; text-align:center; background:#fff; border:1px solid #d1d1d1; border-top:none; box-sizing:border-box;}

.board-view .question-tabs .cont{display:none; padding:70px 0px 0px 0px;}

.board-view .question-tabs .ctn:nth-child(1) .tit{left:0%;}
.board-view .question-tabs .ctn:nth-child(2) .tit{left:50%;}
.board-view .question-tabs .ctnOn .cont{display:block; }
.board-view .question-tabs .ctnOn .tit a{background:#ff6000; color:#fff; padding:15px 0px; border-right:none; border-bottom:none; border:none;}

.board-view .question-tabs .cont .ques-list{}
.board-view .question-tabs .cont .ques-list li{position:relative; padding:25px 0px;}
.board-view .question-tabs .cont .ques-list li:before{position:absolute; top:0px; left:0px; width:100%; height:3px; background:url(/images/Potal_/layout/dotline3-bg.png) repeat-x; content:"";}
.board-view .question-tabs .cont .ques-list li .btxt{font-size:18px; padding:0px 15px; margin-bottom:15px; line-height:120%; color:#111;}
.board-view .question-tabs .cont .ques-list li .radios-group{padding:15px 15px 20px 15px; background:#f7f7f7;}
.board-view .question-tabs .cont .ques-list li .radios-group .radios{margin-right:30px;}
/*.board-view .question-tabs .cont .ques-list li .radios-group .radios:last-chilid{margin-right:0px;}*/
.board-view .question-tabs .cont .ques-list li textarea{height:150px;}

@media all and (max-width:1000px){
    .board-view .question-tabs .tit a{font-size:15px; padding:10px 0px;}

    .board-view .question-tabs .cont{padding:55px 0px 0px 0px;}

    .board-view .question-tabs .ctnOn .tit a{padding:10px 0px;}

    .board-view .question-tabs .cont .ques-list li{padding:15px 0px;}
    .board-view .question-tabs .cont .ques-list li .btxt{font-size:17px; margin-bottom:10px;}
    .board-view .question-tabs .cont .ques-list li .radios-group{padding:10px 15px 15px 15px;}
    .board-view .question-tabs .cont .ques-list li .radios-group .radios{margin-right:15px;}
    .board-view .question-tabs .cont .ques-list li textarea{height:120px;}
}

@media all and (max-width:680px){
    .board-view .question-tabs .tit a{font-size:15px; padding:8px 0px;}

    .board-view .question-tabs .cont{padding:45px 0px 0px 0px;}

    .board-view .question-tabs .ctnOn .tit a{padding:8px 0px;}

    .board-view .question-tabs .cont .ques-list li{padding:10px 0px;}
    .board-view .question-tabs .cont .ques-list li .btxt{font-size:16px;}
    .board-view .question-tabs .cont .ques-list li .radios-group{padding:5px 10px 10px 10px;}
    .board-view .question-tabs .cont .ques-list li .radios-group .radios{margin-right:10px;}
    .board-view .question-tabs .cont .ques-list li textarea{height:100px;}
}

@media all and (max-width:480px){

}

.board-view .question-tabs .cont .answ-list{}
.board-view .question-tabs .cont .answ-list li{position:relative; padding:25px 0px;}
.board-view .question-tabs .cont .answ-list li:before{position:absolute; top:0px; left:0px; width:100%; height:3px; background:url(/images/Potal_/layout/dotline3-bg.png) repeat-x; content:"";}
.board-view .question-tabs .cont .answ-list li .btxt{font-size:18px; padding:0px 15px; margin-bottom:15px; line-height:120%; color:#111;}
.board-view .question-tabs .cont .answ-list li .graph-group{padding:35px 80px; border:1px solid #d7d7d7;}
.board-view .question-tabs .cont .answ-list li .graph-group .graph{position:relative; padding:0px 100px 0px 60px; margin-bottom:10px;}
.board-view .question-tabs .cont .answ-list li .graph-group .graph:last-child{margin-bottom:0px;}
.board-view .question-tabs .cont .answ-list li .graph-group .graph .stxt{position:absolute; top:0px; left:0px; line-height:30px; font-size:16px; color:#333; display:block;}
.board-view .question-tabs .cont .answ-list li .graph-group .graph .stick{width:100%; height:30px; display:block; background:#f7f7f7;}
.board-view .question-tabs .cont .answ-list li .graph-group .graph .stick i{font-size:0px; width:0px; height:30px; display:block; background:#000;}
.board-view .question-tabs .cont .answ-list li .graph-group .graph .ctxt{position:absolute; top:0px; right:0px; line-height:30px; font-size:16px; color:#333; display:block;}
.board-view .question-tabs .cont .answ-list li .graph-group .graph:nth-child(1) .stick i{background:#f9df65;}
.board-view .question-tabs .cont .answ-list li .graph-group .graph:nth-child(2) .stick i{background:#ff7e7e;}
.board-view .question-tabs .cont .answ-list li .graph-group .graph:nth-child(3) .stick i{background:#94abff;}
.board-view .question-tabs .cont .answ-list li .graph-group .graph:nth-child(4) .stick i{background:#b0a5fe;}
.board-view .question-tabs .cont .answ-list li .graph-group .graph:nth-child(5) .stick i{background:#8fd9de;}
.board-view .question-tabs .cont .answ-list li .graph-group .graph:nth-child(6) .stick i{background:#7dd79d;}

.board-view .question-tabs .cont .answ-list li .opinion{border-top:2px solid #333353; font-size:16px; color:#111;}
.board-view .question-tabs .cont .answ-list li .opinion .optxt{border-bottom:1px solid #d1d1d1; padding:15px 20px;}

@media all and (max-width:1000px){
    .board-view .question-tabs .cont .answ-list li{padding:15px 0px;}
    .board-view .question-tabs .cont .answ-list li .btxt{font-size:17px; margin-bottom:10px;}
    .board-view .question-tabs .cont .answ-list li .graph-group{padding:20px;}
    .board-view .question-tabs .cont .answ-list li .graph-group .graph{padding:0px 100px 0px 50px; margin-bottom:8px;}
    .board-view .question-tabs .cont .answ-list li .graph-group .graph .stxt{line-height:20px; font-size:14px;}
    .board-view .question-tabs .cont .answ-list li .graph-group .graph .stick{height:20px;}
    .board-view .question-tabs .cont .answ-list li .graph-group .graph .stick i{height:20px}
    .board-view .question-tabs .cont .answ-list li .graph-group .graph .ctxt{line-height:20px; font-size:14px;}
}

@media all and (max-width:680px){
    .board-view .question-tabs .cont .answ-list li{padding:10px 0px;}
    .board-view .question-tabs .cont .ques-list li .btxt{font-size:16px;}
    .board-view .question-tabs .cont .answ-list li .graph-group{padding:10px;}
    .board-view .question-tabs .cont .answ-list li .graph-group .graph{padding:0px 90px 0px 45px; margin-bottom:5px;}
    .board-view .question-tabs .cont .answ-list li .graph-group .graph .stxt{font-size:13px;}
    .board-view .question-tabs .cont .answ-list li .graph-group .graph .ctxt{font-size:13px;}
}

@media all and (max-width:480px){

}



/* board-write.write01 */
.board-write{position:relative; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.board-write:after{clear:both; content:""; display:block;}
.board-write table.write01{position:relative; width:100%; border-collapse:collapse; clear:both; background:#fff; border-top:2px solid #333353;}
.board-write table.write01 thead th{background:#f1f4fa; color:#111; text-align:center; letter-spacing:-0.03em; padding:12px; font-size:16px; border-bottom:1px solid #999; font-weight:500;}
.board-write table.write01 tbody th{letter-spacing:-0.02em; padding:12px 15px; color:#111; border-bottom:1px solid #e7e7e7; font-size:16px; background:#f1f7fa; font-weight:500; text-align:center;}
.board-write table.write01 tbody td{letter-spacing:-0.02em; padding:12px 15px; color:#444; border-bottom:1px solid #e7e7e7; font-size:16px;}

.board-write table.write01 tbody th .impor-txt{position:relative; display:inline-block; padding-right:15px;}
.board-write table.write01 tbody th .impor-txt:before{position:absolute; top:1px; right:0px; color:#e55757; font-size:13px; font-weight:600; content:"＊";}

.board-write table.write01 tbody td .tel-input{font-size:0px;}
.board-write table.write01 tbody td .tel-input .chk-select{width:30%;}
.board-write table.write01 tbody td .tel-input input[type="text"]{width:30%;}
.board-write table.write01 tbody td .tel-input .line{width:5%; line-height:38px; vertical-align:middle; font-size:16px; display:inline-block; text-align:center;}

.board-write table.write01 tbody td .email-input{font-size:0px;}
.board-write table.write01 tbody td .email-input .id{width:30%;}
.board-write table.write01 tbody td .email-input .at{width:5%; display:inline-block; line-height:38px; font-size:16px; color:#555454; text-align:center; vertical-align:middle;}
.board-write table.write01 tbody td .email-input .email{width:35%; margin-right:1%;}
.board-write table.write01 tbody td .email-input .chk-select{width:28%;}

.board-write table.write01 tbody td .radios-group .radios{margin-right:30px;}
.board-write table.write01 tbody td .radios-group .radios:last-child{margin-right:0px;}

.board-write table.write01 tbody td textarea{width:100%; height:220px;}
.board-write table.write01 tbody td .jiBtn{padding:6px 20px 7px; vertical-align: middle; background-color:#657381; color:#fff;}

.w100-write{width:100px;}

@media only screen and (max-width:1000px) {
    .board-write table.write01{border:1px solid #d8d8d8;}

    .board-write table.write01 colgroup{display:none;}
    .board-write table.write01 thead {display:none;}

    .board-write table.write01 tbody th{display:block; text-align:left; padding:10px 15px; font-size:15px; border-bottom:none;}
    .board-write table.write01 tbody td{display:block; text-align:left; padding:10px 15px; font-size:15px;}
    .board-write table.write01 tbody td:last-child{border-bottom:none;}

    .board-write table.write01 tbody td .tel-input.w60p{width:100% !important;}
    .board-write table.write01 tbody td .email-input.w70p{width:100% !important;}
    .board-write table.write01 tbody td .filebox.w60p{width:100% !important;}

    .board-write table.write01 tbody td .tel-input .line{line-height:34px; font-size:14px;}
    .board-write table.write01 tbody td .email-input .at{line-height:34px; font-size:13px;}

    .board-write table.write01 tbody td textarea{height:180px;}

    .w100-write{width: 100%;}
}

@media only screen and (max-width:680px) {
    .board-write table.write01 tbody th{padding:7px 10px; font-size:14px;}
    .board-write table.write01 tbody td{padding:7px 10px; font-size:14px;}

    .board-write table.write01 tbody td textarea{height:140px;}

    .board-write table.write01 tbody td .img img{width:100% !important;}
}

/* board-btns */
.board-btns{}
.board-btns{position:relative; font-size:0px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.board-btns:after{clear:both; content:""; display:block;}
.board-btns .btns{display:inline-block; padding:12px 25px; background:#61564b; color:#fff; font-size:16px;}
.board-btns .btns span{padding-right:30px; line-height:120%; display:block;}

.board-btns a{margin-left:5px; margin-bottom:5px; display:inline-block; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; vertical-align:middle;}
.board-btns a:first-child{margin-left:0px;}
.board-btns a:hover{opacity:0.7;}

.board-btns input{margin-left:5px; margin-bottom:5px; display:inline-block; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.board-btns input:first-child{margin-left:0px;}
.board-btns input:hover{opacity:0.7;}

.board-btns input[type="image"]{margin-left:5px; margin-bottom:5px; display:inline-block; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; vertical-align:middle;}
.board-btns input[type="image"]:hover{opacity:0.7;}
.board-btns input[type="image"]:focus{border:1px solid #ff0000;}
.board-btns .input-btn{display: inline-block; background:#333353; color:#fff; border:none;}

.board-btns .btns.ok{background:#333353;}
.board-btns .btns.ok span{background:url("/images/Potal_/layout/bbtn-ok-icon.png") no-repeat right;}

.board-btns .btns.cancel{background:#777;}
.board-btns .btns.cancel span{background:url("/images/Potal_/layout/bbtn-cancel-icon.png") no-repeat right;}

.board-btns .btns.write{background:#373789;}
.board-btns .btns.write span{background:url("/images/Potal_/layout/bbtn-write-icon.png") no-repeat right;}

.board-btns .btns.list{background:#777;}
.board-btns .btns.list span{background:url("/images/Potal_/layout/bbtn-list-icon.png") no-repeat right;}

.board-btns .btns.del{background:#333353;}
.board-btns .btns.del span{background:url("/images/Potal_/layout/bbtn-del-icon.png") no-repeat right;}

.board-btns .btns.modi{background:#777;}
.board-btns .btns.modi span{background:url("/images/Potal_/layout/bbtn-modi-icon.png") no-repeat right;}

.board-btns .btns.answ{background:#777;}
.board-btns .btns.answ span{background:url("/images/Potal_/layout/bbtn-answ-icon.png") no-repeat right;}



@media only screen and (max-width:1000px) {
    .board-btns .btns{padding:10px 17px; font-size:14px;}
    .board-btns .btns span{padding-right:22px;}

    .board-btns .btns.ok span{background-size:15px;}
    .board-btns .btns.cancel span{background-size:15px;}
    .board-btns .btns.write span{ background-size:14px;}
    .board-btns .btns.list span{ background-size:11px;}
    .board-btns .btns.del span{ background-size:12px;}
    .board-btns .btns.modi span{ background-size:14px;}
    .board-btns .btns.answ span{ background-size:12px;}

    .board-btns a img{width:90px;}
    .board-btns input[type="image"]{width:90px;}
}

@media only screen and (max-width:680px) {
    .board-btns .btns{padding:8px 12px; font-size:13px;}
    .board-btns .btns span{padding-right:16px;}

    .board-btns .btns.ok span{background-size:13px;}
    .board-btns .btns.cancel span{background-size:13px;}
    .board-btns .btns.write span{ background-size:12px;}
    .board-btns .btns.list span{ background-size:9px;}
    .board-btns .btns.del span{ background-size:10px;}
    .board-btns .btns.modi span{ background-size:12px;}
    .board-btns .btns.answ span{ background-size:10px;}

    .board-btns a img{width:66px;}
    .board-btns input[type="image"]{width:66px;}
}


/* 회원가입 상단버트*/
.memberJoin .joinIconWrap{width:100%; border:1px solid #d7d7d7; background-color:#f7f7f7;overflow: hidden; padding:50px 40px; box-sizing: border-box;}
.memberJoin .joinIconWrap > ul{width:100%; overflow: hidden;}
.memberJoin .joinIconWrap > ul > li{width:26%; float: left; padding-right:50px; box-sizing: border-box; background: url("/images/Potal_/board/joinArrow.png") 90% center no-repeat;}
.memberJoin .joinIconWrap > ul > li:last-child{width:21%; background:none;padding-right:0px; }
.memberJoin .joinIconWrap > ul > li > div{float: left;}
.memberJoin .joinIconWrap > ul > li > div.jiImg {width:116px; height:116px; border:1px solid #dddddd; box-sizing: border-box; background-color:#fff; border-radius: 50%;  }
.memberJoin .joinIconWrap > ul > li > div.jiImg01 {background: url("/images/Potal_/board/join01_off.png") center no-repeat; }
.memberJoin .joinIconWrap > ul > li > div.jiImg02 {background: url("/images/Potal_/board/join02_off.png") center no-repeat; }
.memberJoin .joinIconWrap > ul > li > div.jiImg03 {background: url("/images/Potal_/board/join03_off.png") center no-repeat; }
.memberJoin .joinIconWrap > ul > li > div.jiImg04 {background: url("/images/Potal_/board/join04_off.png") center no-repeat; }
.memberJoin .joinIconWrap > ul > li > div.jiCnt {text-align: center; width:120px; display: table; height:116px;}
.memberJoin .joinIconWrap > ul > li > div.jiCnt .jicDiv {display: table-cell; vertical-align: middle;}
.memberJoin .joinIconWrap > ul > li > div.jiCnt .jicDiv .jicNum{font-size:19px; color:#333; font-family:'SCDream5';}
.memberJoin .joinIconWrap > ul > li > div.jiCnt .jicDiv .jicTit{font-size:19px; color:#333; font-family:'SCDream4'; margin-top:10px;}
.memberJoin .joinIconWrap > ul > li > div.jiAcc.jiImg01 {background: url("/images/Potal_/board/join01_on.png") center no-repeat #2a9fb9; border-color:#2a9fb9; }
.memberJoin .joinIconWrap > ul > li > div.jiAcc.jiImg02 {background: url("/images/Potal_/board/join02_on.png") center no-repeat #2a9fb9; border-color:#2a9fb9; }
.memberJoin .joinIconWrap > ul > li > div.jiAcc.jiImg03 {background: url("/images/Potal_/board/join03_on.png") center no-repeat #2a9fb9; border-color:#2a9fb9; }
.memberJoin .joinIconWrap > ul > li > div.jiAcc.jiImg04 {background: url("/images/Potal_/board/join04_on.png") center no-repeat #2a9fb9; border-color:#2a9fb9; }
.memberJoin .joinIconWrap > ul > li > div.jiCnt .jicDiv.jiAcc *{font-family:'SCDream7'; }
.memberJoin .joinIconWrap > ul > li > div.jiCnt .jicDiv.jiAcc .jicNum{color:#04596c;}
.memberJoin .joinIconWrap > ul > li > div.jiCnt .jicDiv.jiAcc .jicTit{color:#111;}

/* 회원가입 인증페이지 */
.memberJoin .certWrap{width:100%; max-width:1100px; margin:0px auto; overflow: hidden;}
.memberJoin .certWrap .certDiv{width:45%; max-width:500px; height:450px; float:left;margin:0 2.5%; text-align: center; border:1px solid #ddd; box-sizing: border-box; padding:180px 70px 0px; position: relative;}
.memberJoin .certWrap .certDiv.certPhone{background: url("/images/Potal_/board/phone_ic.png") center 25% no-repeat;}
.memberJoin .certWrap .certDiv.certIpin{background: url("/images/Potal_/board/com_ic.png") center 25% no-repeat;}
.memberJoin .certWrap .certDiv .certTit{font-size:23px; font-family: 'SCDream5';}
.memberJoin .certWrap .certDiv .certCnt{font-size:16px; font-family: 'SCDream4';}
.memberJoin .certWrap .certDiv .certBtn{color:#fff; font-size:14px; padding:8px 30px; text-align: center; }
.memberJoin .certWrap .certDiv.certPhone .certBtn{background-color:#0B8551;}
.memberJoin .certWrap .certDiv.certIpin .certBtn{background-color:#1c57bd;}
.memberJoin .certInfo {border:1px solid #ddd; box-sizing: border-box; padding:30px 20px;}

/* 회원가입 작성*/
.joinInfo .jiBtn{padding:6px 20px 7px; vertical-align: middle; background-color:#657381; color:#fff;}
.memberJoin .board-btns input.btns {border: none;}

/* 회원가입 완료 */
.memberJoin .joinFin{border:1px solid #d7d7d7; text-align: center; padding:50px 0;}
.memberJoin .joinFin .jfTit{font-size:24px; color:#111111; font-family:'SCDream3'; line-height: 130%;}
.memberJoin .joinFin .jfTit > span{font-family:'SCDream5'}
.memberJoin .joinFin .jfsubTit{font-size:16px; color:#666; font-family:'NotoKrR';}
.memberJoin .joinFin ul > li.jfBtn{display: inline-block; margin:0 5px; width:170px; text-align: center; box-sizing: border-box; text-align: center;}
.memberJoin .joinFin ul > li.jfBtn > a{width:100%; height:100%; display: block; padding:10px 0;  font-size:16px; font-family:'NotoKrR';}
.memberJoin .joinFin ul > li.jfbMain > a{border:1px solid #d7d7d7; color:#333;}
.memberJoin .joinFin ul > li.jfbLogin > a{background-color:#04596c; color:#fff;}

@media screen and (max-width:1250px){
    .memberJoin .joinIconWrap > ul > li > div.jiImg {width:100px; height:100px;}
    .memberJoin .joinIconWrap > ul > li > div.jiCnt {width:100px; height:100px;}
}

@media screen and (max-width:1100px){
    .memberJoin .joinIconWrap {padding:30px;}
    .memberJoin .joinIconWrap > ul > li{text-align: center; background-position: 95% center;}
    .memberJoin .joinIconWrap > ul > li > div.jiImg {width:100px; height:100px; float:none; margin:0 auto;}
    .memberJoin .joinIconWrap > ul > li > div.jiCnt {width:100%; height:auto;display: block; float:none; margin-top:10px;}
    .memberJoin .joinIconWrap > ul > li > div.jiCnt .jicDiv{display: inline-block;}
    .memberJoin .joinIconWrap > ul > li > div.jiCnt .jicDiv .jicNum{display: inline-block; vertical-align:top;}
    .memberJoin .joinIconWrap > ul > li > div.jiCnt .jicDiv .jicTit{display: inline-block; margin-top:0;}
}

@media screen and (max-width:1000px){
    .joinInfo .m70w{width:85% !important;}
    .joinInfo .m100w{width:100% !important;}
}

@media screen and (max-width:768px){
    .memberJoin .joinIconWrap > ul > li > div.jiImg {width:80px; height:80px; float:none; margin:0 auto;}
    .memberJoin .joinIconWrap > ul > li > div.jiCnt .jicDiv .jicNum{font-size:16px;}
    .memberJoin .joinIconWrap > ul > li > div.jiCnt .jicDiv .jicTit{font-size:16px;}
    .memberJoin .certWrap .certDiv.certPhone, .memberJoin .certWrap .certDiv.certIpin {background-position: center 15%;}
    .memberJoin .certWrap .certDiv{height:370px; padding:130px 30px 0px;}
    .joinInfo .m70w{width:80% !important;}

    /*셀렉트박스*/
    .board-search .search.selectBox fieldset{width:100%}
    .board-search .search.selectBox{padding-left:0; width:100%;}
    .board-search .search .chk-select.select2{width:31%;}
    .board-search .search.selectBox .input-btn{width:100%; margin-top:10px;}
}
@media screen and (max-width:640px){
    .memberJoin .joinIconWrap{padding:20px 10px;}
    .memberJoin .joinIconWrap > ul > li { width:25%; background:none; padding-right:0px;}
    .memberJoin .joinIconWrap > ul > li:last-child { width:25%;}
    .memberJoin .joinIconWrap > ul > li > div.jiImg {width:50px; height:50px; background-size: 25px;}
    .memberJoin .joinIconWrap > ul > li > div.jiAcc.jiImg01 {background-size: 25px; }
    .memberJoin .joinIconWrap > ul > li > div.jiAcc.jiImg02 {background-size: 25px; }
    .memberJoin .joinIconWrap > ul > li > div.jiAcc.jiImg03 {background-size: 25px; }
    .memberJoin .joinIconWrap > ul > li > div.jiAcc.jiImg04 {background-size: 25px; }
    .memberJoin .joinIconWrap > ul > li > div.jiCnt .jicDiv .jicNum{font-size:14px;}
    .memberJoin .joinIconWrap > ul > li > div.jiCnt .jicDiv .jicTit{font-size:14px;}
    .memberJoin .certWrap{margin:30px auto 0;}
    .memberJoin .certWrap .certDiv{width:100%; float:none; margin:0; height:320px; padding:95px 20px 0;}
    .memberJoin .certWrap .certDiv:first-child{margin-bottom:20px;}
    .memberJoin .certWrap .certDiv.certPhone, .memberJoin .certWrap .certDiv.certIpin{background-size: 35px;}
    .memberJoin .certWrap .certDiv .certTit{font-size:18px;}
    .memberJoin .certWrap .certDiv .certCnt{font-size:14px;}
    .memberJoin .certWrap .certDiv .certBtn{bottom:25px;}
    .memberJoin .certInfo {border:1px solid #ddd; box-sizing: border-box; padding:10px;}

    /* 회원가입 완료 */
    .memberJoin .joinFin img{width:60px;}
    .memberJoin .joinFin .jfTit{font-size:20px;}
    .memberJoin .joinFin .jfsubTit{font-size:14px;}
    .memberJoin .joinFin ul > li.jfBtn{width:120px;}
    .memberJoin .joinFin ul > li.jfBtn > a{padding:7px 0;  font-size:14px;}
    .joinInfo .m70w{width:70% !important;}
}
@media screen and (max-width:480px){
    .memberJoin .joinIconWrap > ul > li > div.jiCnt .jicDiv .jicNum{display: none;}
    .joinInfo .m70w{width:60% !important;}
}

/* 회원가입 약관 */
.memberJoin .argeeDiv .argeeScroll{height:auto; max-height:400px; overflow-y: scroll; border:1px solid #ddd; padding:20px;}

@media screen and (max-width:640px){
    .memberJoin .argeeDiv .argeeScroll{ max-height:200px;}
}



/* 영상 게시판 */

.board-list .movieList li > a .img{position: relative; }
.board-list .movieList li > a .img:before{position:absolute; content: ''; display: block; width:100%; height:100%;background:url("/images/Culture_/board/moviePlay.png") center center no-repeat rgba(0,0,0,0.5); top:0; left:0; z-index: 5;}

.movieBox {width:100%; text-align: center;}
.movieBox iframe#player{width:500px; margin:50px auto 0; height:300px;}

@media screen and (max-width:680px){
    .movieBox iframe#player{width:400px; margin:30px auto 0; height:250px;}
}

@media screen and (max-width:480px){
    .movieBox iframe#player{width:300px; height:200px;}
}                                                                                                                                                                                                                                 


.vote_per {position:relative; margin:10px 0 30px 0; border:1px solid #dedede;}
.vote_per .vote_percon {overflow-y:auto; padding:20px; height:250px; border-bottom:1px solid #dedede; box-sizing:border-box;}
.vote_per .vote_percheck {text-align:center; background:#f2f2f2; font-size:18px; padding:10px 0px;}
.vote_per .vote_percheck input {width:0px; height:0px; margin-top:-1px; overflow:hidden; position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.vote_per .vote_percheck label {display:inline-block; position:relative; padding-left:30px;}
.vote_per .vote_percheck label::before {content:''; display:block; width:20px; height:20px; border-radius:50%; border:1px solid #dedede; position:absolute; top:0; left:0; background:#fff url(/images/Potal_/layout/check_off.png) no-repeat 0 0;}
.vote_per .vote_percheck label.on::before {background:#3366cc url(/images/Potal_/layout/check_on.png) no-repeat 0 0; border:1px solid #3366cc;}