@charset "utf-8";

/*##### From #####*/
.fm-group{}
.fm-focus{position:relative;}
.fm-focus input{outline:none;}
.fm-focus.focus input{border-color:#437bfe;}
.fm-focus input:hover{border-color:#437bfe;}

.fm-label{display:inline-block; font-size:1.4rem;font-weight:400;line-height:1.5;color:#434a5b}
.fm-group .fm-label{margin-bottom:6px;}
.fm-group .fm-control::placeholder{color:#bebebe}
.fm-group .fm-control{display:inline-block; width:100%;padding:.6rem 1rem; border:1px solid #d3d3d3;border-radius:3px;background-color:#fff; font-size:1.2rem;line-height:1.5;color:#434a5b; transition: all 0.2s ease-out 0s;}
.fm-group .fm-control:read-only{border-color:transparent;}
.fm-group .fm-control-price::placeholder{color:#bebebe}
.fm-group .fm-control-price{display:inline-block; width:100%;padding:0rem 0.2rem; border:1px solid #d3d3d3;border-radius:3px;background-color:#fff; font-size:1.2rem;line-height:1.5;color:#434a5b; transition: all 0.2s ease-out 0s; text-align: center;}
.fm-group .fm-control-price:read-only{border-color:transparent;}
.fm-group span{vertical-align:middle;}
.fm-group .mesege{margin-top:7px;padding-left:14px;text-indent:-14px; font-size:1.2rem;line-height:1.5;color:#7f8998;}
.fm-group .noti{display:none; margin-top:7px;padding-left:14px;text-indent:-14px; font-size:1.2rem;line-height:1.5;}
.fm-group .ti{display:inline-block;width:50px; text-align:right;}
.fm-group.ok .noti{display:block; color:#58c037}
.fm-group.ok .fm-focus .fm-control{border-color:#58c037}
.fm-group.error .noti{display:block; color:#ff3e3e}
.fm-group.error .fm-focus .fm-control{border-color:#ff3e3e}
.fm-group.error .fm-focus .fm-control-price{border-color:#ff3e3e}
.fm-group .btns{min-width:auto;padding:7px 17px;margin-left:5px; border:1px solid #bfc4cb;border-radius:3px; font-size:12px;font-weight:400;color:#373f52;}
.fm-group .btns.color-navy{border-color:#373f52;background-color:#434a5b;color:#fff;}
.fm-group .btns.color-bor-white{border-color:#bfc4cb;background-color:#fff;color:#373f52;}
/* 별도케이스 */
.fm-group.datepicker{display:inline-block;}
.fm-group.datepicker .fm-focus >label{display:inline-block; padding-right:27px; background:#fff url('../../static/images/btn_calendar.png') no-repeat right center;background-size:24px;}
.fm-group.datepicker .fm-control{width:150px;}
.fm-group.time span +.fm-select{margin-left:8px;}
.fm-group.maps .fm-control +span{margin-left:5px;padding-left:8px; border-left:1px solid #d3d3d3;}
/* inp size */
[data-size="sss"]{width:45px !important;}
[data-size="ss"]{width:80px !important;}
[data-size="s2"]{width:150px !important;}
[data-size="s"]{width:180px !important;}
[data-size="m"]{width:240px !important;}
[data-size="l"]{width:360px !important;}
[data-size="xl"]{width:400px !important;}

.fm-flex{display:flex;justify-content:space-between;align-items:center}
.fm-flex .fm-control{flex:1 1 0}
.fm-flex .fm-cell{font-size:1.4rem;font-weight:700; color:#f68f1d}

.fm-inline{display:inline-block}
.fm-inline +.fm-inline{margin-left:5px}
.fm-inline +span{margin:0 10px 0 5px;}

.fm-filebox{display:inline-block; margin-top:20px;}
.fm-filebox input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.fm-filebox label{display:inline-block; min-width:auto;padding:6px 17px;margin-left:5px; border:1px solid #7f8998;border-radius:3px; font-size:12px;line-height:1.5;font-weight:400;color:#434a5b; vertical-align:middle; cursor:pointer;}
.fm-filebox .upload-name{display:inline-block; width:100%;padding:.6rem 1rem; border:1px solid #d3d3d3;border-radius:3px;background-color:#f1f1f8; font-size:1.2rem;line-height:1.5;color:#434a5b;}

/*##### From - radio, checkbox #####*/
.fm-check{position:relative;vertical-align:middle;}
.fm-check +.fm-check{margin-left:15px;}
.fm-check .fm-check-input{margin:0;padding:0;width:1px;height:1px; line-height:1;border:0; -webkit-appearance:none;-moz-appearance:none;appearance:none; opacity:0; position:absolute;top:0;left:0}
.fm-check .fm-check-label{position:relative; white-space:nowrap; cursor:pointer}
.fm-check input[type=radio] + label::before{border-radius:100%}
.fm-check input[type=radio] + label::after{content:'';display:block; position:absolute;top:6px;left:6px; width:10px;height:6px; border-left:solid 1px #818a99;border-bottom:solid 1px #818a99;transform:rotate(-45deg); transition:all .3s linear}
.fm-check input[type=radio]:checked + label::after{border-color:#fff;}
.fm-check input[type=checkbox] + label::after{content:'';display:block; position:absolute;top:6px;left:6px; width:10px;height:6px; border-left:solid 1px #818a99;border-bottom:solid 1px #818a99;transform:rotate(-45deg); transition:all .3s linear}
.fm-check input[type=checkbox]:checked + label::after{border-color:#fff;}
.fm-check input + label{display:inline-block; padding-left:28px;height:20px; font-size:1.4rem;line-height:2rem}
.fm-check input + label::before{content:'';display:block; position:absolute;top:0;left:0; width:20px;height:20px; border:solid 1px #818a99;background-color:#fff; transition:all .3s linear}
.fm-check input:hover + label::before,.fm-check input:focus + label::before{border-color:#0dbda8}
.fm-check input:hover + label::after,.fm-check input:focus + label::after{border-color:#0dbda8}
.fm-check input:checked + label::before{border-color:#0dbda8;background-color:#0dbda8}
.switch .fm-check-label{width:36px;height:22px;padding:0; border-radius:22px;background-color:#d9dce0; transition:all .3s linear}
.switch .fm-check-label::before{display:none;}
.switch input[type=checkbox] +label::after{top:3px;left:3px; width:16px;height:16px; border:0;border-radius:100%;background-color:#fff;}
.switch input:checked + label{background-color:#0dbda8;}
.switch input:checked + label::after{left:auto;right:3px;}

.radioBtn{margin-left:10px !important; vertical-align:middle;}
.radioBtn::after{content:'';display:block;clear:both;}
.radioBtn .fm-check{float:left; margin:0;}
.radioBtn .fm-check input + label{width:50px;height:auto; padding:5px 0;margin-left:-1px; border:1px solid #7f8998; font-size:12px;color:#434a5b;text-align:center; transition:all .3s linear}
.radioBtn .fm-check label::before,
.radioBtn .fm-check label::after{display:none !important;}
.radioBtn .fm-check input[type=radio]:checked + label{position:relative;z-index:1;border-color:#0dbda8;color:#0dbda8;}
/* select  */
.fm-select{display:inline-block;position:relative; width:120px; vertical-align:middle;}
.fm-select select{width:100%;min-width:80px; height:32px; border:solid 1px #d3d3d3;border-radius:3px; font-size:1.2rem;color:#434a5b;text-indent:10px; outline:none;transition:all .3s linear}
.fm-select select:hover{width:100%;min-width:80px; height:32px; border:solid 1px #437bfe;border-radius:3px; font-size:1.2rem;color:#434a5b;text-indent:10px; outline:none;transition:all .3s linear}
.fm-select::after{content:'';display:block;position:absolute;top:calc(50% - 9px);right:10px; width:18px;height:18px; background:#fff url('../../static/images/select_arrow.svg') no-repeat 0 0;background-size:100%; transition:all .2s}
.focus.fm-select select:focus{border-color:#437bfe}
.focus.fm-select::after{transform:rotate(180deg);}
/* .fm-select select:focus{border-color:#f68f1d}
.fm-select select.focus{color:#f68f1d; background:#fff url('../images/select_arrow02_on.svg') no-repeat calc(100% - 10px) center;background-size:13px 9px} */
/* textarea */
.fm-textarea{position:relative; height:100%;}
.fm-textarea textarea{width:100%;height:100%;padding:10px; border:solid 1px #d3d3d3;border-radius:3px; font-size:1.2rem;color:#434a5b; outline:none;transition:all .3s linear}
.focus.fm-textarea textarea:focus{border-color:#0dbda8}
/* accordion */
.accordion{}
.accordion .acc-head{position:relative; cursor:pointer}
.accordion .acc-head >*:last-child::after{content:'';display:block;position:absolute;top:calc(50% - 9px);right:10px;  width:18px;height:18px; background:url('../../static/images/bul_acc.png') no-repeat 0 0;background-size:18px;transition:all .2s}
.accordion .acc-body{display:none;}
.accordion .acc-head.on >*:last-child::after{transform:rotate(180deg);}
.accordion .acc-head.on +.acc-body{display:table-row;}

.a_accordion{}
.a_accordion .acc-head{position:relative; cursor:pointer}
.a_accordion .acc-head >*:last-child::after{content:'';display:block;position:absolute;top:calc(50% - 9px);right:10px;  width:18px;height:18px; background:url('../../static/images/bul_acc.png') no-repeat 0 0;background-size:18px;transition:all .2s}
.a_accordion .acc-body{display:none;}
.a_accordion .acc-head.on >*:last-child::after{transform:rotate(180deg);}
.a_accordion .acc-head.on +.acc-body{display:table-row;}

/*##### btns #####*/
.btn-wrap{margin-top:20px; text-align:center}
.btns{display:inline-block; padding:9px 0 10px;margin:0 8px; border:1px solid #bfc4cb;border-radius:4px; font-family:"Apple SD Gothic Neo",sans-serif;font-size:1.1rem;font-weight:700;color:#eee;vertical-align:middle;}
/* .btns:hover{display:inline-block; padding:9px 0 10px;margin:0 8px; border:1px solid #bfc4cb;border-radius:4px; font-family:"Apple SD Gothic Neo",sans-serif;font-size:1.1rem;font-weight:700;color:#437bfe;vertical-align:middle;} */

.btn-wrap.half::after{content:'';display:block;clear:both}
.btn-wrap.half .btns{float:left; width:calc(50% - 5px);margin:0 0 0 10px}
.btn-wrap.half .btns:first-child{margin-left:0}

.btns.size-s{width:100px;padding:9px 0 10px; font-size:1.1rem;}
.btns.size-m{width:160px;padding:9px 0 10px; font-size:1.1rem;}
.btns.size-l{width:240px;padding:12px 0 13px; font-size:1.6rem;}
/*##### btns - color #####*/
.color-green{border-color:#0dbda8;background-color:#0dbda8; color:#fff}
.color-green:hover{border-color:#0a9988;background-color:#0a9988; color:#fff}
.color-navy{border-color:#373f52;background-color:#434a5b; color:#fff}
.color-navy:hover{border-color:#373f52;background-color:#272c39; color:#fff}
.color-bor-white{border-color:#bfc4cb;background-color:#fff; color:#373f52}
.color-bor-white:hover{border-color:#bfc4cb;background-color:#fff; color:#437bfe}
.color-red{border-color:#dc3545;background-color:#fff; color:#dc3545}
.color-red:hover{border-color:#c82333;background-color:#fff; color:#c82333}
.color-bor-navy{border-color:#333;background-color:#fff; color:#333}
.color-bor-navy:hover{border-color:#000;background-color:#fff; color:#000}

/* tab_wrap */
.tab-wrap{transition:all .3s}
.tab-menu{display:flex;justify-content:space-between;align-items:center; border-bottom:1px solid #d9dce0;}
.tab-menu li{flex:1 1 0; min-width:100px}
.tab-menu li a{position:relative;display:block; margin-bottom:-1px; font-size:1.6rem;line-height:55px;text-align:center;color:#7f8998}
.tab-menu li:first-child a{margin-left:0}
.tab-menu li.on a{border-bottom:3px solid #0dbda8; line-height:52px;font-weight:700;color:#434a5b}
.tab-wrap .tab-inner{position:relative}

/* table */
table{width:100%;}
table td a{color:#437bfe;}
table td a:hover{text-decoration:underline;}
table td p{display:inline-block; word-wrap:break-word;word-break:break-word;}
/*table td .noti{display:inline-block;margin-left:15px; font-size:12px;color:#7f8998;}*/
table td .noti{display:inline-block; font-size:12px;color:#7f8998;} /* 여백 삭제 요청 */
table td .fm-filebox{margin-top:0;}
table .check-list .fm-check{line-height:1;}

.tableX table{}
.tableX th, .tableX td{border-bottom:1px solid #d9dce0;}
.tableX th{padding:11px 10px; background-color:#f8f9fb; text-align:left;vertical-align:top}
.tableX th label{padding:0 10px; font-size:12px;font-weight:700;color:#373f52;}
.tableX td{padding:6px 10px; font-size:12px;line-height:32px;font-weight:400;color:#373f52;}
.tableX td .btns{min-width:auto;padding:7px 17px;margin-left:5px; border:1px solid #7f8998;border-radius:3px; font-size:12px;font-weight:400;color:#373f52;}
.tableX td .btns.color-navy{border-color:#373f52;background-color:#434a5b;color:#fff;}
.tableX td .btns.color-bor-white{border-color:#bfc4cb;background-color:#fff;color:#373f52;}
.tableX +.tableX{margin-top:20px;border-top:1px solid #d9dce0;}

.tableY{}
.tableY table{border-top:1px solid #d9dce0;border-bottom:1px solid #d9dce0;}
.tableY table thead th{border-top:0;}
.tableY table th{padding:8px 0; border-top:1px solid #d9dce0;border-right:1px solid #d9dce0;background-color:#f8f9fb; font-size:12px;line-height:1.3;font-weight:700;color:#7f8998;}
.tableY table td{padding:8px 10px; border-top:1px solid #d9dce0;border-right:1px solid #d9dce0; font-size:12px;color:#373f52; text-align:center}
.tableY table td.price {padding:0px 0px; border-top:1px solid #d9dce0;border-right:1px solid #d9dce0; font-size:12px;color:#373f52; text-align:center}
.tableY table td p{min-height:18px;}
.tableY table th:last-child,.tableY table td:last-child{border-right:0;}

.tableY.table-head2{margin-top:10px}
.tableY.table-head2 table tr +tr th{border-right:1px solid #d9dce0;border-top:1px solid #d9dce0;}

.scroll-box{margin-top:10px; overflow-y:auto;}
.scroll-box::-webkit-scrollbar{width:5px;height:5px}
.scroll-box::-webkit-scrollbar-thumb{height:30%; border-radius:10px;background-color:#bfc4cb;}
.scroll-box::-webkit-scrollbar-track{background-color:#f1f1f8;}
.control +.scroll-box{margin-top:0;}
/* paginate - number */
.pagination{margin-top:15px; width:100%; text-align:center;}
.pagination span{display:inline-block; width:18px;height:18px;margin:0 1px; vertical-align:middle;}
.pagination span a{display:block; width:100%;height:100%; font-size:12px;line-height:16px;color:#7f8998;text-align:center;}
.pagination span a:hover,
.pagination span.active a{color:#437bfe; border:1px solid #437bfe;}
.pagination span.navi a{overflow:hidden; text-indent:-9999px; background:url('../../static/images/btn_controls.png') no-repeat 0 0;background-size:auto 100%;}
.pagination span.prev a{background-position:0 0;}
.pagination span.next a{background-position:-18px 0;}

/* layer popup */
.wrap-layer-popup{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:16; width:100%;height:100%; overflow:auto}
.wrap-layer-popup .dimmed{width:100%;height:100%; background:#000;opacity:.5;filter:alpha(opacity=50); position:absolute;top:0;left:0}
.wrap-layer-popup .loop{height:0;width:0;position:absolute;overflow:hidden;clip:rect(1px 1px 1px 1px)}
.pop-layer{position:relative; width:500px;height:auto; border:1px solid #434a5b;border-radius:2px;background-color:#fff;overflow:hidden; display:block;position:absolute;top:50%;left:50%;z-index:10}
.pop-layer .header h1{font-size:1.6rem;font-weight:700;color:#434a5b;}
.pop-layer .header .btn-close{position:absolute;top:10px;right:10px; width:24px;height:24px; background:url('../../static/images/btn_close.png') no-repeat 0 0;background-size:100%;}

/* datepicker */
.ui-widget-header{border:0;background:#fff;}
.ui-datepicker-calendar>thead>tr>th{font-size:14px !important;}
.ui-datepicker .ui-datepicker-header{position:relative; padding:10px 0;}
.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{border:0; background-color:transparent; font-weight:normal; color:#454545; text-align:center;}
.ui-datepicker .ui-datepicker-title{margin:0; line-height:16px; text-align:center; font-size:14px; padding:0; font-weight:bold;}
.ui-datepicker{display:none; background-color:#fff; border-radius:4px; margin-top:10px; margin-left:0; margin-right:0; padding:20px; padding-bottom:10px; width:300px; box-shadow:10px 10px 40px rgba(0, 0, 0, 0.1);}
.ui-widget.ui-widget-content{border:1px solid #eee;}
.datepicker:focus>.ui-datepicker{display:block;}
.ui-datepicker-prev, .ui-datepicker-next{cursor:pointer;}
.ui-datepicker-next{float:right;}
.ui-state-disabled{cursor:auto; color:hsla(0, 0%, 80%, 1);}
.ui-datepicker-title{text-align:center; padding:10px; font-weight:100; font-size:20px;}
.ui-datepicker-calendar{width:100%;}
.ui-datepicker-calendar>thead>tr>th{padding:5px; font-size:20px; font-weight:400;}
.ui-datepicker-calendar>tbody>tr>td>a{color:#000; font-size:12px !important; font-weight:bold !important; text-decoration:none;}
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover{cursor:auto; background-color:#fff;}
.ui-datepicker-calendar>tbody>tr>td{border-radius:100%; width:44px; height:30px; cursor:pointer; padding:5px; font-weight:100; text-align:center; font-size:12px;}
.ui-datepicker-calendar>tbody>tr>td:hover{background-color:transparent; opacity:0.6;}
.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:0; background-color:transparent; font-weight:normal; color:#2b2b2b;}
.ui-widget-header .ui-icon{background-image:url('../../static/images/btns.png');}
.ui-icon-circle-triangle-e{background-position:-20px 0px; background-size:36px;}
.ui-icon-circle-triangle-w{background-position:-0px -0px; background-size:36px;}
.ui-datepicker-calendar>tbody>tr>td:first-child a{color:red !important;}
.ui-datepicker-calendar>tbody>tr>td:last-child a{color:#0099ff !important;}
.ui-datepicker-calendar>thead>tr>th:first-child{color:red !important;}
.ui-datepicker-calendar>thead>tr>th:last-child{color:#0099ff !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border:0; background:#f1f1f1; border-radius:50%; padding:5px 0;}

/* ck-editor */
.ck-editor__editable { height: 300px; }
.ck-editor__editable[role="textbox"] {
    /* editing area */
    min-height: 200px;
}


.tableZ{}
.tableZ table{margin-top: 10px; border-top:1px solid #d9dce0;border-bottom:1px solid #d9dce0;}
.tableZ table thead th{border-top:0;}
.tableZ table th{padding:8px 0; border-top:1px solid #d9dce0;border-right:1px solid #d9dce0; font-size:12px;line-height:1.3;font-weight:700;color:#7f8998;}
.tableZ table td{padding:8px 10px; border-top:1px solid #d9dce0;border-right:1px solid #d9dce0; font-size:12px;color:#373f52; text-align:left}
.tableZ table td p{min-height:18px;}
.tableZ table th:last-child,.tableZ table td:last-child{border-right:0;}

.tableZ.table-head2{margin-top:10px}
.tableZ.table-head2 table tr +tr th{border-right:1px solid #d9dce0;border-top:1px solid #d9dce0;}
.section-row{
    width: 95%; margin: 10px auto;
}
.section-row.between{
    display: flex; justify-content: space-between; align-items: center;
}