@charset "utf-8";

/**** bbs ****/
#boardSearchForm {position:absolute;right:0;}
#boardSearchForm input[text] {width: 240px;}

/* bbsTotal */
.bbsTotal {margin: 20px 10px;font-weight:600;font-size: 16px;padding: 15px 0 0;}
.bbsTotal .fc01 {color:#f00;}

/* bbsPaging */
.bbsPaging {text-align:center;margin:25px 0;}
.bbsPaging a {display:inline-block;width: 35px;height: 35px;line-height: 35px;border:1px solid #a7a9a5;border-radius:5px;text-align:center;transition:all .3s;}
.bbsPaging a.on, .bbsPaging a:hover, .bbsPaging a:focus {border: 1px solid #144f98;font-weight:bold;color: #144f98;}
.bbsPaging a.prev {background:url('../imgs/common/btn_arr_prev.gif') no-repeat 50% 50% #fff;text-indent:-9999px;}
.bbsPaging a.next {background:url('../imgs/common/btn_arr_next.gif') no-repeat 50% 50% #fff;text-indent:-9999px;}

/* bbsList */
.bbsList {width:100%;border-top:2px solid #333;}
.bbsList th {background:#f9f9f9;border-bottom:1px solid #ccc;font-weight:bold;font-weight:bold;}
.bbsList th, .bbsList td {padding:15px 10px;font-size:15px;text-align:center;vertical-align:middle;}
.bbsList td {border-bottom:1px solid #e5e5e5;}
.bbsList td.bbs_title {text-align:left;}
.bbsList td .icon_file {display:inline-block;width:17px;height:17px;border-radius:100%;padding:7px;background:url('../imgs/sub/icon_down.png') no-repeat 50% 50% #f9f9f9;text-indent:-9999px;}
.bbsList td .noData {padding:70px 0;font-size:15px;}
.bbsList .btnArea .btnType {font-size:13px;padding:6px 10px;margin:2px;}
.bbsList tfoot td {background:#f9f9f9;}
.bbsList .imgArea {width:100px;height:100px;margin:0 auto;}
.bbsList .imgArea img {width:100%;height:100%;}

/* bbsView */
.bbsView .listLink {width:100%;border-top:1px solid #e5e5e5;}
.bbsView .listLink:after {display:block;content:'';clear:both;}
.bbsView .listLink dt {background:#f9f9f9;font-weight:bold;text-align:center;width:15%;}
.bbsView .listLink dt, .listLink dd {float:left;border-bottom:1px solid #e5e5e5;padding:20px 0;font-family:'Noto Sans KR';font-size:15px;}
.bbsView .listLink dd {position:relative;width:83%;padding-left:2%;}
.bbsView .listLink dd .date {position:absolute;top:20px;right:20px;font-size:14px;color:#999;}
.bbsView .listLink dd .noData {color:#999;}
.bbsView .btnArea {margin:50px 0;}
.bbsView .btnArea button {margin-left:10px;}

/* bbsViewList */
.bbsViewList {border-top:2px solid #333;}
.bbsViewList > li {padding:20px;border-bottom:1px solid #e5e5e5;}
.bbsViewList .bbsTit {background-color:#fafafb;}
.bbsViewList .bbsTit h4 {font-weight:700;}
.bbsViewList .bbsInfo {padding:13px 20px;}
.bbsViewList .info {width:100%;}
.bbsViewList .info:after {display:block;content:'';clear:both;}
.bbsViewList .info li {position:relative;float:left;font-family:'Noto Sans KR';color:#333;font-weight:400;/*line-height:18px;*/}
.bbsViewList .info li:before {position:absolute;left:0;top:5px;width:1px;background:#333;content:'';}
.bbsViewList .info li:first-child {padding-left:0;}
.bbsViewList .info li:first-child:before {background:none;}
.bbsViewList .bbsCont .cont {padding:20px 0;font-family:'Noto Sans KR';font-size:15px;line-height:22px;}
.bbsViewList .bbsFile p {font-family:'Noto Sans KR';font-size:14px;margin:5px 0;}
.bbsViewList .bbsFile .icon_file {display:inline-block;width:17px;height:17px;border-radius:100%;margin-right:10px;padding:7px;background:url('../imgs/sub/icon_down.png') no-repeat 50% 50% #f9f9f9;vertical-align:middle;text-indent:-9999px;}

/* viewComment */
.viewComment {margin-bottom:30px;}
.commentBox {position:relative;margin-bottom:20px;border:1px solid #e5e5e5;border-radius:5px;box-shadow:0px 3px 1px rgba(0,0,0,0.05);border-bottom:1px solid #a7a9ac;}
.commentBox .btnArea {position:absolute;top:17px;right:20px;}
.commentBox .commentCont dt, .commentBox .commentCont dd {padding:20px;font-family:'Noto Sans KR';}
.commentBox .commentCont dt {background:#f9f9f9;border-bottom:1px solid #e5e5e5;font-weight:bold;font-size:15px;}
.commentBox .commentCont dd {font-size:15px;}
.commentBox .commentCont dd.date {position:absolute;top:0;right:50px;}
.commentWrite {position:relative;width:96%;background:#f9f9f9;padding:80px 2% 20px;border:1px solid #e5e5e5;border-radius:5px;box-shadow:0px 3px 1px rgba(0,0,0,0.05);border-bottom:1px solid #a7a9ac;}
.commentWrite:after {display:block;content:'';clear:both;}
.commentWrite .commentInfo {position:absolute;top:22px;left:20px;}
.commentWrite .commentInfo:after {display:block;content:'';clear:both;}
.commentWrite .commentInfo li {float:left;margin:0 10px;line-height:40px;}
.commentWrite .commentInfo li label {margin:0 5px;}
.commentWrite .commentInfo li .key {display:inline-block;height:40px;margin-right:10px;}
.commentWrite .commentInfo li .key img {width:100px;height:100%;}
.commentWrite .flL {width:90%;}
.commentWrite .flL textarea {width:100%;}
.commentWrite .flR {width:8.4%;}
.commentWrite .flR button {padding:29px 15px;}
.commentWrite .btnArea {position:absolute;top:20px;left:25px;margin-bottom:0;}
.commentWrite .btnArea button {float:left;width:40px;height:40px;border:1px solid #e5e5e5;background:#fff;margin-left:-1px;}
.commentWrite .btnArea button.btnUp {background:url('../imgs/common/btn_up.gif') 50% 50% no-repeat #fff;}
.commentWrite .btnArea button.btnDown {background:url('../imgs/common/btn_down.gif') 50% 50% no-repeat #fff;}
.commentWrite .btnArea button.btnStart {background:url('../imgs/common/btn_minus.gif') 50% 50% no-repeat #fff;}

/* bbsWrite */
.bbsWrite table.basic input[type="file"] {border:1px solid #a7a9ac;width:99%;border-radius:5px;padding:5px;}
.bbsWrite table.basic input[type="file"]::-webkit-file-upload-button {visibility:hidden;}
.bbsWrite table.basic input[type="file"]::before {content:"파일 선택";background:#bbb;color:#fff;padding:3px 6px;display:inline-block;}
.bbsWrite table.basic td .comment {color:#999;font-family:'Noto Sans KR';font-size:14px;line-height:22px;}
.bbsWrite table .fileList {margin:7px 0;}
.bbsWrite table .fileList input[type="file"] {width:75%;}
.bbsWrite table .fileList .btnType {padding:7px 10px;vertical-align:middle;}
.bbsWrite .btnArea {margin-bottom:50px;}
.bbsWrite .btnArea button {margin-left:10px;}
.bbsWrite .dateBox {position:relative;display:inline-block;background:#fff;border:1px solid #a7a9ac;border-radius:5px;padding-right:40px;overflow:hidden;}
.bbsWrite .dateBox label {position:absolute;top:0;right:0;width:39px;height:38px;background:url('../imgs/sub/icon_calendar.png') no-repeat 50% 50% #fff;text-indent:-9999px;cursor:pointer;}
.bbsWrite .dateBox .inputCalendar {width:110px;border:0;}
.bbsWrite .dateBox .inputCalendar:hover {border:0;}
.bbsWrite .telArea .phone1, .bbsWrite .telArea .mobile1 {width:110px;}
.bbsWrite .telArea .phone2, .bbsWrite .telArea .phone3,
.bbsWrite .telArea .mobile2, .bbsWrite .telArea .mobile3 {width:140px;}
.mobile2, .mobile3 {width:35%;}
.bbsWrite .keyArea {width:300px;}
.bbsWrite .keyArea:after {display:block;content:'';clear:both;}
.bbsWrite .keyArea .flL {width:120px;height:60px;}
.bbsWrite .postcodeList li {margin:5px 0;}
.bbsWrite .postcodeList li .btnType {vertical-align:middle;padding:9px 15px;}
.bbsWrite .wrQuantity {width:50px;}
.bbsWrite .wrMoney {border:1px solid #fff;width:80px;font-weight:bold;}

/* galleryArea */
.galleryArea .galleryList {width:100%;}
.galleryArea .galleryList:after {display:block;content:'';clear:both;}
.galleryArea .galleryList li {float:left;/*height:390px;*/}
.galleryArea .galleryList li a {position:relative;display:block;border:1px solid #e5e5e5;box-shadow:0px 3px 1px rgba(0,0,0,0.05);border-bottom:1px solid #a7a9ac;}
.galleryArea .galleryList li span {display:block;text-align:center;}
.galleryArea .galleryList li .thumb {position:relative;}
.galleryArea .galleryList li .thumb img {width:100%;height:100%;}
.galleryArea .galleryList li .thumb:after {position:absolute;top:0;right:0;bottom:0;left:0;background:#32798f;content:'';opacity:0;transition:all .3s;}
.galleryArea .galleryList li a:hover:after {position:absolute;top:0;right:0;bottom:0;left:0;content:'';border:4px solid #32798f;box-sizing:border-box;}
.galleryArea .galleryList li:hover .thumb:after {opacity:0.4;}
.galleryArea .galleryList li .tit {font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.galleryArea .galleryList li .name {font-family:'Noto Sans KR';font-size:15px;color:#999;margin-bottom:10px;}
.galleryArea .galleryList li .date {font-family:'Noto Sans KR';color:#999;padding-bottom:10px;}
.galleryArea .galleryList li .noData {padding:50px 0;margin-bottom:10px;}

/* findArea */
.findArea {width:500px;margin:0 auto;border:1px solid #e5e5e5;padding:50px;border-bottom:1px solid #a7a9ac;box-shadow:0px 3px 1px rgba(0,0,0,0.05);}
.findArea .findBox {width:100%;}
.findArea .findBox .findInfo {border-top:1px solid #e5e5e5;}
.findArea .findBox .findInfo > ul {margin-bottom:20px;}
.findArea .findBox .findInfo > ul > li {margin-top:15px;}
.findArea .findBox .findInfo > ul > li:after {display:block;content:'';clear:both;}
.findArea .findBox .findInfo > ul > li > label {float:left;width:30%;margin:10px 5% 0 0;}
.findArea .findBox .findInfo .inputArea {float:left;width:65%;}
.findArea .findBox .findInfo .btnType {width:100%;}
.findArea .findBox .findInfo .comment {font-family:'Noto Sans KR';font-size:14px;color:#999;margin:10px 0;}

/* keyArea */
.keyArea {width:100%;}
.keyArea:after {display:block;content:'';clear:both;}

/* joinArea */
.joinArea h4 {font-size:23px;font-weight:600;font-weight:bold;margin-bottom:20px;}

/* join_check */
.join_check_area {width:500px;margin:0 auto 20px;border:1px solid #e5e5e5;border-bottom:1px solid #898989;box-shadow:0px 3px 1px rgba(0,0,0,0.05);text-align:center;box-sizing:border-box;}
.join_check_area > div {padding:60px 10%;}
.join_check_area button {font-size:18px;width:100%;}

/* agreeArea */
.agreeArea {margin-bottom:60px;}
.agreeArea .agreeBox {border:1px solid #a7a9ac;border-radius:5px;height:200px;overflow:hidden;overflow-y:scroll;margin-bottom:10px;padding:20px;}
.agreeCheck label {margin-right:10px;}

/* joinComplete */
.joinComplete {text-align:center;}
.joinComplete .txtInfo .txt_dsc.big {font-size:32px;text-align:center;line-height:40px;}
.joinComplete .txtInfo .txt_dsc.big .fc03 {font-size:40px;}
.joinComplete .txtInfo .txt_dsc {font-size:17px;line-height:23px;text-align: justify;}
.joinComplete .memberInfo {/*width:500px;*/border:1px solid #e5e5e5;border-bottom:1px solid #a7a9ac;box-shadow:0px 3px 1px rgba(0,0,0,0.05);overflow:hidden;margin:30px auto;}
.joinComplete .memberInfo .info {background:#f9f9f9;padding:20px;border-bottom:1px solid #e5e5e5;margin-bottom:0;}
.joinComplete .memberInfo .infoList {text-align:left;margin:20px 30px;}
.joinComplete .memberInfo .infoList li {font-family:'Noto Sans KR';border-top:1px dashed #e5e5e5;padding:15px 0;}
.joinComplete .memberInfo .infoList li:first-child {border:0;}
.joinComplete .memberInfo .infoList li strong {display:inline-block;width:20%;font-weight:bold;margin-right:2%;}
.joinComplete .memberInfo .infoList li span {width:78%;}

/* modifyArea */
.modifyArea {width:500px;margin:0 auto;border:1px solid #e5e5e5;padding:50px;border-bottom:1px solid #a7a9ac;box-shadow:0px 3px 1px rgba(0,0,0,0.05);}
.modifyArea .modifyBox {width:100%;position:relative;}
.modifyArea .modifyBox .modifyInfo {margin-bottom:30px;padding-right:140px;}
.modifyArea .modifyBox .modifyInfo dt, .modifyArea .modifyBox .modifyInfo dd {display:inline-block;height:40px;line-height:40px;font-family:'Noto Sans KR';vertical-align:middle;padding:3px 0;}
.modifyArea .modifyBox .modifyInfo dt {width:30%;font-size:15px;font-weight:600;}
.modifyArea .modifyBox .modifyInfo dd {width:70%;}
.modifyArea .modifyBox .btnConfirm {position:absolute;top:0;right:0;padding:35px 45px;}
.modifyArea .modifyBox .comment {border-top:1px dashed #a7a9ac;padding-top:20px;}

/**** product ****/
/* detailProduct */
.detailProduct {margin-bottom:60px;border:1px solid #e5e5e5;border-bottom:1px solid #a7a9ac;box-shadow:0px 3px 1px rgba(0,0,0,0.05);}
.detailProduct:after {display:block;content:'';clear:both;}
.detailProduct .imgArea {float:left;}
.detailProduct .imgArea .thumb {width:100%;height:335px;background:#f9f9f9;}
.detailProduct .imgArea .thumb img {width:100%;height:100%;}
.detailProduct .imgArea .pageNum {display:none;}
.detailProduct .imgArea .imgList {position:relative;margin-top:20px;}
.detailProduct .imgArea .imgList ul {height:50px;overflow:hidden;margin:0 53px;text-align:center;}
.detailProduct .imgArea .imgList ul li {display:inline-block;width:70px;height:50px;margin:0 2px;background:#f9f9f9;}
.detailProduct .imgArea .imgList ul li a {position:relative;display:block;height:50px;}
.detailProduct .imgArea .imgList ul li a:before {position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid #32798f;box-sizing:border-box;content:'';opacity:0;transition:all .3s;}
.detailProduct .imgArea .imgList ul li a:hover:before {opacity:1;}
.detailProduct .imgArea .imgList ul li a.hover:before {opacity:1;}
.detailProduct .imgArea .imgList ul li a img {width:100%;height:100%;}
.detailProduct .imgArea .imgList button {position:absolute;top:0;border:1px solid #e5e5e5;width:30px;height:50px;text-indent:-9999px;}
.detailProduct .imgArea .imgList button.btnPrev {left:0;background:url('../imgs/common/btn_arr_prev.gif') no-repeat 50% 50% #fff;}
.detailProduct .imgArea .imgList button.btnNext {right:0;background:url('../imgs/common/btn_arr_next.gif') no-repeat 50% 50% #fff;}
.thumb_bimg img {visibility: visible; transition:all .3s;}
.detailProduct .infoArea {position:relative;float:left;}
.detailProduct .infoArea h3 {font-size:35px;font-weight:bold;line-height:35px;margin-top:5px;}
.detailProduct .infoArea .infoList {width:100%;margin:20px 0 20px;/*border-bottom:1px solid #e5e5e5;*/}
.detailProduct .infoArea .infoList > li {padding:15px 0;border-top:1px solid #e5e5e5;}
.detailProduct .infoArea .infoList > li:first-child {padding:15px 0;border-top:1px solid #a7a9ac;}
.detailProduct .infoArea .infoList > li:after {display:block;content:'';clear:both;}
.detailProduct .infoArea .infoList dt, .detailProduct .infoArea .infoList dd {float:left;font-family:'Noto Sans KR';font-size:15px;line-height:24px;}
.detailProduct .infoArea .infoList dt {width:120px;margin-right:20px;font-weight:bold;}
.detailProduct .infoArea .infoList dd {position:relative;width:430px;color:#999;}
.detailProduct .infoArea .infoList dd .btnTypeS {line-height:18px;}
.detailProduct .infoArea .total {font-family:'Noto Sans KR';font-size:15px;text-align:right;margin:26px 0 30px;}
.detailProduct .infoArea .total .price {font-size:25px;}
.detailProduct .infoArea .total .price .fc03 {font-family:'Tahoma';font-weight:bold;font-size:35px;margin-right:5px;}
.detailProduct .infoArea .btnArea button {position:absolute;bottom:0;left:0;width:100%;font-size:19px;font-weight:bold;padding:13px 0;}

.detailCont {/*border-bottom:1px solid #e5e5e5;*/margin-bottom:30px;}
.detailCont p {font-family:'Noto Sans KR';font-size:15px;line-height:22px;margin-bottom:20px;}
.detailCont img {margin-bottom:20px;}

.cal_tab ul {text-align:right;}
.cal_tab ul li {display:inline-block;}
a.defaultTypeE{display:inline-block;text-align:center;background:#666;color:#fff;vertical-align:top;  padding:7px 20px 10px 20px;}
a.defaultTypeE:hover{text-decoration:none; background:#333;}

/**** tourArea ****/
/* tourList */
.tourList {}
.tourList:after {display:block;content:'';clear:both;}
.tourList li {position:relative;float:left;padding:25px 20px;border:1px solid #e5e5e5;box-shadow:0px 3px 1px rgba(0,0,0,0.05);border-bottom:1px solid #a7a9ac;z-index:0;}
.tourList li:nth-child(2n-1) {margin-left:0;}
.tourList li .thumb {position:absolute;top:25px;left:20px;}
.tourList li .thumb a {position:relative;display:block;height:140px;}
.tourList li .thumb a img {width:100%;height:100%;}
.tourList li .thumb a:after {position:absolute;top:0;right:0;bottom:0;left:0;background:#32798f;content:'';opacity:0;transition:all .3s;}
.tourList li .thumb a:hover:after {opacity:0.4;}
.tourList li:hover:after {position:absolute;top:0;right:0;bottom:0;left:0;content:'';border:4px solid #32798f;box-sizing:border-box;z-index:-1;}
.tourList li dl {margin-left:220px;}
.tourList li dt {font-size:21px;font-weight:600;line-height:25px;margin:5px 0 12px;}
.tourList li dd {font-family:'Noto Sans KR';font-size:15px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tourList li dd.date {color:#999;font-size:13px;margin-top:7px;}



/**** order ****/
/* orderStep */
.orderStep {margin-bottom:40px;}
.orderStep .stepList {width:100%;display:table;table-layout:fixed;border-left:1px solid #e5e5e5;}
.orderStep .stepList li {position:relative;display:table-cell;border:1px solid #e5e5e5;border-left:0;padding:20px 30px 20px 130px;font-size:20px;}
.orderStep .stepList li:before {position:absolute;left:65px;top:20px;width:45px;height:45px;background:#ff6600;content:'';}
.orderStep .stepList li:nth-child(1):before {background:url('../imgs/sub/icon_order_step01.png') no-repeat 50% 50%;}
.orderStep .stepList li:nth-child(2):before {background:url('../imgs/sub/icon_order_step02.png') no-repeat 50% 50%;}
.orderStep .stepList li:nth-child(3):before {background:url('../imgs/sub/icon_order_step03.png') no-repeat 50% 50%;}
.orderStep .stepList li:nth-child(4):before {background:url('../imgs/sub/icon_order_step04.png') no-repeat 50% 50%;}
.orderStep .stepList li:after {position:absolute;right:-30px;top:0;width:30px;height:100%;background:url('../imgs/sub/bg_step.png') no-repeat 0 50%;content:'';}
.orderStep .stepList li:last-child:after {background:none;width:0;height:0;}
.orderStep .stepList li .num {display:block;font-family:'Noto Sans KR';font-size:15px;margin-bottom:10px;}
.orderStep .stepList li.on {background:url('../imgs/sub/bg_step.png') no-repeat 0 50% #1f3a4f;color:#fff;font-weight:bold;}
.orderStep .stepList li.on:after {background:url('../imgs/sub/bg_step_on.png') no-repeat 0 50%;}
.orderStep .stepList li:first-child.on {background:#1f3a4f;}


/* order02 */
#order02 table.orderList {width:100%;border-top:2px solid #333;margin-bottom:50px;}
#order02 table.orderList th {background:#f9f9f9;border-bottom:1px solid #ccc;font-weight:bold;}
#order02 table.orderList th, #order02 table.orderList td {padding:18px 15px;font-family:'Noto Sans KR';font-size:15px;text-align:center;vertical-align:middle;}
#order02 table.orderList td {border-bottom:1px solid #e5e5e5;}
#order02 table.orderList .btnArea .btnType {font-size:13px;padding:6px 10px;margin:2px;}
#order02 table.orderList tfoot td {background:#f9f9f9;}
#order02 table.orderList .imgArea {width:100px;height:100px;margin:0 auto;}
#order02 table.orderList .imgArea img {width:100%;height:100%;}
#order02 table.orderList .price .discount {display:block;text-decoration:line-through;color:#999;}
#order02 table.orderList .quantityArea {position:relative;width:71px;margin:0 auto;}
#order02 table.orderList .quantityArea input {position:relative;float:left;width:40px;height:33px;text-align:center;text-indent:0;z-index:10;}
#order02 table.orderList .quantityArea .ctrl {float:left;margin-left:-1px;}
#order02 table.orderList .quantityArea .ctrl button {display:block;border:1px solid #e5e5e5;width:30px;height:20px;text-indent:-9999px;}
#order02 table.orderList .quantityArea .ctrl button.QuantityUp {background:url('../imgs/common/btn_arr_up.gif') no-repeat 50% 50%;}
#order02 table.orderList .quantityArea .ctrl button.QuantityDown {background:url('../imgs/common/btn_arr_down.gif') no-repeat 50% 50%;margin-top:-1px;}
#order02 table.orderList .quantityArea .btnType {clear:both;min-width:71px;padding:9px 10px 10px;font-size:14px;margin-top:5px;}


/* order03_Complete */
.orderComplete {padding:100px 0;margin-bottom:50px;border-bottom:1px solid #e5e5e5;}
.orderComplete .txt_dsc.big {font-size:28px;text-align:center;padding-top:140px;background:url('../imgs/sub/icon_order_complete.png') no-repeat 50% 0;}
.orderComplete .txt_dsc.big .fc01 {font-size:35px;}
.orderComplete dl {width:300px;margin:40px auto;background:#f9f9f9;padding:30px;}
.orderComplete dl:after {display:block;content:'';clear:both;}
.orderComplete dl dt, .orderComplete dl dd {float:left;font-family:'Noto Sans KR';font-size:15px;margin:5px 0;}
.orderComplete dl dt {width:20%;margin-right:10%;font-weight:bold;}
.orderComplete dl dd {width:70%;}
.orderComplete dl dd span {font-size:17px;font-weight:bold;}


/* calendar */
.cal_top_wrap ul li {box-sizing:border-box;margin:0;padding:0;}
.cal_top_wrap ul li:first-child {display:inline-block;}
.cal_top_wrap>ul>li:nth-child(2) {display:inline-block;text-align:center;}
.cal_top_wrap>ul>li:last-child {width:20%;}
.cal_top_wrap>ul {margin:0;padding:0;}
.cal_box {background-color: #ffffff;box-sizing: border-box;}
.cal_list_wrap {box-sizing: border-box;}
.cal_list_wrap h3 {margin: 0 auto 5px;}
.cal_list_box {background-color: #FFFFFF;box-sizing: border-box;}
.cal_box .cal_row {display:flex;width:100%;}
.cal_box .cal_row:first-child .cal_cell {border-top:1px solid #cccccc;}
.cal_box .cal_row .cal_cell:first-child {border-left:1px solid #cccccc;}
.cal_box .cal_row .cal_cell.valid:hover {/*background-color:#f6f6f6;cursor:pointer;*/}
.cal_box .cal_row .cal_cell.disable .day {opacity:0.4;}
.cal_box .cal_row .cal_cell.disable {background-color:#FFFFFF;}
.cal_box .cal_row .cal_cell {flex:auto;width:13%;box-sizing:border-box;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:10px;background-color:#fff;min-height:150px;}
.cal_box .cal_row .cal_cell.week {background-color:#f2f3f7;min-height:50px;text-align:center;font-size:18px;font-weight:bold;}
.cal_box .cal_row .cal_cell.invalid {background-color:#e9edfb;cursor:default;}
.cal_box .cal_row .cal_cell.today {background-color:#DEFADE;}
.cal_box .cal_row .cal_cell .schedule_title {padding:10px 5px;}
.cal_box .cal_row .cal_cell .schedule_title li {font-size:12px;margin-bottom:10px;line-height:12px;}
.cal_box .cal_row .cal_cell .schedule_title li:last-child {margin-bottom:0px;}
.cal_cell.sunday {color:#ff0000;}
.cal_cell.special_day {color:#ff0000;}
.cal_cell.saturday {color:#003eff;}
.schedule_title li {cursor:pointer;}
#dateAreaMonth > a, #dateAreaWeek > a {vertical-align:middle;display:inline-block;}
#dateAreaMonth > span, #dateAreaWeek > span {display:inline-block;font-weight:bold;}
#prevYear {background:url(../imgs/common/btn_arr_prev_end.gif) no-repeat 50% 50% #fff;}
#prevMonth, #prevWeek {background:url(../imgs/common/btn_arr_prev.gif) no-repeat 50% 50% #fff;}
#nextMonth, #nextWeek {background:url(../imgs/common/btn_arr_next.gif) no-repeat 50% 50% #fff;}
#nextYear {background:url(../imgs/common/btn_arr_next_end.gif) no-repeat 50% 50% #fff;}
.readOnlyArea {background-color:#e8e9ea!important;}
.start_date_set {margin-right:20px;}
.end_date_set {display:none;margin-right:20px;vertical-align:top;}
span.end_date_set {vertical-align:middle;}
input[type="checkbox"]#continueSet + label {vertical-align:baseline;}

/* notice_area */
span.notice_point {border-radius:5px;padding:5px 10px;color:#fff;margin-right:5px;}
span.support_point {border-radius:5px;padding:2px 10px;color:#fff;width:60px;margin-right:5px;display:inline-block;text-align:center;}
span.support_point.support_type_122 {background:#0b5388;}
span.support_point.support_type_123 {background:#e4606d;}

/* file_set_area */
.file_set_area {padding-left:20px;vertical-align:middle;display:inline-block;}
.file_set_area .file_set {vertical-align:middle;padding-left:5px;}


/* 모바일 */
@media all and (max-width:480px) {

    /* joinComplete */
    .joinComplete .memberInfo .infoList li {font-size:0.7em;}
    .joinComplete .memberInfo .infoList li strong {vertical-align:middle;}
    .joinComplete .memberInfo .infoList li span {vertical-align:middle;}

    /* galleryArea */
    .galleryArea {margin:20px 0;}
    .galleryArea .galleryList li {width:48%;margin:0 0 20px 2%;}
    .galleryArea .galleryList li:first-child {margin-left:0!important;}
    .galleryArea .galleryList li:nth-child(2n+1) {margin-left:0;}
    .galleryArea .galleryList li .tit {font-size:0.8em;line-height:1em;margin:10px;}
    .galleryArea .galleryList li .date {font-size:0.7em;}
    .galleryArea .galleryList li a {padding:5px;}

    /* schedulePlan */
    #dateAreaMonth > span, #dateAreaWeek > span {font-size:1em;padding:20px 10px 5px 10px;}
    #dateAreaMonth > a, #dateAreaWeek > a {width:20px;height:20px;}
    .schedulePlan table.basic04 th, .schedulePlan table.basic04 td {font-size:0.8em!important;padding:10px!important;line-height:1em!important;}

    /* bbsViewList */
    .bbsView {padding-top:30px;}
    .bbsViewList > li {padding: 0.95em;}
    .bbsViewList .bbsTit {padding:10px 20px;padding: 0.95em;}
    .bbsViewList .bbsTit h4 {font-size:1.2em;}
    .bbsViewList .bbsCont img {width:100%;height:auto;}
    .bbsViewList .info li {font-size:0.8em;padding:0 10px;}
    .bbsViewList .info li:before {height:10px;}

    /* sub_content_area bbsViewList */
    .sub_content_area #boardSearchForm {position: static;}
    .sub_content_area .bbs_writer, .sub_content_area .bbs_date, .sub_content_area .bbs_visited, .sub_content_area .bbsTotal {display:none!important;}
    .sub_content_area .bbs_cnt, .sub_content_area .bbs_title {font-size:0.8em!important;padding: 0.8em 0;}
    .sub_content_area .bbs_cnt {width: 15%!important;}
    .sub_content_area select {font-size:0.8em;width: 25%;height: 2.7em;margin-left:0;margin-right:0;border-color: #d9d9d9;}
    .sub_content_area input[type=text], .sub_content_area input[type=password] {vertical-align:middle;height: 2.7em;font-size:0.8em;width: 50%;padding: 0;box-sizing: border-box;}
    .sub_content_area input[type=submit] {vertical-align:middle;height: 2.7em;font-size:0.8em;width: 21.5%;padding:0;margin-top:4px;}

    /* noticed */
    .sub_content_area .bbs_cnt span.notice_point {padding: 0.3em 0.5em;}
    .sub_content_area.notice .bbs_title a {line-height:25px;}

    /* qna */
    .sub_content_area.qna .bbsList thead {display:none;}
    /*.sub_content_area.qna .bbsList tbody > tr > td {display:block;border-bottom:unset;}*/
    .sub_content_area.qna .bbsList tbody > tr > td.bbs_qna_cnt, .sub_content_area.qna .bbsList tbody > tr > td.bbs_qna_visited, .sub_content_area.qna .bbsList tbody > tr > td.bbs_qna_date {display:none;}
    .sub_content_area.qna .bbsList tbody > tr > td.bbs_qna_title {width:50% !important;text-align:left;}
    .sub_content_area.qna .bbsList tbody > tr > td.bbs_qna_state {width:20% !important;}

}

/* 아이패드 */
@media all and (min-width:481px) and (max-width:768px) {

    /* joinComplete */
    .joinComplete .memberInfo .infoList li {font-size:0.7em;}
    .joinComplete .memberInfo .infoList li strong {vertical-align:middle;}
    .joinComplete .memberInfo .infoList li span {vertical-align:middle;}

    /* galleryArea */
    .galleryArea {margin:20px 0;}
    .galleryArea .galleryList li {width:48%;margin:0 0 20px 2%;}
    .galleryArea .galleryList li:first-child {margin-left:0!important;}
    .galleryArea .galleryList li:nth-child(2n+1) {margin-left:0;}
    .galleryArea .galleryList li .tit {font-size:0.8em;line-height:1em;margin:10px;}
    .galleryArea .galleryList li .date {font-size:0.7em;}
    .galleryArea .galleryList li a {padding:5px;}

    /* schedulePlan */
    #dateAreaMonth > span, #dateAreaWeek > span {font-size:1em;padding:20px 10px 5px 10px;}
    #dateAreaMonth > a, #dateAreaWeek > a {width:20px;height:20px;}
    .schedulePlan table.basic04 th, .schedulePlan table.basic04 td {font-size:0.8em!important;padding:10px!important;line-height:1em!important;}

    /* bbsViewList */
    .bbsViewList > li {padding: 0.95em;}
    .bbsViewList .bbsTit {padding:10px 20px;padding: 0.95em;}
    .bbsViewList .bbsTit h4 {font-size:1.2em;}
    .bbsViewList .bbsCont img {width:100%;height:auto;}
    .bbsViewList .info li {font-size:0.8em;padding:0 10px;}
    .bbsViewList .info li:before {height:10px;}

    /* sub_content_area bbsViewList */
    .sub_content_area #boardSearchForm {position: static;}
    .sub_content_area .bbs_writer, .sub_content_area .bbs_date, .sub_content_area .bbs_visited, .sub_content_area .bbsTotal {display:none!important;}
    .sub_content_area .bbs_cnt, .sub_content_area .bbs_title {font-size:0.8em!important;padding: 0.8em 0;}
    .sub_content_area .bbs_cnt {width: 15%!important;}
    .sub_content_area select {font-size:0.8em;width: 25%;height: 2.7em;margin-left:0;margin-right:0;border-color: #d9d9d9;}
    .sub_content_area input[type=text], .sub_content_area input[type=password] {vertical-align:middle;height: 2.7em;font-size:0.8em;width: 50%;padding: 0;box-sizing: border-box;}
    .sub_content_area input[type=submit] {vertical-align:middle;height: 2.7em;font-size:0.8em;width: 21.5%;padding:0;margin-top:4px;}

    /* noticed */
    .sub_content_area .bbs_cnt span.notice_point {padding: 0.3em 0.5em;}
    .sub_content_area.notice .bbs_title a {line-height:25px;}

    /* qna */
    .sub_content_area.qna .bbsList thead {display:none;}
    /*.sub_content_area.qna .bbsList tbody > tr > td {display:block;border-bottom:unset;}*/
    .sub_content_area.qna .bbsList tbody > tr > td.bbs_qna_cnt, .sub_content_area.qna .bbsList tbody > tr > td.bbs_qna_visited, .sub_content_area.qna .bbsList tbody > tr > td.bbs_qna_date {display:none;}
    .sub_content_area.qna .bbsList tbody > tr > td.bbs_qna_title {width:50% !important;text-align:left;}
    .sub_content_area.qna .bbsList tbody > tr > td.bbs_qna_state {width:20% !important;}

}

/* 아이패드프로 */
@media all and (min-width:769px) and (max-width:1024px) {

}

@media all and (min-width:1025px) and (max-width:1199px) {

}

/* PC */
@media all and (min-width:1200px) {

    /* joinComplete */
    .joinComplete .memberInfo .infoList li {font-size:15px;}

    /* galleryArea */
    .galleryArea .galleryList li {width:23.5%;margin:0 0 40px 2%;}
    .galleryArea .galleryList li:first-child {margin-left:0 !important;}
    .galleryArea .galleryList li:nth-child(4n+1) {margin-left:0;}
    .galleryArea .galleryList li .thumb {height:230px;}
    .galleryArea .galleryList li .tit {font-size:20px;line-height:25px;margin:20px;}
    .galleryArea .galleryList li .date {font-size:15px;}
    .galleryArea .galleryList li a {padding:12px;}

    /* schedulePlan */
    #dateAreaMonth > span, #dateAreaWeek > span {font-size:17px;padding:20px 30px 5px 30px;}
    #dateAreaMonth > a, #dateAreaWeek > a {width:50px;height:50px;}

    /* bbsViewList */
    .bbsViewList .bbsTit {padding:24px 20px;}
    .bbsViewList .bbsTit h4 {font-size:20px;}
    .bbsViewList .info li {font-size:15px;padding:0 15px;}
    .bbsViewList .info li:before {height:15px;}

}
