@charset "utf-8";

/* reschListSec */
.reschListSec {display:block; height:auto; overflow:hidden; margin-bottom:100px; position:relative;}
.reschListSec .reschList {display:block; height:auto; overflow:hidden; position:relative; padding:10px 0; margin-bottom:30px;}
.reschListSec .reschList:after {content:''; position:absolute; left:8px; top:0px; width:2px; height:100%; z-index:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#84b427+0,1372b0+100 */
background: rgb(132,180,39); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(132,180,39,1) 0%, rgba(19,114,176,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(132,180,39,1) 0%,rgba(19,114,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(132,180,39,1) 0%,rgba(19,114,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b427', endColorstr='#1372b0',GradientType=0 ); /* IE6-9 */
}
.reschListSec .reschList .cycle {position:absolute; left:0; width:18px; height:18px; box-sizing:border-box;}
.reschListSec .reschList .cycle.top {top:0; border:3px solid #84b427; background:#FFF; border-radius:50%; z-index:10;}
.reschListSec .reschList .cycle.bottom {bottom:0; border:3px solid #1372b0; background:#FFF; border-radius:50%; z-index:10;}
.reschListSec .reschList .reschBox {display:block; height:auto; overflow:hidden; margin:15px 0; position:relative; padding:0 0 0 57px; box-sizing:border-box;}

.reschListSec .reschList .reschBox:after {content:''; position:absolute; left:4px; top:50%; transform:translate(0, -50%); width:10px; height:10px; background:#1372b0; border-radius:50%;}
/*
.reschListSec .reschList .reschBox:before {content:''; position:absolute; left:46px; top:50%; transform:translate(0, -50%); width:14px; height:18px; background:url(/img/tail_gray.png) no-repeat 50% 50%; z-index:10;}
*/
.reschListSec .reschList li:first-child .reschBox:after {background:#71b44b;}
.reschListSec .reschList li:nth-child(2) .reschBox:after {background:#54b27e;}
.reschListSec .reschList li:nth-child(3) .reschBox:after {background:#2993ac;}
.reschListSec .reschList .reschBox .reschInner {display:block; height:auto; position:relative; padding:40px 50px; box-sizing:border-box;}
.reschListSec .reschList .reschBox .reschInner:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#f4f4f4; z-index:-1;}
.reschListSec .reschList .reschBox .reschInner:before {content:''; position:absolute; left:-12px; top:50%; transform:translate(0, -50%); width:14px; height:18px; background:url(/img/tail_gray.png) no-repeat 50% 50%; z-index:10;}
.reschListSec .reschList .reschBox:hover .reschInner:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border-style: solid; border-image: linear-gradient(to right, #1372b0 0%, #82b42a 100%); border-image-slice: 1; border-image-width: 2px; color:#0f71b8; background:#FFF; z-index:-1;}
.reschListSec .reschList .reschBox:hover .reschInner .tail {position:absolute; left:-12px; top:50%; transform:translate(0, -50%); width:14px; height:18px; background:url(/img/tail_color.png) no-repeat 50% 50%; z-index:10;}
.reschListSec .reschList .reschBox .reschInner .date {display:inline-block; color:#1372b0; font-size:20px; font-family:'notokr-medium'; padding-bottom:6px; margin-bottom:15px; position:relative;}
.reschListSec .reschList .reschBox .reschInner .date:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#1372b0;}
.reschListSec .reschList .reschBox .reschInner .reschCon {display:block; height:auto; overflow:hidden; font-size:16px; color:#888; line-height:22px;}

/* docList */
.docList {display:block; height:auto; overflow:hidden; margin-bottom:100px; position:relative;}
.docList li {float:left; width:49%; height:auto; position:relative; margin-right:2%; margin-bottom:20px;}
.docList li:nth-child(2n) {margin-right:0;}
.docList li a {display:block; width:100%; height:100%;}

.docList li .docBox {display:block; height:auto; overflow:auto; position:relative; padding-top:50px;}
.docList li .docBox .docThumb {position:absolute; left:0; bottom:0; width:300px; height:auto; overflow:hidden; text-align:center; z-index:10;}
.docList li .docBox .docThumb img {width:90%; vertical-align:bottom;}
.docList li .docBox .docConBox {display:block; height:auto; overflow:hidden; background:#f4f4f4; position:relative; padding:30px 8% 20px 300px;}

/*
.docList li .docBox {display:block; height:auto; overflow:hidden; position:relative; padding-top:0px;}
.docList li .docBox .docThumb {display:block; width:48%; height:auto; overflow:hidden; text-align:center; position:relative; z-index:10;}
.docList li .docBox .docThumb img {width:100%;}
.docList li .docBox .docConBox {position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 40px); background:#f4f4f4; padding:30px 11% 0 50%; z-index:0;}
*/
.docList li .docBox .docConBox:after {content:''; position:absolute; left:0; top:0; width:100%; height:2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1372b0+0,85b425+100 */
background: rgb(19,114,176); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(19,114,176,1) 0%, rgba(133,180,37,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1372b0', endColorstr='#85b425',GradientType=1 ); /* IE6-9 */
}
.docList li .docBox .docConBox .docName {font-size:36px; color:#333; letter-spacing:-1px; margin-bottom:3px;}
.docList li .docBox .docConBox .docName em {font-size:20px; color:#999; font-family:'notokr-regular';}
.docList li .docBox .docConBox .docPart {display:block; height:auto; overflow:hidden; font-size:16px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.docList li .docBox .docConBox .docPart em {display:inline-block; padding-right:13px; margin-right:8px; position:relative;}
.docList li .docBox .docConBox .docPart em:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#dbdbdb;}
.docList li .docBox .docConBox dl {display:block; height:auto;min-height:161px; overflow:hidden; margin-top:20px; padding-top:20px; border-top:1px solid #dbdbdb;}
.docList li .docBox .docConBox dl dd {display:block; height:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; font-size:14px; color:#666; line-height:28px; padding-left:15px;}
.docList li .docBox .docConBox dl dd:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:5px; height:5px; border-radius:50%; background:#d0d7dc;}
.docList li .docBox .docMore {position:absolute; right:0; bottom:0; width:32px; height:32px; background:url(/img/more_off.png) no-repeat 50% 50%; transition:.4s all;}
.docList li .docBox .docMore.on {background:url(/img/more_on.png) no-repeat 50% 50%;}

.docList li .docBox:hover .docConBox {background:#FFF; border-image-width: 0px; transition:.4s all;}
.docList li .docBox:hover .docConBox:after {content:''; background:#FFF; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border-style: solid; border-image: linear-gradient(to right, #1372b0 0%, #82b42a 100%); border-image-slice: 1; border-image-width: 2px; z-index:-1;}
.docList li .docBox:hover .docMore {background:url(/img/more_on.png) no-repeat 50% 50%;}

/* docView */
.docView {display:block; min-height:600px; /*overflow:hidden;*/ position:relative; margin-top:70px;}
.docView .docInfoSec {float:left; width:50%; height:auto; overflow:hidden; margin-bottom:80px;}
.docView .docInfoSec .doc {display:block; height:auto; overflow:hidden;}
.docView .docInfoSec .doc .docName {font-size:42px; color:#333; letter-spacing:-1px; margin-bottom:3px; font-family:'notokr-medium';}
.docView .docInfoSec .doc .docName em {font-size:24px; color:#999; font-family:'notokr-regular';}
.docView .docInfoSec .doc .docPart {display:block; height:auto; overflow:hidden; font-size:18px; color:#666;}
.docView .docInfoSec .doc .docPart em {display:inline-block; padding-right:13px; margin-right:8px; position:relative;}
.docView .docInfoSec .doc .docPart em:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#dbdbdb;}
.docView .docPhotoSec {position:absolute; right:0; bottom:0; width:490px; height:auto; overflow:hidden; text-align:right;}
.docView .docPhotoSec img {vertical-align:bottom; max-width:100%;}

.docView .docInfoSec .docGreeting {display:block; height:auto; overflow:hidden; padding:20px 0 40px 0; font-size:16px; color:#666; line-height:26px;}

.treatTable {clear:both; display:block; height:auto; overflow:hidden; width:100%;}
.treatTable table {padding:0; margin:0; width:100%; table-layout:fixed;}
.treatTable th, .treatTable td {text-align:center; font-size:13px; padding:10px 0; border-bottom:1px solid #d0d7dc;}
.treatTable th {font-weight:normal; color:#222; font-size:14px; background:#f3f6f8; border-top:2px solid #1573b1;}
.treatTable th.head {border-right:1px solid #d0d7dc;}
.treatTable td.head {border-right:1px solid #d0d7dc; color:#222; font-size:14px;}
.treatTable td {color:#666; background:rgba(255, 255, 255, 0.6);}

.docCarrier {display:block; height:auto; overflow:hidden; margin-bottom:100px;width:100%;}
.carriCon {display:block; height:auto; overflow:hidden; margin-bottom:30px;}
.carriCon li {float:left; width:100%; height:auto; overflow:hidden; position:relative; font-size:18px; color:#333; line-height:24px; padding:6px 0 6px 17px;}
.carriCon li:after {content:''; position:absolute; left:0; top:15px; width:7px; height:7px; border-radius:50%; background:#d7d7d7;}
.carriCon .carriHalf, .carriCon .carriFull {display:block; height:auto; overflow:hidden; min-height:300px;}
.carriCon .carriHalf li {width:100%; padding-right:20px; box-sizing:border-box;}

/*reservation */
.resStepBox {display:block; height:auto; overflow:hidden; margin-bottom:30px; position:relative;}
.resStepBox:after {content:''; position:absolute; left:0; top:0; width:100%; height:2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1372b0+0,85b425+100 */
background: rgb(19,114,176); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(19,114,176,1) 0%, rgba(133,180,37,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1372b0', endColorstr='#85b425',GradientType=1 ); /* IE6-9 */
}
.resStepBox.pad {padding-right:337px;}
.resStepBox .title {position:relative; padding:25px 0 25px 55px; font-size:20px; color:#333; letter-spacing:-1px;}
.resStepBox .title em {display:inline-block; font-size:15px; color:#666; font-family:'noto-regular'; margin-left:5px;}
.resStepBox .title .ar {position:absolute; right:20px; top:50%; transform:translate(0, -50%); width:18px; height:9px; background:url(/img/ar_step.png) no-repeat 50% 50%;}
.resStepBox .title.step01 {background:url(/img/ico_res_step01.png) no-repeat left 50%; background-size:43px 43px;}
.resStepBox .title.step02 {background:url(/img/ico_res_step02.png) no-repeat left 50%; background-size:43px 43px;}
.resStepBox .title.step03 {background:url(/img/ico_res_step03.png) no-repeat left 50%; background-size:43px 43px;}
.resStepBox .title.step04 {background:url(/img/ico_res_step04.png) no-repeat left 50%; background-size:43px 43px;}
.resStepBox .stepResClinic {display:block; height:auto; overflow:hidden; padding:30px 20px; background:#f5f5f5; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.resStepBox .stepResClinic li {float:left; width:32.666%; height:auto; overflow:hidden; margin-right:1%; box-sizing:border-box; position:relative;}
.resStepBox .stepResClinic li:last-child {margin-right:0;}
.resStepBox .stepResClinic li .resClinic {display:block; height:auto; overflow:hidden; position:relative; border:1px solid #dbdbdb;}
.resStepBox .stepResClinic li .resClinic.on {border-style: solid; border-image: linear-gradient(to right, #1372b0 0%, #82b42a 100%); border-image-slice: 1; border-image-width: 1px;}
.resStepBox .stepResClinic li .resClinic .thumb {display:block;}
.resStepBox .stepResClinic li .resClinic .thumb img {width:100%;}
.resStepBox .stepResClinic li .resClinic .clinicName {display:block; height:45px; line-height:40px; text-align:center; font-size:16px; color:#666; background:#FFF;}
.resStepBox .stepResClinic li .resClinic .clinicName .radioB input:checked + span {color:#0f71b8;}

.choiceDoc {display:block; height:auto; overflow:hidden; position:relative; padding:10px 45px;}
.choiceDoc .selDoctor {display:block; height:auto; overflow:hidden; position:relative;}
.choiceDoc .selDoctor .docInner {display:block; width:160px; height:auto; overflow:hidden; text-align:center; cursor:pointer;}
.choiceDoc .selDoctor .docInner .docThumb {display:block; height:160px; position:relative;}
.choiceDoc .selDoctor .docInner .docThumb .smCy {position:absolute; right:8px; top:20px; width:22px; height:22px; border-radius:50%; border:1px solid #e3e3e3; background:#FFF;}
.choiceDoc .selDoctor .docInner .docThumb .photo {display:block; width:96%; height:96%; border-radius:50%; overflow:hidden; background:#e4e8ed; margin:0 auto;}
.choiceDoc .selDoctor .docInner .docThumb .photo img {width:100%;}
.choiceDoc .selDoctor .docInner .docThumb.on .photo {
border: double 2px transparent;
border-radius: 50%;
background-image: linear-gradient(#e4e8ed, #e4e8ed), radial-gradient(circle at top left, #1372b0,#82b42a);
background-origin: border-box;
background-clip: content-box, border-box;
}
.choiceDoc .selDoctor .docInner .docThumb.on .smCy:after {content:''; position:absolute; left:5px; top:5px; width:12px; height:12px; background:#3fab9d; border-radius:50%;}
.choiceDoc .selDoctor .docInner .name {margin-top:5px; font-size:18px; color:#333;}
.choiceDoc .selDoctor .docInner .name em {color:#666;}
.choiceDoc .seldoc-prev {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:35px; height:35px; background:url(/img/ar_doc_left.png) no-repeat 50% 50%; background-size:100%; cursor:pointer; z-index:100;}
.choiceDoc .seldoc-next {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:35px; height:35px; background:url(/img/ar_doc_right.png) no-repeat 50% 50%; background-size:100%; cursor:pointer; z-index:100;}

.docSchedule {display:block; height:auto; overflow:hidden;}
.docSchedule .docScheWrap {display:block; height:auto; overflow:hidden; padding:20px 60px;}
.docSchedule .docScheWrap table {padding:0; margin:0; width:100%; table-layout:fixed;}
.docSchedule .docScheWrap th, .docSchedule .docScheWrap td {padding:10px 0;}
.docSchedule .docScheWrap th {border-top:1px solid #909090; background:#e9e9e9; font-weight:normal; font-size:14px; color:#222; text-align:center; border-bottom:1px solid #d1d1d1;}
.docSchedule .docScheWrap td {border-bottom:1px solid #d1d1d1; text-align:center; font-size:13px; color:#666; background:#fbfbfb;}
.docSchedule .docScheWrap th.item, .docSchedule .docScheWrap td.item {border-right:1px solid #d1d1d1;}

.resCal {display:block; height:auto; overflow:hidden;}
.resCal .selSche {display:block; height:auto; overflow:hidden; padding:20px 64px 20px 174px; background:#f5f5f5; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; position:relative;}
.resCal .selSche .comnCal th, .resCal .selSche .comnCal td {height:36px; font-size:14px; background:#fbfbfb;}
.resCal .selSche .comnCal th {background:#e9e9e9; border-top:2px solid #8a8a8a;}
.resCal .selSche .comnCal td .day {line-height:36px;}
.resCal .selSche .selMonth {position:absolute; left:0; top:50%; transform:translate(0, -50%); text-align:center; width:174px; height:auto;}
.resCal .selSche .selMonth .yrs {display:block; font-size:20px; color:#666; margin-bottom:5px;}
.resCal .selSche .selMonth .month {font-size:30px; color:#333; font-family:'notokr-regular'; line-height:35px;}
.resCal .selSche .selMonth .prevMonth {display:inline-block; width:35px; height:35px; background:url(/img/ar_doc_left.png) no-repeat 50% 50%; background-size:100%; vertical-align:middle; margin-right:5px;}
.resCal .selSche .selMonth .prevMonth a, .resCal .selSche .selMonth .nextMonth a {display:block; width:100%; height:100%;}
.resCal .selSche .selMonth .nextMonth {display:inline-block; width:35px; height:35px; background:url(/img/ar_doc_right.png) no-repeat 50% 50%; background-size:100%; vertical-align:middle; margin-left:5px;}
.infoText{width: 90%; margin: 0 auto; display: none; color: #000;  font-size: 16px;}
.infoText .text_red {color: red; font-weight: bold;}
.infoText .text_green {color: #85b425; font-weight: bold;}
.infoOn{display: block;}


.selTime {position:absolute; right:0; top:0; height: 100%; width:337px; box-sizing:border-box; border-left:1px solid #dbdbdb;}
.selTime .title {margin-left:20px;}
.selTime .timeList {display:block; 
	height: calc(100% - 78px); /*height:auto;*/ overflow:hidden; background:#f5f5f5; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; position:relative; padding:20px; box-sizing:border-box;}
.selTime .timeList ul {display:block; height:100%; /*height:222px;*/  overflow:hidden; overflow-y:scroll;}
.selTime .timeList ul li {display:block; height:auto; overflow:hidden; line-height:36px; font-size:14px; color:#333; font-family:'notokr-regular';}
.selTime .timeList ul li.dis, .selTime .timeList ul li.holiday {color:#aaa;}
.selTime .timeList ul li .timeDis {display:inline-block; height:27px; line-height:27px; color:#FFF; font-size:13px; background:#cf5f63; padding:0 13px; margin-left:7px;}
.selTime .timeList ul li .timeHoliday {display:inline-block; height:27px; line-height:27px; color:#FFF; font-size:13px; background:#797979; padding:0 13px; margin-left:7px;}
.selTime .timeList ul li .radioB input.dis + span {background:url(/img/bg_radio_dis.png) no-repeat left 50%; background-size:18px 18px; background:none\9; color:#333;}
.selTime .timeList ul li .radioB input.dis:checked + span {background:url(/img/bg_radio_dis.png) no-repeat left 50%; background-size:18px 18px; background:none\9; color:#333;}

.resForm {display:block; height:auto; overflow:hidden; position:relative; margin-bottom:30px;}
.resForm:after {content:''; position:absolute; left:0; top:0; width:100%; height:2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1372b0+0,85b425+100 */
background: rgb(19,114,176); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(19,114,176,1) 0%, rgba(133,180,37,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1372b0', endColorstr='#85b425',GradientType=1 ); /* IE6-9 */
}
.resForm .resTitle {height:64px; line-height:64px; position:relative; font-size:20px; color:#333; letter-spacing:-1px;}
.resForm .resTitle em {display:inline-block; font-size:15px; color:#666; font-family:'noto-regular'; margin-left:5px;}
.resForm .resTitle em.txtCau {color:#cf5f63 !important;}
.resForm .resTable {display:block; height:auto; overflow:hidden;}
.resForm .resTable table {padding:0; margin:0; width:100%; table-layout:fixed;}
.resForm .resTable th, .resForm .resTable td {border:1px solid #d0d0d0; padding:10px 20px; font-size:16px; text-align:left;}
.resForm .resTable th:first-child {border-left:0;}
.resForm .resTable td:last-child {border-right:0;}
.resForm .resTable th {color:#333; font-weight:normal; padding:10px 30px; background:#e0edf5;}
.resForm .resTable td {color:#666;}
.resForm .resTable td .wantTel {display:inline-block; margin-left:15px;}
.resForm .resTable td .wantTel .txt {margin-right:15px; vertical-align:middle;}
.resForm .resTable td .pointSel {display:block; height:auto; overflow:hidden;}
.resForm .resTable td .pointSel li {float:left; width:20%; height:auto; overflow:hidden; padding:5px 0;}
.resForm .resTable td .paperSel {display:block; height:auto; overflow:hidden;}
.resForm .resTable td .paperSel li {float:left; width:24.25%; height:auto; overflow:hidden; margin-right:1%; margin-bottom:10px;}
.resForm .resTable td .paperSel li:nth-child(4n) {margin-right:0;}
.resForm .resTable input[type="text"], .resForm .resTable input[type="password"], .resForm .resTable input[type="number"] {display:inline-block; width:100%; height:32px; line-height:30px; background:#FFF; box-sizing:border-box; padding:0 10px; font-size:14px; font-family:'notokr-regular'; border:1px solid #d0d0d0;}
.resForm .resTable textarea {display:inline-block; width:100%; height:160px; line-height:20px; background:#FFF; box-sizing:border-box; padding:10px; font-size:14px; font-family:'notokr-regular'; border:1px solid #d0d0d0;}
.resForm .resTable .forDesk {width:190px !important;}
.resForm .resTable .resCauTxt {display:inline-block; margin-left:10px; font-size:13px; color:#cf5f63;}
.resForm .resTable .itemSel {display:inline-block; margin-right:15px; background:url(/img/bg_sel.png) no-repeat left 50%; height:25px; line-height:25px; padding-left:25px;}
.resForm .resTable .itemSel:last-child {margin-right:0;}
.resForm .resTable .radioB {margin-right:10px;}
.resForm .resTable .incom {display:block; height:auto; overflow:hidden;}
.resForm .resTable .incom li {float:left; width:auto; margin-right:15px;}

.resForm .resTerm {display:block; height:160px; overflow:hidden; overflow-y:scroll; padding:10px; font-size:14px; background:#FFF; border:1px solid #d0d0d0;}
.resForm .agree {display:block; height:50px; line-height:50px; border-bottom:1px solid #dbdbdb; font-size:16px; color:#666;}

.resForm .resTable table #boook3 {display: none;}
/*reservation */

/* resView */
.resViewSec {display:block; height:auto; overflow:hidden; position:relative; padding-bottom:30px;}
.resViewSec .resInfoSec {float:left; width:50%; height:auto; overflow:hidden; position:relative; margin-bottom:0px;}
.resViewSec .resInfoSec .resStats {position:absolute; right:0; top:0; transform:translate(0, 0); width:80px; height:80px; padding-top:14px;}
.resViewSec .resInfoSec .resDoc {display:block; height:auto; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #dbdbdb;}
.resViewSec .resInfoSec .resDoc .resDocName {font-size:36px; color:#333; letter-spacing:-1px; margin-bottom:3px; font-family:'notokr-medium';}
.resViewSec .resInfoSec .resDoc .resDocName em {font-size:20px; color:#999; font-family:'notokr-regular';}
.resViewSec .resInfoSec .resDoc .docPart {display:block; height:auto; overflow:hidden; font-size:16px; color:#666;}
.resViewSec .resInfoSec .resDoc .docPart em {display:inline-block; padding-right:13px; margin-right:8px; position:relative;}
.resViewSec .resInfoSec .resDoc .docPart em:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#dbdbdb;}
.resViewSec .resDocPhotoSec {position:absolute; right:0; bottom:0; width:600px; height:auto; overflow:hidden; text-align:right;}
.resViewSec .resDocPhotoSec img {vertical-align:bottom; max-width:100%;}

.resViewSec .resInfoSec .resBase {display:block; height:auto; overflow:hidden; padding:25px 0;}
.resViewSec .resInfoSec .resBase .resDate {display:block; height:40px; line-height:40px; font-size:16px; color:#333; padding-left:42px; background:url(/img/ico_res_step03.png) no-repeat left 50%; background-size:32px 32px;}
.resViewSec .resInfoSec .resBase .resTime {display:block; height:40px; line-height:40px; font-size:16px; color:#333; padding-left:42px; background:url(/img/ico_res_step04.png) no-repeat left 50%; background-size:32px 32px;}
.resContents {clear:both; display:block; height:auto; overflow:hidden; position:relative; margin-bottom:30px; width:50%;}
.resContents:after { content:''; position:absolute; left:0; top:0; width:100%; height:2px; /*Permalink-usetoeditandsharethisgradient:; https:; //colorzilla.com/gradient-editor/#1372b0+0,85b425+100*/background: rgb(19,114,176); /*Oldbrowsers*/background: -moz-linear-gradient(left,  rgba(19,114,176,1) 0%, rgba(133,180,37,1) 100%); /*FF3.6-15*/background: -webkit-linear-gradient(left,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /*Chrome10-25,Safari5.1-6*/background: linear-gradient(to right,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /*W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/filter:; progid:DXImageTransform.Microsoft.gradient( startColorstr='#1372b0', endColorstr='#85b425',GradientType=1 );  /* IE6-9 */:; -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1372b0', endColorstr='#85b425',GradientType=1 );
}
.resContents table {padding:0; margin:0; width:100%; table-layout:fixed; margin-bottom:30px;}
.resContents th, .resContents td {font-size:16px; padding:12px 20px; text-align:left; border:1px solid #d0d0d0;}
.resContents th:first-child {border-left:0;}
.resContents td:last-child {border-right:0;}
.resContents th {font-weight:normal; color:#333; background:#f4f9fb;}
.resContents th.head {background:#f4f4f4; border-top:0; border-right:0;}
.resContents th.head img {margin-right:5px; width:28px; vertical-align:-8px;}
.resContents th.head .tel {color:#cf5f63;}
.resContents td {color:#666; background:rgba(255, 255, 255, 0.6);}


/* vodList */
.vodList {display:block; height:auto; overflow:hidden; margin-bottom:100px; position:relative; padding-top:30px;}
.vodList:after {content:''; position:absolute; left:0; top:0; width:100%; height:2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1372b0+0,85b425+100 */
background: rgb(19,114,176); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(19,114,176,1) 0%, rgba(133,180,37,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1372b0', endColorstr='#85b425',GradientType=1 ); /* IE6-9 */
}
.vodList ul {display:block; height:auto; overflow:hidden; margin-bottom:20px;}
.vodList li {float:left; width:32%; height:auto; overflow:hidden; margin-right:2%; margin-bottom:20px;}

.vodList li .bbsBox {display:block; height:auto; overflow:hidden; position:relative; padding:0px; border-radius:26px 0 26px 0; border:1px solid #dbdbdb;}
.vodList li .bbsBox .thumb {display:block; height:auto; overflow:hidden; text-align:center;}
.vodList li .bbsBox .thumb img {width:100%;}
.vodList li .bbsBox .vodDesc {display:block; height:auto; overflow:hidden; padding:0 20px;}
.vodList li .bbsBox .vodDesc .subject {color:#333; font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px 0;}
.vodList li .bbsBox .vodDesc .bbsDate {clear:both; display:block; height:47px; line-height:47px; position:relative; font-size:14px; color:#666; border-top:1px solid #ddd;}
.vodList li .bbsBox .vodDesc .bbsDate em {position:absolute; right:0; top:50%; transform:translate(0, -50%); text-align:right;}
.vodList li:hover .vodList li .bbsBox:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border-radius:26px 0 26px 0; border:2px solid #1372b0; overflow:hidden;}


/* bbsList */
.bbsListTy01 {display:block; height:auto; overflow:hidden; margin-bottom:100px; position:relative;}
.bbsListTy01:after {content:''; position:absolute; left:0; top:0; width:100%; height:2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1372b0+0,85b425+100 */
background: rgb(19,114,176); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(19,114,176,1) 0%, rgba(133,180,37,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1372b0', endColorstr='#85b425',GradientType=1 ); /* IE6-9 */
}
.bbsListTy01 li {display:block; min-height:145px; overflow:hidden; position:relative; border-bottom:1px solid #dbdbdb;}
.bbsListTy01 li a {display:block; width:100%; min-height:145px; padding:30px 176px 30px 100px; box-sizing:border-box;}
.bbsListTy01 li:nth-child(odd) {background:#f5f5f5;}
.bbsListTy01 li .num {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100px; height:auto; font-size:16px; color:#666; text-align:center; font-family:'notokr-regular';}
.bbsListTy01 li .artiRes {display:block; height:auto; overflow:hidden;}
.bbsListTy01 li .artiRes .resCate {display:inline-block; height:25px; line-height:25px; background:#85b425; color:#FFF; font-size:13px; padding:0 15px;}
.bbsListTy01 li .artiRes .subject {display:block; font-size:20px; color:#333; letter-spacing:-1px; line-height:1.3; margin:7px 0 5px 0;}
.bbsListTy01 li .artiRes .subject .bbsLock {display:inline-block; width:29px; height:29px; background:url(/img/ico_lock.png) no-repeat 50% 50%; background-size:100%; margin-left:5px; vertical-align:-7px;}
.bbsListTy01 li .artiRes .writeInfo {display:block; height:auto; overflow:hidden; font-size:14px; color:#666;}
.bbsListTy01 li .artiRes .writeInfo span {display:inline-block; padding-right:13px; margin-right:10px; position:relative;}
.bbsListTy01 li .artiRes .writeInfo span:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:13px; background:#ccc;}
.bbsListTy01 li .artiRes .writeInfo span:last-child {padding:0; margin:0;}
.bbsListTy01 li .artiRes .writeInfo span:last-child:after {background:none;}

.bbsListTy02 {display:block; height:auto; overflow:hidden; margin-bottom:100px; position:relative;}
.bbsListTy02:after {content:''; position:absolute; left:0; top:0; width:100%; height:2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1372b0+0,85b425+100 */
background: rgb(19,114,176); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(19,114,176,1) 0%, rgba(133,180,37,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1372b0', endColorstr='#85b425',GradientType=1 ); /* IE6-9 */
}
.bbsListTy02 li {display:block; min-height:70px; overflow:hidden; position:relative; border-bottom:1px solid #dbdbdb;}
.bbsListTy02 li a {display:block; width:100%; min-height:70px; padding:20px 176px 20px 200px; box-sizing:border-box;}
.bbsListTy02 li:nth-child(odd) {background:#f5f5f5;}
.bbsListTy02 li .num {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:80px; height:auto; font-size:16px; color:#666; text-align:center; font-family:'notokr-regular';}
.bbsListTy02 li .artiRes {display:block; height:auto; overflow:hidden;}
.bbsListTy02 li .artiRes .resCate {position:absolute; left:80px; top:50%; transform:translate(0, -50%); height:25px; line-height:25px; background:#85b425; color:#FFF; font-size:13px; padding:0 15px;}
/* 2022-05-16 에이스 후기 카테고리 추가 작업 수정 */
/* 기존 코드 */
/* .bbsListTy02 li .artiRes .subject {display:block; font-size:18px; color:#333; letter-spacing:-1px; line-height:1.3; margin:7px 0 5px 0;} */

/* margin-left : 30px 추가 */
.bbsListTy02 li .artiRes .subject {display:block; font-size:18px; color:#333; letter-spacing:-1px; line-height:1.3; margin:7px 0 5px 30px;}
/* 2022-05-16 에이스 후기 카테고리 추가 작업 수정 끝 */
.bbsListTy02 li .artiRes .writeInfo {position:absolute; right:20px; top:50%; transform:translate(0, -50%); height:auto; overflow:hidden; font-size:14px; color:#666;}
.bbsListTy02 li .artiRes .writeInfo span {display:inline-block; padding-right:13px; margin-right:10px; position:relative;}
.bbsListTy02 li .artiRes .writeInfo span:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:13px; background:#ccc;}
.bbsListTy02 li .artiRes .writeInfo span:last-child {padding:0; margin:0;}
.bbsListTy02 li .artiRes .writeInfo span:last-child:after {background:none;}

.bbsListComn {display:block; height:auto; overflow:hidden; margin-bottom:100px; position:relative;}
.bbsListComn ul {display:block; height:auto; overflow:hidden; margin-bottom:20px;}
.bbsListComn li {float:left; width:25%; height:auto; overflow:hidden; margin-right:0; margin-bottom:20px; padding:0 0.5%;}
.bbsListComn li a {display:block; width:100%; height:100%;}
.bbsListComn li .bbsBox {display:block; height:auto; overflow:hidden; position:relative; padding:35px 20px 0 20px;}
.bbsListComn li .bbsBox:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border-radius:26px 0 26px 0; border:1px solid #dbdbdb; transition:.4s all;}
.bbsListComn li .bbsBox .notice {position:absolute; right:0; top:0; height:25px; line-height:25px; color:#FFF; font-size:13px; padding:0 15px; background:#1372b0;}
.bbsListComn li .bbsBox .subject {text-align:center; color:#333; font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:5px;  line-height: 1.4;}
.bbsListComn li .bbsBox .desc {display:block; text-align:center; font-size:16px; color:#888; line-height:22px; height:44px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; margin-bottom:25px;}
.bbsListComn li .bbsBox .bbsDate {clear:both; display:block; height:47px; line-height:47px; border-top:1px solid #dbdbdb; position:relative; font-size:14px; color:#666;}
.bbsListComn li .bbsBox .bbsDate em {position:absolute; right:0; top:50%; transform:translate(0, -50%); text-align:right;}
.bbsListComn li:hover .bbsBox:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border-radius:26px 0 26px 0; border:2px solid #1372b0;}

.bbsListPrice {display:block; height:auto; overflow:hidden; margin-bottom:50px; position:relative;}

.nonPriceList {display:block; height:auto; overflow:hidden; position:relative; margin-bottom:50px;}
.nonPriceList:after {content:''; position:absolute; left:0; top:0; width:100%; height:2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1372b0+0,85b425+100 */
background: rgb(19,114,176); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(19,114,176,1) 0%, rgba(133,180,37,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1372b0', endColorstr='#85b425',GradientType=1 ); /* IE6-9 */
}
.nonPriceList .title {font-size:20px; color:#333; padding:20px 10px;}
.nonPriceList .title em {font-size:16px; color:#666; display:inline-block; margin-left:10px;}
.nonPriceList .scrollSec {display:block; height:auto; overflow:hidden; overflow-x:auto;}
.nonPriceList .nonPriceTable {display:block; height:auto; overflow:hidden; min-width:1024px;}
.nonPriceList .nonPriceTable table {padding:0; margin:0; width:100%; table-layout:auto;}
/* .nonPriceList .nonPriceTable table {padding:0; margin:0; width:100%; table-layout:fixed;} */
.nonPriceList .nonPriceTable tr:hover {background:#f7f7f7;}
.nonPriceList .nonPriceTable th, .nonPriceList .nonPriceTable td {padding:10px; font-size:14px; border:1px solid #dbdbdb; text-align:center;}
.nonPriceList .nonPriceTable th {background:#f3f6f8; border-top:1px solid #1573b1; font-weight:normal;}
.nonPriceList .nonPriceTable th:first-child {border-left:0;}
.nonPriceList .nonPriceTable th:last-child {border-right:0;}
.nonPriceList .nonPriceTable td:first-child {border-left:0;}
.nonPriceList .nonPriceTable td:last-child {border-right:0;}
.nonPriceList .nonPriceTable td:nth-child(8), .nonPriceList .nonPriceTable td:nth-child(6), .nonPriceList .nonPriceTable td:nth-child(7) {text-align:right;}

/* bbsView */
.bbsView {display:block; height:auto; overflow:hidden; margin-bottom:100px; position:relative;}
.bbsView:after {content:''; position:absolute; left:0; top:0; width:100%; height:2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1372b0+0,85b425+100 */
background: rgb(19,114,176); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(19,114,176,1) 0%, rgba(133,180,37,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1372b0', endColorstr='#85b425',GradientType=1 ); /* IE6-9 */
}
.bbsView .bbsViewInner {display:block; height:auto; overflow:hidden; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #dbdbdb;}
.bbsView .bbsViewInner.short {padding-bottom:0px;}
.bbsView .artiHead {display:block; min-height:145px; overflow:hidden; position:relative; border-bottom:1px solid #dbdbdb; padding:30px 176px 30px 100px; box-sizing:border-box; background:#f5f5f5;}
.bbsView .artiHead .num {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100px; height:auto; font-size:16px; color:#666; text-align:center; font-family:'notokr-regular';}
.bbsView .artiHead .artiRes {display:block; height:auto; overflow:hidden;}
.bbsView .artiHead .artiRes .resCate {display:inline-block; height:25px; line-height:25px; background:#85b425; color:#FFF; font-size:13px; padding:0 15px;}
.bbsView .artiHead .artiRes .subject {display:block; font-size:20px; color:#333; letter-spacing:-1px; line-height:1.3; margin:7px 0 5px 0;}
.bbsView .artiHead .artiRes .subject .bbsLock {display:inline-block; width:29px; height:29px; background:url(/img/ico_lock.png) no-repeat 50% 50%; background-size:100%; margin-left:5px; vertical-align:-7px;}
.bbsView .artiHead .artiRes .writeInfo {display:block; height:auto; overflow:hidden; font-size:14px; color:#666;}
.bbsView .artiHead .artiRes .writeInfo span {display:inline-block; padding-right:13px; margin-right:10px; position:relative;}
.bbsView .artiHead .artiRes .writeInfo span:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:13px; background:#ccc;}
.bbsView .artiHead .artiRes .writeInfo span:last-child {padding:0; margin:0;}
.bbsView .artiHead .artiRes .writeInfo span:last-child:after {background:none;}

.bbsView .bbsHead {display:block; min-height:70px; overflow:hidden; position:relative; border-bottom:1px solid #dbdbdb; padding:26px 176px 20px 20px; box-sizing:border-box; background:#f5f5f5;}
.bbsView .bbsHead .num {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:80px; height:auto; font-size:16px; color:#666; text-align:center; font-family:'notokr-regular';}
.bbsView .bbsHead .artiRes {display:block; height:auto; overflow:hidden;}
.bbsView .bbsHead .artiRes .resCate {display:inline-block; height:25px; line-height:25px; background:#85b425; color:#FFF; font-size:13px; padding:0 15px;}
.bbsView .bbsHead .artiRes .subject {display:block; font-size:20px; color:#333; letter-spacing:-1px; line-height:1.3; margin:7px 0 5px 0;}
.bbsView .bbsHead .artiRes .writeInfo {position:absolute; right:20px; top:50%; transform:translate(0, -50%); height:auto; overflow:hidden; font-size:14px; color:#666;}
.bbsView .bbsHead .artiRes .writeInfo span {display:inline-block; padding-right:13px; margin-right:10px; position:relative;}
.bbsView .bbsHead .artiRes .writeInfo span:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:13px; background:#ccc;}
.bbsView .bbsHead .artiRes .writeInfo span:last-child {padding:0; margin:0;}
.bbsView .bbsHead .artiRes .writeInfo span:last-child:after {background:none;}

.bbsView .postHead {display:block; min-height:50px; overflow:hidden; position:relative; border-bottom:1px solid #dbdbdb; padding:15px 176px 15px 20px; box-sizing:border-box; background:#f5f5f5;}
.bbsView .postHead .num {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:80px; height:auto; font-size:16px; color:#666; text-align:center; font-family:'notokr-regular';}
.bbsView .postHead .artiRes {display:block; height:auto; overflow:hidden;}
.bbsView .postHead .artiRes .resCate {display:inline-block; height:25px; line-height:25px; background:#85b425; color:#FFF; font-size:13px; padding:0 15px;}
.bbsView .postHead .artiRes .subject {display:block; font-size:18px; color:#333; letter-spacing:-1px; line-height:1.3; margin:7px 0 5px 0; font-family:'notokr-medium';}
.bbsView .postHead .artiRes .subject .notice {display:inline-block; height:25px; line-height:25px; color:#FFF; font-size:13px; padding:0 15px; background:#1372b0; margin-right:10px; vertical-align:3px;}
.bbsView .postHead .artiRes .writeInfo {position:absolute; right:20px; top:50%; transform:translate(0, -50%); height:auto; overflow:hidden; font-size:14px; color:#666;}
.bbsView .postHead .artiRes .writeInfo span {display:inline-block; padding-right:13px; margin-right:10px; position:relative;}
.bbsView .postHead .artiRes .writeInfo span:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:13px; background:#ccc;}
.bbsView .postHead .artiRes .writeInfo span:last-child {padding:0; margin:0;}
.bbsView .postHead .artiRes .writeInfo span:last-child:after {background:none;}

.bbsView .reviewInfo {display:block; height:auto; overflow:hidden; padding:15px 30px; font-size:16px; border-bottom:1px solid #dbdbdb;}
.bbsView .reviewInfo .item {display:inline-block; padding-right:13px; margin-right:10px; position:relative; color:#000;}
.bbsView .reviewInfo .item:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:13px; background:#dbdbdb;}
.bbsView .reviewInfo .item em {display:inline-block; margin-right:10px; color:#666;}
.bbsView .reviewInfo .item:last-child {margin-right:0; padding-right:0;}
.bbsView .reviewInfo .item:last-child:after {background:none;}

.bbsView .bbsCon {display:block; height:auto; overflow:hidden; padding:50px;}
.bbsView .bbsCon .bbsConTxt {font-size:16px; color:#666; line-height:1.3; margin-bottom:20px;}
.bbsView .bbsCon img {max-width:100%;}
.bbsView .bbsCon .img {clear:both; display:block; height:auto; overflow:hidden;}
.bbsView .bbsCon .img li {float:left; width:50%; height:auto; overflow:hidden; padding:10px; box-sizing:border-box; text-align:center;}
.bbsView .bbsCon .img li.single {float:none; width:100%;}
.bbsView .bbsCon .img li img {max-width:100%;}

.bbsView .aceReplySec {display:block; height:auto; overflow:hidden; padding:25px; position:relative;}
.bbsView .aceReplySec:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-style: solid; border-image: linear-gradient(to right, #1372b0 0%, #82b42a 100%); border-image-slice: 1; border-image-width: 2px; color:#0f71b8; box-sizing:border-box; z-index:0;}
.bbsView .aceReplySec .repCon {display:block; height:auto; overflow:hidden; position:relative; padding-left:75px;}
.bbsView .aceReplySec .repCon .aceIco {position:absolute; left:0; top:0; width:57px; height:57px; border-radius:50%;}
.bbsView .aceReplySec .repCon.notyet .aceIco {background:url(/img/ico_ace_on.png) no-repeat 50% 50%; background-size:100%;}
.bbsView .aceReplySec .repCon.done .aceIco {background:url(/img/ico_ace_off.png) no-repeat 50% 50%; background-size:100%;}
.bbsView .aceReplySec .repCon .repTitle {display:block; font-size:18px; color:#333; margin-bottom:10px;}
.bbsView .aceReplySec .repCon .repTxt {color:#666; font-size:16px; line-height:1.3; min-height:57px; margin-top:5px;}

.resStats {position:absolute; right:40px; top:50%; transform:translate(0, -50%); width:90px; height:90px; border-radius:50%; box-sizing:border-box; color:#FFF; line-height:20px; text-align:center; padding-top:18px; font-size:16px;}
.resStats.hold {border:6px solid #cacaca; background:#b1b1b1;}
.resStats.doing {border:6px solid #dd9598; background:#cf5f63;}

.bbsFunc {clear:both; display:block; height:auto; overflow:hidden; background:#f7f7f7; padding:10px 20px; border:1px solid #dbdbdb; margin-top:30px;}
.bbsFunc li {display:block; height:auto; overflow:hidden; padding:15px 10px 15px 165px; border-bottom:1px dashed #dbdbdb; position:relative; font-size:16px;}
.bbsFunc li:last-child {border-bottom:0px;}
.bbsFunc li em {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:150px; height:30px; line-height:30px; color:#333; padding:0 0 0 40px; box-sizing:border-box;}
.bbsFunc li em:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:14px; background:#dbdbdb;}
.bbsFunc li em.addFile {background:url(/img/ico_file.png) no-repeat left 50%; background-size:30px 30px;}
.bbsFunc li em.email {background:url(/img/ico_mail.png) no-repeat left 50%; background-size:30px 30px;}
.bbsFunc li dd {float:left; width:33.33%; height:auto; line-height:28px; padding-right:10px; box-sizing:border-box; position:relative; padding-left:10px;}
.bbsFunc li dd a {display:inline-block; text-decoration:underline; text-underline-position:under;}
.bbsFunc li dd:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:2px; height:2px; background:#333;}

.bbsSchWrap {clear:both; display:block; height:auto; overflow:hidden; margin:30px 0;}
.bbsSchWrap .bbsSchBox {clear:both; display:block; width:50%; height:auto; overflow:hidden; position:relative; border:1px solid #dbdbdb; padding-right:50px; margin:0 auto;}
.bbsSchWrap .bbsSchBox input[type="text"] {display:inline-block; width:100%; height:47px; line-height:47px; padding:0 10px; font-size:14px; color:#333; font-family:'notokr-regular'; box-sizing:border-box; border:0px;}
.bbsSchWrap .bbsSchBox button.bbsSch {position:absolute; right:0; top:0; width:50px; height:50px; background:url(/img/ico_search.png) no-repeat right 0px; text-indent:-9999px; cursor:pointer;}
.bbsSchWrap .bbsSchBox button.bbsSch:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:1px; height:32px; background:#dbdbdb;}

.pagingWrap {display:block; height:40px; overflow:hidden; position:relative; width:320px; margin:0 auto; box-sizing:border-box; padding:0 79px;}
.pagingWrap .prevGroup {position:absolute; left:0; top:0;}
.pagingWrap .prevGroup .btnBackword a {float:left; width:40px; height:40px; border:1px solid #e2e2e2; background:url(/img/btn_backword.png) no-repeat 50% 50%; box-sizing:border-box;}
.pagingWrap .prevGroup .btnPrev a {float:left; width:40px; height:40px; border:1px solid #e2e2e2; background:url(/img/btn_prev.png) no-repeat 50% 50%; box-sizing:border-box; margin-left:-1px;}
.pagingWrap .nextGroup {position:absolute; right:0; top:0;}
.pagingWrap .nextGroup .btnForword a {float:right; width:40px; height:40px; border:1px solid #e2e2e2; background:url(/img/btn_forword.png) no-repeat 50% 50%; box-sizing:border-box;}
.pagingWrap .nextGroup .btnNext a {float:right; width:40px; height:40px; border:1px solid #e2e2e2; background:url(/img/btn_next.png) no-repeat 50% 50%; box-sizing:border-box; margin-right:-1px;}
.pagingWrap .paging {display:block; height:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.pagingWrap .paging .num a {display:inline-block; width:30px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#999; position:relative;}
.pagingWrap .paging .num.on a {color:#1372b0; font-family:'notokr-bold';}
.pagingWrap .paging .num.on a:after {content:''; position:absolute; left:50%; bottom:5px; transform:translate(-50%, 0); width:15px; height:1px; background:#1372b0;}
.pagingWrap .paging .num a:hover {color:#1372b0; font-family:'notokr-bold';}
.pagingWrap .paging .num a:hover:after {content:''; position:absolute; left:50%; bottom:5px; transform:translate(-50%, 0); width:15px; height:1px; background:#1372b0;}

.bbsWrite {display:block; height:auto; overflow:hidden; margin-bottom:100px; position:relative;}

/* category */
.conCate {display:block; height:auto; overflow:hidden; border-top:1px solid #e1e1e1; margin-bottom:40px; clear:both;}
.conCate.forMobile {display:none;}
.conCate li {float:left; width:16.666%; height:auto; overflow:hidden; position:relative; text-align:center; border-bottom:1px solid #e1e1e1; background:rgba(255, 255, 255, 0.6);}
.conCate li img {display:block; max-width:100%; margin:0 auto;}
.conCate li p {font-size:18px; color:#666; margin:5px 0; text-align:center;}
.conCate li:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:70%; background:#e1e1e1;}
.conCate li a {display:block; width:100%; height:100%; padding:20px 0; position:relative;}
.conCate li.on a p {color:#1372b0;}
.conCate li.on a:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-style: solid; border-image: linear-gradient(to right, #1372b0 0%, #82b42a 100%); border-image-slice: 1; border-image-width: 2px; color:#0f71b8; box-sizing:border-box; z-index:1;}
.conCate li:nth-child(6n):after {background:none;}
.conCate li:nth-child(11):after {background:none;}
.conCate li:nth-child(12) {background:#f4f9fb; padding:20px 0;}

.swiper-container.conCate {margin-bottom:40px !important;}
.conCate .swiper-slide {text-align:center; border-bottom:1px solid #e1e1e1; background:rgba(255, 255, 255, 0.6);}
.conCate .swiper-slide img {display:block; max-width:100%; margin:0 auto;}
.conCate .swiper-slide p {font-size:18px; color:#666; margin:5px 0; text-align:center;}
.conCate .swiper-slide:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:70%; background:#e1e1e1;}
.conCate .swiper-slide a {display:block; width:100%; height:100%; padding:20px 0; position:relative;}
.conCate .swiper-slide.on a p {color:#1372b0;}
.conCate .swiper-slide.on a:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-style: solid; border-image: linear-gradient(to right, #1372b0 0%, #82b42a 100%); border-image-slice: 1; border-image-width: 2px; color:#0f71b8; box-sizing:border-box; z-index:1;}
.conCate .swiper-slide:last-child:after {background:none;}

.paperInfo {display:block; height:auto; overflow:hidden; padding:30px 0 0 0; text-align:center; font-size:16px; color:#333; line-height:24px; letter-spacing:-1px;}

/* btnArea */
.btnArea {clear:both; display:block; height:auto; overflow:hidden;}
.btnArea .halfBtnRight {width:50%; float:right;}
.btnArea .halfBtnLeft {width:50%; float:left;}
.btnArea .halfBtnCenter {width:50%; display:block; margin:0 auto;}
.btnArea .thirdBtnRight {width:30%; float:right;}
.btnArea .thirdBtnLeft {width:30%; float:left;}
.btnArea .thirdBtnCenter {width:30%; display:block; margin:0 auto;}
.btnArea .quarterBtnRight {width:20%; float:right;}
.btnArea .quarterBtnLeft {width:20%; float:left;}
.btnArea .quarterBtnCenter {width:20%; display:block; margin:0 auto;}
.btnArea .btnSet55 {display:block; height:auto; overflow:hidden; width:46%; margin:0 auto; position:relative;}
.btnArea .btnSet55.full {width:100%;}
.btnArea .btnSet55 li {float:left; width:49%; height:auto; overflow:hidden; margin-right:2%;}
.btnArea .btnSet55 li:last-child {margin-right:0;}
.btnArea .btnSet55 li dd {float:left; width:120px; height:auto; overflow:hidden; margin-right:10px;}
.btnArea .btnSet55 li dd:last-child {margin-right:0;}
.btnArea .btnSetSingle {display:block; height:auto; overflow:hidden; width:24%; margin:0 auto; position:relative;}

.btn--notice {font-size: 18px; color: #666; line-height: 26px; font-family: 'notokr-regular'; letter-spacing: -1px; margin-bottom: 10px;}
.btn--notice > span {color: red;}


.btnGray a {display:inline-block; width:100%; height:50px; line-height:48px; text-align:center; color:#FFF; font-size:18px; background:#99a4ab; border:1px solid #99a4ab; box-sizing:border-box;}
.btnBlue a {display:inline-block; width:100%; height:50px; line-height:48px; text-align:center; color:#FFF; font-size:18px; background:#1372b0; border:1px solid #1372b0; box-sizing:border-box;}
.btnLine a {display:inline-block; width:100%; height:50px; line-height:48px; text-align:center; color:#1372b0; font-size:18px; background:#FFF; border:1px solid #1372b0; box-sizing:border-box;}
.btnGrayLine a {display:inline-block; width:100%; height:50px; line-height:48px; text-align:center; color:#99a4ab; font-size:18px; background:#FFF; border:1px solid #99a4ab; box-sizing:border-box;}
.btnGrayLine a img {vertical-align:-3px;}
.btnBlue.big a {height:60px; line-height:58px;}
.btnCertify a {display:inline-block; height:32px; line-height:32px; background:#99a4ab; color:#FFF; padding:0 15px; margin-left:15px;}
.btnGoRes a {display:inline-block; width:128px; height:128px; background:#9bc24c url(/img/ico_res.png) no-repeat 50% 30px; padding-top:80px; text-align:center; color:#FFF; font-size:16px; box-sizing:border-box;}

.btnDown a {display:inline-block; width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; letter-spacing:-1px; color:#FFF;}
.btnDown.blue a {background:#1372b0;}
.btnDown.red a {background:#bc3f3f;}

@media only screen and (max-width:1024px) {
	.docList li {width:100%; margin-right:0;}
}

@media only screen and (max-width:960px) {
	.docView .docInfoSec {width:100%;}
	.docBase {clear:both; display:block; height:100%; overflow:hidden; position:relative;}
	.docView .docBaseInfo {float:left; width:60%;}
	.docView .docPhotoSec {position:relative; left:unset; bottom:unset; width:40%; right:unset; height:100%; overflow:hidden; display:table-cell;}

	.choiceDoc .selDoctor .docInner .docThumb .smCy {top:8px;}
	.choiceDoc .selDoctor .docInner {width:130px;}
	.choiceDoc .selDoctor .docInner .docThumb {height:130px;}

	.resStepBox .title em {display:block;}
	.resCal .selSche .selMonth {position:relative; display:block; top:0; transform:translate(0, 0); margin:0 auto 15px;}
	.resCal .selSche {padding:20px;}
	.selTime .timeList {height:350px;}
	.selTime .timeList ul {height:310px;}

	.resViewSec .resDocPhotoSec {width:480px;}
}

@media only screen and (min-width:721px) {
	.vodList li:nth-child(3n) {margin-right:0;}
	.num_mobile {display:none;}
}

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

	.swiper-container.conCate {margin-bottom:20px !important;}
	.conCate li p {font-size:12px;}
	.conCate li img {max-width:60%;}
	.conCate .swiper-slide p {font-size:12px;}
	.conCate .swiper-slide img {max-width:40%; margin-top:5px;}
	.conCate .swiper-slide a {padding:10px 0;}
	.conCate .swiper-slide.on a:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-style: solid; border-image: linear-gradient(to right, #1372b0 0%, #82b42a 100%); border-image-slice: 1; border-image-width: 3px; color:#0f71b8; box-sizing:border-box; z-index:1;}
	.conCate .clinic-next {position:absolute; right:0; top:0; width:50px; height:100%; cursor:pointer; z-index:10;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 31%, rgba(255,255,255,1) 92%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 31%,rgba(255,255,255,1) 92%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 31%,rgba(255,255,255,1) 92%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}
	.conCate .clinic-next:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:15px; height:28px; background:url(/img/ar_luncher_b.png) no-repeat 50% 50%; background-size:10px 19px;}

	.docList li .docBox {padding-top:20px;}
	.docList li .docBox .docConBox .docName {font-size:20px;}
	.docList li .docBox .docConBox .docName em {font-size:13px;}
	.docList li .docBox .docConBox .docPart {font-size:12px;}
	.docList li .docBox .docConBox dl {margin-top:8px; padding-top:8px; min-height: inherit;}
	.docList li .docBox .docConBox dl dd {font-size:12px; line-height:20px; padding-left:10px;}
	.docList li .docBox .docConBox dl dd:after {width:3px; height:3px;}
	.docList li .docBox .docThumb {width:190px;}
	.docList li .docBox .docConBox {padding:15px 5% 10px 200px;}

	.docView {margin-top:30px; min-height:auto;}
	.docView .docBaseInfo {float:left; width:50%; padding-left:15px; box-sizing:border-box;}
	.docView .docPhotoSec {position:relative; left:unset; bottom:unset; width:50%; overflow:hidden;}
	.docView .docInfoSec {margin-bottom:20px;}
	.docView .docInfoSec .doc .docName {font-size:25px;}
	.docView .docInfoSec .doc .docName em {font-size:13px;}
	.docView .docInfoSec .doc .docPart {font-size:13px;}
	.docView .docInfoSec .docGreeting {font-size:13px; line-height:20px;}
	.treatTable {width:100%;}
	.docInfoSec .maT40 {margin-top:15px !important;}
	.btnGoRes a {width:100%; height:45px; line-height:45px; font-size:13px; padding-top:0; background:#9bc24c;}
	.pageTab {height:40px; margin-bottom:20px;}
	.pageTab li {font-size:12px; line-height:40px;}

	.carriCon li {font-size:13px; line-height:18px; padding:3px 0 3px 10px;}
	.carriCon li:after {width:3px; height:3px; top:11px;}
	.carriCon .carriHalf li {width:100%;}

	.reschListSec .reschList .cycle {width:12px; height:12px;}
	.reschListSec .reschList:after {left:5px;}
	.reschListSec .reschList .reschBox {padding:0 0 0 34px;}
	.reschListSec .reschList .reschBox:after {left:1px;}
	.reschListSec .reschList .reschBox .reschInner {padding:20px 25px;}
	.reschListSec .reschList .reschBox .reschInner .date {font-size:13px; margin-bottom:6px;}
	.reschListSec .reschList .reschBox .reschInner .reschCon {font-size:13px; line-height:18px;}

	.bbsListComn {margin-bottom:40px; padding:0 15px;}
	.bbsListComn ul {margin-bottom:10px;}
	.bbsListComn li {width:33.333%;}
	.bbsListComn li .bbsBox {padding:30px 14px 0 14px;}
	.bbsListComn li .bbsBox .subject {font-size:16px; letter-spacing:-1px;}
	.bbsListComn li .bbsBox .desc {font-size:13px; line-height:18px; height:38px; margin-bottom:10px; letter-spacing:-1px;}
	.bbsListComn li .bbsBox .bbsDate {font-size:12px; height:40px; line-height:40px;}

	.bbsSchWrap {margin:15px 0; padding:0 15px;}
	.bbsSchWrap .bbsSchBox {width:100%;}

	.bbsView {margin-bottom:40px;}
	.bbsView .postHead {padding:10px 15px;}
	.bbsView .postHead .artiRes .subject {font-size:16px;}
	.bbsView .postHead .artiRes .writeInfo {position:relative; display:block; text-align:right; font-size:13px; right:unset; top:unset; transform:translate(0, 0);}
	.bbsView .bbsCon {padding:25px 15px;}
	.bbsView .bbsCon .bbsConTxt {font-size:13px;}
	.bbsView .bbsCon p {font-size:13px;}

	.bbsFunc {padding:0 10px; font-size:13px;}
	.bbsFunc li {font-size:13px; padding-left:135px;}
	.bbsFunc li em.email {background-size:20px 20px;}
	.bbsFunc li em {padding-left:30px; width:120px;}

	.btnGrayLine a {height:40px; line-height:38px; font-size:13px;}
	.btnArea .btnSet55 li dd {width:49%; margin-right:2%;}
	.btnArea .btnSet55 li dd:last-child {margin-right:0;}
	.btnGrayLine a img {width:10px; vertical-align:-1px; margin:0 8px;}
	.btnLine a {height:40px; line-height:38px; font-size:13px;}
	.btnBlue a {height:40px; line-height:38px; font-size:13px;}
	.btnGray a {height:40px; line-height:38px; font-size:13px;}
	.btnBlue.big a {height:45px; line-height:43px; font-size:16px;}
	.floatRight {width:100%; text-align:right;}
	.btnDown a {height:40px; line-height:40px; font-size:13px;}

	.resStepBox .title {font-size:15px; padding:15px 0 15px 50px;}
	.resStepBox .title em {font-size:12px; display:block; margin-left:0;}
	.resStepBox .title .ar {width:13px; height:7px; background-size:100%;}
	.resStepBox .title.step01 {background-size:25px 25px; background-position:15px 13px; padding-left:50px;}
	.resStepBox .title.step02 {background-size:25px 25px; background-position:15px 13px; padding-left:50px;}
	.resStepBox .title.step03 {background-size:25px 25px; background-position:15px 13px; padding-left:50px;}
	.resStepBox .title.step04 {background-size:25px 25px; background-position:15px 13px; padding-left:50px;}
	.resStepBox .stepResClinic {padding:5px 10px;}
	.resStepBox .stepResClinic li .resClinic .thumb {display:none;}
	.resStepBox .stepResClinic li .resClinic .clinicName {font-size:13px; text-align:left; padding:0 10px; height:35px; line-height:33px;}

	.choiceDoc .selDoctor .docInner .docThumb .smCy {top:0px; right:4px;}
	.choiceDoc .selDoctor .docInner {width:90px;}
	.choiceDoc .selDoctor .docInner .docThumb {height:90px;}
	.choiceDoc .selDoctor .docInner .name {font-size:14px;}
	.choiceDoc .seldoc-prev {background-size:28px 28px;}
	.choiceDoc .seldoc-next {background-size:28px 28px;}

	.docSchedule .docScheWrap {padding:10px;}

	.resStepBox.pad {padding-right:50%;}
	.selTime {width:50%;}

	.subConWrap.bgResForm {padding:30px 0; margin-top:0px;}
	.resForm .resTitle {font-size:15px; line-height:1.3; height:auto; padding:15px;}
	.resForm .resTitle em {display:block; font-size:13px; margin-left:0;}
	.resForm .resTable th, .resForm .resTable td {padding:10px; font-size:13px;}
	.resForm .agree {font-size:13px; padding:0 15px;}
	.resForm .resTable .resCauTxt {display:block; margin-top:5px;}
	.resForm .resTable .forDesk {width:100% !important;}
	.resForm .resTerm {border-left:0; border-right:0;}

	.bbsListTy01 li {min-height:auto;}
	.bbsListTy01 li a {padding:20px 95px 20px 20px; min-height:90px;}
	.bbsListTy01 li .num {display:none;}
	.bbsListTy01 li .artiRes .resCate {font-size:12px; height:24px; line-height:24px; padding:0 8px;}
	.bbsListTy01 li .artiRes .subject {font-size:14px;}
	.bbsListTy01 li .artiRes .writeInfo {font-size:13px;}
	.resStats {width:64px; height:64px; font-size:13px; line-height:14px; padding-top:14px; right:20px;}

	.resViewSec .resInfoSec {padding-left:15px;}
	.resViewSec .resDocPhotoSec {width:320px; height:250px; bottom:unset; top:0;}
	.resViewSec .resDocPhotoSec img {width:250px;}
	.resContents {width:100%;}

	.resViewSec .resInfoSec .resDoc {padding-bottom:10px;}
	.resViewSec .resInfoSec .resDoc .resDocName {font-size:25px;}
	.resViewSec .resInfoSec .resDoc .resDocName em {font-size:13px;}
	.resViewSec .resInfoSec .resDoc .docPart {font-size:13px;}
	.resViewSec .resInfoSec .resStats {position:relative; display:block; right:unset; top:unset; transform:translate(0, 0); width:70px; height:70px; margin:0 0 15px 0;}
	.resViewSec .resInfoSec .resBase {padding:10px 0;}
	.resViewSec .resInfoSec .resBase .resDate {height:30px; line-height:30px; background-size:24px 24px; font-size:13px; padding-left:30px;}
	.resViewSec .resInfoSec .resBase .resTime {height:30px; line-height:30px; background-size:24px 24px; font-size:13px; padding-left:30px;}

	.resContents table {margin-bottom:15px;}
	.resContents th, .resContents td {padding:10px; font-size:13px;}
	.resContents th.head {font-size:13px;}
	.resContents th.head img {display:none;}
	.btnArea {padding:0 15px;}
	.btnArea.pop {padding:0;}
	.btnArea .thirdBtnRight {width:45%;}

	.conCate.forDesk {display:none;}
	.conCate.forMobile {display:block; padding:0 15px;}
	.bbsListTy01 li .artiRes .subject .bbsLock {width:15px; height:15px; vertical-align:-2px;}

	.bbsView .artiHead {padding:20px 95px 20px 20px; min-height:90px;}
	.bbsView .artiHead .num {display:none;}
	.bbsView .bbsCon .img li {width:100%; margin-bottom:10px; padding:0;}

	.bbsView .aceReplySec {padding:20px 30px;}
	.bbsView .aceReplySec:after {width:calc(100% - 30px); left:50%; transform:translate(-50%, 0);}
	.bbsView .aceReplySec .repCon {padding-left:60px;}
	.bbsView .aceReplySec .repCon .aceIco {width:45px; height:45px;}
	.bbsView .aceReplySec .repCon .repTxt {font-size:13px; min-height:40px;}

	.bbsView .aceReplySec .repCon .repTitle {font-size:15px;}
	.bbsListTy02 li a {padding:20px;}
	.bbsListTy02 li .num {display:none;}
	.bbsListTy02 li .artiRes .resCate {position:relative; float:left; left:unset; top:unset; transform:translate(0, 0); display:inline-block;}
	/* 2022-05-16 에이스 후기 카테고리 추가 작업 수정 */
	
	/* 기존 코드 */
	/* .bbsListTy02 li .artiRes .subject {clear:both; float:left; font-size:14px;} */

	/* 수정 코드 모바일 사이즈에서 margin-left: 30px => 0px 변경 */
	.bbsListTy02 li .artiRes .subject {clear:both; float:left; font-size:14px;margin: 7px 0px 5px 0px;}

	/* 2022-05-16 에이스 후기 카테고리 추가 작업 수정 끝*/
	.bbsListTy02 li .artiRes .writeInfo {clear:both; position:relative; float:left; left:unset; top:unset; right:unset; transform:translate(0, 0); display:inline-block; font-size:13px;}

	.bbsView .bbsHead {padding:15px; min-height:auto;}
	.bbsView .bbsHead .artiRes .resCate {font-size:12px;}
	.bbsView .bbsHead .artiRes .subject {font-size:13px;}
	.bbsView .reviewInfo {padding:10px 15px; font-size:13px;}

	.resForm .resTable td .paperSel li {width:100%; margin:0; margin-bottom:5px;}
	.paperInfo {font-size:13px; line-height:20px; padding:15px 15px 0 15px;}
	.btnArea .btnSetSingle {width:50%;}
	.bbsWrite {margin-bottom:40px;}

	.nonPriceList .title {font-size:15px;}
	.nonPriceList .title em {font-size:13px;}
	.nonPriceList .nonPriceTable th, .nonPriceList .nonPriceTable td {font-size:12px; padding:7px;}

	.docList {margin-bottom:40px;}
	.reschListSec {margin-bottom:40px; padding:0 15px;}
	.carriCon .carriHalf, .carriCon .carriFull {padding:0 15px;}

	.vodList {padding:20px 20px 0 20px;}
	.vodList li {float:left; width:49%; height:auto; overflow:hidden; margin-right:2%; margin-bottom:20px;}
	.vodList li:nth-child(2n) {margin-right:0;}
	.vodList li .bbsBox .vodDesc .subject {font-size:16px; letter-spacing:-1px;}
	.vodList li .bbsBox .vodDesc .bbsDate {font-size:12px; height:40px; line-height:40px;}

	.bbsListTy02 li .num {display:none;}
	.num_mobile {display:block; position: relative;float: left; left: unset; top: unset; margin-right: 13px; transform: translate(0, 8%);}

	
.infoText{font-size: 12px;}
}

@media only screen and (max-width:640px) {
	.bbsListComn li {width:49%; padding:0%; margin-right:2%;}
	.bbsListComn li:nth-child(2n) {margin-right:0;}
	.resStepBox.pad {padding-right:0;}
	.resStepBox .title.step04 {margin:20px 0 0 0;}
	.resStepBox .title.step04:after {content:''; position:absolute; left:0; top:0; width:100%; height:2px;
	background: rgb(19,114,176); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(19,114,176,1) 0%, rgba(133,180,37,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(19,114,176,1) 0%,rgba(133,180,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1372b0', endColorstr='#85b425',GradientType=1 ); /* IE6-9 */
	}
	.selTime {position:relative; display:block; width:100%; border-left:0;}
	.selTime .timeList {height:auto;}
	.selTime .timeList ul {height:180px;}
	.resViewSec .resInfoSec .resStats {position:relative; display:block; right:unset; top:unset; transform:translate(0, 0); width:55px; height:55px; margin:0 0 15px 0; padding-top:10px;}
	.resStats.hold {border:4px solid #cacaca; background:#b1b1b1;}
	.resStats.doing {border:4px solid #dd9598; background:#cf5f63;}
	.resViewSec .resDocPhotoSec {width:200px; height:232px;}
	.resViewSec .resDocPhotoSec img {width:190px;}
}

@media only screen and (max-width:480px) {
	.docList li .docBox .docThumb {width:175px; text-align:center;}
	.docList li .docBox .docConBox {padding-left:175px;}
	.docList li .docBox .docConBox .docName {font-size:16px;}
	.choiceDoc {padding:10px 0;}
	.choiceDoc .seldoc-prev {display:none;}
	.choiceDoc .seldoc-next {display:none;}
}