@charset "utf-8";

/* btnArea */
.btnArea{display: table; margin: 0 auto; text-align:center;font-size: 0;} 
.btnArea.tablebtn{margin-top: 32px}
/* 간격이 있을 경우 space 클래스 추가 */
.btnArea.space{padding-top:32px;}
.btnArea.space a + a{margin-left:12px;}
/* 버튼 크기 */
.btn {display: inline-block;min-width: 108px;height: 32px;line-height: 32px;font-size: 14px; text-align: center; padding: 0 16px;}
.btn_large{display:inline-block;width:400px;height: 56px;line-height: 56px;font-size: 16px;font-weight: 600; text-align: center;}
.btn_medium{display:inline-block;width:232px;height: 56px; line-height: 56px;font-size: 16px;font-weight: 600; text-align: center;}
.btn_small{display: block;padding: 0 15px;font-size:14px;font-weight: 300; height: 32px;line-height: 32px;border-radius: 4px; text-align: center;}
.btn_border {display: inline-block; vertical-align: middle; padding: 0 15px; height: 32px;border-radius: 4px; text-align: center; border: 1px solid #222}
.btn_border.inline {margin-left: 20px;}
.btn_border p {position: relative;font-size:14px;line-height: 32px;padding-left: 30px;}
.btn_border p:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 28px;height: 30px;background: url(../images/common/icon_folder_activation.png)0 0 no-repeat;background-size: 28px 28px;}
.btn_icon{display:inline-block;width:32px;height:32px;}
/* 20210108 수정 : btn_table 수정*/
.btn_table{display:inline-block;min-width:104px; padding: 0 14px; height:32px;line-height:32px;font-size:14px;font-weight:300; text-align: center;}
/* btn_color */
.btn.dark_blue{background-color:#384368;color: #fff;}
.btn.blue{background-color:#3259D8;color: #fff;}
.btn_large.dark_blue{background-color:#384368;color: #fff;}
.btn_large.blue{background-color:#3259D8;color: #fff;}
.btn_medium.gray{background-color:#ddd;color: #fff;}
.btn_medium.blue{background-color:#3259D8;color: #fff;}
.btn_medium.dark_blue{background-color:#384368;color: #fff;}
.btn_small.blue{background-color:#3259D8;color: #fff;}
.btn_small.dark_blue{background-color:#384368;color: #fff;}
.btn_icon.dark_gray{background-color:#666;}
/* .searchbtn{margin:9px 16px 0 16px;}  */
.btn_table.dark_blue{background-color:#384368;color: #fff;}
/* 더보기 버튼 */
.btn_moreView {display: inline-block;width: 400px;height: 40px;line-height: 40px;font-size: 14px; text-align: center; border-radius: 8px;background-color:#384368;color: #fff; margin-top: 20px}

/* icon */
.side_gnb .icon{display:inline-block;width:16px;height:16px;margin-left:8px;vertical-align:middle;}
.icon.link{background:url(../../assets/images/common/icon_link.png) 0 0  no-repeat;background-size:16px;}
.icon.download{background:url(../../assets/images/common/icon_download.png) 0 0 no-repeat;background-size:16px;}

/* flag */
.flag{display:inline-block;margin-left:8px;padding:0 8px;height:20px;border:1px solid #888;border-radius:4px;color:#888;font-size:10px;line-height:20px;}
.flag.end{border:1px solid #3259D8;color:#3259D8;}

/* table */
.table_conwrap{width:100%;overflow:hidden;}
.tbl_wrap.colum2{float:left;width:620px;}
.tbl_wrap.colum2 + .tbl_wrap.colum2{margin-left:40px;}
.tbl_wrap{text-align:center;}
.tbl_wrap .tbl th, .tbl_wrap .tbl td , .tbl_wrap .tbl tr{height:49px;font-size:14px;line-height:21px;font-weight:600;color:#222;box-sizing:border-box;} /*이전-font-weight:400;*/
.tbl_wrap .tbl thead tr th .align {position: relative;display: inline-block;vertical-align: middle;width: 12px;height: 12px;overflow: hidden;margin-left: 5px;}
.tbl_wrap .tbl thead tr th .align:before {content: '';position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);margin-top: 1px;border-top: 2px solid #222;border-right: 2px solid #222;}
.tbl_wrap .tbl thead tr th .align.down:before {-webkit-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg);margin-top: -3px;}
.tbl_wrap .tbl tbody tr {cursor: pointer;}
.tbl_wrap .tbl tbody.nopoint tr {cursor: default;}
.tbl_wrap .tbl tr:hover {background-color: #eee}
.tbl_wrap .tbl th{background:#F8F8F8;}
.tbl_wrap .tbl td{border-bottom:1px solid #ddd;}
.tbl_wrap .tbl td.Tblue {color: dodgerblue; font-weight: bold;}
.tbl_wrap .tbl td.Torange {color:darkorange; font-weight: bold;}
.tbl_wrap .tbl td.Tgreen {color:forestgreen; font-weight: bold;}
.tbl_wrap .tbl td.Tred {color:red; font-weight: bold;}
.tbl_wrap .tbl td > span {vertical-align: middle;}
.tbl_wrap .tbl td .form_input {display: inline-block; vertical-align: top;}
.tbl_wrap .tbl td .form_input + .form_checkbox {margin-left: 15px; line-height: 32px; padding-left: 24px;}
.tbl_wrap.board{text-align:left;overflow:hidden;}
.tbl_wrap.board .tbl tr{border-top:1px solid #ddd !important;border-bottom:1px solid #ddd; cursor: inherit;}
.tbl_wrap.board .tbl tr:hover {background-color: transparent}
.tbl_wrap.board th{width:150px;padding:0 16px;} /*padding:16px 16px 15px 14px;*/	
.tbl_wrap.board td{padding:8px 16px;}
.tbl_wrap.board td .imgWrap {overflow: hidden;}
.tbl_wrap.board td .imgWrap img {width: auto; height: 160px; margin:5px 15px 5px 0;}
.tbl_wrap.board tr.division td {padding: 0;}
.tbl_wrap.board td .tbl_wrap {margin-top: -1px;}
.tbl_wrap.board td .tbl_wrap tr {border: 0 !important;}
.tbl_wrap.board td .tbl_wrap tr + tr {border-top: 1px solid #ddd !important}
.tbl_wrap.board td .tbl_wrap th {border: 0 !important; background: rgb(48, 54, 76); color: #fff}
.tbl_wrap.board td .tbl_wrap td {border: 0 !important;}
.tbl_wrap.board td .tbl_wrap .tbl th, .tbl_wrap.board td .tbl_wrap .tbl td, .tbl_wrap.board td .tbl_wrap .tbl tr {height: 53px;}
.tbl_wrap .btnArea{display:inline-block;vertical-align: middle;}
.tbl_wrap span + .btnArea, .tbl_wrap .form_input + .btnArea {margin-left:50px;}


/* 페이징 */
.comp_paging{position:relative;width:100%;margin:0 auto;padding:32px 0;text-align:center;overflow:hidden;} /* font-size:0 -> 디자인 여백 4 있어서 뺌*/
.comp_paging button{position:relative;min-width:32px;height:32px;font-weight:400;line-height:1;color:#222;transition: all .3s}
.comp_paging button.on{background:#384368;color:#fff;}
.list_btn_wrap{display:inline-block;}
.btn_page_prev:before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:7px;height:11px;background:url('../../assets/images/common/btn_page_prev.png') no-repeat;background-size:7px 11px;}
.btn_page_next:before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:7px;height:11px;background:url('../../assets/images/common/btn_page_next.png') no-repeat;background-size:7px 11px;} 
.comp_paging .list_btn_wrap button:hover, .comp_paging .list_btn_wrap button:focus{background:#384368;color:#fff;}


/*  radio */
.formRadio{position:relative;}
.form_radio{display:inline-block;position:relative;min-width:92px;padding-left:34px;min-height:24px;vertical-align:middle;cursor:pointer;overflow:hidden;}
.form_radio + .form_radio{margin-left:68px;}
.form_radio input[type="radio"]{position:absolute;width:0;height:0;opacity:0;}
.form_radio .icon{position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;border:1px solid #ddd;box-sizing:border-box;-webkit-box-sizing:border-box;background:#fff;transition-duration:0.3s;overflow:hidden;}
.form_radio input[type="radio"] + .icon:after{background-color:#ddd;transform:scale(1);}
.form_radio input[type="radio"]:checked + .icon:after{background-color:#fff;transform:scale(1);}
.form_radio input[type="radio"]:checked +.icon{background:#384368;border:none;}
.form_radio .icon:after{content:'';position:absolute;left:50%;top:50%;margin:-3px -3px;width:6px;height:6px;border-radius:50%;background:#fff;transform:scale(0);transition:all .3s;}
.form_radio .txt{margin-top:1px;vertical-align:middle;color:#000;}
.form_radio input[type="radio"]:disabled + .icon:after{background-color:#ddd;}
.form_radio input[type="radio"]:disabled + .icon + .txt{color:#ddd;}
.form_radio .txt{font-size:14px;margin-top:1px;vertical-align:middle;color:#000;}

/* input */
.form_input{position:relative;}
.form_login .form_input input{position:relative;width:100%;height:48px;padding-left:0;font-size:14px;caret-color:#384368;border-bottom:1px solid #707070;border-top:0;border-right:0;border-left:0;transition:0.4s;}
.form_input input{position:relative;width:100%;height:32px;padding:0 8px;font-size:14px;caret-color:#384368;border:1px solid #ddd;transition:0.4s;box-sizing:border-box;-webkit-box-sizing:border-box;}
.form_input input:focus{border-color:#384368;}
.form_input input::placeholder{font-size:14px;color:#ddd;font-weight:300;}
.form_input .btnDel{display:none;position:absolute;top:50%;right:-11px;transform:translateX(-50%);width:20px;height:20px;font-size:0;background:url('../../assets/images/common/icon_delete.png') no-repeat;background-size:20px 20px;}
table tbody td .form_input + .form_input{margin-left:20px;}
.form_wrap{display:inline-block;}
.form_wrap + .form_wrap{margin-left:20px;}
.form_txt{display:inline-block;vertical-align: middle; margin-right:15px;line-height:32px;}
.tag{padding:5px 10px;margin-right:15px;border:1px solid #3259D8;border-radius:5px;line-height:45px;font-weight:300;color:#fff;background-color:#3259D8;}

/* checkbox */
.form_checkbox{display:inline-block;position:relative;min-width:52px;min-height:16px;padding-left:29px;overflow:hidden;vertical-align:middle;}
.form_checkbox + .form_checkbox{margin-left:20px;}
.form_checkbox.all{margin-left:68px;}
.form_checkbox input[type="checkbox"]{position:absolute;width:0;height:0;opacity:0;}
.form_checkbox .icon{position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;box-sizing:border-box;-webkit-box-sizing:border-box;background:url('../../assets/images/common/icon_check_off.png') no-repeat;background-size:16px 16px;}
.form_checkbox .icon:before{content:'';position:absolute;left:0;top:0;width:16px;height:16px;background:url('../../assets/images/common/icon_check_on.png') no-repeat;background-size:16px 16px;transition-duration:0.5s;opacity:0;}
.form_checkbox .icon.circle{position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;border:1px solid #ddd;box-sizing:border-box;-webkit-box-sizing:border-box;background:#fff;}
.form_checkbox .icon.circle:after{content:'';position:absolute;left:50%;top:50%;margin:-3px -3px;width:6px;height:6px;border-radius:50%;background:#fff;transform:scale(0);transition:all .3s;}
.form_checkbox input[type="checkbox"] + .icon.circle:after{background-color:#ddd;transform:scale(1);}
.form_checkbox input[type="checkbox"]:checked + .icon.circle:after{background-color:#fff;transform:scale(1);}
.form_checkbox input[type="checkbox"]:checked +.icon.circle{background:#384368;border:none;}
.form_checkbox input[type="checkbox"]:checked + .icon.circle{border:none;}
.form_checkbox input[type="checkbox"]:checked + .icon:before{opacity:1}
.form_checkbox input[type="checkbox"]:checked + .icon.circle:before{display:none;}
.form_checkbox input[type="checkbox"]:disabled + .icon{background-color:#fff;}
.form_checkbox input[type="checkbox"]:disabled + .icon + .txt{color:#ddd;}
.form_checkbox input[type="checkbox"]:disabled + .icon.circle{background-color:#fff;}
.form_checkbox input[type="checkbox"]:disabled + .icon.circle + .txt{color:#ddd;}
.form_checkbox .txt{display:inline-block;}

/* roundcheckbox */
.checkboxArea{overflow:hidden;} 
.roundCheckbox{float:left;min-width:124px;margin-right:5px;}
.roundCheckbox label{display:inline-block;min-width:126px;width:126px;height:32px;line-height:32px;vertical-align:middle;border-radius:40px;text-align:center;border:1px solid #ddd;background:#fff;transition:0.4s;box-sizing:border-box;}
.roundCheckbox input[type='checkbox']:checked + label{color:#fff;background-color:#3B5094;border:1px solid #3B5094;}
.roundCheckbox:nth-child(n+4){margin-top:8px;}

/*  selectbox */
.selectbox{position:relative;width:192px;}
.selectbox:after{content:'';position:absolute;top:50%;right:11px;transform:translateY(-50%);width:11px;height:7px;background:url('../images/common/sel_arrow.png') no-repeat;background-size:11px 7px;}
select{position: relative;width: 100%;height: 32px;padding-left:16px;font-size: 14px;caret-color: #384368;border: 1px solid #ddd;transition: 0.4s;box-sizing: border-box;-webkit-box-sizing: border-box;}
select::-ms-expand{display:none;}
select:focus::-ms-value{background-color:transparent;color:#222;}

/* textarea */
.textarea_wrap{position:relative;width:100%;height:104px;font-size:14px;font-weight:300;}
.textarea_wrap textarea{display:block;width:100%;height:104px;padding:8px 8px 8px 8px;border:1px solid #ddd;color:#222;resize:none;}
.textarea_wrap textarea:focus{border-color:#384368;}
.textarea_wrap p{position:absolute;right:16px;bottom:8px;color:#222;} 

/* datepicker */
.datepicker{position:relative; font-size: 14px;}
.datepicker .fromDate, .datepicker .toDate {position: relative;display: inline-block;vertical-align: top;}
.datepicker .fromDate {margin-right: 4px}
.datepicker .toDate {margin-left: 4px}
.datepicker .endDate input.hasDatepicker{width:233px;}
.datepicker input.hasDatepicker{position:relative;width:166px;height:32px;font-size:14px;line-height:21px;padding-left:8px;border:1px solid #ddd;transition: 0.4s;}
.datepicker input.hasDatepicker::placeholder{font-size:14px;line-height:21px;color:#ddd;}
.datepicker input.hasDatepicker::-moz-placeholder{font-size:14px;line-height:21px;}
.datepicker input.hasDatepicker:hover , .datepicker input.hasDatepicker:focus{border:1px solid#3B5094;}
.endDate button.ui-datepicker-trigger{position:absolute;top:0px;left:201px;width:32px;height:32px;padding-top:8px;line-height:32px;background:#666;}
.fromDate button.ui-datepicker-trigger{position:absolute;top: 7px;right: 0;width:32px;height:32px;padding-top:8px;line-height:32px;background:#666;}
.toDate button.ui-datepicker-trigger{position:absolute;top: 7px;right: 0;width:32px;height:32px;padding-top:8px;line-height:32px;background:#666;}
table tbody td .fromDate button.ui-datepicker-trigger{top: 0}
table tbody td .toDate button.ui-datepicker-trigger{top: 0}
.ui-datepicker{width:240px;padding:0;border:1px solid #ddd;background:#fff;}
.ui-datepicker .ui-widget{font-family:"Apple SD Gothic Neo", sans-serif;}
.ui-datepicker .ui-datepicker-title{margin:0;padding:15px;text-align:center;color:#222;font-size:16px;font-weight:600;}
.ui-datepicker .ui-widget-header{border:none;background:#fff;}
.ui-datepicker .ui-widget.ui-widget-content{border:none;}
.ui-datepicker .ui-datepicker-title span{font-size:16px;font-weight:400;}
.ui-datepicker.ui-widget-content{padding:10px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{width:7px;height:11px;top:50%;transform:translateY(-50%);}
.ui-datepicker .ui-datepicker-next{right:10px;}
.ui-datepicker .ui-datepicker-prev{left:10px;transform:translateY(-50%) rotate(180deg);}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{background:url('../images/common/btn_page_next.png') center no-repeat;background-size:7px 11px;}
.ui-datepicker .ui-datepicker-calendar th{font-weight:500;padding-bottom:8px;color:#666;} 
.ui-datepicker .ui-datepicker-calendar td{padding:3px;text-align:center;}
.ui-datepicker .ui-datepicker-calendar td span,
.ui-datepicker .ui-datepicker-calendar td a{height:20px;margin:0 auto;text-align:center;}
.ui-datepicker .ui-datepicker-calendar thead tr th:first-child span{color:#e02b2b;} 
/* .ui-datepicker .ui-datepicker-calendar thead tr th:last-child span{color:#384368;}  */
.ui-datepicker .ui-datepicker-calendar td .ui-state-default{color:#222;background:none;border:none;transition:0.3s;}
.ui-datepicker-today{color:#3B5094;background:#eff3ff;}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-active{color:#fff;background:#3B5094;}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-highlight{color:#3B5094;background:#eff3ff;}
/* /////////////////////////////////////////////////common */

/* scrollbar custom */
::-webkit-scrollbar{width:4px;height:4px;} /* 스크롤 바 */
::-webkit-scrollbar-track{background-color:#ddd;} /* 스크롤 바 밑의 배경 */
::-webkit-scrollbar-thumb{background-color:#384368; } /* 실질적 스크롤 바 */
::-webkit-scrollbar-thumb:hover{background-color:#384368;} /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
::-webkit-scrollbar-thumb:active{background-color:#384368;} /* 실질적 스크롤 바를 클릭할 때 */
::-webkit-scrollbar-button{display:none;} /* 스크롤 바 상 하단 버튼 */
/* ie 스크롤바 커스텀*/
.enroll > li .box_body ul{scrollbar-3dLight-Color: #ddd;scrollbar-arrow-color:#ddd;scrollbar-Face-Color:#384368;scrollbar-Track-Color:#ddd;scrollbar-DarkShadow-Color:#384368;scrollbar-Highlight-Color:#384368;scrollbar-Shadow-Color:#384368;}

/* layout */
#wrap{position:relative;width:100%;}
#header{z-index:20;position:fixed;width:100%;height:56px;padding:0 33px 0 24px;line-height:56px;box-sizing:border-box;background:#F8F8F8;}
#content{position:relative;top:56px;margin-left:224px;background:#fff;}
.inner{position:relative;width:1360px;margin:0 auto;padding:40px 40px;} /* 1280으로 맞추기로 함 - 0618 */
 
/* header */
#header h1.tit{float:left;}
#header h1.tit img{padding:18px 0 0;}
#header .header_info{float:right;}
.header_info > div {display: inline-block;vertical-align: top;position: relative;}
.header_info .man_info span {display: inline-block; vertical-align: middle;}
.header_info .man_info .icon {margin-right: 8px}
.header_info .man_info .icon img {margin-top: 15px}
.header_info .man_info + .message {padding-left: 16px; margin-left: 16px;}
.header_info .man_info + .message:before {content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 1px;height: 12px;background-color: #ddd;}
.header_info .message .mes_num {font-weight: 600; color: #e8441a; margin-left: 4px}
.header_info .btnArea{margin: 12px 0 0 24px}
.header_info .btnArea .btn_small {background-color: transparent; color: #3259d8; font-weight: 600}

/* 타이틀만 존재할 경우 */
h2.tit{margin-bottom:24px;font-size:24px;font-weight:600;line-height:29px;color:#000;}
h4.tit{margin:42px 0 24px 0;font-size:16px;font-weight:300;line-height:29px;color:#666;}
h3.sub_tit{margin-bottom:16px;font-size:18px;font-weight:600;color:#222;}
/* tit_wrap */
.tit_wrap{overflow: hidden;margin-bottom:24px;}
.tit_wrap h2.tit{display:inline-block;vertical-align: middle;margin-bottom:0;}
.tit_wrap .tit + p {display: block; margin-top: 8px; font-size: 16px; font-weight: 300; color: #666; line-height: 17px;}
.tit_wrap .data_del{float:right;font-weight:600;color:#3259d8;border-bottom:1px solid #3259d8;}
.tit_wrap .btn {float: right;}
.tit_wrap .btn_border {float: right;}

/* 검색list */
.search_list{width:100%;height:48px;line-height:48px;margin-bottom:24px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;-webkit-box-sizing:border-box;font-size: 0;}
.search_list + .search_list {margin-top: -24px; border-top: 0;}
.search_list dt{display: inline-block;vertical-align: top;font-size: 14px;height: 100%;min-width: 115px;padding:0 16px;background:#F8F8F8;}
.search_list dd{display: inline-block;vertical-align: top;font-size: 0;height: 100%;min-width: 248px; padding-left:16px;line-height: 46px;}
.search_list dd + dt {margin-left: 16px;}
.search_list dd.searchbtn{float:right;margin:7px 0;padding-left:0;line-height:0;}
.search_list dd .form_radio {min-width: 0;}
.search_list dd .form_radio + .form_radio {margin-left: 16px;}
.search_list dd .selectbox select {vertical-align: middle;}
.search_enroll .form_input{width:322px;} 
.search_enroll .form_input input{width:322px;height:48px;padding:0 16px;}
.search_enroll{position:relative;}
.search_enroll .btn_table{position:absolute;top:0;right:14px;height:48px;line-height:48px;text-align:center;}
.enroll_wrap{position:relative;}
.enroll{overflow:hidden;}

.enroll > li{float:left;width:560px;height:393px;margin-right:160px;border-bottom:1px solid #ddd;}
.enroll > li:last-child{margin-right:0;}
.enroll > li dt{padding:16px;font-size:14px;font-weight:500;color:#222;background-color:#f8f8f8;border:1px solid #ddd;border-left:0;border-right:0;}
.enroll > li dd ul{height:340px;overflow-y:auto;}
.enroll > li dd ul li{padding:12px 13px 12px 16px;border-bottom:1px solid #f8f8f8;}
.enroll > li dd ul li:last-child{border-bottom:0;}
.enroll > li dd ul.area_list li{position:relative;}
.enroll > li dd ul.area_list li .area:after{content:'';position:absolute;top:50%;right:12px;transform:translateY(-50%);width:20px;height:20px;background:url('../../assets/images/common/icon_delete.png') no-repeat;background-size:20px 20px;}
.enroll > li dd .data_none{padding:118px 0 157px 0;}
.enroll_wrap .arrowBtn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:32px;height:72px;}
.enroll_wrap .arrowBtn .arrow_next{display:block;width:32px;height:32px;background:url('../../assets/images/common/btn_enroll.png') no-repeat;background-size:32px 32px;}
.enroll_wrap .arrowBtn .arrow_prev{display:block;width:32px;height:32px;background:url('../../assets/images/common/btn_enroll_del.png') no-repeat;background-size:32px 32px;margin-top: 8px}
.enroll_wrap.nodata .arrowBtn .arrow_next{background:url('../../assets/images/common/btn_nodata.png') no-repeat;}
.enroll_wrap.nodata .arrowBtn .arrow_prev{background:url('../../assets/images/common/btn_nodata.png') no-repeat;transform:rotate(-180deg);}

.pop_enrollwrap .enroll > li{width:300px;height: 297px;}
.pop_enrollwrap .enroll > li dd ul{height: 244px;}
.pop_enrollwrap .enroll > li dd ul li{height:50px;}
.pop_enrollwrap .enroll > li dd ul li a {line-height: 26px}
.pop_enrollwrap .enroll > li dd ul li .form_checkbox {line-height: 24px;}

/* container - side_gnb */
.side_gnb{z-index:20;position:fixed;top:56px;width:224px;height:calc(100vh - 56px);background:#384368;overflow: auto;}
.gnb {position: relative; z-index: 2;}
.gnb>li {background-color: #384368}
.gnb>li>a{padding:15px 21px 14px 24px;font-size:16px;line-height:19px;box-sizing:border-box;-webkit-box-sizing:border-box;} 
.gnb>li>a:before{content:'';float:right;width:7px;height:12px;margin-top:4px;background:url('../../assets/images/common/btn_arr.png') no-repeat;background-size:7px 12px; transition: transform .4s}
.gnb>li.active>a:before{transform:rotate(90deg);}
.gnb a{display:block;padding:0 0 0 40px;line-height:32px;color:#FFF;}
.gnb>li>ul{display:none;background:#2F354C;}
.gnb>li.active>a , .gnb>li:hover>a , .gnb>li:focus>a{font-weight:600;}
.gnb>li>ul>li:hover>a, .gnb>li>ul>li:focus>a{color:#729DFF;}

.side_gnb .side_foot {display: block; margin-top: 11.4583vw; width: 180px;padding: 18px 0 57px; margin-left: 22px;z-index: 1;border-top: 1px solid #8d93a8;}
.side_gnb .side_foot strong {font-size: 12px; font-weight: 400; color: #fff; line-height: 15px;}
.side_gnb .side_foot p {display: block;position: relative;font-size: 24px;font-weight: 600;line-height: 29px;padding-left: 37px;color: #fff;margin-top: 4px;}
.side_gnb .side_foot p:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 28px;height: 28px;background: url(../images/common/icon_call.png)0 0 no-repeat;background-size: 28px 28px;}
.side_gnb .side_foot span {display: block; font-size: 14px; font-weight: 400; line-height: 18px; color: #BDBDBD; margin-top: 12px;}

/* container - dashboard sub_con */
.dashboard {position: relative; overflow: hidden;}
.dashboard .contents_wrap + .contents_wrap {margin-top: 40px;}
.dashboard .subTit_wrap {position: relative; overflow: hidden;}
.dashboard .sub_tit {display: inline-block; vertical-align: text-top; color: #384368}
.dashboard .subTit_wrap .tit_date {display: inline-block; vertical-align: text-top; margin-left: 8px; font-size: 14px; line-height: 24px; color: #999}
.dashboard .list_tit {overflow: hidden;}
.dashboard .list_tit h4, .dashboard .list_tit a{font-weight: 600;}
.dashboard .list_tit h4:after, .dashboard .list_tit a:after {content: '';display: inline-block;vertical-align: middle;margin-top: -3px;width: 16px;height: 16px;background: url(../images/common/icon_list.png)0 0 no-repeat;background-size: 16px 16px;margin-left: 8px}
.dashboard.system .list_tit h4:after, .dashboard.system .list_tit a:after {display: none;}
.dashboard .box_wrap , .dashboard .list_wrap {float: left; width: 612px;}
.dashboard .box_wrap + .list_wrap {margin-left: 56px}
.dashboard .box_wrap .today_boxList {overflow: hidden;}
.dashboard .box_wrap .today_boxList li {float: left; width: 298px; box-sizing: border-box; background-color: #f8f8f8; min-height: 120px; padding: 24px;}
.dashboard .box_wrap .today_boxList.link li {padding: 0;}
.dashboard .box_wrap .today_boxList.link li.noLink {padding: 24px;}
.dashboard .box_wrap .today_boxList li:nth-child(n+3) {margin-top: 16px}
.dashboard .box_wrap .today_boxList li:nth-child(even){margin-left: 16px}
.dashboard .box_wrap .today_boxList.link li.noLink .list_tit h4:after {display: none;}
.dashboard .box_wrap .today_boxList.link li a {display: block; padding: 24px;}

.dashboard .box_wrap .total_boxList {overflow: hidden; background-color: #f8f8f8; padding: 27px 24px;}
.dashboard .box_wrap .total_boxList.link {padding: 0;}
.dashboard .box_wrap .total_boxList .list_tit {float: left;}
.dashboard .box_wrap .total_boxList.link a {display: block; overflow: hidden; padding: 27px 24px;}
.dashboard .box_wrap .total_boxList .list_tit h4 {line-height: 34px;}
.dashboard .box_wrap .total_boxList .cont_num {margin-top: 0;float: right;}
.dashboard .box_wrap .today_boxList .date {display: block; text-align: right; font-size: 12px; color: #999; line-height: 15px; margin: 10px 0 4px;}
.dashboard .box_wrap .payment .total_boxList .cont_num p {color: #222}
.dashboard .box_wrap .payment .total_boxList .list_tit {display: inline-block; vertical-align: middle; float: inherit;}
.dashboard .box_wrap .payment .total_boxList .list_tit h4 {color: #666;float: inherit;line-height: 1;display: block;}
.dashboard .box_wrap .payment .total_boxList .list_tit h4:after {display: none;}
.dashboard .box_wrap .payment .total_boxList .list_tit p {display: block;margin-top: 4px;font-size: 12px;font-weight: 300;color: #999;}
.dashboard .box_wrap .today_boxList .price {padding-bottom: 10px;}
.dashboard .box_wrap .today_boxList .division {width: 196px;}
.dashboard .box_wrap .today_boxList .division + .division {margin-left: 12px;}
.dashboard .list_tit + .cont_num {margin-top: 18px;}
.dashboard .cont_num {text-align: right;}
.dashboard .price .cont_num p {font-size: 20px; line-height: 24px;}
.dashboard .price .cont_num p.today {color: #000;}
.dashboard .cont_num p {font-size: 24px; font-weight: 600; color: #3259D8; word-break: break-all;}
.dashboard .cont_num p span {font-weight: 300; margin-left: 4px;}
.dashboard.system .cont_num p span {margin: 0 4px; color: #000;}

.dashboard .list_wrap .sub_tit {float: left;}
.dashboard .list_wrap .viewMore {float: right; position: relative; line-height: 24px;}
.dashboard .list_wrap .viewMore:after {content: '';display: inline-block;vertical-align: middle;margin-top: -3px;width: 16px;height: 16px;background: url(../images/common/icon_list.png)0 0 no-repeat;background-size: 16px 16px; margin-left: 8px}
.dashboard .notice_list {position: relative; overflow: hidden; border-top: 1px solid #384368}
.dashboard .notice_list li {width: 100%; display: block; border-bottom: 1px solid #ddd}
.dashboard .notice_list li a {display: block; padding: 16px 0 15px; overflow: hidden; color: #666; font-weight: 300;}
.dashboard .notice_list li a .notice_tit {float: left;}
.dashboard .notice_list li a .notice_tit.dot {position: relative; padding-left: 12px;}
.dashboard .notice_list li a .notice_tit.dot:after {content: '';position: absolute;left: 0;top: 5px;width: 6px;height: 6px;border-radius: 50%;background-color: #e8441a}
.dashboard .notice_list li a .notice_date {float: right;}

/* table_list */
.time{padding:8px 0 16px;overflow:hidden;}
.time + .time {padding: 16px 0 8px; border-top: 1px solid #ddd;}
.time .time_name{float:left;width:134px;}
.time .time_check{float:left;overflow:hidden; width:964px; font-size: 0;}
.time .time_check .form_checkbox {min-width: 90px; width: 90px; margin-right: 34px;}
.time .time_check .form_checkbox:nth-child(n+8) {margin-top: 16px;}
.time .time_check .form_checkbox + .form_checkbox {margin-left: 0;}
.time .time_check .form_checkbox .txt {font-size: 14px;vertical-align:middle;}


/* data_none */
.data_none{width:100%;padding:191px 0;color:#ddd;text-align:center;border-bottom:1px solid #ddd;}
.data_none .icon{display:block;width:24px;height:24px;margin:0 auto 17px;background:url('../../assets/images/common/icon_error.png') no-repeat;background-size:24px 24px;}
.data_none p{font-weight:600;}

/* login */
.login{margin-left:inherit !important;margin:0 auto;}
.login .inner{width:100%;height:calc(100vh - 56px);padding:0;}
.loginform{width:400px;margin:0 auto;padding-top:136px;}
.loginform h2.tit{margin-bottom:73px;line-height:32px;text-align:center;}
.form_login label{display:block;margin-bottom:4px;font-size:14px;font-weight:600;}
.form_login .form_input{margin-bottom:16px;}
.loginform .btnArea{padding-top:16px;}
.loginform .btnArea.btn_login{padding-bottom:19px;}
.loginform .btnArea a + a{margin-top:8px;}
.login_check{position:relative;font-weight:600;}
.login_check div{float:left;}
.login_check .find_check{float:right;border-bottom:1px solid #222;}
.login_check .find_check.only{margin-bottom:32px;}
.loginform .find_tit{margin-bottom:48px;text-align:center;}
.loginform .find_tit .tit{margin-bottom:8px;font-size:24px;font-weight:600;line-height:29px;}
.loginform .find_tit.pw{margin-bottom:46px;}
.loginform .find_tit.pw .tit{margin-bottom:10px;}
.loginform .find_tit p.txt{font-weight:300;color:#666;}
.form_login .form_find{margin-bottom:16px;}
.form_login .form_find dl{padding:16px 0 15px 0;}
.form_login .form_find dt{float:left;padding-right:66px;font-weight:600;}
.form_login .form_find dd {color: #384368; font-weight: 300;}
.form_login .form_find dl + dl{border-top:1px solid #ddd;}
.form_login .data_none{padding:19px 0 22px 0;margin-bottom:16px;border-bottom:0;}
.form_login .data_none p{line-height:19px; color: #ddd}

/* enroll */
.enroll_txt{float:right;font-weight:600;color:#384368;}
.bus_stop_wrap{position:relative;height:32px;line-height:32px;font-size:14px;margin-top:8px;box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.bus_stop_wrap .tit{min-width:51px;font-weight:600;}
.bus_stop_wrap .stopnum{padding-left:2px;}
.bus_stop_wrap ul li{float:left;}
.bus_stop_wrap:first-child{margin-top:0;}
.bus_stop_wrap ul li + li{margin:0 16px 0 20px;}
.bus_stop_wrap ul li + li:last-child{margin:0;}
.btnArea.iconBtn_add{margin-left: 16px; line-height: 1;}
.btnArea.iconBtn_add a + a {margin-left: 8px;}
.btnArea.iconBtn_add .plus, .btnArea.iconBtn_add .minus{position:relative;width:32px;height:32px;}
.btnArea.iconBtn_add .plus:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:13px;height: 1px;background-color: #fff}
.btnArea.iconBtn_add .plus:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:1px;height: 13px;background-color: #fff}
.btnArea.iconBtn_add .minus:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:13px;height: 1px;background-color: #fff}

/* message :  20200702 수정 */
.consult_wrap .data_none{padding:182px 0 282px 0;border-bottom:0;}
.consult_wrap > ul{overflow:hidden;}
.consult_wrap > ul > li{float:left;width:440px;height:595px;margin-right:20px;}
.consult_wrap > ul > li + li{border-left:1px solid #ddd; width:785px;}
.search_listend{z-index:10;display:none;position:absolute;top:72px;width:332px;height:424px;padding:16px;border:1px solid #ddd;background-color:#fff;}
.search_listend.focus{display:block;}
.search_listend dt{position:relative;margin-bottom:24px;line-height:24px;font-weight:500;}
.search_listend dt .closebtn{display:inline-block;position:absolute;top:0;right:0;width:24px;height:24px;background:url('../../assets/images/common/popup_delet.png') no-repeat;background-size:24px 24px;}
.search_listend dd{height:352px;overflow-y:auto;}
.search_listend dd ul li{margin-bottom:8px;}
.search_listend dd ul li a{line-height:24px;font-weight:500;color:#384368;border-bottom:1px solid #384368;}
.search_listbox{z-index:9;height:523px;margin-top:24px;padding-right:10px;overflow-y:auto;}
.search_listwrap > li{padding:16px 19px 16px 24px;border:1px solid #ddd;font-size:12px;cursor:pointer;}
.search_listwrap > li + li{margin-top:8px;}
.search_listwrap > li.focus{border:1px solid #3259D8;}
.search_listwrap > li .list_detail{display:none;}
.search_listwrap > li.focus .list_detail{display:block;}
.search_listwrap .list_con{position:relative;}
.search_listwrap .list_con .nameWrap{line-height:21px;}
.search_listwrap .list_con .nameWrap strong{font-size:16px;font-weight:600;}
.search_listwrap .list_con .nameWrap .phoneNum{margin-left:8px;font-size:14px;color:#444;}
.search_listwrap .list_con .match{margin-top:8px;font-size:12px;overflow:hidden;}
.search_listwrap .list_con .match .match_num{float:left;color:#666;}
.search_listwrap .list_con .match .match_time{float:right;color:#999;}
.search_listwrap .list_con .match  span{position:relative;}
.search_listwrap .list_con .match  span + span{margin-left:8px;}
.search_listwrap .list_con .match  span + span:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:8px;margin-left:-6px;background-color:#ddd;}
.search_listwrap .list_con .mes_alarm{position:absolute;top:0;right:0;height:16px;border-radius:8px;text-align:center;color:#fff;background-color:#3259D8;}
.search_listwrap .list_con .mes_alarm span{display:block;position:relative;padding:0 6px;line-height:18px;font-size:12px;}
.search_listwrap .list_detail{margin-top:16px;border-top:1px solid #ddd;overflow:hidden;}
.search_listwrap .list_detail strong{float:left;width:76px;margin-right:16px;color:#666;} /* width값 최대 8글자(space 포함) */
.search_listwrap .list_detail .match_info{margin:16px 0 8px 0;}
.search_listwrap .list_detail span{position:relative;}
.search_listwrap .list_detail span + span{margin-left:8px;}
.search_listwrap .list_detail span + span:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:8px;margin-left:-6px;background-color:#666;}
.search_listwrap .list_detail .detail_view{float:right;position:relative;margin-right:16px;line-height:18px;color:#3259D8;}
.search_listwrap .list_detail .detail_view:after{content:'';position:absolute;top:0;right:-15px;width:16px;height:16px;background:url('../../assets/images/common/btn_arrow.png') no-repeat;background-size:16px 16px;}
.message_box{overflow:hidden;}
.message_box .btnArea a {margin-top: 0; margin-bottom: 16px;}
.message_box .txt_box{display:block;}
.message_box .txt_box + .txt_box{margin-top:8px;}
.message_box .txt_box:after{content:'';display:block;clear:both;}
.message_box .txt_box .txt_con{float:left;position:relative;}
.message_box .txt_box .txt_con p{max-width:400px;padding:16px;border-radius:16px 16px 16px 0;background-color:#ddd;word-break:break-all;}
.message_box .txt_box .txt_time{font-size:0;color:#999;margin-top: 4px;}
.message_box .txt_box .txt_time .today {padding-right: 4px; font-size: 12px;}
.message_box .txt_box .txt_time .today_time {position:relative;padding-left:3px;font-size: 12px;}
.message_box .txt_box .txt_time .today_time:after{content:'';position:absolute;top:2px;left:0; width:1px;height:9px;background-color: #aaa;}
.message_box .txt_box.admin .txt_con{float:right;}
.message_box .txt_box.admin .txt_con p{border-radius:16px 16px 0 16px;background-color:#CCDAEB;}
.message_box .txt_box.admin .txt_time{text-align: right}
.message_wrap.nodata{display:none;}
.message_wrap{width:785px;margin-left:20px;border-right:0;background-color:#F8F8F8;overflow:hidden;}
.message_wrap .message_box{height:467px;max-height:467px;padding:24px;overflow-y:auto;}
.textarea_wrap.message_submit{width:737px;height:80px;margin:24px auto;background-color:#fff;}
.textarea_wrap.message_submit textarea{width:630px;height:80px;}
.textarea_wrap.message_submit p{right:120px;bottom:2px;}
.textarea_wrap.message_submit a{position:absolute;top:0;right:0;width:104px;height:80px;line-height:80px;text-align:center;} 

/* refundPop */
.refundPop .tbl_wrap .tbl td > span{line-height:32px;}

/* cautions */
.cautions{display:block;margin-top:5px;color:#E8441A;font-weight:bold;}

/* note*/
.note{display:block;margin:5px 0;color:#384368;font-weight:bold;}
.note_sm{display:block;font-size: 12px; font-weight: 300; line-height: 15px; margin-top: 10px;}
.note.fn_ligray{color:#ddd;}
.note.fn_gray{color:#666;}
.note.fn_darkgray{color:#222;}
.note.fn_red{color:#E8441A;}
.note.fn_blue{color:#3259D8;}

.notice_wrap .noti_tit{margin-top:20px;font-weight:bold;}
.notice_wrap  .noti_list{margin-left:10px;font-size:12px;list-style-type:decimal;}

/* listType */
.listType li {color: #999}

/* divideWrap */
.divideWrap {position: relative; overflow: hidden; width: 100%;}
.divideWrap li {width: 33.3%; height: 52px; line-height: 52px; float: left; padding: 0 16px; border-right: 1px solid #ddd; }
.divideWrap li:nth-child(3n) {border-right: 0;}
.divideWrap + .divideWrap {border-top: 1px solid #ddd}
.divideWrap.row li {width: 100%; border-right: 0;}
.divideWrap.row li + li {border-top: 1px solid #ddd}

/* necessary */
.necessary {color: #E8441A; margin-right: 4px; font-size: 16px;}


/* searchBar */
.searchBar {overflow: hidden; font-size: 0; width: 356px; margin: 0 auto 32px;}
.searchBar .form_input {width: calc(100% - 108px); display: inline-block; vertical-align: middle;}
.searchBar .btn {vertical-align: middle;}

/* resultList */
.resultList {width: 356px;margin: 0 auto 32px;min-height: 300px;max-height: 300px;overflow: auto;}
.resultList ul {border-top: 1px solid #eee; border-bottom: 1px solid #eee}
.resultList ul li:hover {background-color: #f8f8f8}
.resultList ul li a {display: block;padding: 10px 8px;text-align: left;font-weight: 600;}
.resultList ul li + li {border-top: 1px solid #eee}
.resultList .nodata {width: 100%; height: 300px; display: table;}
.resultList .nodata p {display: table-cell; vertical-align: middle; color: #999}

.dashboard .box_wrap + .box_wrap {margin-left: 56px}
.dashboard .box_wrap .tbl_wrap + .tbl_wrap {margin-top: 16px;}
.dashboard .box_wrap .tbl_wrap .tbl_tit {overflow: hidden; text-align: left; margin-bottom: 10px}
.dashboard .box_wrap .tbl_wrap .tbl_tit a{font-weight: 600; font-size: 16px;}
.dashboard .box_wrap .tbl_wrap .tbl_tit a:after {content: '';display: inline-block;vertical-align: middle;margin-top: -3px;width: 16px;height: 16px;background: url(../images/common/icon_list.png)0 0 no-repeat;background-size: 16px 16px;margin-left: 8px}
.dashboard .box_wrap .tbl_wrap thead tr {background-color: #f8f8f8}
.dashboard .box_wrap .tbl_wrap tbody tr td {padding: 0 15px;}
.dashboard .box_wrap .tbl_wrap .tbl th, .dashboard .box_wrap .tbl_wrap .tbl td, .dashboard .box_wrap .tbl_wrap .tbl tr {height: 36px;}
.dashboard .box_wrap .graph_wrap .graph_area {display: block; position: relative; overflow: hidden; width: 100%;}

.btn_xs{display:inline-block;font-size:14px;font-weight: 300; width:232px; height: 24px;line-height: 24px; text-align: center;} 
.btn_xs.blue{background-color:#3259D8;color: #fff;}


/* confirmArea */
.confirmArea {display: inline-block; vertical-align: middle; margin-left: 16px;}
.confirmArea .warning {display: inline-block; font-size: 12px; font-weight: 600; line-height: 32px; color: #E0182D; vertical-align: top;}
.confirmArea .match {display: inline-block; width: 24px; height: 24px; background: url(../images/common/icon_match.png)0 0 no-repeat; background-size: 24px 24px; margin-top: 4px;}

.tip_area {margin-top: 32px; width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 133px; font-size: 0;}
.tip_area .tip_tit {display: inline-block; vertical-align: top; width: 304px; height: 131px; background-color: #f8f8f8; padding: 38px 0 0 48px;}
.tip_area .tip_tit p {display: block; font-size: 22px; line-height: 28px; font-weight: 300; color: #222;}
.tip_area .tip_tit p strong {font-weight: 600;}
.tip_area .tip_tit p strong.bl {color: #3B5094}
.tip_area .tip_list {display: inline-block; vertical-align: top; width: calc(100% - 304px); height: 131px; padding: 27px 0 0 32px; font-size: 0;}
.tip_area .tip_list .tip_label {display: inline-block; vertical-align: top; width: 48px; height: 32px; line-height: 32px; font-size: 14px; font-weight: 600; color: #3B5094; text-align: center; background-color: #F8F8F8; border-radius: 4px;}
.tip_area .tip_list ul {display: inline-block; vertical-align: top; margin-left: 24px;}
.tip_area .tip_list ul li {display: block; position: relative; font-size: 14px; font-weight: 300; color: #222; height: 17px; line-height: 17px; padding-left: 10px;}
.tip_area .tip_list ul li:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 2px; height: 2px; border-radius: 50%; background-color: #222; }
.tip_area .tip_list ul li + li {margin-top: 10px;}


.arrow_left {position: relative;display: inline-block;vertical-align: middle;width: 17px;height: 30px;overflow: hidden;background-color: transparent;}
.arrow_left:before {content: '';position: absolute;top: 50%;left: 50%;width: 15px;height: 15px;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);margin-left: 4px;border-top: 4px solid #222;border-right: 4px solid #222;}
.arrow_right {position: relative;display: inline-block;vertical-align: middle;width: 17px;height: 30px;overflow: hidden;background-color: transparent;}
.arrow_right:before {content: '';position: absolute;top: 50%;left: 50%;width: 15px;height: 15px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);margin-left: -5px;border-top: 4px solid #222;border-right: 4px solid #222;}

.arrow_left.disabled:before , .arrow_right.disabled:before {border-top: 4px solid #ddd;border-right: 4px solid #ddd;}

.accumulate {margin-top: 40px;}
.accumulate h4 {font-size: 20px; margin-bottom: 15px;}
.accumulate + .statistics {margin-top: 50px;}

.performance .tip_area {margin-top: 200px;}

/* 테이블 a태그 링크 */
.info_link {color: #3259d8; text-decoration: underline;}

/* reference_wrap */
.reference_wrap {display: block; margin-bottom: 12px; text-align: right;}
.reference_wrap p {color: #e8441a}

/* datePreset */
.datePreset {display: inline-block; vertical-align: top; margin-left: 8px;}
.datePreset .preset {display: inline-block; vertical-align: top; font-size: 14px; text-decoration: underline;}
.datePreset .preset.on {font-weight: 600; color: #3259D8}
.datePreset .preset + .preset {margin-left: 8px;}