@charset "utf-8";
/* COMMON */
/* PAGINATION */
.pagination {margin-top:55px; font-size:0; text-align:center;}
.pagination > a {display:inline-block; margin-left:4px; width:36px; height:36px; border:1px solid #c6cbcc; background:#fff; border-radius:2px; vertical-align:top;}
.pagination .first,
.pagination .next {margin-left:0;}
.pagination > a:before {display:block; height:100% ;background:url(../images/common/set_btn.png) no-repeat; content:'';}
.pagination .first:before {background-position:-789px 12px;}
.pagination .prev:before {background-position:-837px 12px;}
.pagination .next:before {background-position:-886px 12px;}
.pagination .last:before {background-position:-937px 12px;}
.pagination .num {display:inline-block; margin:0 25px; padding-top:3px; vertical-align:middle;}
.pagination .num a {margin-left:25px; color:#737677; font-size:16px; line-height:1.7;}
.pagination .num a:first-child {margin-left:0;}
.pagination .num a:hover,
.pagination .num a.active {border-bottom:1px solid; color:#222;}


/* ICON */
.icon-notice {display:inline-block; width:48px; height:22px; background:url(../images/common/set_icon.png) no-repeat -150px 0; vertical-align:middle; text-indent:-9999px;}
.icon-file {display:inline-block; width:15px; height:17px; margin-left:6px; background:url(../images/common/set_icon.png) no-repeat 0 0; vertical-align:middle; text-indent:-9999px;}
.icon-new {display:inline-block; width:15px; height:15px; margin-left:6px; background:url(../images/common/set_icon.png) no-repeat -200px 0; vertical-align:middle; text-indent:-9999px;}
.icon-lock {display:inline-block; width:14px; height:18px; margin-left:6px; background:url(../images/common/set_icon.png) no-repeat -250px 0; vertical-align:middle; text-indent:-9999px;}
.icon-standby {display:inline-block; width:21px; height:21px; margin-top:5px; background:url(../images/common/set_icon.png) no-repeat -50px 0; text-align:left; text-indent:-9999px;}
.icon-complete {display:inline-block; width:21px; height:21px; margin-top:5px; background:url(../images/common/set_icon.png) no-repeat -100px 0; text-align:left; text-indent:-9999px;}
.icon-hit:before {position:absolute; top:4px; left:50%; width:20px; height:14px; margin:0 0 0 -10px; background:url(../images/common/set_icon.png) no-repeat -50px -50px; text-align:left; text-indent:-9999px; content:'';}
.icon-hit2 {display:inline-block; width:18px; height:12px; margin:0 5px 0 0; background:url(../images/common/set_icon.png) no-repeat -150px -100px; vertical-align:middle; text-align:left; text-indent:-9999px; content:'';}
.icon-cmt:before {position:absolute; top:5px; left:50%; width:18px; height:17px; margin:0 0 0 -9px; background:url(../images/common/set_icon.png) no-repeat -100px -50px; text-align:left; text-indent:-9999px; content:'';}
.icon-cmt2 {display:inline-block; width:16px; height:15px; margin:0 2px 0 0; background:url(../images/common/set_icon.png) no-repeat -200px -100px; vertical-align:middle; text-align:left; text-indent:-9999px; content:'';}
.icon-vod,
.icon-sou,
.icon-doc {display:inline-block; position:relative; width:17px; height:18px; vertical-align:middle;}
.icon-vod:before {position:absolute; top:50%; left:50%; width:17px; height:18px; margin:-9px 0 0 -8px; background:url(../images/common/set_icon.png) no-repeat -250px -100px; text-align:left; text-indent:-9999px; content:'';}
.icon-sou:before {position:absolute; top:50%; left:50%; width:17px; height:18px; margin:-9px 0 0 -8px; background:url(../images/common/set_icon.png) no-repeat -300px -100px; text-align:left; text-indent:-9999px; content:'';}
.icon-doc:before {position:absolute; top:50%; left:50%; width:17px; height:18px; margin:-9px 0 0 -8px; background:url(../images/common/set_icon.png) no-repeat -350px -100px; text-align:left; text-indent:-9999px; content:'';}

.icon-student {display:inline-block; width:12px; height:13px; margin:-3px 7px 0 0; background:url(../images/common/set_icon.png) no-repeat -750px 0px; vertical-align:middle;}
.icon-proinfo {display:inline-block; width:17px; height:14px; margin:-2px 7px 0 0; background:url(../images/common/set_icon.png) no-repeat -800px 0px; vertical-align:middle;}
.icon-myclass {display:inline-block; width:25px; height:14px; margin:-4px 7px 0 0; background:url(../images/common/set_icon.png) no-repeat -850px 0px; vertical-align:middle;}
.icon-range {display:inline-block; width:16px; height:15px; margin:-2px 7px 0 0; background:url(../images/common/set_icon.png) no-repeat -900px 0px; vertical-align:middle;}
.icon-homework {display:inline-block; width:12px; height:13px; margin:-3px 7px 0 0; background:url(../images/common/set_icon.png) no-repeat -950px 0px; vertical-align:middle;}

.icon-clock {display:inline-block; width:20px; height:20px; margin-top:5px; background:url(../images/common/set_icon02.png) -50px 0 no-repeat; text-align:left; text-indent:-9999px;}

/* BUTTON */
.btns {position:relative; display:block; text-align:center; font-size:0;}
.btns > .btn {margin:0 4px;}
.btn {display:inline-block; position:relative; vertical-align:top; text-align:center;  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;  transition:all 0.2s ease-in-out;}

.btn.fill {min-width:145px; height:50px; padding:0 30px; color:#fff; font-size:18px; line-height:48px;}
.btn.smaller {height:30px; padding:0 8px; font-size:14px; line-height:28px;}
.btn.smaller2 {width:88px; height:32px; padding:0 1px; font-size:16px; line-height:30px;}
.btn.small {height:40px; padding:0 1px; font-size:16px; line-height:38px;}
.btn.small2 {width:96px; height:40px; padding:0 1px; font-size:16px; line-height:38px;}
.btn.small3 {width:130px; height:40px; padding:0 1px; font-size:16px; line-height:38px;}
.btn.small4 {width:155px; height:40px; padding:0 1px; font-size:16px; line-height:38px;}
.btn.small5 {min-width:114px; height:40px; padding:0 1px; font-size:16px; line-height:38px;}
.btn.small6 {min-width:194px; height:40px; padding:0 1px; font-size:16px; line-height:38px;}
.btn.big {height:60px; margin:0 2px; padding:0 30px; font-size:18px; line-height:58px;}
.btn.big2 {height:60px; margin:0 2px; padding:0 60px; font-size:18px; line-height:58px;}
.btn.bigger {min-width:315px; height:70px; padding:0 48px; font-size:22px; line-height:68px;}

.btn.org {background-color:#f36910; color:#fff;}
.btn.org:hover,
.btn.org:hover {background-color:#da6b23;}
.btn.org:disabled,
.btn.org.dis {background-color:#da6b23; cursor:default;}

.btn.brown {background-color:#c29c58; color:#fff;}
.btn.brown:hover,
.btn.brown:hover {background-color:#c29c58;}
.btn.brown:disabled,
.btn.brown.dis {background-color:#c29c58; cursor:default;}

.btn.white {display:inline-block; background-color:#fff; border:1px solid #c6cbcc; color:#666;}
.btn.white:hover,
.btn.white:active {border-color:#da623b; color:#da623b;}
.btn.white:disabled,
.btn.white.dis {border-color:#c6cbcc; background-color:#f0f0f0; color:#b9b9b9; cursor:default;}

.btn.gray {background-color:#666; color:#fff;}
.btn.gray:hover,
.btn.gray:active {background-color:#f36910; color:#fff;}
.btn.gray:disabled,
.btn.gray.dis {background-color:#242626; cursor:default;}

.btn.wgray {background-color:#b5b5b5; color:#fff;}
.btn.wgray:hover,
.btn.wgray:active {background-color:#666; color:#fff;}
.btn.wgray:disabled,
.btn.wgray.dis {background-color:#f4f4f5; color:#b9b9b9; cursor:default;}

.btn.darkgray {background-color:#222; color:#fff;}
.btn.darkgray:hover,
.btn.darkgray:active {background-color:#151616;}
.btn.darkgray:disabled,
.btn.darkgray.dis {background-color:#151616; cursor:default;}

.btn.add {min-width:100px;}
.btn.add:before {display:inline-block; width:12px; height:12px; margin-top:-4px; margin-right:7px; background:url(../images/common/icon.png) no-repeat 0 -16px; vertical-align:middle; line-height:100%; content:'';}

.btn-search {width:53px; height:40px; background:#b5b5b5; color:#fff; font-size:14px; border-radius:0 2px 2px 0;}
.btn-search:hover {background-color:#5b6061;}

.btn-file {display:inline-block; margin-right:20px; line-height:17px; font-size:14px; color:#4d5050;}
.btn-file span {display:inline-block; border-bottom:1px solid #4d5050;}
.btn-file:before {content:''; display:inline-block; margin-top:-1px; margin-right:5px; width:15px; height:17px; vertical-align:middle; background:url(../images/common/set_icon.png) no-repeat 0 0;}

.btn-setting {position:absolute; top:-25px; right:0; width:16px; height:16px; background:url(../images/common/set_icon03.png) no-repeat -300px 0; text-indent:-99999px;}

.btnCal {display:block; position:relative; width:32px; height:32px; border:1px solid #e2e2e2; font-size:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.btnCal:after {position:absolute; top:50%; left:50%; width:21px; height:21px; background:url(../images/common/set_btn.png) no-repeat -349px 0; transform:translate(-50%, -50%); content:'';}
.btnCal.on {background-color:#f4f4f5;}

/* .btn-back {display:inline-block; padding-left:20px; background:url() no-repeat ; color:#666; font-size:16px;} */

/* 한화생명 */
.btn.fill.mint {background-color:#c29c58;}
.btn.fill.mint:hover {background-color:#c29c58;}
.btn.fill.mint:active {background-color:#c29c58;}
/* 한화생명 */

/* bbsbtn */
.pagination ~ .bbsbtn-list {margin-top:-38px; text-align:right;}
.bbsbtn-list {margin-top:18px; text-align:right;}
.pagination ~ .bbsbtn-list-left {margin-top:-30px;}
.bbsbtn-list-left {margin-top:18px; text-align:left;}
.bbsbtn-view {text-align:right; font-size:0;}
.bbsbtn-view a {margin-left:8px; width:70px;}
.bbsbtn-view button {margin-left:8px; width:70px;}
.bbsbtn-write {margin-top:20px; text-align:center;}

/* ETC */
.sCut {position:absolute; top:0; right:0; bottom:0; left:0; z-index:5; font-size:0;}

.chkrdo {position:relative; cursor:pointer; margin-left:20px;}
.chkrdo:first-child {margin-left:0;}
.chkrdo > input {position:absolute; left:-200vw;}
.chkrdo > span {position:relative;}
.chkrdo > span:before,
.chkrdo > span:after {position:absolute; left:0; top:1px; content:'';}
.chkrdo > input[type=radio] + span {display:inline-block; padding-left:30px; line-height:25px;}
.chkrdo > input[type=radio] + span:before {width:20px; height:20px; background:#fff; border:2px solid #ccc; border-radius:50%;}
.chkrdo > input[type=radio]:checked + span:before {border:2px solid #f36910;}
.chkrdo > input[type=radio]:checked + span:after {top:8px; left:7px; width:10px; height:10px; background:#f36910; border-radius:50%;}
.chkrdo > input[type=radio]:disabled + span {opacity:.5;  cursor:default;}

.chkrdo2 {display:inline-block; position:relative; cursor:pointer; margin-left:20px;}
.chkrdo2:first-child {margin-left:0;}
.chkrdo2 > input {position:absolute; left:-200vw;}
.chkrdo2 > span {position:relative;}
.chkrdo2 > span:before,
.chkrdo2 > span:after {position:absolute; left:0; top:3px; content:'';}
.chkrdo2 > input[type=radio] + span {padding-left:30px; line-height:20px;}
.chkrdo2 > input[type=radio] + span:before {width:20px; height:20px; background:#fff; border:1px solid #ccc; border-radius:50%; box-sizing: border-box;}
.chkrdo2 > input[type=radio]:checked + span:after {top:7px; left:4px; width:12px; height:12px; background:#666; border-radius:50%;}
.chkrdo2 > input[type=radio]:disabled + span {opacity:.5;  cursor:default;}

.chkbox {position:relative; cursor:pointer; margin-left:20px;}
.chkbox:first-child {margin-left:0;}
.chkbox > input {position:absolute; left:-200vw;}
.chkbox > span {position:relative;}
.chkbox > span:before,
.chkbox > span:after {position:absolute; left:0; top:1px; content:'';}
.chkbox > input[type=checkbox] + span {display:inline-block; padding-left:30px; line-height:25px;}
.chkbox > input[type=checkbox] + span:before {width:20px; height:20px; background:#fff; border:1px solid #c6cbcc; border-radius:2px;}
.chkbox > input[type=checkbox]:checked + span:before {border:0; background:#5b6061;}
.chkbox > input[type=checkbox]:checked + span:after {position:absolute; top:6px; left:3px; width:14px; height:11px; background:url(../images/common/icon.png) no-repeat -200px -66px; vertical-align:middle; content:'';}

.chkbar {display:inline-block; position:relative; cursor:pointer;}
.chkbar > input {position:absolute; left:-9999px;}
.chkbar > i {display:inline-block; position:relative; width:28px; margin-left:10px;}
.chkbar > i:before {position:absolute; top:50%; left:0; width:28px; height:6px; margin-top:-3px; background:#dfe5e6; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; content:'';}
.chkbar > i:after {position:absolute; top:50%; left:0; width:14px; height:14px; margin-top:-7px; background:#c6cbcc; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; box-shadow:1px 1px 7px rgba(0,0,0,.5); content:''; transition:all 0.1s;}
.chkbar > input:checked + i:before {background:#f4a471;}
.chkbar > input:checked + i:after {left:14px; background:#da6b23;}

/* TXT */
.txt-nodata {display:block; padding:38px 0 42px; text-align:center; font-size:18px;}
.txt-data {display:block; color:#ccc; margin-top:5px; font-size:14px; line-height:1.3;}
.txt-gray {color:#666;}
.txt-red {color:#e20000;}

/* SEARCH */
.search-area {margin-top:30px;}
.search-area:after {content:''; display:block; clear:both;}
.search-area.type02 {margin-top:50px;}
.search-area:first-child {margin-top:0;}

.search-area .result-txt {float:left; line-height:40px; font-size:16px;}
.search-area .result-txt em {color:#737677;}
.search-area h3 {float:left; /* margin-top:30px;*/ color:#222; font-weight:600; font-size:24px; line-height:1;}
.search-area h3 small {display:inline-block; margin-left:6px; color:#666; font-size:16px;}
.search-area h3 span {font-weight:normal;}
.search-area .form {float:right; font-size:0;}
.search-area .form * {vertical-align:top;}
.search-area .form .form-search {display:inline-block; position:relative; margin-left:20px;}
.search-area .form .slt_menu {display:inline-block; margin:0 0 0 5px;}
.search-area .form .slt_menu:first-child {margin:0;}
.search-area .form .slt_menu .ui-selectmenu-button {width:120px;}
.search-area .form .slt_menu + .form-search {margin-left:4px;}
.search-area .form .form-search input {width:220px; padding-right:44px;}
.search-area .form .form-search input:focus {outline:none; border-color:#9ea09f;}
.search-area .form .form-search .btn-del {display:none; position:absolute; top:0; right:53px; width:44px; height:40px; text-indent:-9999px; text-align:left;}
.search-area .form .form-search .btn-del:after {content:''; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:16px; height:16px; background:url("../images/common/btn.png") no-repeat -188px -24px;}

/* LIST */
.bbs-list {margin-top:25px;}
.bbs-list ul {border:1px solid #dfe5e6; border-radius:2px;}
.bbs-list li {border-top:1px solid #dfe5e6;}
.bbs-list li:first-child {border-top:none;}
.bbs-list li > a {display:block; position:relative; padding:29px 77px 31px 30px; font-size:0;}
.bbs-list li > a:after {display:inline-block; position:absolute; top:29px; right:30px; width:30px; height:30px; background:url(../images/common/set_btn.png) no-repeat -150px 0; transition:all 0.125s ease-in-out; transform:rotate(0deg); content:'';}
.bbs-list li > a .txt {color:#666; font-size:18px; font-weight:500;}
.bbs-list li > a [class^=icon] {margin-left:8px; vertical-align:top;}
.bbs-list li > a .icon-lock {margin:5px 8px 0 0;}
.bbs-list li > a .icon-notice {margin:5px 8px 0 0;}
.bbs-list li > a .icon-file,
.bbs-list li > a .icon-new {margin-top:7px;}
.bbs-list li > a .info {margin-top:4px; font-size:0;}
.bbs-list li > a .info span {display:inline-block; margin-right:8px; color:#97a0a1; font-size:14px;}
.bbs-list li > a .info span:after {content:''; display:inline-block; margin:7px 0 0 8px; width:1px; height:8px; background-color:#97a0a1; vertical-align:top;}
.bbs-list li > a .info span:last-child:after {display:none;}
.bbs-list li > a:hover .txt {color:#151616; border-bottom:1px solid #151616;}
.bbs-list li > a.active:after {transform:rotate(-135deg);}
.bbs-list li .detailWrap {display:none; position:relative; background-color:#f4f4f5;}
.bbs-list li .detail {position:relative; padding:29px 180px 36px 30px; color:#666; font-size:16px; line-height:22px;}
.bbs-list li .detail:after {content:''; position:absolute; top:0; left:0; right:0; display:block; height:1px; background-color:#dfe5e6;}
.bbs-list li .detail .btns {position:absolute; bottom:29px; right:26px;}
.bbs-list li .detail .btns [class^=btn] {display:inline-block; position:relative; width:31px; height:30px; vertical-align:middle; text-align:left; text-indent:-9999px;}
.bbs-list li .detail .btns [class^=btn]:after {display:inline-block; position:absolute; top:50%; left:50%; width:16px; height:16px; background:url(../images/common/set_btn.png) no-repeat; transform:translate(-50%, -50%); content:'';}
.bbs-list li .detail .btns .btn-modify:after {width:16px; height:16px; background-position:-250px 0;}
.bbs-list li .detail .btns .btn-delete:after {width:16px; height:16px; background-position:-300px 0;}
.bbs-list li .detail .btns [class^=btn]:before {display:inline-block; position:absolute; top:50%; left:-2px; width:2px; height:2px; margin-top:-1px; background-color:#4d5050; content:'';}
.bbs-list li .detail .btns [class^=btn]:first-child:before {display:none;}
.bbs-list li .detail .file-area {padding-top:32px;}
.bbs-list li .detail img {max-width:100%;}
.bbs-list li .answer {position:relative; padding:24px 180px 33px 78px; color:#222; font-size:18px; line-height:24px;}
.bbs-list li .answer:before {position:absolute; top:24px; left:30px; color:#151616; font-weight:600; font-size:28px; content:'A.';}
.bbs-list li .answer:after {display:block; position:absolute; top:0; right:29px; left:29px; height:1px; background-color:#e2e2e2; content:'';}
.bbs-list li .answer .file-area {padding-top:30px;}
.bbs-list li .answer img {max-width:100%;}
.bbs-list.qna li > a {padding-left:77px;}
.bbs-list.qna li > a:before {position:absolute; top:21px; left:29px; color:#f36910; font-weight:600; font-size:28px; content:'Q.';}
.bbs-list.qna li .detail {padding-left:78px;}
.bbs-list li .active .txt {color:#151616; border-bottom:1px solid #151616;}
.bbs-list li .active + .detailWrap {display:block;}
.bbs-list + .pagination {margin-top:20px;}

/* TABLE */
.bbs-tbl-list {margin-top:15px; border-width:2px 0 1px; border-style:solid; border-color:#e2e2e2;}
.bbs-tbl-list thead th {height:40px; color:#666; font-size:14px;}
.bbs-tbl-list td {padding:8px 0; border-top:1px solid #e2e2e2; text-align:center; font-size:16px;}
.bbs-tbl-list td.sbj {padding:0 30px; text-align:left;}

.bbs-write {border-top:1px solid #e0ddd9; border-bottom:1px solid #c6b5a4;}
.bbs-write tbody th { vertical-align: middle;font-weight:normal;    border-bottom: 1px solid #f4f2ef; background:#f9f9f9; text-align:center; line-height:40px;}
.bbs-write td {padding:8px 30px; font-size:16px; line-height:40px;    border-bottom: 1px solid #f4f2ef;}
.bbs-write td input {vertical-align:middle;}
.bbs-write tr{border-bottom:1px solid #f4f2ef}
.bbs-write tr:first-child th,
.bbs-write tr:first-child td {}
.bbs-write tr:last-child th,
.bbs-write tr:last-child td {padding-bottom:22px;    border-bottom: 0;}
.bbs-write td.sec-td {padding-top:0px;}
.bbs-write td.right {text-align:right;}
.bbs-write .sbj input {width:80%;}
.bbs-write .td-inner-wrap:after {display:block; clear:both; content:'';}
.bbs-write .td-inner {float:left; width:50%;}
.bbs-write .slt_menu {vertical-align:middle;}
.bbs-write .slt_menu .ui-selectmenu-button {width:130px;}
.bbs-write .slt_menu + input {margin-left:5px;}
.bbs-write .form-set {display:inline-block; margin-left:5px;}
.bbs-write .form-set .btn {vertical-align:middle;}
.bbs-write .time {display:inline-block; font-size:0; vertical-align:middle;}
.bbs-write .time input {width:100px; vertical-align:middle;}
.bbs-write .time span {font-size:16px; vertical-align:middle;}
.bbs-write .time2 {display:inline-block; margin-left:10px; font-size:0; vertical-align:middle;}
.bbs-write .time2 .slt_menu .ui-selectmenu-button {width:80px; vertical-align:middle;}
.bbs-write .txt {margin:0 8px; font-size:16px; vertical-align:middle;}
.bbs-write .rent-list > ul {margin:0 -15px -10px;}
.bbs-write .rent-list > ul:after {display:block; clear:both; content:'';}
.bbs-write .rent-list > ul > li {display:table; float:left; width:50%; padding:10px 15px; table-layout:fixed; font-size:0;}
.bbs-write .rent-list > ul > li .box {display:table-cell; width:50%; vertical-align:middle;;}
.bbs-write .rent-list > ul > li .box.left {font-size:16px;}
.bbs-write .rent-list > ul > li .box.right {text-align:right;}
.bbs-write .rent-list > ul > li .chkbox > input[type=checkbox] + span {padding-left:40px;}
.bbs-write .rent-list > ul > li  em {margin-right:8px; color:#c29c58; font-size:16px; vertical-align:middle;}
.bbs-write .rent-list > ul > li  input {width:75px;}
.bbs-write .rent-list > ul > li  .txt {margin:0 8px; font-size:16px; vertical-align:middle;}
.bbs-write .rent-list .slt_menu .ui-selectmenu-button {width:75px;}
.bbs-write .inbox {display:none; position:relative; top:-4px; height:35px; padding-left:20px; vertical-align:middle; font-size:0;}
.bbs-write .inbox.on {display:inline-block;}
.bbs-write .inbox input {width:70px;}
.txt-desc{padding:20px 0;text-align:center;}
.txt-desc p{display:inline-block;}
.txt-desc *{display:inline-block;vertical-align:middle;}
.txt-desc button{margin-left:35px;}

.bbs-write.type02 {margin-top:20px;}
.sTit + .bbs-write.type02 {margin-top:0;}
.bbs-write.type02 {margin-top:20px;}
.bbs-write.type02 th,
.bbs-write.type02 td {border-top:1px solid #dfe5e6;}
.bbs-write.type02 tr:first-child th,
.bbs-write.type02 tr:first-child td {border-top:0;}
.bbs-write.type02 tr.use-date th,
.bbs-write.type02 tr.use-date td {}
.bbs-write.type03 {margin-top:20px;}
[class^=sTit] + .bbs-write.type03 {margin-top:0;}
.bbs-write.type03 th,
.bbs-write.type03 td { border-top:1px solid #dfe5e6;vertical-align:middle;}
.bbs-write.type03 tr:first-child th,
.bbs-write.type03 tr:first-child td,
.bbs-write.type03 tr:last-child th,
.bbs-write.type03 tr:last-child td {border-top:0;padding-bottom:5px;}
.bbs-write.type03 td{color:#c29c58;font-weight:bold;font-size:17px;padding: 5px 15px;text-align:center;}
.bbs-write.type03 textarea { height: 65px;}
.bbs-write.active {border:2px solid #70a05a; box-shadow:0 0 10px rgba(0,0,0,.3);}

.bbs-view {margin-top:20px; border-top:2px solid #c6cbcc; border-bottom:1px solid #dfe5e6; font-size:16px;}
.bbs-view th,
.bbs-view td {padding:15px 0;; border-top:1px solid #dfe5e6; vertical-align:top;}
.bbs-view th {padding-left:30px; text-align:left;}
.bbs-view th .ico-necessary:after {line-height:2;}
.bbs-view tr:first-child th,
.bbs-view tr:first-child td {border-top:0;}
.bbs-view.total th,
.bbs-view.total td {font-size:22px;}
.bbs-view.total td {padding-right:30px; color:#f36910; text-align:right; font-weight:500;}

[class^=sTit] + .bbs-view {margin-top:0;}
[class^=bbs-] .chk-type {display:inline-block; margin-left:20px; vertical-align:middle;}
[class^=bbs-] .chk-type p {display:inline-block; margin:0 5px; vertical-align:middle;}
[class^=bbs-] .chk-type:first-child,
[class^=bbs-] .chk-type p:first-child {margin-left:0;}
[class^=bbs-] .bar {display:inline-block; width:25px; vertical-align:middle; text-align:center;}

.ico-line {display:inline-block; position:relative; margin:0 10px; vertical-align:top;}
.ico-line:after {position:absolute; top:7px; left:0; height:15px; border-left:1px solid #e2e2e2; content:'';}
.ico-necessary {display:inline-block; position:relative; text-indent:-9999px; text-align:left; vertical-align:top;}
.ico-necessary:after {position:absolute; top:0; left:3px; color:#e20000; text-indent:0; font-style:normal; content:" * "; line-height:38px;}

input.w75 {width:75px;}

.sTit-area {overflow:hidden; margin-top:15px;margin-bottom:15px;text-align:center;padding-top:15px;border-top:2px solid #998979}
.sTit-area h3.sTit { margin:0 !important;}
.sTit-area .desc {float:right; margin-top:10px; padding:0 30px;}
.sTit-area .desc span {color:#666;}
.sTit-area .desc em {margin-left:20px; color:#c29c58;}
.sTit-area .desc .txt2 {font-size:22px;}

.datepicker {display:inline-block; position:relative; width:220px; vertical-align:middle;}
.datepicker input {display:block; padding-right:50px;}
.datepicker input:focus {border-color:#97a0a1;}
.datepicker .ui-datepicker-trigger {display:block; position:absolute; top:0; right:0; z-index:1; width:40px; height:40px; font-size:0;}
.datepicker .ui-datepicker-trigger:after {position:absolute; top:50%; left:50%; width:21px; height:21px; background:url(../images/common/set_btn.png) no-repeat -349px 0; transform:translate(-50%, -50%); content:'';}
.datepicker input:disabled + button {z-index:-1;}
.datepicker input:disabled + button + i {display:block; position:absolute; top:0; right:0; z-index:1; width:40px; height:40px; font-size:0;}
.datepicker input:disabled + button + i:after {position:absolute; top:50%; left:50%; width:21px; height:21px; background:url(../images/common/set_btn.png) no-repeat -349px 0; transform:translate(-50%, -50%); content:'';}

#ui-datepicker-div.ui-datepicker {width:220px; padding:7px; border:1px solid #97a0a1; background:#fff; font-size:14px; z-index:100000 !important;}
#ui-datepicker-div .ui-datepicker-header {position:relative; margin:7px 0; padding:0;}
#ui-datepicker-div .ui-datepicker-title {color:#151616; text-align:center; font-size:16px;}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {position:absolute; top:50%; width:20px; height:20px; margin-top:-10px; background:#737677; cursor:pointer; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-indent:-99999px;}
#ui-datepicker-div .ui-datepicker-prev:after,
#ui-datepicker-div .ui-datepicker-next:after {position:absolute; top:50%; left:50%; width:7px; height:10px; background:url(../images/common/set_btn.png) no-repeat; transform: translate(-50%, -50%); content:'';}
#ui-datepicker-div .ui-datepicker-prev {left:50%; margin-left:-70px;}
#ui-datepicker-div .ui-datepicker-prev:after {margin-left:-1px;	background-position:-900px -100px;}
#ui-datepicker-div .ui-datepicker-next {right:50%; margin-right:-70px;}
#ui-datepicker-div .ui-datepicker-next:after {margin-right:-1px; background-position:-950px -100px;}
#ui-datepicker-div .ui-state-disabled {opacity:.5; cursor:default;}
#ui-datepicker-div .ui-datepicker-current {outline:0; position:absolute; right:0; top:8px; width:60px !important; height:30px; margin:0 !important; padding:0 !important; color:white;}
#ui-datepicker-div .slt_menu:first-child {margin-right:10px;}
#ui-datepicker-div .ui-datepicker-calendar thead th {height:40px; color:#c2c2c2; vertical-align:top; font-weight:normal; font-size:14px;}
#ui-datepicker-div .ui-datepicker-calendar tbody td {text-align:center; font-size:14px;}
#ui-datepicker-div .ui-datepicker-calendar thead tr:first-child th,
#ui-datepicker-div .ui-datepicker-calendar tbody tr:first-child td {border-top:0;}
#ui-datepicker-div .ui-datepicker-calendar thead th:first-child,
#ui-datepicker-div .ui-datepicker-calendar tbody td:first-child {border-left:0;}
#ui-datepicker-div .ui-datepicker-calendar td span,
#ui-datepicker-div .ui-datepicker-calendar td a {display:block; width:100%; height:29px; padding:0; text-align:center; line-height:29px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
#ui-datepicker-div .ui-datepicker-calendar td span {color:#666;}
#ui-datepicker-div .ui-datepicker-calendar td a {color:#737677;}
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day a {color:#f36910;}
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-today a {background:#f36910; color:#fff;}
#ui-datepicker-div .ui-datepicker-calendar th.ui-datepicker-week-end span {color:#aad6f5;}
#ui-datepicker-div .ui-datepicker-calendar th.ui-datepicker-week-end:first-child span {color:#fa3a36;}

.search-area + [class^=bbs-] {margin-top:15px;}
.search-area + [class^=bbs-] + .search-area {margin-top:40px;}

/* POPUP */
.popup {position:fixed;left:0;top:1000%;width:100%;height:100%;box-sizing:border-box;background:rgba(0, 0, 0, 0.7);z-index:100;}
.popup > .inner {position:absolute;left:50%;top:50% !important;transform:translate(-50%, -50%);max-width:1080px; max-height:90vh; background:#fff;box-sizing:border-box;}
.popup .header {position:relative;}
.popup .tit {color:#222; font-weight:600; font-size:20px; line-height:1;}
.popup .tit small {display:inline-block;margin-left:6px;font-size:16px;color:#737677;}
.popup .btn-close {position:absolute;top:20px;right:20px;width:20px;height:20px;text-indent:-9999px;background:url(../images/common/btn.png) no-repeat -62px 0;}
#popAlert {z-index:101;}

/* 알럿 */
.popup.type1 .inner {width:420px;}
.popup.type1 .header {padding:60px 40px 20px;width:100%;min-height:140px;text-align:center;display:table;box-sizing:border-box;}
.popup.type1 .header:before {content:'';display:block;position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:29px;height:31px;background:url(../images/common/icon.png) no-repeat 0 0;z-index:1;}
.popup.type1 .header:after {content:'';display:block;position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:80px;height:80px;text-indent:-9999px;border-radius:100%;background:#151616;}
.popup.type1 .header.icon-process:before {top:-15px;width:29px;height:31px;background-position:-169px -45px;}
.popup.type1 .header.icon-check:before {top:-8px;width:27px;height:19px;background-position:-201px -45px;}
.popup.type1 .header .tit {display:table-cell;vertical-align:middle;}
.popup.type1 .header .tit small {display:block;margin-top:4px;font-size:16px;color:#737677;font-weight:400;line-height:1.5;}
.popup.type1 .contents {padding:0 40px 30px 40px;}
.popup.type1 .contents .btns .btn {width:154px;}

/* PAGE */
/* MAIN */
#mainSlideWrap{overflow: hidden;    height: 100vh;}
#mainSlideWrap .main_slide{height:100vh}
#mainSlideWrap .swiper-slide{position: relative;display:inline-block;}
#mainSlideWrap .swiper-slide.bg01{background: url(../images/background/main01.jpg);background-position: center;}
#mainSlideWrap .swiper-slide.bg02{background: url(../images/background/main02.jpg);background-position: center;}
#mainSlideWrap .swiper-slide .txt{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);color:#fff;width:1440px;text-align: center;}
#mainSlideWrap .swiper-slide .txt p{font-size:33px;}
#mainSlideWrap .swiper-slide .txt h2{font-size:70px;font-weight: bold;color:#fff;}
#mainSlideWrap .swiper-slide img{display:block;width:100%;}
#mainSlideWrap .swiper-pagination{z-index:1}
#mainSlideWrap .swiper-pagination .swiper-pagination-bullet {width: 65px;height: 4px;display: inline-block;border-radius: 0;background: #fff;opacity: .5;}
#mainSlideWrap .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}

.sect_tit{font-size: 56px;color:#dca075;text-align: center;font-weight: 300;line-height: 1;}
.more a{color:#b8947a;font-size:13px;font-weight: 500;} 
.more a:after{content: '';transition:all .3s;display:inline-block;width:25px;margin-left:18px;height:7px;background:url(../images/common/icon_set.png);background-position:-108px -43px ;}
.more:hover a:after{width:33px;background-position: -100px -43px;}
#IntroductionArea{background:#2d2423;padding:180px 0 165px 0;}
#IntroductionArea .container{width:1104px;}
#IntroductionArea .swiper-wrap{margin-top:85px;overflow: hidden;position: relative;}
#IntroductionArea .text-thumbs .swiper-slide {background-size: cover;background-position: center;padding:50px 70px;    box-sizing: border-box;}
#IntroductionArea .gallery-top {height: 518px;width: 780px;position: absolute;right: 0;z-index: 2;}
#IntroductionArea .gallery-top .swiper-slide{background-size: cover;}
#IntroductionArea .text-thumbs {height: 430px;width:860px;border:1px solid #9a7053; float: left;margin-top: 170px;}
#IntroductionArea .text-thumbs .swiper-slide {width: 100%;height: 100%;}
#IntroductionArea .text-thumbs .swiper-slide-thumb-active {opacity: 1;}
#IntroductionArea .text-thumbs em{font-weight: bold;color:#dca075;font-size:52px;position: relative;line-height: 1;}
#IntroductionArea .text-thumbs em:after{content: '';display: inline-block;width:100%;position: absolute;left:0;bottom:0;height: 4px;background: #dca075;}
#IntroductionArea .text-thumbs dl{margin-top: 55px;}
#IntroductionArea .text-thumbs dt{font-size: 30px;font-weight: 500;line-height: 1;}
#IntroductionArea .text-thumbs dd{opacity: .6;margin-top:30px;}
#IntroductionArea .text-thumbs dd.more{margin-top:100px;}
#IntroductionArea .arrow{ width: 190px;position: absolute;top: 90px;left:95px;;height: 50px;}
#IntroductionArea .arrow .nav{width: 106px;float:right;z-index: 1;height: 50px;position: relative;}
#IntroductionArea .arrow .swiper-pagination.sect01{width:calc(190px - 106px);z-index:1;float:left;color:#756965;}
#IntroductionArea .arrow .swiper-pagination.sect01 .swiper-pagination-current{color:#b8947a;}
#IntroductionArea .swiper-button-next, #IntroductionArea .swiper-button-prev {width:50px;height:50px;cursor: pointer;background:url(../images/common/icon_set.png);}

#IntroductionArea .swiper-button-next:after, .swiper-button-prev:after{content:'';}
#IntroductionArea .swiper-button-next {background-position: -50px 0;}
#IntroductionArea .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:0;}
#IntroductionArea .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:0}

#about_summary{padding:110px 0 220px 0;background:#2d2423 ;}
#about_summary .container{width:1255px;}
#about_summary .thumb{float:left;position: relative;z-index: 2;}
#about_summary .thumb::before{content:'';width:860px;height:430px;border:1px solid #9a7053;position:absolute;right:215px;z-index: -1;bottom:54px}
#about_summary dl{float:left;padding:20px 60px;}
#about_summary dl *{text-align: left;}
#about_summary dl dt {margin-bottom: 35px;}
#about_summary dl dd{color:rgba(255,255,255,.7);}
#about_summary dl dd.more{margin-top:95px}
#rental{padding:160px 0 117px 0;background: url(../images/background/rentalBg.jpg);background-size: cover;}
#rental *{color:#fff;}
#rental h2{font-size:56px;font-weight: 300;line-height: 1;}
#rental p{font-size: 16px;margin-top: 40px;}
#rental a{font-size: 16px;margin-top: 60px;border: 1px solid #fff;padding:0 60px;height:64px;line-height: 62px;display: inline-block;}


/*서브페이지 */
    /*공통*/
    .icon{background: url(../images/common/icon_set.png);display:inline-block;}
    .addr-icon{width:33px;height:33px;background-position: -300px 0; vertical-align: middle;}
    .tel-icon{width:33px;height:33px;background-position: -350px 0; vertical-align: middle;}
    .fax-icon{width:33px;height:33px;background-position: -400px 0; vertical-align: middle;}
    .mail-icon{width:33px;height:33px;background-position: -450px 0; vertical-align: middle;}
    .down-icon{width:24px;height:20px;background-position: -500px 0; vertical-align: middle;}
    .sub01-icon01{width: 76px; height: 72px; background-position: 0px -50px; vertical-align: middle;}
    .sub01-icon02{width: 76px; height: 72px; background-position: -100px -50px; vertical-align: middle;}
    .sub01-icon03{width: 58px; height: 72px; background-position: -200px -50px; vertical-align: middle;}
    .sub01-icon04{width: 66px; height: 72px; background-position: -300px -50px; vertical-align: middle;}
    .sub01-icon05{width: 85px; height: 72px; background-position: -395px -50px; vertical-align: middle;}
    #sub{padding:135px 0 135px 0;}
    #sub .container{width: 1300px;min-height: 485px;}
    .page-data { z-index:5;position:fixed;width:340px;top: 50%;transform: translate(0,-50%);}
    .page-data.white *{ color:#fff !important;}
    .page_content{float:right;width:calc(1300px - 340px);}
    /*타이틀*/
    .page-data .bar {position:relative; display:block; width:100%; height:2px; opacity:1; position:absolute;top:95px;left:calc(-100% - 50px);}
    .page-data .bar span {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#fff;}
    .page-data .title {position:relative; width:100%;}
    .page-data .en-menu-name {margin-top:25px;font-size:16px; font-family:'Roboto'; position:relative;line-height:25px; color:#dca075;  letter-spacing:3.0px; white-space:nowrap;padding-left:90px;}
    .page-data .en-menu-name:before{position: absolute;width:321px;height:4px;background: #dca075;content: '';left:-250px;top:50%;transform: translate(0, -50%);}
    .page-data.white .en-menu-name:before{background: #fff;}
    .page-data .kr-menu-name { font-size:46px; line-height:1; color:#dca075; font-weight:700; letter-spacing:-0.01em; white-space:nowrap;}
    .page-data .txt {margin-top:20px;}
    .page-data .list {margin-top: 60px;width:160px;}
    .page-data .list li{padding-left:5px;height:62px;line-height: 60px;;}
    .page-data .list li + li{border-top:1px solid rgba(255,255,255,.1);}
    .page-data .list li a{color:#bbb;display:block;width:100%;position: relative;}
    .page-data .list li a:after{content: '';display:inline-block;display:none;width: 35px;height: 24px;background: url(../images/common/icon_set.png);background-position: -150px 0;vertical-align: middle;position: absolute;top:50%;right:0;transform: translate(0, -50%);}
    .page-data .list li:hover a:after{display: block;;}
    .page-data .list li:hover a{color:#dca075 !important;}

    /*배경*/
    #sub.sub01{background: url(../images/background/subBg_01.jpg);display: block;width:100%;background-attachment: fixed;background-position: center;}
    #sub.sub02{background: url(../images/background/subBg_02.jpg);display: block;width:100%;background-attachment: fixed;background-position: center;}
	#sub.sub03{background: url(../images/background/subBg_03.jpg);display: block;width:100%;background-attachment: fixed;background-position: center;}
    #sub.sub04{background: url(../images/background/subBg_04.jpg);display: block;width:100%;background-attachment: fixed;background-position: center;}
	#sub.sub05{background: url(../images/background/intro_bg.jpg);display: block;width:100%;background-attachment: fixed;background-position: center;}
    /*연수원 소개*/
    .sub05 .page_content{padding:0 50px}
    .sub05 .page_content .point{color:#c29c58;}
	.sub05 .page_content p + p{margin-top:25px;}
	.sub05 .page_content ul{margin-top:60px;width:90%;}
	.sub05 .page_content ul li{width:20%;float:left;}
	.sub05 .page_content ul li dl *{text-align:center;}
    .sub-tit{font-size:46px;line-height:1.3;color:#fff;font-weight:500}
	 .txtbox{margin-top:45px;}
	 .txtbox *{color:#fff;}
	 
	 /*시설안내*/
	 .guide{text-align:center;}
	 .guide ul li{width:363px;display:inline-block;border:1px solid #e4e4e4}
	 .guide ul li + li{margin-left:40px;}
	 .guide ul li:nth-child(2n+1){margin-left:0;}
	 .guide ul li:nth-child(n+3){margin-top:40px;}
	 .guide span img{width:calc(100% + 2px);display:block;margin-top:-1px;margin-left:-1px;}
	 .guide dl{background:#fff;padding:25px 45px;min-height:243px;}
	 .guide dt{color:#c29c58;font-size:26px;font-weight:500;text-align:center;}
	 .guide dd {line-height:1.5}
	 .guide dd span.name{color:#a0a0a0;font-size:16px;font-weight:500;float:left;}
	 .guide dd span.time{float:right;color:#666;font-size:16px;font-weight:500;}
	 .guide dd span.time em{color:#a0a0a0;margin-right:5px;}
	 .sampleView{background:#fff;padding:25px 40px 50px 40px;position:relative;}
	 .tab > ul {font-size:0;}
	.tab > ul  li {width:calc(25% - 6px);height:48px;display:inline-block;font-size:14px;}
	.tab > ul  li + li{margin-left:8px;}
	.tab > ul  li:nth-child(4n+1) {margin-left:0;}
	.tab > ul  li:nth-child(n+4){margin-top:8px;}
	.tab > ul  li button{width: 100%;padding: 0;height: 100%;background:#f7f7f7;border:1px solid #e4e4e4;transition:all .2s;  outline-color: #c29c58;}
	.tab > ul  li button.on{background:#c29c58;color:#fff;border:1px solid #c29c58 }
	.tab > ul  li button.on:hover{color:#fff;}
	.tab > ul  li button:hover{color:#c29c58;border:1px solid #c29c58;}
	.sampleView .swiper-container{margin-top:25px;display:none;}
	.sampleView .swiper-pagination-bullet{border-radius:0;border:2px solid #ccc;width:12px;height:12px;opacity:1;background:#fff}
	.sampleView .swiper-pagination-bullet-active{background:#c29c58;border:2px solid #c29c58;width:40px;}
	.sampleView .swiper-pagination{left: 50%;transform: translateX(-50%);bottom:13px;}
	.sampleView .swiper-pagination span + span{margin-left:14px;}
	.sampleView img{width:100%;}
	
	 
    /*공지사항*/
    .notice{border-top:2px solid #fff;}
    .notice dt.title{padding:30px 20px;position: relative;}
    .notice dt.title h2{font-size:28px;color:#fff;font-weight: 500;}
    .notice dt.title span {position: relative;color:rgba(255,255,255,.6);}
    .notice dt.title span + span{margin-left:20px;}
    .notice dt.title span + span:after{content:'';background:rgba(255,255,255,.6);width:3px;height:3px;position: absolute;left:-12px;top:50%;transform: translateY(-50%);}
    .notice dt.title.on i{transform:translateY(-50%) rotate(135deg);}
    .notice dd{border-top:1px solid rgba(255,255,255,.7);padding:40px 18px;font-size:17px;color:#fff;}
    .notice li{transition: all .3s;cursor: pointer;}
    .notice li + li{border-top:1px solid rgba(255,255,255,.7)}
    .notice dd {display: none;}
    .plus{background-position: -200px 0;width:33px;height:33px;position:absolute;top:50%;transform: translateY(-50%);right:24px;transition: all .3s;}

    .file{margin-top:80px;display:inline-block}
    .file p{background: #fff;text-decoration:underline;color:#262626;border-radius: 4px;display:block;font-size:14px;padding:8px 8px 8px 6px;letter-spacing:-1px;line-height: 1;position: relative;}
    .file p + p{margin-top:5px;}
    .file p:before{background: url(../images/common/icon_set.png);background-position:-250px 0;width:16px;height:16px;content:'';margin-right:5px;display: inline-block;vertical-align: top;}

    /*정보 영역*/
    .location{width:100%;margin-top:60px;}
    .topInfo h3{font-size:28px;color:#fff;margin-bottom:15px;font-weight: 400;}
    .topInfo span{color:#fff;font-size:20px;display:inline-block;vertical-align: top;}
    .topInfo span + span{margin-left:45px;;}
    .topInfo span i{margin-right:10px}
    .topInfo span.tel{padding-left:33px;text-indent: -43px;line-height: 1;}
    .topInfo span.tel em{font-size:15px;color:#fff;}
    .topInfo.rental{border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:38px;}

    /*대관안내*/
    .rental_step{margin-top:35px;text-align:center;}
    .rental_step .pop_list .pop_btn button.down{background:#c29c58;padding:20px 30px;color:#fff;font-size:20px;display:inline-block;margin:0 auto;border-radius:3px;}
    .rental_step ul{display:flex;flex:auto;    flex-wrap: wrap;margin-top:38px;}
    .rental_step ul li {position:relative;padding:40px 30px;word-break:keep-all;flex-wrap:wrap;color:#fff;width:289px;height:179px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.1)}
    .rental_step ul li + li{margin-left:46px;}
    /*색상변경해야함 갈색 -> 흰색으로*/
    .rental_step ul li:after{content:'';left:-36px;top:50%;transform:translate(0, -50%);background: url(../images/common/icon_set.png);position:absolute;width:27px;height:7px;display:inline-block;background-position: -108px -43px;}
    .rental_step ul li:nth-child(3n+1):after{display:none;}
    .rental_step ul li:nth-child(3n+1){margin-left:0;}
    .rental_step ul li:nth-child(n+4){margin-top:46px;}
    .rental_step ul li em{color:#c29c58;font-size:14px;font-weight:bold;}
    
    .rental_step .pop_list.bottom{border:1px solid rgba(255,255,255,.3);padding:20px 0;margin-top:45px;border-left:0;border-right:0;}
    .rental_step .pop_list span{color:#fff;font-size:16px;margin-right:15px;display:inline-block;}
    .rental_step .pop_list .pop_wrap img { width: 100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
	.rental_step .pop_list .pop_btn{display:inline-block;font-size:14px;}
	.rental_step .pop_list .pop_btn button{display:block;background:#fff;color:#4d5050;padding:6px 15px;}
	.rental_step .pop_list .pop_btn button i{margin-left:5px;}
	.popup .pop_btn > button{display:none;} 
	.popup { position: fixed; z-index: 2; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.3); opacity: 0; -webkit-transition: opacity .5s ease-in-out .2s; transition: opacity .5s ease-in-out .2s; }
	.pop_wrap{display:none;}
	
	.popup.pop .pop_wrap{display:block; overflow-y: auto;}
	.popup.pop { opacity: 1; -webkit-transition: opacity .2s ease-in-out 0s; transition: opacity .2s ease-in-out 0s;z-index: 30; }
	.popup.pop .pop_wrap { margin-top: 0; opacity: 1; background:#fff;}
	.popup.pop .pop_wrap.wid928{width:928px;}
	.popup.pop > .swiper-slide {width:100% !important}
	.popup .pop_wrap { position: absolute; top: 50%; left: 50%;height:80%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: 0 0; transform-origin: 0 0; margin-top: 30px; opacity: 0; padding:0 80px 77px 80px; width:1240px;}
	.popup .pop_wrap img { position: relative; z-index: 2;}
	.popup .close { position: absolute; z-index: 3; top: 10px; right: 10px; width: 25px; height: 25px; cursor: pointer; background: url(#close); border-radius: 25px; background: rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
	#wrap .popup .pop_wrap .tit-area .tit{padding: 55px 0;font-weight:normal;text-align:center;font-size:34px;}
	.popup.pop .pop_wrap.wid928 .tit-area .tit{padding: 30px 0;position:relative;text-align:center;}
	.popup.pop .pop_wrap.wid928 .tit-area .tit em{font-size:14px;position: absolute;bottom: 0;right: 0;}
	.pop-useinfo{font-size:16px;margin-top:40px}
	.pop-useinfo li +li{;margin-top:30px}
	.pop-useinfo dt{color:#c29c58;font-weight:bold}
	.pop-useinfo dd{padding-left: 16px; text-indent: -16px;}
	#wirte , #view{    padding-bottom: 40px;}