@charset "utf-8";

input::placeholder{color:#a2a2a2;}
/* Firefox */
::placeholder{color:#a2a2a2; opacity:1;}
/* Internet Explorer 10-11 */
:-ms-input-placeholder{color:#a2a2a2;}
/* Microsoft Edge */ 
::-ms-input-placeholder{color:#a2a2a2;}

/* 그리드 */
.jqx-widget-content{border-radius:0px !important;}

/* 기본 */
#content:not(.area_layer){min-height:600px; padding-top:50px; padding-bottom:150px;}

/* total*/
.area_total:after{content:''; display:block; clear:both;}
.area_total .txt_total{display:inline-block; vertical-align:middle;}
.area_total .btn{float:right; margin-top:-7px;}
.area_total .left{float:left;}
.area_total .left > *{vertical-align:middle;}
.area_total .left ~ .btn{margin-top:0px;}
.txt_total span{font-weight:700; color:#de2480;}

/* 정렬box */
.flex-group{display:flex; align-items:center; gap:5px;}
.flex-group.between{justify-content:space-between;}
.flex-group input:not([type="radio"]):not([type="checkbox"]){width:100%;}
.bbsList .flex-group{justify-content:center; gap:3px;}
.bbsList .flex-group.input input:not([type="radio"]):not([type="checkbox"]){height:30px;}
.bbsList .flex-group.input button.button{flex:auto; min-width:40px; height:30px; padding:0 5px;}
.bbsList .flex-group.input button.button:not(.line){flex:none;}

/* grid box */
[data-grid]{display:grid; grid-template-columns:1fr 1fr;}
[data-grid="1"]{grid-template-columns:1fr !important;}
[data-grid="1"] .full{grid-column:1/2 !important;}
[data-grid="3"]{grid-template-columns:repeat(3, 1fr) !important;}
[data-grid="3"] .full{grid-column:1/4 !important;}
[data-grid="4"]{grid-template-columns:repeat(4, 1fr) !important;}
[data-grid="4"] .full{grid-column:1/5 !important;}

/* title박스 */
:where(#content, .pop_wrap) :is(.title:not(.btn_acco):not(.box_info)){display:flex; justify-content:flex-start; align-items:center; position:relative; z-index:10; margin-top:0px; padding:10px 15px 9px; background:#f6f3ed; border:1px solid #e6e0d3; box-shadow:0 10px 10px rgba(0,0,0,0.10); font-weight:500;}
:where(#content, .pop_wrap) :is(.title:not(.btn_acco):not(.box_info) i){flex:none; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; margin-right:5px; padding:1px 6px; background:#fff; border:1px solid #1f4394; border-radius:50rem; color:#1f4394; font-size:13px; font-weight:600; text-align:center;}
:where(#content, .pop_wrap) :is(.title:not(.btn_acco):before){display:none;}
:where(#content, .pop_wrap) .title.col02{flex-wrap:nowrap; justify-content:space-between; width:100%; box-sizing:border-box;}
:where(#content, .pop_wrap) .title.col02 > span{flex:0 1 50%; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; font-size:17px; font-weight:500; letter-spacing:-1px; color:#222;}
:where(#content, .pop_wrap) .title.big > span{font-size:20px; font-weight:600;}
:where(#content, .pop_wrap) .title.big > i{font-weight:600 !important; font-size:15px !important;}
.title.col02 em{line-height:1.3;}

/* title */
:is(.title-h3, .title-h4, .title-icon){display:flex; align-items:center; gap:10px; margin-top:30px; font-weight:600; letter-spacing:-1px;}
.title-h3{font-size:30px;}
.title-h4{font-size:26px;}
.title-h4:before{content:''; display:block; width:5px; height:5px; background-color:var(--color-point); border-radius:100%;}
.title-h5{font-size:22px;}
.title-h6{gap:5px; font-size:20px;}
.title-icon{font-size:20px;}
.title-icon i{font-size:22px;}
.flex-group :is(.title-h3, .title-h4, .title-h5, .title-h6, .title-icon){margin-top:0;}

/* text list */
.roundTitle-list{display:grid; grid-template-columns:1fr 1fr; gap:3px 30px;}
.roundTitle-list > li{display:flex; align-items:center; gap:5px 20px;}
.roundTitle-list em{display:flex; justify-content:center; align-items:center; min-width:100px; height:25px; background-color:#fff; border:2px solid #e3e3e3; border-radius:50rem; font-size:14px; font-weight:600;}
.roundTitle-list span{line-height:1.3;}
.roundTitle-list .full{grid-column:1/3;}
.roundTitle-list .point em{border-color:var(--color-point); color:var(--color-point);}
.roundTitle-list .point span{color:var(--color-point); font-weight:700;}
.acco-box .roundTitle-list{grid-template-columns:repeat(3, 1fr);} 
.acco-box .roundTitle-list .full{grid-column:1/4;}
.info-tip{display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:15px; color:#e81f1f;}
.info-tip .button{margin:0;}
.info-tip.gray{color:#666;}
.info-tip.center{justify-content:center;}

/* 개인정보 동의양식 */
.guide-area{margin-top:10px; padding:20px; border:2px solid #e3e3e3; border-radius:5px; word-break:keep-all;}
.guide-area h4{margin-top:15px; margin-bottom:5px;}
.guide-area h4 + *{margin-left:20px;}
.guide-area :is(ul, ol){display:flex; flex-direction:column; gap:5px;}
.guide-area :is(ul, ol) > li{line-height:1.2;}
.guide-area ~ .agree-box{margin-top:20px;}
.guide-area .depth{margin-top:20px;}

/* 아이디, 비밀번호찾기 */
.member-box{position:relative; z-index:10; box-sizing:border-box; padding:20px 0 0; background:#fff;}
.member-box h3{margin-bottom:10px; font-size:30px; text-align:center;}
.member-box h3 + p{color:#666; text-align:center;}
.member-form{display:flex; flex-direction:column; gap:5px 10px; margin-top:30px;}
.member-form input:not([type="radio"]):not([type="checkbox"]){width:100%; height:50px; box-sizing:border-box; border:1px solid #dbdbdb;}
.member-form .tip{flex:0 1 100%; font-size:14px; color:#e53f3f;}
[data-member="phone"]{display:flex; align-items:center; gap:5px;}
.member-result{margin-top:10px; padding:10px; background-color:#fdf4f4; text-align:center; color:#c91d1d;}

/* 회원가입 */
.member-box.join{max-width:600px; margin:0 auto; padding:40px 0 0;}
.member-box.join .member-form{gap:10px; margin-top:20px; padding-top:20px; border-top:2px solid #111;}
.member-box.join .member-form li{display:flex; align-items:center; gap:5px; height:auto;}
.member-box.join .member-form div{display:flex; align-items:center; gap:5px; height:100%;}
.member-box.join .member-form div:not(.box):not(.inner-box){flex:none; width:25%; font-weight:500;}
.member-box.join .member-form .box{flex:auto; flex-wrap:wrap; min-height:50px;}
.member-box.join .member-form .button:not(.sm){min-width:120px; height:50px; font-size:14px;}
.member-box.join .member-form .inner-box{flex:0 1 100%;}
.member-box.join .guide-area{overflow-y:auto; max-height:200px;}
[data-member="id"] .box{flex-wrap:wrap;}
[data-member="id"] .box input[type="text"]{width:calc(100% - 125px);}
[data-member="pw"] .inner-box{flex-wrap:wrap;}
[data-member="address"] .inner-box{flex-wrap:wrap;}
[data-member="address"] .inner-box div{flex:0 1 100% !important; display:flex;}
[data-member="group"] .inner-box{flex-wrap:wrap; gap:3px 20px !important;}
.member-agree{padding:0 !important;}

/* data picker */
.ui-datepicker{width:auto !important;}
.ui-widget.ui-widget-content{background:#fff;}
.ui-datepicker .ui-datepicker-header{position:relative; padding:0px; background:#fff; border:0px; border-bottom:1px dashed #cfcece;}
.ui-datepicker .ui-datepicker-title select{height:25px; margin:1px 2px !important; font-size:14px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{width:30px; height:30px; line-height:30px; background:transparent !important; border:0px !important; text-align:center;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background:#3653a9 !important; border-radius:3%;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:#f3d5a9 !important; border-radius:3px; color:#333 !important;}
.ui-datepicker th{font-weight:400 !important; font-size:14px;}
.ui-datepicker thead tr > th.ui-datepicker-week-end:first-child{color:#e91062;}
.ui-datepicker thead tr > th.ui-datepicker-week-end:last-child{color:#2d7aee;}
.ui-datepicker tbody tr > td.ui-datepicker-week-end:first-child a{color:#e91062;} 
.ui-datepicker tbody tr > td.ui-datepicker-week-end:last-child a{color:#2d7aee;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute; top:8px !important;}
.ui-datepicker .ui-datepicker-prev{left:3px;}
.ui-datepicker .ui-datepicker-next{right:3px;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{border:0px !important;}
.ui-datepicker .ui-datepicker-prev-hover{left:2px !important;}
.ui-datepicker .ui-datepicker-next-hover{right:2px !important;}
.ui-datepicker-trigger{display:inline-block; width:20px; height:20px; margin-left:3px; background:url(../images/content/img_calendar.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap; vertical-align:middle;}
.ui-datepicker-title{padding:3px 20px; text-align:center;}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td{font-size:13px;}
.ui-datepicker-calendar thead th{padding:5px; background:#e4e4e4;}
.ui-datepicker-calendar tbody td{padding:0px 5px; text-align:center; font-family:'Segoe UI', Sans-serif;}
.timePicker{display:inline-block; margin-left:10px;}
.timePicker:after{content:''; display:inline-block; width:19px; height:19px; background:url(../images/content/img_time.png) no-repeat 0 0; vertical-align:middle;}
.ui-monthpicker-trigger{display:inline-block; width:20px; height:20px; margin-left:3px; background:url(../images/content/img_calendar.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap; vertical-align:middle;}
.ui-monthpicker-title{padding:3px 20px; text-align:center;}

/* 게시판 이전글 다음글 */
.bbs-control{margin-top:30px; border-top:1px solid #f1f1f1;}
.bbs-control > li{display:flex; align-items:center; gap:30px; height:45px; border-bottom:1px solid #f1f1f1;}
.bbs-control span{flex:none; width:100px; padding-left:10px; color:#b3b3b3; font-weight:500;}
.bbs-control a{display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.bbs-control > li:hover{background-color:#f6f6f6;}