@charset "utf-8";
/* CSS Document */

html{height:100%;}
body {height:100%; background-image:url("../images/bg.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover;}

/* 영역구분 */
#wrap {position:relative; left:4%; top:4%; width:92%; height:92%; min-width:320px; overflow:hidden; border-radius:3px; box-shadow:0 9px 48px rgba(0, 0, 0, 0.2);}
.wrap {display:inline-block; vertical-align:middle; width:100%; margin:0 auto;}
.m_btn, .c_btn {display:none;}
.bg_black {display:none;}

.area.div1 li, .area.div2 li, .area.div3 li, .area.div4 li, .area.div5 li, .area.div6 li, .area.div7 li, .area.div8 li, .area.div9 li, .area.div10 li, .area.div11 li, .area.div12 li {display:inline; float:left;}
.area.div1 li {width:100%;}
.area.div2 li {width:50%;}
.area.div3 li {width:33.333333%;}
.area.div4 li {width:25%;}
.area.div5 li {width:20%;}
.area.div6 li {width:16.666666%;}
.area.div7 li {width:14.285714%;}
.area.div8 li {width:12.5%;}
.area.div9 li {width:11.111111%;}
.area.div10 li {width:10%;}
.area.div11 li {width:9.090909%;}
.area.div12 li {width:8.333333%;}

.div2 {display:inline-block; vertical-align:middle; float:left; width:50%;}
.div3 {display:inline-block; vertical-align:middle; float:left; width:33.333333%;}
.div4 {display:inline-block; vertical-align:middle; float:left; width:25%;}
.div5 {display:inline-block; vertical-align:middle; float:left; width:20%;}
.div6 {display:inline-block; vertical-align:middle; float:left; width:16.666666%;}
.div7 {display:inline-block; vertical-align:middle; float:left; width:14.285714%;}
.div8 {display:inline-block; vertical-align:middle; float:left; width:12.5%;}
.div9 {display:inline-block; vertical-align:middle; float:left; width:11.111111%;}
.div10 {display:inline-block; vertical-align:middle; float:left; width:10%;}


/* 컬러 */
.cm {color:#179fda;}	/* 메인 */
.ck {color:#000;}		/* 검은색 */
.cw {color:#fff;}		/* 흰색 */
.cb {color:#2f3949;}	/* 어두운 회색 */
.cg {color:#979ea8;}	/* 옅은 회색 */
.ci {color:#bec5cd;}	/* 아주옅은 회색 */
.cr {color:#f03030;}	/* 붉은색 */


/* 타이틀 */
.title {display:inline-block; vertical-align:middle; font-weight:300; font-size:20px; line-height:30px;}
.title.bold, .title .bold {font-weight:500;}
.title.t1 {font-size:30px; line-height:40px;}
.title.t2 {font-size:40px; line-height:50px;}
.title.t3 {font-size:50px; line-height:60px;}


/* 텍스트 */
.text {font-size:15px; font-weight:300; line-height:25px; word-wrap:normal; word-break:keep-all;}
.text.semibold, .text .semibold {font-weight:400;}
.text.bold, .text .bold {font-weight:500;}
.text.giant, .text .giant {font-size:25px; line-height:35px;}
.text.big, .text .big {font-size:20px; line-height:30px;}
.text.middle, .text .middle {font-size:18px; line-height:28px;}
.text.small, .text .small {font-size:13px; line-height:23px;}
.text.tiny, .text .tiny {font-size:11px; line-height:21px;}
.text img {display:inline-block; vertical-align:middle; max-width:100%; margin:0;}
.text span {display:inline-block; vertical-align:middle;}
.text input {display:inline-block; vertical-align:middle;}
.text label {cursor:pointer;}
.overflow {min-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.img img {max-width:100%;}
.guest_info {font-size:15px; font-weight:400; line-height:25px; word-wrap:normal; word-break:keep-all; color:#6b3cec; }


/* 꾸밈 */
.link {color:#179fda;}
.box {display:block; vertical-align:middle; width:auto; padding:20px; border-radius:4px; background-color:#fff; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);}
.box2 {display:block; vertical-align:middle; width:auto; border-radius:4px; }
.box.t1 {padding:70px;}
.icon.mouse {position:relative;width:11px;height:17px;margin:0 auto;border:solid 1px currentColor;border-radius:6px;color:#fff;}
.icon.mouse:before {content:'';position:absolute;top:6px;left:-1px;width:13px;height:1px;background-color:currentColor;}
.icon.mouse:after {content:''; position:absolute; top:-1px; left:5px; width:1px; height:7px; background-color:currentColor;}
.btn:hover .icon.mouse {color:#fff;}
.btn.t3 .icon.mouse {color:#979ea8;}
.icon.picture {position:relative; width:15px; height:15px; margin:0 auto; border:solid 1px currentColor; border-radius:2px; color:#bec5cd;}
.icon.picture:before {content:''; position:absolute; left:2px; top:2px; width:2px; height:2px; border-radius:50%; border:solid 1px currentColor;}
.icon.picture:after {content:''; position:absolute; left:2px; top:9px; width:12px; height:8px; border-top:solid 1px currentColor; border-right:solid 1px currentColor; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.icon.picture:hover {color:#2f3949;}
.listselect_sub {display: inline-block; width: 100px; float:left; vertical-align: middle; height: 40px; font-weight: 400; font-size: 15px; padding-top: 12px; }

.comment_area {border-top: #17161b solid 2px; margin-bottom: 20px; padding-top: 20px; vertical-align: middle; width: 100%; text-align: left; font-size:14px; position: relative;}
.comment_content {position: relative; float: left; width: 90%;}
.comment_number {font-weight: 400; margin-bottom: 20px;}
.comment_number em {color: #b4b4b4;}
.comment_list {border-bottom: #edf1f5 solid 1px; padding: 10px 0; display: inline-block; width: 100%;}
.comment_list.re {padding-left: 30px;}
.comment_list2 {border-bottom: #edf1f5 solid 1px; padding: 10px 0 0 40px; display: inline-block; width: 100%;}
.comment_user {font-weight: 500; color: #333; margin-bottom: 10px; line-height: 1em;}
.comment_text {line-height: 1.5em; margin-bottom: 10px; word-wrap: normal; word-break: keep-all;}
.comment_date {font-size : 13px; color: #b4b4b4; line-height: 1em; margin-bottom: 10px;}
.list_img img {width: 150px; height: 60px; }

/* 탭 */
.tab {display:inline-block; vertical-align:middle; position:relative; width:100%; text-align:center;}
.tab .t_btn {display:none;}
.tab ul {display:inline-block; vertical-align:middle; width:100%;}
.tab ul.fl {width:auto;}
.tab ul.fr {width:auto;}
.tab li {display:inline; float:left;}
.tab li a {display:block; min-width:50px; height:40px; margin:0 5px; border-radius:4px; background-color:#aab5c2; font-size:14px; color:#fff; line-height:40px; font-weight:400; text-align:center; box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.1);}
.tab li:hover a {background-color:#179fda; color:#fff;}
.tab li.on a {background-color:#179fda; color:#fff;}
.tab li:first-child a {margin-left:0px;}
.tab li:last-child a {margin-right:0px;}
.tab.div1 li {width:100%;}
.tab.div2 li {width:50%;}
.tab.div3 li {width:33.333333%;}
.tab.div4 li {width:25%;}
.tab.div5 li {width:20%;}
.tab.div6 li {width:16.666666%;}
.tab.div7 li {width:14.285714%;}
.tab.div8 li {width:12.5%;}
.tab.div9 li {width:11.111111%;}
.tab.div10 li {width:10%;}
.tab.div11 li {width:9.090909%;}
.tab.div12 li {width:8.333333%;}
.tab.div1 li a, .tab.div2 li a, .tab.div3 li a, .tab.div4 li a, .tab.div5 li a, .tab.div6 li a, .tab.div7 li a, .tab.div8 li a, .tab.div9 li a, .tab.div10 li a, .tab.div11 li a, .tab.div12 li a {padding:0;}


/* 폼태그 */
.form {display:inline-block; vertical-align:middle; width:100%; text-align:left;}
.form .f_wrap {display:inline-block; vertical-align:middle; width:100%;}
.form .f_field {display:inline-block; vertical-align:middle; float:left; position:relative; width:100%;}
.form .f_field.div1 {width:100%;}
.form .f_field.div2 {width:50%;}
.form .f_field.div3 {width:33.333333%;}
.form .f_field.div4 {width:25%;}
.form .f_field.div5 {width:20%;}
.form .f_field.div6 {width:16.666666%;}
.form .f_field.div7 {width:14.285714%;}
.form .f_field.div8 {width:12.5%;}
.form .f_field.div9 {width:11.111111%;}
.form .f_field.div10 {width:10%;}
.form .f_field .ff_title {font-size:14px; color:#2f3949; letter-spacing:0; line-height:40px;}
.form .f_field .ff_title label {position:relative;}
.form .f_field .ff_wrap {display:block;}
.form .f_field input {display:inline-block; vertical-align:middle;}
.form .f_field .ff_wrap.text {}
.form .f_field .ff_wrap.option {min-height:40px; margin-top:0; line-height:40px;}
.form .f_field .ff_wrap.option span {margin-right:15px;}
.form .f_field .ff_wrap.option input {margin-right:5px;}
.form .f_field .ff_wrap.content {min-height:40px; margin-top:0; }
.form .f_field .ff_group {display:inline-block; vertical-align:middle;}
.form .f_field .ff_group input {float:left; margin-right:5px;}
.form .f_field .ff_group button {float:left; margin-right:5px;}

.form.t1 {margin-bottom:20px; border-top:#179fda solid 2px;}
.form.t1 .f_wrap {padding:10px 0; border-bottom:#edf1f5 solid 1px;}
.form.t1 .f_field .ff_title {position:absolute; left:20px; top:0;}
.form.t1 .f_field .ff_wrap {margin-left:200px;}
.form.t1 .f_field .ff_wrap.text {font-size:14px; line-height: 40px;}

.form.t2 {margin-bottom:20px; border-top:#179fda solid 2px;}
.form.t2 .f_wrap {padding:10px 0; border-bottom:#edf1f5 solid 1px;}
.form.t2 .f_field .ff_title {position:absolute; left:20px; top:0;}
.form.t2 .f_field .ff_wrap {margin-left:120px;}
.form.t2 .f_field .ff_wrap.text {font-size:14px;}

.form.t3 {margin-top:-10px; margin-bottom:20px;}
.form.t3 .f_wrap {padding:10px 0; border-bottom:#edf1f5 solid 1px;}
.form.t3 .f_field .ff_title {position:absolute; left:20px; top:0;}
.form.t3 .f_field .ff_wrap {margin-left:120px;}
.form.t3 .f_field .ff_wrap.text {font-size:14px;}

/* 폼스타일 */
.input {display:block; vertical-align:middle; width:100%; height:38px; margin:0; padding:0; border:1px solid #e6e7e9; border-radius:4px; background-color:#f6f7f8;
	font-size:14px; color:#8c98a6; line-height:38px; text-indent:15px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);}
.input:hover {border-color:#c2c4c8; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);}
.select {display:block; vertical-align:middle; width:100%; height:40px; margin:0px; padding:0px; border:1px solid #e6e7e9; border-radius:4px;
	background:-webkit-linear-gradient(top, #ffffff 0%, #f4f5f9 100%);
	background:-moz-linear-gradient(top, #ffffff 0%, #f4f5f9 100%);
	background:-ms-linear-gradient(top, #ffffff 0%, #f4f5f9 100%);
	background:-o-linear-gradient(top, #ffffff 0%, #f4f5f9 100%);
	background:linear-gradient(top, #ffffff 0%, #f4f5f9 100%);
	font-size:14px; color:#8c98a6; line-height:40px; text-indent:15px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);}
.select:hover {border-color:#c2c4c8; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);}
.select2 {display:inline-block; vertical-align:middle; width:200px; height:40px; margin:0px; padding:0px; border:1px solid #e6e7e9; border-radius:4px;
	background:-webkit-linear-gradient(top, #ffffff 0%, #f4f5f9 100%);
	background:-moz-linear-gradient(top, #ffffff 0%, #f4f5f9 100%);
	background:-ms-linear-gradient(top, #ffffff 0%, #f4f5f9 100%);
	background:-o-linear-gradient(top, #ffffff 0%, #f4f5f9 100%);
	background:linear-gradient(top, #ffffff 0%, #f4f5f9 100%);
	font-size:14px; color:#8c98a6; line-height:40px; text-indent:15px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);}
.textarea {display:block; vertical-align:middle; box-sizing:border-box; width:98%; min-height:80px; margin:0; padding:8px 15px; border:1px solid #e6e7e9; border-radius:4px; background-color:#f6f7f8; text-align:left;
	font-size:14px; color:#8c98a6; line-height:25px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);}
.textarea:hover {border-color:#c2c4c8; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);}
.file {display:block; vertical-align:middle; width:100%; height:38px; margin:0; padding:0; border:1px solid #e6e7e9; border-radius:4px; background-color:#f6f7f8;
	font-size:14px; color:#8c98a6; line-height:40px; text-indent:2px !important;;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);}
.file:hover {border-color:#c2c4c8; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);}

.input.w50, .select.w50, .file.w50 {max-width:50px;}
.input.w60, .select.w60, .file.w60 {max-width:60px;}
.input.w70, .select.w70, .file.w70 {max-width:70px;}
.input.w80, .select.w80, .file.w80 {max-width:80px;}
.input.w90, .select.w90, .file.w90 {max-width:90px;}
.input.w100, .select.w100, .file.w100 {max-width:100px;}
.input.w110, .select.w110, .file.w110 {max-width:110px;}
.input.w120, .select.w120, .file.w120 {max-width:120px;}
.input.w130, .select.w130, .file.w130 {max-width:130px;}
.input.w140, .select.w140, .file.w140 {max-width:140px;}
.input.w150, .select.w150, .file.w150 {max-width:150px;}
.input.w160, .select.w160, .file.w160 {max-width:160px;}
.input.w170, .select.w170, .file.w170 {max-width:170px;}
.input.w180, .select.w180, .file.w180 {max-width:180px;}
.input.w190, .select.w190, .file.w190 {max-width:190px;}
.input.w200, .select.w200, .file.w200 {max-width:200px;}
.input.w250, .select.w250, .file.w250 {max-width:250px;}
.input.w300, .select.w300, .file.w300 {max-width:300px;}
.input.w350, .select.w350, .file.w350 {max-width:350px;}
.input.w400, .select.w400, .file.w400 {max-width:400px;}
.input.w450, .select.w450, .file.w450 {max-width:450px;}
.input.w500, .select.w500, .file.w500 {max-width:500px;}
.input.w550, .select.w550, .file.w550 {max-width:550px;}
.input.w600, .select.w600, .file.w600 {max-width:600px;}
.input.w5p, .select.w5p, .file.w5p {width:5%;}
.input.w10p, .select.w10p, .file.w10p {width:10%;}
.input.w15p, .select.w15p, .file.w15p {width:15%;}
.input.w20p, .select.w20p, .file.w20p {width:20%;}
.input.w25p, .select.w25p, .file.w25p {width:25%;}
.input.w30p, .select.w30p, .file.w30p {width:30%;}
.input.w35p, .select.w35p, .file.w35p {width:35%;}
.input.w40p, .select.w40p, .file.w40p {width:40%;}
.input.w45p, .select.w45p, .file.w45p {width:45%;}
.input.w50p, .select.w50p, .file.w50p {width:50%;}
.input.w55p, .select.w55p, .file.w55p {width:55%;}
.input.w60p, .select.w60p, .file.w60p {width:60%;}
.input.w65p, .select.w65p, .file.w65p {width:65%;}
.input.w70p, .select.w70p, .file.w70p {width:70%;}
.input.w75p, .select.w75p, .file.w75p {width:75%;}
.input.w80p, .select.w80p, .file.w80p {width:80%;}
.input.w85p, .select.w85p, .file.w85p {width:85%;}
.input.w90p, .select.w90p, .file.w90p {width:90%;}
.input.w95p, .select.w95p, .file.w95p {width:95%;}
.input.w100p, .select.w100p, .file.w100p {width:100%;}


/* 테이블 */
.table {width:100%; overflow-x:auto; overflow-y:hidden; border-radius:4px; background-color:#fff; outline-color:rgba(0, 0, 0, 0.01); box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);}
.table table {width:100%;}
.table.mw500 table {min-width:500px;}
.table.mw550 table {min-width:550px;}
.table.mw600 table {min-width:600px;}
.table.mw650 table {min-width:650px;}
.table.mw700 table {min-width:700px;}
.table.mw750 table {min-width:750px;}
.table.mw800 table {min-width:800px;}
.table.mw850 table {min-width:850px;}
.table.mw900 table {min-width:900px;}
.table.mw950 table {min-width:950px;}
.table.mw1000 table {min-width:1000px;}
.table.mw1100 table {min-width:1100px;}
.table.mw1200 table {min-width:1200px;}
.table.mw1300 table {min-width:1300px;}
.table.mw1400 table {min-width:1400px;}
.table.mw1500 table {min-width:1500px;}
.table th {padding:25px 0px; background-color:#f4f7f9; font-size:13px; line-height:20px; color:#2f3949; font-weight:500;}
.table td {padding:15px 0px; border-top:1px solid #edf1f5; font-size:13px; line-height:20px; color:#979ea8; text-align:center;}
.table td {padding:15px 0px; border-top:1px solid #edf1f5; font-size:13px; line-height:20px; color:#979ea8; text-align:center;}
.table.mw800_gallery table {min-width:800px;}
.table.mw800_gallery td {padding: 5px 0px;}


/* 버튼 */
.comment_btn_wrap {display: inline-block; vertical-align:middle; text-align:center; float: left; position: absolute; right: 0; padding-top: 10px;}

.btn_wrap {display:inline-block; vertical-align:middle; width:100%; text-align:center;}
.btn_wrap ul {display:inline-block; vertical-align:middle; margin:0 auto;}
.btn_wrap li {display:inline; float:left; margin:5px;}
.btn_wrap .fl li:first-child {margin-left:0;}
.btn_wrap .fr li:last-child {margin-right:0;}
.btn_wrap .div2 li {width:50%;}
.btn_wrap .div3 li {width:33.333333%;}
.btn_wrap .div4 li {width:25%;}
.btn_wrap .div5 li {width:20%;}
.btn_wrap .div6 li {width:16.666666%;}
.btn_wrap .div7 li {width:14.285714%;}
.btn_wrap .div8 li {width:12.5%;}
.btn_wrap .div9 li {width:11.111111%;}
.btn_wrap .div10 li {width:10%;}
.btn {display:inline-block; vertical-align:middle; min-width:78px; height:38px; padding:0px 40px; border:none; border:#aab5c2 solid 1px; border-radius:4px; background-color:#aab5c2; font-size:14px; color:#fff; font-weight:500; letter-spacing:0; line-height:38px; text-align:center; box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.1), 0 3px 5px rgba(0, 0, 0, 0.1);}
.btn:hover {background-color:#8c98a6;}
.btn.giant {min-width:118px; height:58px; padding:0px 60px; font-size:20px; line-height:58px;}
.btn.big {min-width:98px; height:48px; padding:0px 50px; font-size:18px; line-height:48px;}
.btn.middle {min-width:88px; height:43px; padding:0px 45px; font-size:16px; line-height:43px;}
.btn.small {min-width:58px; height:28px; padding:0px 30px; font-size:13px; font-weight:300; line-height:28px;}
.btn.tiny {min-width:38px;  height:23px; padding:0px 20px; font-size:12px; font-weight:300; line-height:23px;}
.btn.wide {width:198px; padding:0 !important;}
.btn.slim {min-width:auto !important; padding:0 15px !important;}
.btn.full {display:block; width:100%; min-width:auto !important; padding:0 !important;}
.btn.r0 {border-radius:0px;}
.btn.r5 {border-radius:5px;}
.btn.r10 {border-radius:10px;}
.btn.r15 {border-radius:15px;}
.btn.r20 {border-radius:20px;}
.btn.r25 {border-radius:25px;}
.btn.r30 {border-radius:30px;}
button.btn {box-sizing:content-box;}

.btn.t1 {border-color:#179fda; background-color:#179fda; color:#fff;}
.btn.t1:hover {border-color:#0587c0; background-color:#0587c0;}

.btn.t2 {border-color:#8c98a6; background-color:#8c98a6;}
.btn.t2:hover {border-color:#2f3949; background-color:#2f3949;}

.btn.t3 {border:#aab5c2 solid 1px; background-color:#fff; color:#aab5c2; box-shadow:none;}
.btn.t3:hover {border-color:#0587c0; background-color:#0587c0; color:#fff;}


/* 페이징 */
.paging {display:inline-block; vertical-align:middle; width:100%; text-align:center;}
.paging .p_wrap {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; width:100%; height:50px; border-radius:4px; background-color:#fff; box-shadow:0 4px 18px rgba(0, 0, 0, 0.04);}
.paging .p_arrow {display:inline-block; vertical-align:middle; position:absolute; top:50%; width:90px; height:50px; margin-top:-25px;}
.paging .p_arrow a {display:inline-block; vertical-align:middle; width:100%; height:100%; font-size:14px; color:#8c98a6; line-height:50px;}
.paging .p_arrow a:hover {color:#2f3949;}
.paging .p_arrow.prev {left:0;}
.paging .p_arrow.next {right:0;}
.paging .p_btn {margin:10px 90px; font-size:0;}
.paging .p_btn a {display:inline-block; vertical-align:middle; min-width:20px; height:30px; margin:0 5px; padding:0 5px; border-radius:15px; font-size:13px; color:#8c98a6; line-height:30px;}
.paging .p_btn a:hover, .paging .p_wrap .on {background-color:#179fda; color:#fff;}

/* 20191209 상태 선택 추가 */
.statecheck_sub {display: inline-block; float:left; vertical-align: middle; height: 40px; font-weight: 400; font-size: 15px; padding-top: 12px; margin-right: 20px;}
.radiocheck {display:inline-block; align-items: center; vertical-align: middle; height: 40px; line-height: 32px;}
.radiocheck input[type="radio"],
.radiocheck input[type="radio"]:checked {width: 1rem; height: 1rem; border-radius: 100%; margin-right: 0.3rem; vertical-align: middle; }

.statecheck label {font-size:14px; margin-right: 15px; vertical-align: middle; }

/* 20191230 날짜검색 타이틀 추가 */
.search_sub {display: inline-block; float:left; vertical-align: middle; height: 40px; font-weight: 400; font-size: 15px; padding-top: 12px; margin-left: 10px;}