@charset "utf-8";

@import url('reset.css');

/* =========================
		Fonts
 ========================= */
@font-face{
    font-family:'GmarketSans';
    src:url(../fonts/GmarketSansLight.woff) format('woff');
    font-style:normal;
    font-weight:300;
}
@font-face{
    font-family:'GmarketSans';
    src:url(../fonts/GmarketSansMedium.woff) format('woff');
    font-style:normal;
    font-weight:500;
}
@font-face{
    font-family:'GmarketSans';
    src:url(../fonts/GmarketSansBold.woff) format('woff');
    font-style:normal;
    font-weight:700;
}

/* =========================
		Commons
 ========================= */
body{font-family:'GmarketSans',sans-serif;font-size:12px;color:#5C5C5C;background:#F3F8FF;}
input,textarea,select{font-family:'GmarketSans','sans-serif';font-size:12px;color:#5C5C5C;}
.show{display:block !important;}
.hide{display:none !important;}

/* Scrollbar */
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-thumb{background-color:#EDEDED;border:0;border-radius:10px;}
::-webkit-scrollbar-track{background-color:transparent;}

/* Positioning */
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.vat{vertical-align:top !important;}
.mt0{margin-top:0 !important;}
.mtXXs{margin-top:5px !important;}
.mtXs{margin-top:10px !important;}
.mtSm{margin-top:12px !important;}
.mtSMd{margin-top:16px !important}
.mtMmd{margin-top:24px !important;}
.mtMd{margin-top:25px !important;}
.mtSLg{margin-top:30px !important;}
.mtXLg{margin-top:40px !important;}
.mtXxlg{margin-top:50px !important;}

/* Titles */
.titCntXl{font-size:20px;font-weight:500}
.wrapCnt .contents .titCntXl{color:#000;}
.wrapCnt .contents.full .titCntXl{color:#003CA5;}
.titCntLg{font-size:12px;font-weight:500;color:#000;line-height:1.5}
.titCntLg span{font-weight:500}
.titCntMd{font-size:20px;font-weight:500;color:#5C5C5C;}

/* Texts */
.txtPrimary{color:#003CA5 !important;} /* main color - blue */
.txtClrA{color:#FF4F6F !important;} /* red */

/* Buttons */
.btnWrap{overflow:hidden;font-size:0;vertical-align:middle;}
.btnWrap [class^="btn"]{display:inline-block;height:30px;padding:0 17px;margin:0 0 0 8px;font-family:'GmarketSans', sans-serif;font-size:12px;color:#fff;font-weight:500;text-align:center;line-height:30px;white-space:nowrap;vertical-align:middle;text-decoration:none !important;border-radius: 8px;}
.btnWrap [class^="btn"] img{margin-right:8px;vertical-align:middle;}
.btnWrap a:first-child,
.btnWrap button:first-child{margin:0 !important;}
.btnWrap .sizeSm{height:22px;padding:2px 8px;font-size:10px;line-height:18px;margin-left:4px;}
.btnWrap .btnPrimary{background:#003CA5;}
.btnWrap .btnBrdr{color: #959595;border: 1px solid #959595;background:#fff}
.btnWrap .btnBrdr.clrA{color:#2675FF;border: 1px solid #2675FF}
.btnWrap .btnClrA{background:#5086E9}
.btnWrap .btnClrB{background:#FF7F23;}
.btnWrap .btnClrC{background:#FF3156;}

/* ========== Forms ========== */
input[type="text"],
input[type="password"]{width:100%;flex-grow:1;height:32px;padding:8px;border-radius:8px;border:0}
select{width:100%;height:40px;padding:5px 12px;border:1px solid #BFBFBF;border-radius: 8px;}
input[type="checkbox"]{width:14px;height:14px;border:2px solid #989696;border-radius:2px;cursor:pointer;}
textarea{resize:none;padding:8px;min-height:80px;line-height:1.2;border-radius:8px;border:1px solid #BFBFBF;}
/*.wrapForm{display:flex;align-items:center;}*/
/*.wrapForm .btn{margin-left:8px}*/

/* ========== Tabs ========== */
.tabNav{display:flex;align-items:center;}
.tabNav li{width:100%;}
.tabNav li a{display:block;height:28px;font-size:12px;font-weight:500;line-height:28px;color:#fff;text-align:center;background:#C2D7FF}
.tabNav li .active{background:#5086E9;}
.tabNav li:first-child a{border-radius:8px 0px 0px 0;}
.tabNav li:last-child a{border-radius: 0px 8px 0px 0px;}
[class^="tabCnt0"]{overflow:hidden;display:none;border-radius: 0px 0px 8px 8px;background: #FFF;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);}
[class^="tabCnt0"].active{display:block}

/* ========== Tables ========== */
.tblTypeA{table-layout:fixed;width:100%;}
[class^="wrap"] .tblTypeA th{padding:8px 4px;font-size:11px;color:#fff;text-align:center;font-weight:500;line-height:1.2;word-break: keep-all;background:#959595;z-index:10}
.wrapCnt .contents.full .tblTypeA th{height:40px;font-size:12px }
[class^="wrap"] .tblTypeA tbody td{height:42px;padding:0 16px;font-size:11px;line-height:1.2;color:#000;font-weight:500;text-align:center;word-break: keep-all;border-bottom: 1px solid #eee;}
.wrapCnt .contents.full .tblTypeA tbody td{height:38px;}
.tblTypeA tbody td.wrapInnerTbl{padding:0;border-bottom:0}
.tblTypeA tbody td .innerTbl{overflow-x:auto;width:100%;padding-bottom:4px;}
/*.tblTypeA tbody td .innerTbl table{table-layout:fixed;!*width:680px;*!border:1px solid #EFEFEF;border-top:0}*/
.tblTypeA tbody td .innerTbl table{table-layout:fixed;width:680px;border:1px solid #EFEFEF;border-top:0}
.tblTypeA tbody td .innerTbl table th{padding:0 8px;text-align:left;color: #5C5C5C;background:#EFEFEF;z-index:0}
.tblTypeA tbody td .innerTbl table td{width:40px;padding:0;color: #5C5C5C;border-bottom:1px solid #EFEFEF}
.tblTypeA tbody td .innerTbl table tr:last-child td{border-bottom:0}
table .btnWrap [class^="btn"]{height:26px;line-height:26px;padding:0 16px;}

/* paging */
.paging{clear:both;padding:18px 0 10px;text-align:center;font-size:0;}
.paging a{display:inline-block;width:24px;height:24px;margin:0 8px;font-size:12px;color:#8C8A8A;vertical-align:middle;line-height:24px;}
.paging .active{font-weight:600;color:#000;}
.paging [class^="btn"]{width:24px;height:24px;font-size:0;text-indent:-9999px;background:url(../images/paging.png) no-repeat 0 center;}
.paging .btnFirst{background-position:0 0;}
.paging .btnPrev{background-position:-24px 0;}
.paging .btnNext{background-position:-48px 0;}
.paging .btnLast{background-position:-72px 0;}


/* ========================================
	LAYOUTS
 ========================================== */
.wrapper{position:relative;max-width:1230px;padding:0 0 20px;margin:0 auto;}
.wrapCnt .contents.full{padding:25px 0;}
.wrapCnt .contents.full .wrapper{padding:24px 30px;margin:0 auto;border-radius: 16px;background:#fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);}

/* Header */
.header{height:60px;background:#000}
.header .wrapper{overflow:hidden;height:60px;padding:20px 30px 0 25px;align-items:center;}
.header .logo{float:left;margin-right:113px;vertical-align:middle;}
.header .logo img{vertical-align:middle;}
.header .gnb{float:left;display:flex;padding:2px 0;align-items:center;}
.header .gnb li a{display:block;height:16px;padding:0 32px;font-size:16px;font-weight:500;color:#fff;line-height:1.3;border-left:1px solid #7f7f7f}
.header .gnb li:first-child a{border:0}
.header .gnb li a.active{color:#00B2FF;}
.header .util{float:right}
.header .util a{color:#fff;font-size:16px;font-weight:300;line-height:1.3}
.header .util img{margin-left:22px;vertical-align:middle;}

/* ################## Contents ################## */
/* 00_로그인 */
.wrapLogin{position:absolute;top:0;right:0;bottom:0;left:0;background:#D6E2F7;}
.wrapLogin .wrapper{max-width:1280px;height:100%;padding:0;}
.wrapLogin .wrapper:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;width:57%;background:url(../images/img_login.png) no-repeat center;}
.wrapLogin .wrapper .wrapCnt{position:absolute;top:0;left:0;bottom:0;width:43%;max-width:550px;margin:0 auto;display:flex;align-items:center;background:#fff;}
.wrapLogin .wrapper .cnt{margin:0 auto;width:300px;}
.wrapLogin .wrapper .cnt .tit{margin:40px 0 0 0;font-size:30px;font-weight:300;color:#000;}
.wrapLogin .wrapper .cnt .txt{margin:16px 0 12px 0;font-size:14px;font-weight:500;color:#000;}
.wrapLogin .wrapper .cnt input{height:40px;padding:8px 24px;margin-top:8px;border:1px solid #eee;border-radius:8px;}
.wrapLogin .wrapper .cnt .btnWrap{margin-top:8px;}
.wrapLogin .wrapper .cnt .btnWrap .btnPrimary{width:100%;height:50px;font-size:16px;}
.wrapLogin .wrapForm{display:block;}

/* 01_오늘의 현황 */
.wrapCnt .listToday{overflow:hidden;margin:62px auto 0;}
.wrapCnt .listToday > li{overflow:hidden;float:left;width:386px;margin:12px;border-radius:16px;background:#fff;}
.wrapCnt .listToday li .head{height:62px;padding:16px 24px 0;font-size:14px;color:#fff;line-height:20px;}
.wrapCnt .listToday li.type1 .head{background:#959595;}
.wrapCnt .listToday li.type2 .head{background:#0087A5;}
.wrapCnt .listToday li.type3 .head{background:#003CA5;}
.wrapCnt .listToday li.type4 .head{background:#FF4F6F;}
.wrapCnt .listToday li.type5 .head{background:#BFBFBF;}
.wrapCnt .listToday li .head .txt{float:right;height:20px;line-height:20px;padding:0 0 0 12px;margin-left:12px;border-left:1px dashed rgba(255, 255, 255, 0.50);}
.wrapCnt .listToday li .cnt{height:194px;padding:28px 24px 24px;margin-top:-10px;border-radius:16px 0 0 0;background:#fff;}
.wrapCnt .listToday li .cnt .name{font-size:20px;font-weight:500;color:#000;}
.wrapCnt .listToday li .cnt .time{margin-top:8px;font-size:12px;font-weight:500;color:#959595;}
.wrapCnt .listToday li .cnt .graph{display:flex;margin-top:18px;align-items:center;}
.wrapCnt .listToday li .cnt .graph .bar{overflow:hidden;width:100%;height:10px;margin-right:16px;border-radius:8px;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);}
.wrapCnt .listToday li .cnt .graph .bar span{display:block;height:10px;border-radius:16px;}
.wrapCnt .listToday li.type2 .cnt .graph .bar span{background:#0087A5}
.wrapCnt .listToday li.type3 .cnt .graph .bar span{background:#2675FF}
.wrapCnt .listToday li.type4 .cnt .graph .bar span{background:#FF8EA3}
.wrapCnt .listToday li .cnt .graph .txt{font-size:12px;color: #000;white-space:nowrap;}
.wrapCnt .listToday li .cnt .prog > li{margin:0;}
.wrapCnt .listToday li .cnt .prog > li .txt{height:32px;padding:0 16px;margin:15px auto 0;line-height:32px;border-radius: 20px;}
.wrapCnt .listToday li .cnt .prog > li li{padding:10px 16px 0;margin:0;font-size:12px;color: #5C5C5C;}
.wrapCnt .listToday li .cnt .prog > li li:before{content:'';display:inline-block;width:3px;height:3px;margin:0 6px;vertical-align:middle;border-radius:100%;background:#5c5c5c}
.wrapCnt .listToday li.type2 .cnt .prog > li .txt{background:#E7FBFF }
.wrapCnt .listToday li.type3 .cnt .prog > li .txt{background:#D7F3FF}
.wrapCnt .listToday li.type4 .cnt .prog > li .txt{background:#FFEFF2}
.wrapCnt .listToday li .cnt.cntBlank{display:flex;justify-content: center;text-align:center;align-items:center;}
.wrapCnt .listToday li.type1 .cnt.cntBlank .txt{font-size:20px;color:#959595;}
.wrapCnt .listToday li.type5 .cnt.cntBlank .txt{font-size:20px;color:#BFBFBF;}


/* 02_프로그램 배정 */
.wrapCnt{display:flex;max-width:1230px;margin:0 auto;}
.wrapCnt .aside{width:230px;min-height:660px;flex-grow:0;flex-shrink:0;padding:25px 22px;background:#E9F1FE}
.wrapCnt .wrapTit{display:flex;align-items:center;justify-content: space-between;}
.wrapCnt .wrapTit [class^="titCnt"]{display:inline-block;vertical-align:middle;}
.wrapCnt .aside .titCntXl{color:#003CA5;}
.wrapCnt .aside .wrapForm{display:flex;align-items:center;justify-content: space-between;margin-top:14px;}
.wrapCnt .aside .wrapForm input::placeholder{font-size:12px;}
.wrapCnt .aside .wrapForm .btnWrap{flex-grow:1;flex-shrink:0;width:38px;margin-left:4px !important;}
.wrapCnt .aside .wrapForm .btnWrap .btnClrA{display:block;padding:0;}
.wrapCnt .aside .wrapList{overflow:hidden;margin:8px auto 0;border-radius:8px;background:#fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);}
.wrapCnt .aside .wrapList .list{padding:10px 2px 8px 4px;}
.wrapCnt .aside .wrapList .list li a{overflow:hidden;display:block;margin-top:8px;font-size:9px;color:#000;line-height:2;white-space:nowrap;letter-spacing:-0.5px;}
.wrapCnt .aside .wrapList .list li a:hover{text-decoration:underline;}
.wrapCnt .aside .wrapList .list li:first-child a{margin:0;}
.wrapCnt .aside .wrapList .list li a:before{content:'';display:inline-block;width:14px;height:14px;margin-right:2px;vertical-align:middle;background:url(../images/ico_srch.png) no-repeat 0 0}
.wrapCnt .aside .wrapList .btnClose a{display:block;height:28px;padding:0 8px;text-align:right;color: #959595;font-size:11px;border-top: 1px solid #F1F1F1;line-height:28px;}
.wrapCnt .contents{width:100%;padding:24px;}
.wrapCnt .contents.cntBlank{background:url(../images/img_blank.png) no-repeat center;}
.wrapCnt .contents .noPlan{display:flex;justify-content: center;align-items:center;height:516px;margin-top:16px;text-align:center;border-radius:8px;background:#fff;}
.wrapCnt .contents .noPlan .cnt{color: #5C5C5C;font-size:14px;}
.wrapCnt .contents .noPlan .cnt:before{content:'';display:block;width:36px;height:40px;margin:0 auto 10px;background:url(../images/ico_calendar.png) no-repeat 0 0}
.wrapCnt .contents .titCntXl .btnEdit{margin-left:20px;}
.wrapCnt .contents .listInfo{display:flex;justify-content: space-between;margin-top:8px;}
.wrapCnt .contents .listInfo li{display:flex;align-items:center;padding:7px 8px;height:34px;flex-grow:1;line-height:20px;border-radius:8px;background:#fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);}
.wrapCnt .contents .listInfo li + li{margin-left:8px;}
.wrapCnt .contents .listInfo li .tit{display:inline-block;margin-right:16px;color: #003CA5;font-size:12px;vertical-align:middle;}
.wrapCnt .contents .listInfo li .val{display:inline-block;color: #000;font-size:12px;vertical-align:middle;}
.wrapCnt .wrapCntInfo{display:flex;margin:24px auto 0}
.wrapCnt .wrapCntInfo .col01{flex-shrink:0;height:462px;overflow-x:hidden;overflow-y:auto;width:129px;margin-right:8px;padding-right:8px;}
.wrapCnt .wrapCntInfo .col01::-webkit-scrollbar-thumb{background-color:#D3E4FF;}
.wrapCnt .wrapCntInfo .col01{width:129px;margin-right:8px;padding-right:8px;}
.wrapCnt .wrapCntInfo .col01 .listDate li + li{margin-top:8px;}
.wrapCnt .wrapCntInfo .col01 .listDate li a{overflow:hidden;display:flex;border-radius:8px;font-size:12px;color:#959595;line-height:32px;background: #FFF;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);}
.wrapCnt .wrapCntInfo .col01 .listDate li .stat{flex-shrink:0;width:32px;height:32px;margin-right:6px;text-align:center;line-height:32px;color:#fff;font-size:10px;}
.wrapCnt .wrapCntInfo .col01 .listDate li.typeA .stat{background:#0087A5}
.wrapCnt .wrapCntInfo .col01 .listDate li.typeB .stat{background:#003CA5}
.wrapCnt .wrapCntInfo .col01 .listDate li.typeC .stat{background:#FF4F6F}
.wrapCnt .wrapCntInfo .col01 .listDate li.typeD .stat{background:#FF7F23}
.wrapCnt .wrapCntInfo .col01 .listDate li.typeA .active{color:#0087A5;border:1px solid #0087A5}
.wrapCnt .wrapCntInfo .col01 .listDate li.typeB .active{color:#003CA5;border:1px solid #003CA5}
.wrapCnt .wrapCntInfo .col01 .listDate li.typeC .active{color:#FF4F6F;border:1px solid #FF4F6F}
.wrapCnt .wrapCntInfo .col01 .listDate li.typeD .active{color:#FF7F23;border:1px solid #FF7F23}
.wrapCnt .wrapCntInfo .col02{flex-grow:0;padding:16px;border-radius: 8px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);}
.wrapCnt .wrapCntInfo .col02 .titCntLg{margin-right:6px;}
.wrapCnt .wrapCntInfo .col02 .infoProg{display:flex;justify-content: space-between;margin-top:10px;}
.wrapCnt .wrapCntInfo .col02 .infoProg li{display:flex;align-items:center;padding:7px 16px;height:34px;flex-grow:1;line-height:20px;border-radius:8px;background:#fff;border:1px solid #eee}
.wrapCnt .wrapCntInfo .col02 .infoProg li + li{margin-left:8px;}
.wrapCnt .wrapCntInfo .col02 .infoProg li .tit{display:inline-block;margin-right:16px;color: #003CA5;font-size:12px;vertical-align:middle;}
.wrapCnt .wrapCntInfo .col02 .infoProg li .val{display:inline-block;color: #000;font-size:12px;vertical-align:middle;}
.wrapCnt .wrapCntInfo .col02 .infoProg li .val .graph{overflow:hidden;display:inline-block;width:60px;height:10px;vertical-align:middle;border-radius:8px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);}
.wrapCnt .wrapCntInfo .col02 .infoProg li .val .graph .bar{display:inline-block;height:10px;vertical-align:middle;border-radius:8px;background:#2675FF}
.wrapCnt .wrapCntInfo .col02 .wrapTbl{overflow:hidden;overflow-y:auto;height:354px;padding-right:4px;}


/* 07_mypage */
.wrapMypage{}
.wrapMypage .cnt{display:flex;width:752px;padding:32px 32px 78px 32px;margin:87px auto 0;border-radius: 16px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);}
.wrapMypage .cnt .aside{width:213px;flex-shrink:0;flex-grow:0;min-height:auto;padding:0 32px 0 0;border-right:1px solid #efefef;background:#fff;}
.wrapMypage .cnt .aside li a{display:block;padding:8px;margin-bottom:8px;font-size:12px;color: #000;border-radius: 4px;}
.wrapMypage .cnt .aside li .active{color: #fff;background: #5086E9;}
.wrapMypage .cnt .contents{position:relative;padding:0 0 0 32px;}
.wrapMypage .cnt .contents .titCnt{font-size:20px;font-weight:500;color: #000;}
.wrapMypage .cnt .contents .list{}
.wrapMypage .cnt .contents .list label{display:block;margin:20px 0 6px;font-size:10px;color: #5086E9;}
.wrapMypage .cnt .contents .list input{font-size:12px;color: #5C5C5C;padding:8px 16px;line-height:1.2;border: 1px solid #F1F1F1;}
.wrapMypage .cnt .contents .list input[disabled]{border: 1px solid #F1F1F1;background: #F1F1F1;}
.wrapMypage .cnt .contents .list .txt{padding:8px 16px;font-size:10px;color: #959595;}
.wrapMypage .cnt .contents .list .txtNoti{padding:8px 16px;font-size:10px;color: #FF4F6F;}
.wrapMypage .cnt .contents .list .wrapTel{display:flex;align-items:center;}
.wrapMypage .cnt .contents .list .wrapTel .dash{display:inline-block;flex-shrink:0;width:38px;text-align:center;}
.wrapMypage .cnt .contents .btnWrap{position:absolute;bottom:-46px;right:0;}

/* 08_장비관리 */
.contents .wrapTblUtil{overflow:hidden;}
.contents .wrapTblUtil .txt{font-size:16px;color:#000;line-height:32px}
.contents table tr.error td{color:#959595;}

/* Popup */
.wrapPop,
.wrapAlert{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(49, 49, 61, 0.7);z-index:990;}
.wrapPop .popCnt,
.wrapAlert .cnt{position:absolute;top:50%;left:50%;/*max-height:800px;*/max-height:900px;width:360px;padding:32px;transform:translate(-50%, -50%);-webkit-border-radius:8px;border-radius:8px;background:#fff;box-shadow:0px 18px 24px 12px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.3);z-index:990;}
.wrapPop .popCnt .btnClose a{display:block;width:24px;height:24px;position:absolute;top:16px;right:20px;font-size:0;text-indent:-9999px;background:url(../images/btn_close_pop.png) no-repeat 0 0;}
.wrapAlert .cnt{width:300px;padding:30px 20px 20px;text-align:center;}
.wrapAlert .cnt .txt{font-size:14px;line-height: 1.4;color: #000;}
.wrapAlert .cnt.sizeMd{width:550px;}
.wrapAlert .cnt.sizeMd .txt{font-size:25px;}
.wrapPop .popCnt .titPop{font-size:20px;font-weight:500;color:#003CA5;line-height:1.5}
.wrapPop .popCnt .titPop small{font-size:12px;font-weight:300;color: #2675FF;}
.wrapPop .popCnt .btnClosePop a{position:absolute;display:block;right:25px;top:25px;width:14px;height:14px;font-size:0;letter-spacing:-9999px;background:url(../images/btn_close_layer.png) no-repeat 0 0;background-size:100%;}
.wrapPop .popCnt .btnWrap{text-align:center;margin-top:8px;}
.wrapPop .btnWrap [class^="btn"]{padding:0 24px;}
.wrapPop .btnWrap [class^="btn"] img.arrow{margin:0 -12px 0 0 ;}
.wrapPop .popCnt table{border:1px solid #eee}
.wrapPop table th,
.wrapPop table td{font-size:12px;font-weight:500;height:56px;padding:8px 30px;color:#000;text-align:left;border-top:1px solid #eee}
.wrapPop .popCnt table th{padding-right:0}
.wrapPop .popCnt table td input[type="text"],
.wrapPop .popCnt table td input[type="tel"],
.wrapPop .popCnt table td input[type="email"]{width: 100%;height: 40px;padding: 5px 16px;border-radius: 8px;border: 1px solid #BFBFBF;}
.wrapPop .popCnt table td input::placeholder{font-size:12px;}
.wrapPop .popCnt table td .wrapRadio label{margin-right:40px;}
.wrapPop .popCnt.sizeMd{width:400px;padding:20px;}
.wrapPop .popCnt.sizeMd .cnt{margin:16px -20px 0;padding:20px;border-top:1px solid #eee;border-bottom:1px solid #eee;}

.wrapPop .popCnt.sizeLg{width:900px;padding:20px;background: #F3F8FF;}
.wrapPop .popCnt.sizeLg .titPop{font-size:20px;text-align:center;}

.wrapPop.wrapPlans{}
.wrapPop.wrapPlans .listPart{display:flex;margin:10px -4px 0;align-items:center;}
.wrapPop.wrapPlans .listPart li{margin:0 4px;width:100%;}
.wrapPop.wrapPlans .listPart li a{display:block;height:24px;padding:0 8px;white-space:nowrap;font-size:12px;text-align:center;line-height:24px;color: #5C5C5C;border-radius: 8px;background: #FFF;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);}
.wrapPop.wrapPlans .listPart li .active{color:#fff;background:#5086E9}
.wrapPop.wrapPlans .row01{padding:16px 8px 16px 16px;}
.wrapPop.wrapPlans .row01 .listPlan{overflow:hidden;overflow-y:auto;display:flex;height:165px;flex-wrap:wrap;align-content: flex-start;margin:-4px 0}
.wrapPop.wrapPlans .listPlan li{display:flex;flex: 1 1 40%;align-items:center;justify-content: space-between;height:25px;line-height:25px;padding:0 0 0 16px;margin:4px;border-radius: 4px;border: 1px solid #EAEAEA;background: #FFF;}
.wrapPop.wrapPlans .listPlan li .txt{display:inline-block;vertical-align:middle;}
.wrapPop.wrapPlans .listPlan li .btn{width:35px;height:23px;text-align:center;line-height:24px;background: #F3F3F3;}
.wrapPop.wrapPlans .listPlan li .btn img{vertical-align:middle;}
.wrapPop.wrapPlans .row02{padding:16px;box-shadow:0px -4px 6px 0px rgba(0, 0, 0, 0.05);}
.wrapPop.wrapPlans .wrapTbl{height:225px;}
.wrapPop.wrapPlans .wrapTbl ul li span{display:block;}
.wrapPop.wrapPlans .wrapTbl .thead{display:flex;height:32px;align-items:center;padding-left:30px;background: #959595;}
.wrapPop.wrapPlans .wrapTbl .thead li{flex-grow:1;padding:0 8px;text-align:center;font-size:12px;line-height:1.2;color:#fff;}
.wrapPop.wrapPlans .wrapTbl .thead .tit{width:29%;}
.wrapPop.wrapPlans .wrapTbl .tbody{position:relative;padding-left:28px;}
.wrapPop.wrapPlans .wrapTbl .tbody:before{content:'';display:inline-block;width:20px;height:185px;position:absolute;top:0;left:0;background:url(../images/obj_arrow_tbl.png) no-repeat 0 0}
.wrapPop.wrapPlans .wrapTbl .tbody li{display:flex;height:31px;margin-top:8px;align-items:center;border-radius: 4px;background: #FFF;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);}
.wrapPop.wrapPlans .wrapTbl .tbody li span{width:83px;padding:0 16px;font-size:12px;color:#5C5C5C;white-space:nowrap;text-align:center}
.wrapPop.wrapPlans .wrapTbl .tbody li span:first-child{width:auto;}
.wrapPop.wrapPlans .wrapTbl .tbody li span input{height:20px;padding:5px;font-size:12px;line-height:1.2;text-align:center;color: #5C5C5C;border-radius: 4px;border: 1px solid #C8C8C8;background: #FFF;}
.wrapPop.wrapPlans .wrapTbl .tbody li .tal{flex-shrink:0;padding-left:0;width:30%;color:#000;}
.wrapPop.wrapPlans .wrapTbl .tbody li span img{vertical-align:middle;}
/*.wrapPop.wrapPlans .wrapTbl table{padding-left:25px;vertical-align:top;}
.wrapPop.wrapPlans .wrapTbl tbody tr td{height:37px;}
.wrapPop.wrapPlans .wrapTbl table tbody td input{height:20px;padding:5px;font-size:12px;line-height:1.2;text-align:center;color: #5C5C5C;border-radius: 4px;border: 1px solid #C8C8C8;background: #FFF;}
*/
.wrapPop.wrapPlans.step2 .cnt{overflow:hidden;margin-top:16px;border-radius:8px;background: #E5EFFF;}
.wrapPop.wrapPlans.step2 .cnt .infoP{display:flex;align-items:center;padding:16px;justify-content: space-between;background: #5086E9;}
.wrapPop.wrapPlans.step2 .cnt .infoP .list{display:flex;align-items:center;}
.wrapPop.wrapPlans.step2 .cnt .infoP .list li{height:25px;padding:0 16px;font-size:12px;color:#fff;line-height: 25px;border-left:1px dashed #a7c2f4}
.wrapPop.wrapPlans.step2 .cnt .infoP .list li.name{padding-left:0;font-size:16px;border:0;}
.wrapPop.wrapPlans.step2 .cnt .infoP .prog{padding: 8px 16px;font-size:12px;color:#fff;border-radius: 30px;background: #1A60E0;}
.wrapPop.wrapPlans.step2 .wrapCnt{height:auto;padding:32px 16px;display:flex;justify-content: space-between;}
.wrapPop.wrapPlans.step2 .wrapCnt .tit{font-size:14px;font-weight:500;color: #003CA5;}
.wrapPop.wrapPlans.step2 .wrapCnt .col01{padding-right:16px;border-right:1px dashed #7396d2}
.wrapPop.wrapPlans.step2 .wrapCnt .col01 .wrapTbl{height:344px;padding-right:8px;}
.wrapPop.wrapPlans.step2 .wrapCnt .col01 .wrapTbl::-webkit-scrollbar-thumb{background-color:#D3E4FF;}
.wrapPop.wrapPlans.step2 .wrapCnt table tr{border-bottom:8px solid #E5EFFF;}
.wrapPop.wrapPlans.step2 .wrapCnt table td{overflow:hidden;text-align:center;}
.wrapPop.wrapPlans.step2 .wrapCnt table th{padding:8px;font-size:12px;color:#fff;font-weight:500;text-align:center;line-height:1.2;background: #959595;border-bottom:8px solid #E5EFFF;word-break:keep-all;}
.wrapPop.wrapPlans.step2 .wrapCnt table td{padding:16px 8px;font-size:12px;color:#5C5C5C;font-weight:500;line-height:1.2;background: #fff;}
.wrapPop.wrapPlans.step2 .wrapCnt table th:first-child,
.wrapPop.wrapPlans.step2 .wrapCnt table td:first-child{border-radius:8px 0 0 8px}
.wrapPop.wrapPlans.step2 .wrapCnt table td:first-child{padding-left:16px}
.wrapPop.wrapPlans.step2 .wrapCnt table th:last-child,
.wrapPop.wrapPlans.step2 .wrapCnt table td:last-child{border-radius:0 8px 8px 0}
.wrapPop.wrapPlans.step2 .wrapCnt table .tal{color:#000;}
.wrapPop.wrapPlans.step2 .wrapCnt .col02{width:200px;padding-left:16px;flex-shrink:0;flex-grow:1;overflow: auto;}
.wrapPop.wrapPlans.step2 .wrapCnt .col02 table td{padding:8px;}
.wrapPop.wrapPlans.step2 .wrapCnt .col02 .btnWrap{margin:0;}
.wrapPop.wrapPlans.step2 .wrapCnt .col02 .btnWrap .sizeSm{font-size:12px;}

.wrapPop.popMedia .titPop{height:48px;padding:0 20px;font-size:14px;color:#000;line-height:48px;background: #E3DBD7;}
.wrapPop.popMedia .popCnt{overflow:hidden;width:700px;padding:0;}
.wrapPop.popMedia .popCnt .cnt{padding:20px;}

/* ##### 태블릿#02 - 가로 1024*650 #####*/
@media (max-width:1279px){
    .header{height:50px;}
    .header .wrapper{height:50px;padding-top:15px;}
    .wrapCnt .aside{width:220px;min-height:600px;padding:24px 16px}
    .wrapCnt .aside .wrapList .list li a{font-size:8px;}
    .wrapCnt .wrapCntInfo .col01{height:402px;}
    .wrapCnt .wrapCntInfo .col02{max-width:none}
    .wrapCnt .wrapCntInfo .col02 .wrapTbl{height:294px;}
    .wrapCnt .listToday{max-width:998px;padding:0 24px;}
    .wrapCnt .listToday > li{width:292px;}
    .wrapCnt .contents.full{padding:25px 24px}
}

/* ##### 태블릿#01 - 세로 650*1024 #####*/
@media (max-width:1023px){
    .tblTypeA tbody th,
    .tblTypeA tbody td{font-size:10px;}
    .tblTypeA tbody td{padding:0 8px;}

    .wrapPop .popCnt.sizeLg{width:600px;}

    .wrapLogin .wrapper .wrapCnt{position:static;width:100%;max-width:none;height:58.5vh}
    .wrapLogin .wrapper:after{position:static;width:100%;height:41.5vh;}

    .header .logo{margin-right:26px}
    .header .gnb li a{padding:0 10px;}
    .header .util img{margin-left:10px;}
    .wrapCnt{position:relative;display:block;height:calc(100vh - 50px);}
    .wrapCnt .aside{width:100%;padding:24px;min-height:auto}
    .wrapCnt .aside .wrapList .list{padding:16px;}
    /*.wrapCnt .contents.cntBlank{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center 60%;z-index:-1}*/
    .wrapCnt .contents.cntBlank{position:relative;top:0;left:0;right:0;bottom:0;background-position:center 60%;z-index:1}
    .wrapCnt .contents .listInfo li .tit,
    .wrapCnt .contents .listInfo li .val{font-size:10px}
    .wrapCnt .contents .listInfo li .tit{margin-right: 8px;}
    .wrapCnt .wrapCntInfo .col01{width:100px;height:656px;padding-right:4px}
    .wrapCnt .wrapCntInfo .col01 .listDate li a{font-size:9px;letter-spacing:-0.5px;}
    .wrapCnt .wrapCntInfo .col01 .listDate li .stat{width:26px;margin-right:4px}
    .wrapCnt .wrapCntInfo .col02 .infoProg li .tit,
    .wrapCnt .wrapCntInfo .col02 .infoProg li .val{font-size:10px;}
    .wrapCnt .wrapCntInfo .col02 .infoProg li .tit{margin-right:8px}
    .wrapCnt .wrapCntInfo .col02 .infoProg li .val .graph{width:43px;margin-right:8px;}
    .wrapCnt .wrapCntInfo .col02 .wrapTbl{height:548px;}

    .wrapCnt .listToday{overflow:hidden;overflow-y:auto;height:774px;padding:0 0 0 20px;margin:100px 20px  0 0}
    .wrapCnt .listToday > li{width:46%}

    .wrapCnt .contents.full .wrapper{padding:20px 16px;}
    .wrapCnt .contents.full .wrapper table td{padding:0 5px;}
    .contents .wrapTblUtil{margin-top:8px !important;}
    .contents .wrapTblUtil .txt{font-size:12px;}
    .contents .tblTypeA.mtSMd{margin-top:8px !important}

    .wrapMypage{display:flex;padding:24px;align-items:center;}
    .wrapMypage .cnt{width:100%;margin:0 auto}
    .wrapMypage .cnt .aside{width:183px;}
    .wrapPop.wrapPlans .row01 .listPlan{display:block;margin:0;height:322px}
    .wrapPop.wrapPlans .row01 .listPlan li{margin:8px 8px 0 0;}
    .wrapPop.wrapPlans .row01 .listPlan li:first-child{margin-top:0;}
    /*	.wrapPop.wrapPlans .wrapTbl td input{font-size:10px;}*/
    .wrapPop.wrapPlans .wrapTbl .thead{height:44px;padding:4px 0 4px 26px;line-height:1.1;}
    .wrapPop.wrapPlans .wrapTbl .thead li{word-break:keep-all;font-size:10px}
    .wrapPop.wrapPlans .wrapTbl .thead .tit{width:83%;}
    .wrapPop.wrapPlans .wrapTbl .tbody li .tal{width:44%;padding-left:4PX}
    .wrapPop.wrapPlans .wrapTbl .tbody li span{width:41px;padding:0 4px}
    .wrapPop.wrapPlans .wrapTbl .tbody li span input{font-size:10px;}
    .wrapPop.wrapPlans.step2 .cnt .infoP{display:block;}
    .wrapPop.wrapPlans.step2 .cnt .infoP .prog{margin-top:8px;}
    .wrapPop.wrapPlans.step2 .wrapCnt{display:block;padding:16px;}
    .wrapPop.wrapPlans.step2 .wrapCnt .col01{padding-right:0;border:0}
    .wrapPop.wrapPlans.step2 .wrapCnt .col01 .wrapTbl{height:284px;}
    .wrapPop.wrapPlans.step2 .wrapCnt .col02{width:100%;padding:0;margin-top:16px;}
    .wrapPop.wrapPlans.step2 .wrapCnt .col02 .wrapTbl{/*height: auto;*/overflow:hidden;overflow-y:auto;}
    .wrapPop.wrapPlans.step2 .wrapCnt table{border:0;}
    .wrapPop.wrapPlans.step2 .wrapCnt table td{padding:0 6px;}
    .wrapPop.wrapPlans.step2 .wrapCnt table td:first-child{padding-left:16px}
    .wrapPop.wrapPlans.step2 .wrapCnt .col02 table td{height:40px;padding:0}

}

/* input 자동완성 파란색 배경 제거  */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }