@charset "utf-8";
/* *******************************************************
 * filename : content_responsive.css
 * description : 서브페이지 컨텐츠 반응형 CSS
 * date : 2020-11-25
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;/* margin-right:-15px; */ cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px; -webkit-transform:translateY(-50%);transform:translateY(-50%);}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	.sub-tab-wrapper-style{margin-bottom:30px;}
	.sub-tab-list-style ul li{width:120px;}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#333; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#1eb6eb; font-weight:600; }

	.sub-tab-list-style ul li.box-sd{border-radius:0; box-shadow:none; margin-right:0;}
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* ******************  회사소개 ********************** */
@media all and (max-width:800px){
	.intro-top-con .top-txt{font-size:14px;}
	.intro-middle-con .tit{font-size:20px;}
	.intro-middle-con .item-tit{font-size:16px;}
	.intro-middle-con .item-txt, .develop-item-bottom .sub-txt{font-size:13px; margin-top:0px;}
	.develop-item-bottom .tit-box{margin-bottom:20px;}
	.develop-item-bottom .tit-box .item-tit{margin-bottom:4px;}
	.develop-item-bottom .sub-txt{display:block; margin-left:0; margin:0px;}
	.intro-top-con .top-txt{margin-top:25px;}
	.intro-top-con, .intro-middle-con{margin-bottom:60px;}
	.intro-middle-con .tit{margin-bottom:15px;}
	.develop-item{box-sizing:border-box; padding:6.25%;}
	.develop-item-bottom{padding:6.25%;}

	.develop-item-bottom .item-img{margin-top:0;}
	.develop-item-bottom .item-img img{width:1095px;}

	.solution-item{display: block; padding:9.62% 0 7.2%;}
	.solution-item .solution-txt-box{display: block; width:100%; margin-bottom:20px;}
	.solution-item .solution-txt-box img{width:40%;}
	.solution-item .solution-img-box{display: block; width:100%;}
	.solution-item .solution-img-box span{display: block; text-align:center;}
}
@media all and (max-width:640px){
	.intro-develop-con{display: block; margin:0 0 23px;}
	.develop-item{width:100%; margin:0 0 20px;}
}
/* ******************  파트너  ********************** */
@media all and (max-width:1024px){
	/* .partner-intro{display: flex; flex-wrap:wrap; flex-direction:column-reverse; padding:0} */
	.partner-intro{transform:rotate(180deg); padding:0}
	.partner-txt-box{transform:rotate(180deg);}
	.partner-img-box{transform:rotate(180deg);}
	.partner-intro:before{width:100%;}
	.partner-txt-box{display: block; width:100%; padding:10px 4.85% 30px;}
	.partner-txt-box:before{width:100%;}
	.partner-img-box{display: block; width:100%; padding:20px; text-align:center; box-sizing:border-box;}

	.partner-con .simulation-list li{padding:0 20px;}
	.partner-con .simulation-list li .txt{padding-left:60px;}
}
@media all and (max-width:800px){
	.partner-txt-box .txt, .partner-con .tit-box .txt, .simulation-item-img .item-list li .img-txt{font-size:13px;}
	.partner-txt-box .link-btn{font-size:12px}
	.partner-con .simulation-list li .txt{font-size:14px;}
	.partner-con .tit-box .con-tit{font-size:19px;}

	.partner-intro{margin-bottom:60px;}
	.partner-con .tit-box{margin-bottom:30px;}
	.partner-con .tit-box .con-tit{margin-bottom:10px;}
	.partner-txt-box .txt{margin:15px 0;}
	.partner-con .emcos-img-box{margin-top:7.5%;}
	
	.partner-con .simulation-list li .txt{padding-left:45px;}
	.partner-con .simulation-list li .txt:before{width:32.9px; height:30.8px; background-size:contain;}
	/* 파트너 :: 컨텐츠(이미지) */
	.simulation-item-img .item-list li{border-bottom:0}
	.simulation-item-img .item-list li .img-txt{margin-top:5px;}
	.simulation-item-img .item-list{flex-wrap:wrap;}
	.simulation-item-img .item-list li{width:33.33%; margin-bottom:15px;}


	#tabConM03 .partner-con:last-child{margin-top:4.5rem;}
	.partner-list-box li{width:50%; padding:5px;}
}
@media all and (max-width:640px){
	.partner-con .simulation-list{margin:0 0 40px;}
	.partner-con .simulation-list li{width:100%; margin:0 0 15px; height:80px;}

	/* ie */
	.ie-browser .partner-con .simulation-list li .txt:before{height:80px;}
}
@media all and (max-width:480px){
	.simulation-item-img .item-list li{width:50%;}
}
/* ******************  인증  ********************** */
@media all and (max-width:800px){
	.certificate-con .con-tit{font-size:17px;}
	.certificate-txt-box dl dd .txt{font-size:15px;}
	.certificate-txt-box dl dd .num{font-size:20px;}

	.certificate-con{margin-top:50px;}
	.certificate-con .con-tit{margin-bottom:25px;}

	.certificate-table-box{display: block;}
	.certificate-img-box{display:block; width:100%; text-align:center;}
	.certificate-txt-box{display:block; width:100%; padding-left:0;}
	.certificate-txt-box dl{padding:35px 0;}
	.certificate-txt-box dl dt{width:81.9px; height:81.9px;}
	.certificate-txt-box dl dt .icon{background-size:50%;}
	.certificate-txt-box dl dd{padding-left:110px;}
}
/* ******************  오시는 길  ********************** */
@media all and (max-width:800px){
	.location-table th, .location-table td{font-size:13px;}
	.location-con .logo-tit{margin:30px 0 5px; display:none;}
	.location-table th{width:60px; min-width:auto;}
	.location-table td{padding:20px 6.25%;}
	.location-table td .subway .num:before{width:20px; height:20px;}
	/* 카카오지도 */
	.location-map{padding-top:300px;}
}

/* --------------------  Product/Solution -------------------- */
@media all and (min-width:801px){
	.product-list-wrap a:hover .product-item-box .box-txt .item-title, .product-list-wrap a:hover .product-item-box .box-icon span{color:#1eb6eb; opacity:1;}
}
@media all and (max-width:800px){
	.product-item-box .box-txt .item-title{font-size:19px;}
	.product-item-box .box-txt .item-txt{font-size:13px;}
	.product-item-box .box-icon span{font-size:20px;}
	.product-item-box{padding:15px;}
	.product-list-wrap .box-sd{margin-bottom:15px;}
}
/* 뷰페이지 */
@media all and (max-width:800px){
	.product-view-top-box .list-txt{font-size:14px;}
	.product-view-con .view-con .tit{font-size:16px;}
	.product-view-btn a p{font-size:13px;}
	.product-page .editor{font-size:13px;}

	.product-view-top-box{margin-bottom:3rem;}
	.product-view-con{padding:25px 20px;}
	.product-view-con .view-con{margin-bottom:30px;}
	.product-view-con .view-con .tit{margin-bottom:10px;}
	.product-view-con .view-con .tit:before{top:9px; width:4px; height:4px; left:-15px;}
	.product-view-btn a{height:40px; line-height:40px;}
}
@media all and (max-width:480px){
	.product-view-btn a{width:100%; }
}

/* --------------------  R&D/Consulting -------------------- */
.rnd-page{margin-bottom:9em;}
/* ******************  Test & Measurement  ********************** */
@media all and (max-width:800px){
	.test-top-txt{font-size:14px;}
	.test-con .con-tit{font-size:20px}
	.test-con .test-inner-box li:before, .test-con .test-inner-box li span, .test-con.con-02 .inner-right-box .txt, .test-inner-box .inner-txt-box dd{font-size:13px;}
	.test-inner-box .inner-txt-box dt{font-size:15px;}

	.test-top-txt, .test-con{margin-bottom:50px;}
	.test-con .con-tit{margin-bottom:10px;}
	.test-con .test-inner-box{padding:5% 2.08%;}
	.test-con .test-inner-box li{padding-left:30px; padding-right:10px; margin-bottom:7px;}
	.test-con .test-inner-box li:before{top:4px; left:10px;}
	.test-con.con-02 .test-inner-box li:before, .test-con.con-04 .test-inner-box li:before{top:5px;}

	/* 컨텐츠02,04 */
	.test-con.con-02 .test-inner-box, .test-con.con-04 .test-inner-box{display: block; width:100%;}
	.test-con.con-02 ul, .test-con.con-04 ul{display: block; width:100%;}
	.test-con.con-02 .inner-right-box, .test-con.con-04 .inner-right-box{display: block; width:100%; margin-top:20px;}
	/* 컨텐츠03 */
	.test-con.con-03 .test-inner-box ul{display:block;}
	.test-con.con-03 .test-inner-box li{width:100%;}
	/* 컨텐츠04 */
	.inner-bottom-box{padding:2.08%;}
	.inner-bottom-box span{display: block; width:100% !important; margin:0 auto 15px;}
	.inner-bottom-box span:nth-child(3){margin-right:auto;}
}
/* ******************  Signal Integrity  ********************** */
@media all and (max-width:800px){
	.rnd-inner-tit, .check-mark .check-mark-txt:before{font-size:15px;}
	.rnd-con-wrap .rnd-tit{font-size:20px;}
	.rnd-con-wrap .rnd-box .txt{font-size:13px;}
	.rnd-page .bottom-plus-txt{font-size:14px;}
	.check-mark .check-mark-txt:before{left:-20px;}

	.rnd-con-wrap{margin-top:3rem;}
	.rnd-con-wrap .rnd-tit, .rnd-con-wrap .rnd-box .txt{margin-bottom:10px;}
	.rnd-con-wrap .rnd-box .txt{padding-right:0;}
	.rnd-con-wrap .rnd-box .box-img{margin:20px 0;}
	.rnd-page .bottom-plus-txt{margin-top:30px;}

	.rnd-top-img-box{padding-top:150px;}
	.rnd-con-wrap .rnd-box{padding:20px 15px;}

	.rnd-inner-type01{display: block;}
	.rnd-inner-type01 .type-01-txt{display: block; width:100%; margin-bottom:20px;}
	.check-mark{padding-left:20px;}
	.rnd-box .type-01-img{display: block; width:100%;}
	.rnd-box .type-01-img span{text-align:center; padding:0;}
}
/* ******************  Power Integrity  ********************** */
@media all and (max-width:1230px){
	.rnd-box .type-02-img{padding:0 10px;}
}
@media all and (max-width:800px){
	.rnd-box ul li{padding:20px 0;}

	.rnd-inner-type02{display: flex; flex-wrap:wrap; flex-direction: column-reverse;}
	.rnd-box .type-02-txt{display: block; width:100%; margin-bottom:20px;}
	.rnd-box .type-02-img{display: block; width:100%; padding:0;}
	.rnd-box .type-02-img span{display: block; text-align:center; width:100%;}
	.rnd-box .type-02-img span img{width:100%;}
}
@media all and (max-width:480px){
	.rnd-box .type-02-img span img{max-width:100% !important;}
}
/* ******************  EMI/EMC  ********************** */
@media all and (max-width:800px){
	.type-03-img{display: block; width:100%; text-align:center;}
	.type-03-txt{display: block; width:100%;}
}

/* --------------------  Training -------------------- */
/* ******************  등록  ********************** */
@media all and (max-width:800px){
	.write-enroll-con dl dt, .write-enroll-con dl dd input, .write-enroll-con dl dd textarea{font-size:13px;}

	.write-enroll-con dl{width:100%; padding:15px;}
	.write-enroll-con dl dt{width:100px;}
	.write-enroll-con dl dd{padding-left:110px;}
	.write-enroll-con dl dd textarea{height:150px;}

	.spam-wrap .spam-txt{font-size:13px; height:25px; line-height:25px;}
	.review-page .cm-btn-controls button{width:150px; height:40px;}
}
@media all and (max-width:480px){
	.write-enroll-con dl{padding:10px 15px;}
	.write-enroll-con dl dt{position: relative; top:0; transform:translate(0,0); margin-bottom:0;width:100%; padding-bottom:5px;}
	.write-enroll-con dl dt:before{width:100%; height:1px; right:0; bottom:0; display:none;}
	.write-enroll-con dl dd{padding-left:0;}
	.write-enroll-con dl dd input, .write-enroll-con dl dd textarea{background-color:#f7f7f7; border-radius:5px; line-height:2.5em; text-indent:5px;}
	.write-enroll-con dl dd textarea{line-height:1.5; text-indent:0; padding:5px;}

	.review-page .cm-btn-controls button{width:100%; margin:0;}
}
/* ******************  교육후기  ********************** */
@media all and (max-width:800px){
	.review-table-wrap tbody tr p, .review-view-tit-box .review-write-btn{font-size:13px;}
	.review-btn-wrap a{font-size:14px;}
	.review-view-tit-box .tit{font-size:19px;}

	.review-con{margin-bottom:3rem;}
	.review-table-wrap{margin-bottom:20px;}

	.review-table-wrap, .review-table-wrap tbody, .review-table-wrap tbody tr{display: block;}
	.review-table-wrap tbody tr{border-bottom:0;}
	.review-table-wrap tbody tr th{display: block; width:100%; padding:10px;}
	.review-table-wrap tbody tr td{display: block; width:100%; padding:10px; border-bottom:1px solid #ddd;}
	.review-table-wrap tbody tr td p.icon{padding-left:15px;}

	.review-btn-wrap{width:230px; height:50px; line-height:50px;}
	.review-view-tit-box .review-write-btn{width:140px; height:28px; line-height:28px;}

}
@media all and (max-width:480px){
	.review-btn-wrap{width:100%;}
}
/* ******************  교육후기 - 작성페이지  ********************** */
@media all and (max-width:1230px){
	.review-write-wrap{padding:0 15px; box-sizing:border-box;}
	.review-write-wrap .modal-close-btn{right:25px;}
}
@media all and (max-width:800px){
	.partner-con .tit-box .review-tit{font-size:23px;}
	.review-write-con{padding:70px 15px;}
	.review-write-con .write-enroll-con dl dt{width:90px;}
	.review-write-con .write-enroll-con dl dd{width:calc(100% - 100px); padding-left:100px;}
}
@media all and (max-width:480px){
	.review-write-con .write-enroll-con dl dt{width:100%;}
	.review-write-con .write-enroll-con dl dd{width:100%; padding-left:0px;}	
}

/* --------------------  Careers -------------------- */
/* ******************  인사채용  ********************** */
@media all and (max-width:800px){
	.careers-cm-txt .tit{font-size:20px;}
	.careers-cm-txt .txt-big{font-size:18px;}
	.recruit-tit-box .tit{font-size:45px; line-height:1.1; margin-bottom:15px;}
	.recruit-tit-box .tit .quote{font-size:100px; line-height:0.5em;}
	.recruit-tit-box .tit .quote.left-quote{left:-10px;}
	.recruit-tit-box .tit .quote.right-quote {bottom:15px;}
	.recruit-tit-box .sub-tit{font-size:17px;}
	.recruit-explore-list .explore-txt span, .recruit-explore-slide .inner-con .inner-list li span{font-size:13px;}
	.recruit-explore-list .explore-txt .txt, .recruit-explore-slide .inner-tit-box .inner-tit{font-size:16px;}
	.recruit-explore-list .explore-icon i{font-size:20px;}
	.recruit-explore-slide .inner-tit-box .inner-sub, .recruit-explore-slide .inner-con .inner-list strong{font-size:14px}
	.recruit-explore-slide .inner-con .inner-list li span:before{top:9px;}

	.recruit-con{margin-bottom:4rem;}
	.recruit-tit-box{margin-bottom:3rem;}
	.careers-cm-txt .tit{margin-bottom:20px;}
	.recruitment-img{margin-bottom:30px;}

	.recruit-explore-wrap .recruit-explore-con{}
	.recruit-explore-list{display: flex; flex-wrap:wrap; padding:20px 10px;}
	.recruit-explore-list .explore-img{display: block; width:100%; margin:auto; max-width:322px; margin-bottom:20px;}
	.recruit-explore-list .explore-txt{display: block; padding-left:0; width:calc(100% - 40px);}
	.recruit-explore-list .explore-txt span{display: block; position: relative; width:60px; height:28px; line-height:28px; margin-bottom:5px;}
	.recruit-explore-list .explore-txt .txt{padding-left:0px;}
	.recruit-explore-list .explore-icon{display: block; width:40px;}
	.recruit-explore-list .explore-icon i{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

	.recruit-explore-slide{padding:25px 15px;}
	.recruit-explore-slide .inner-con{display: block;}

	.recruit-explore-slide .inner-con .inner-list{width:100%; margin:0 0 10px;}
	.recruit-explore-list .explore-icon:before{width:40px; height:40px;}	
}
/* ie-browser */
@media all and (max-width:800px){
	.ie-browser .recruit-explore-list .explore-txt{height:auto;}
	.ie-browser .recruit-explore-list .explore-icon:before{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
}
/* ******************  인사제도  ********************** */
@media all and (max-width:800px){
	.careers-cm-txt .top-txt{font-size:14px; margin-bottom:20px;}
	.careers-cm-txt .sub-tit{font-size:18px; margin-bottom:5px;}
	.careers-cm-txt .txt, .policy-list-02 .inner-list dl dt, .policy-list-02 .inner-list dl dd{font-size:13px;}
	.policy-list-03 .careers-cm-txt .txt:before{top:10px;}

	.policy-con{margin-bottom:3rem;}
	.careers-policy-list li{padding:20px 15px;}
	.policy-list-01{display: block;}
	.policy-list-01 .list-txt-box{display: block; width:100%; margin-bottom:15px;}
	.policy-list-01 .list-txt-box:last-child{margin-bottom:0; width:auto; margin:0 -15px; border-top:1px solid #ddd; padding:20px 15px 0;}
	.policy-list-02 .inner-list{margin-top:20px;}
	.policy-list-02 .inner-list dl{width:100%; margin-bottom:5px;}
	.policy-list-02 .inner-list dl dd{padding-left:90px;}
}
/* ******************  인재육성  ********************** */
@media all and (max-width:1024px){
	.develop-con{display: block;}
	.develop-con-left{width:100%; margin-bottom:23px;}
	.develop-box:last-child{margin-bottom:23px;}
	.develop-con-right{width:100%;}
	.develop-con-right .right-inner-list li:last-child{padding-bottom:33px;}
}
@media all and (max-width:800px){
	.develop-tit{font-size:17px;}
	.develop-txt, .develop-con-right .right-inner-list dl dt, .develop-sub-txt{font-size:13px;}

	.develop-box{padding:20px;}
	.develop-box .icon-box{width:63.7px;}
	.develop-box .icon-box span img{width:63.7px;}

	.develop-con-right .right-inner-list{padding:0 30px;}
	.develop-con-right .right-inner-list dl dt{width:80px;}
	.develop-con-right .right-inner-list dl dd{width:calc(100% - 80px);}
	.develop-con-right .right-inner-list .list-01 dl dt{width:50px;}
	.develop-con-right .right-inner-list .list-01 dl dd{width:calc(100% - 50px);}
}
@media all and (max-width:480px){
	.develop-con-right .right-inner-list li{padding:15px 0;}
	.develop-con-right .right-inner-list dl{display: block;}
	.develop-con-right .right-inner-list dl dt{display: block; width:100% !important;}
	.develop-con-right .right-inner-list dl dd{display: block; width:100% !important;}
}

/* ******************  일정  ********************** */
/* ----------- 연수회 신청 :: 연수회 신청 캘린더 ------------- */
@media all and (max-width:1320px){
	.calendar-content .calendar-tbl td .schedule-list-con li .workshop-tit{font-size:15px;}
	.calendar-content .calendar-tbl td .schedule-list-con li span{font-size:12px;}
}
@media all and (max-width:1024px){
	.calendar-content .calendar-tbl td .schedule-list-con li .workshop-tit{font-size:14px;}
	.calendar-content .calendar-tbl td .schedule-list-con li span{font-size:12px;}
}
@media all and (max-width:880px){
	.calendar-content .calendar-tbl td .schedule-list-con li .workshop-tit{font-size:13px;}
	.calendar-content .calendar-tbl td .schedule-list-con li span{font-size:11px;}
}
@media all and (max-width:830px){
	.calendar-content .calendar-tbl td .schedule-list-con li span{font-size:10.5px;}
}
@media all and (max-width:800px){
	.apply-calendar-con{padding-top:19px}
	#calendarContent{padding-top:15px}
	/* 캘린더 :: 상단 */
    .calendar-top-con{margin-bottom:20px}
    .calendar-top-con .current-month{font-size:30px; }
    .calendar-top-con .current-year{font-size:16px; margin-left:10px}
    .calendar-top-con a{width:30px; height:30px; line-height:30px; margin-top:-15px; }
    .calendar-top-con a i{font-size:24px;}
    /* 캘린더 :: 캘린더 */
    .calendar-content .calendar-tbl th{font-size:13px; letter-spacing:0px;}
    .calendar-content .calendar-tbl td{height:auto; padding:15px 0; text-align:center;}
    .calendar-content .calendar-tbl td .date{font-size:15px; padding:0 0 5px 0; }
    .calendar-content .calendar-tbl td .has-schedule-icon{display:none;}
    .calendar-content .calendar-tbl td .schedule-list-wrapper{position:absolute; bottom:5px; left:0px; right:0px; text-align:center;}
    .calendar-content.apply .calendar-tbl td .schedule-list-con {display: none; height:auto; margin-top:10px; /* display:inline-block; */}
    .calendar-content .calendar-tbl td .schedule-list-con li{float:left; width:7px; height:7px ; padding-left:0; margin:0 2px; font-size:0;}
    .calendar-content .calendar-tbl td .schedule-list-con li:before{position:static; width:100%; height:100%; display:block; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
	.state-info{display: none;}
}
/* 연수회 현황 달력 추가 css */
@media all and (max-width:800px){
	.status-page ul.calendar-item-group{margin: -5px -2%;}
	.status-page li.calendar-item{float: left; width: 46%; margin: 5px 2%; height:325px}

	.status-page .calendar-top-con .prev-month-btn{left:0; margin-left: 0;}
	.status-page .calendar-top-con .next-month-btn{right:0; margin-right: 0;}
	.status-page .calendar-top-con {padding-bottom: 20px;}
	.status-page .calendar-top-con a{line-height: 25px; margin-top: -16px;}

	.status-page .calendar-item-wrapper {margin-top: 0;}
	.status-page .calendar-month-tit{padding: 5px 0 10px; font-size: 13px;}
	.status-page .calendar-content .calendar-tbl th{padding: 3px 0; font-size: 11px;}
	.status-page .calendar-content .calendar-tbl td {height: 30px; padding: 7px 0px; position: relative;}
	.status-page .calendar-content .calendar-tbl td .date {font-size: 11px; padding: 0;}
	.status-page .calendar-content .calendar-tbl td .schedule-list-wrapper {position: static;}
	.status-page ul.schedule-dot-group:before{position: absolute; top: 70%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; content: ''; width: 7px; height: 7px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;  background-color: #0c4e9b; display: none;}
	.status-page ul.schedule-dot-group li{/* display: none; */}
	.status-page ul.schedule-dot-group li .dot {width: 4px; height: 4px;}
}
/* 연수회 신청 달력 추가 css */
@media all and ( max-width: 800px ){
	.calendar-top-date {max-width: none; margin: 0px auto 20px;}

	.calendar-content .calendar-tbl td{position: relative;}
	.has-schedule-td{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}

	.schedule-apply-con .state-info{display: block; float: right;}
	.state-info{position:static;}
	.state-info p{margin-bottom:4px; font-weight:300; font-size:13px; letter-spacing:-0.25px; color:#444}
	.state-info p.state-reservation{margin-top:8px}
	.state-info p strong{display:inline-block; vertical-align: middle; width:5px; height:5px; border-radius:50%; margin-right:10px}
	.state-info p span{display:inline-block; vertical-align: middle; font-weight:300; font-size:11px; letter-spacing:-0.25px; color:#fff; padding:5px 4px  6px; border-radius:5px; margin-left:8px; vertical-align:middle}

	.schedule-apply-con .schedule-list-con{float: left;}
	.schedule-apply-con .schedule-list-con li .workshop-tit{font-weight:500; font-size:14px; letter-spacing:-0.25px; }
	.schedule-apply-con .schedule-list-con li span{font-weight:300; font-size:12px; display:block; position:relative; line-height:1.57em}
	.schedule-apply-con .schedule-list-con li span.state-decide{color:#0c9b31}
	.schedule-apply-con .schedule-list-con li span.state-possibility{color:#ed1616}
	.schedule-apply-con .schedule-list-con li span.state-reservation{color:#ff9000}
}
/* 달력 팝업 */
/* modal layer content */
@media all and (max-width:800px){
	.status-page .main-calendar-detail{width: 100%;}
	.status-page .footer-modal-content{width: 96%;}
}
@media all and (max-width:480px){
	.status-page ul.schedule-view-list li {padding-left: 0; padding-top: 20px; width: 100%;}
}

/* ******************  복지제도  ********************** */
@media all and (max-width:800px){
	.welfare-list-wrap{display: block;}
	.welfare-list-wrap .develop-box{width:100%; padding:20px 15px;}
}
/* ie-browser */
@media all and (max-width:1024px){
	.ie-browser .welfare-list-wrap .develop-box{height:auto; width:100%; padding:20px 15px;}
}