@charset "utf-8";.sub{padding:60px 0 100px}
.sub.member{min-height:100vh;background-color:var(--bg-light-gray);padding:60px 0}
.sub.member .sub-login-area{width:500px;margin:0 auto}
.sub.login{background-color:var(--bg-light-gray);padding:130px 0 0 0}
@media (max-width:1440px){
	.sub{padding:60px 0 80px}
	.sub .inner{padding:0 40px 0}
}
@media (max-width:1080px){
	.sub{padding:40px 28px 40px}
	.sub .inner{padding:0}
}
@media (max-width:768px){
	/* .sub{padding:20px 0 40px} */
	.sub.member{padding:30px 0px}
}
@media (max-width:640px){
	.sub{padding:20px 10px}
	.sub .inner{padding:0 10px}
	.sub.member .sub-login-area{width:100%;margin:0}
	ul.tab-list{margin-bottom:20px !important}
	.member-area{padding:0px}
}



/*******************************************
	서브비주얼 S
********************************************/
#sub-visual{height:250px;position:relative;overflow:hidden;margin:130px 0 0 0}
#sub-visual::before{width:100%;height:100%;background:var(--black);opacity:.5;content:'';position:absolute;top:0;left:0}
#sub-visual .title-box{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#sub-visual .title-box span{color:var(--white);line-height:1}
#sub-visual .title-box strong{font-size:32px;color:var(--white);font-weight:700;line-height:1;margin-top:10px;display:block}
#sub-visual .sub-visual-img{height:100%;position:relative;overflow:hidden;z-index:-1}
#sub-visual .sub-visual-img img{width:100vw;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);object-fit:cover}

@media (max-width:1440px){
	#sub-visual{height:180px;margin:110px 0 0 0}
	#sub-visual .title-box strong{font-size:24px}
}
@media (max-width:1080px){
	#sub-visual{height:120px;margin:70px 0 0 0}
	#sub-visual .title-box span{font-size:12px}
	#sub-visual .title-box strong{font-size:20px;margin-top:5px}
}
@media (max-width:768px){
	#sub-visual{margin:60px 0 0 0}
}
@media (max-width:640px){
	#sub-visual{height:auto;border-bottom:1px solid #d6deea;padding:20px 0}
	#sub-visual::before{content:none}
	#sub-visual .title-box{position:relative;top:auto;left:auto;transform:translate(0,0)}
	#sub-visual .title-box span{color:#626262}
	#sub-visual .title-box strong{color:var(--black)}
	#sub-visual .sub-visual-img{display:none}
}
/*******************************************
	서브비주얼 E
********************************************/



/*******************************************
	서브내비 S
********************************************/
.sub-nav{height:64px;clear:both;background:var(--white);box-shadow:0px 0px 10px -4px rgb(0,0,0,0.4);position:relative;z-index:20}
.sub-nav .btn-home{width:64px;height:64px;background:var(--green) url('/img/lms/com/icon_home_white.svg') 50% 50% no-repeat;background-size:28px;font-size:0;display:block;float:left}
@media (max-width:1080px){
    .sub-nav{display:none}
}
/*******************************************
	서브내비 E
********************************************/



/*******************************************
	컨텐츠 제목 S
********************************************/
h2{font-size:30px;font-weight:600;color:var(--black);position:relative;padding-left:20px;display:inline-block;margin-bottom:20px}
.s0603 .form-block h3{ color:var(--black);font-weight:300 !important}
h2::before{content:'';position:absolute;top:20px;left:0;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:var(--white);border:3px solid var(--green)}
h3{font-size:20px;margin-bottom:14px;color:var(--green);display:inline-block}
.form-top h2{margin-bottom:0 !important;margin-top:0px}
.form-top h3{margin-bottom:0 !important;margin-top:20px}
.s0406 h3{color:var(--black)}
.s0406 .form-block h3{font-weight:300 !important;margin-bottom:24px !important}
.s0406 .form-block .form-line h3{font-weight:600 !important;margin-bottom:20px !important}

h4{font-size:18px;color:var(--black)}

@media (max-width:1440px){
	h2{font-size:26px;margin-bottom:20px}
}
@media (max-width:1080px){
	h2{font-size:22px}
	h2::before{width:14px;height:14px;top:16px}
	.s0706 h2{padding-left:0}
	.s0706 h2::before{display:none;padding-left:0}
	
	h3{font-size:18px}
	p.basic-text{font-size:16px}
	
}
@media (max-width:768px){
	h2{font-size:18px;padding-left:14px}
	h2::before{width:10px;height:10px;border:2px solid var(--green);top:12px}
	h3{font-size:16px}
	h4{font-size:14px;margin-bottom:8px }
	p.basic-text{font-size:14px !important} 
}
@media (max-width:640px){
	h2::before{width:10px;height:10px;top:12px}
}
@media (max-width:320px){
	h2{font-size:16px}
	h2::before{top:12px}
	h3{font-size:14px}
	h4{font-size:14px}	
}
/*******************************************
	컨텐츠 제목 E
********************************************/



/*******************************************
	컨텐츠 내용 S
********************************************/
p.basic-text{font-size:18px;line-height:30px;color:var(--light-gray)}
p.bg{position:relative;padding-left:15px}
p.bg::before{width:8px;height:1px;background:var(--light-gray);content:'';position:absolute;top:13px;left:0}
.form-top{margin-bottom:20px !important}
.info-text{margin-top:8px}

.cont_box_type01{padding:40px 250px 40px 50px;margin-bottom:30px;color:var(--black);font-size:24px;font-weight:400;background:var(--bg-light-gray) url(/img/ips/sub/img_s010102.svg) no-repeat right 10px top 15px / 400px;border:1px solid var(--green);line-height:40px}
.cont_box_type01 strong{display:inline-block;margin-bottom:12px;color:var(--green);font-size:30px}
.cont_box_type01 span{display:block}

@media (max-width:1080px){
    .info-text{font-size:14px}
	p.bg{margin-bottom:4px }
	p.basic-text{font-size:16px;line-height:24px}
	.cont_box_type01{padding:25px 250px 25px 35px;font-size:18px;line-height:30px}
	.cont_box_type01 strong{margin-bottom:3px;font-size:26px}
}
@media (max-width:768px){
	.form-top{margin-bottom:16px !important}
	.info-text{font-size:12px}
	.cont_box_type01{padding:15px 20px;font-size:17px;background:var(--bg-light-gray)}
	.cont_box_type01 strong{font-size:20px}
}

@media (max-width:400px){
	.form-top{margin-bottom:10px !important;flex-direction:column}
}	

@media (max-width:320px){
	p.basic-text{font-size:12px;line-height:26px !important} 
	p.basic-text:nth-child(1){margin-bottom:4px}
	.join-type-btn a .info-text{float:none}
}

/*******************************************
	컨텐츠 내용 E
********************************************/
.guide-text{text-align:center}
.score{width:120px;display:none}
.score.on{display:inline-block}
.score img{width:100%}

/* 문자열 길이 초과시  ...으로 표시 */
.text-over{overflow:hidden;text-overflow:ellipsis}

/*******************************************
	컨텐츠 탭 S
********************************************/
ul.cont-tab01{overflow:hidden;display:flex;width:100%;justify-content:center;margin-bottom:40px}
ul.cont-tab01 li{width:140px;height:50px;background:var(--bg-light-gray);border:1px solid var(--light-gray-line);transition:.4s;margin-right:10px}
ul.cont-tab01 li:last-child{margin-right:0}
ul.cont-tab01 li:hover{background:var(--bg-light-gray-hover)}
ul.cont-tab01 li a{height:100%;font-size:18px;display:flex;align-items:center;justify-content:center;text-decoration:none}
.tab-cont-box{display:none}
ul.cont-tab01 li.current{background-color:var(--green);border:none}
ul.cont-tab01 li.current a{color:var(--white)}
.tab-cont-box.current{display:block}

@media (max-width:1080px){
    ul.cont-tab01 li a{font-size:16px}
    ul.cont-tab01 li{width:126px;height:43px}
}
@media (max-width:768px){
    ul.cont-tab01{ margin-bottom:20px;justify-content:space-between}
    ul.cont-tab01 li{width:100%;margin-right:0px;height:36px}
    .s0601 ul.cont-tab01 li:nth-child(2){border-right:0}
    ul.cont-tab01 li:nth-child(3){border-right:0}
    ul.cont-tab01 li:nth-child(4){border-right:0}
    ul.cont-tab01 li a{font-size:14px}
}
@media (max-width:320px){
    ul.cont-tab01 li a{font-size:12px}
    ul.cont-tab01{ margin-bottom:20px}
}
/*******************************************
	컨텐츠 탭 E
********************************************/



/*******************************************
	컨텐츠 탭-2 S
********************************************/
ul.tab-list{width:100%;display:flex;overflow:hidden}
ul.tab-list li{width:100%;height:60px}
ul.tab-list li a{width:100%;height:100%;text-align:center;font-size:20px;background-color:#fff;border:1px solid var(--light-gray-line);display:flex;align-items:center;justify-content:center;transition:.4s;-webkit-transition:.4s}
ul.tab-list li:first-child a,
ul.tab-list li:nth-child(2) a{border-width:1px 0 1px 1px}

.s0407 ul.tab-list li:nth-child(2) a{border-width:1px}  /* 교육프로그램-교육/행사 참여내역 탭메뉴 오른쪽  */

/* ul.tab-list li:nth-child(3) a{border-width:1px 0 1px 1px} */
ul.tab-list li:nth-child(4) a{border-width:1px 0 1px 1px}
ul.tab-list li a:hover{background-color:#f7f7f7}
ul.tab-list li.active a{font-weight:600;color:#fff;background-color:#007a33}
.tabcontent{display:none}
.tabcontent.active{display:block}


@media (max-width:1440px){
    ul.tab-list li{ height:54px}
    ul.tab-list li a{font-size:18px}
}
@media (max-width:1080px){
    ul.tab-list li{ height:50px}
    ul.tab-list li a{font-size:18px}
    .s0504 mb40{margin-bottom:28px !important}
}
@media (max-width:780px){
    ul.tab-list li{ height:48px}
    .s0504 .mb40{margin-bottom:20px !important}
    .s0408 ul.tab-list li:nth-child(2) a{border-width:1px 1px 1px 1px}
}
@media (max-width:768px){
    ul.tab-list li a{font-size:16px}
}
@media (max-width:360px){
    ul.tab-list li{height:40px}
    ul.tab-list li a{font-size:14px}
    .s0504 .mb40{margin-bottom:20px !important}
}
/*******************************************
	컨텐츠 탭-2 E
********************************************/



/*******************************************
	0101-센터장인사말 S
********************************************/
.s010101{padding:0;position:relative}
.s010101::after{content:'';position:absolute;top:0;right:0;width:354px;height:472px;background:url(/img/ips/sub/img_s010102.jpg) no-repeat;box-shadow:40px 40px 0 0 rgba(0, 0, 0, .1)}
.s010101 strong{font-size:32px;font-weight:300;color:var(--black);position:relative}
.s010101 strong::after{width:40px;height:1px;background:var(--black);content:'';position:absolute;bottom:-40px;left:0}
.s010101 strong span{font-weight:500}
.s010101 p{width:57%;font-size:20px;line-height:40px;margin:75px 0 0}
.s010102{width:100%;display:inline-block;background:var(--bg-light-gray);padding:40px 0 40px;margin:40px 0}
.s010102 ul li{width:48%;height:140px;display:inline-block;float:left;margin:0 0 30px}
.s010102 ul li:nth-child(n+3){height:auto;margin-bottom:0}
.s010102 ul li:nth-child(2n){float:right}
.s010102 ul li strong{font-size:20px;font-weight:600;color:var(--white);background:var(--black);display:inline-block;padding:4px;position:relative;margin:0 0 15px}
.s010102 ul li strong::after{content:'';display:block;clear:both}
.s010102 ul li p{width:100%;font-size:18px;line-height:30px;color:var(--black);display:block}
.s010102 ul li p span{display:block;clear:both}
.s010103 p{font-size:20px;line-height:40px}
.s010103 span{display:block;clear:both}

@media (max-width:1440px){
	.s010101 p{width:100%;font-size:18px;line-height:36px;margin:50px 0 0}
	.s010101 strong{font-size:32px}
	.s010101 strong::after{bottom:-26px}
	.s010101::after{display:none}

	.s010102{margin:20px 0 20px}
	.s010102 ul li{width:100%;height:auto}
	.s010102 ul li strong{font-size:18px}
	.s010102 ul li:nth-child(3){margin-bottom:30px}
	.s010102 ul li:last-child{margin-bottom:0px}
	.s010102 ul li p{font-size:16px;line-height:26px}
	.s010102 ul li p span{display:contents}		
	
	.s010103 p{display:contents;font-size:18px}
	.s010103 p span{display:contents;font-size:18px}
}

@media (max-width:1080px){
	.s010101 strong{font-size:26px}
	.s010101 strong::after{bottom:-18px}
	.s010101 p{font-size:16px;margin:36px 0 0;line-height:2}
	.s010102 ul li strong{font-size:18px}
	.s010102 ul li p{font-size:16px;line-height:26px}
	.s010103 p{font-size:16px;line-height:2}
	.s010103 p span{font-size:16px;line-height:2}
}

@media (max-width:768px){
	.s010101 strong{font-size:24px}
	.s010101 strong::after{bottom:-26px}
	.s010101 p{font-size:14px;margin:46px 0 0}
	
	.s010102{padding:20px 0 20px}
	.s010102 ul li{margin:0 0 20px}
	.s010102 ul li:nth-child(3){margin:0 0 20px}
	.s010102 ul li strong{font-size:14px}
	.s010102 ul li p{font-size:14px;line-height:20px}

	.s010103 p{ font-size:14px}
	.s010103 p span{ font-size:14px}
}

@media (max-width:320px){
	.s010101 strong{font-size:18px}
	.s010101 strong::after{bottom:-20px}
	.s010101 p{width:84%;font-size:14px;margin:32px 0 0}

	.s010102 ul li strong{font-size:14px}
	.s010102 ul li p{font-size:12px;line-height:18px}
	
	.s010103 p{ font-size:14px}
	.s010103 p span{ font-size:14px}
}
/*******************************************
	0101-센터장인사말 E
********************************************/



/*******************************************
	0102-소개 S
********************************************/
.s0102 .img-box01{text-align:center;background:var(--bg-light-gray);padding:60px 0}
.s0102 .img-box01 img{width:92%}
.s0102 .img-box02{width:100%;display:flex;align-items:flex-end;justify-content:space-btween;padding:60px 0}
.s0102 .img-box02 .img-center{text-align:center}
.s0102 .img-box02 .img-center img{width:75%}
.s0102 .img-box03{text-align:center}
.s0102 .img-box03 .m-only{width:100%;display:none;max-width:320px;margin:0 auto}
.s0102 .img-title{width:100%;font-size:16px;display:flex;justify-content:center}

@media (max-width:1440px){
    .s0102 .pl40{padding-left:16px !important}
    .s0102 .pl60{padding-left:20px !important}
}
@media (max-width:640px){
    .s0102 .img-box01{padding:24px 0}
    .s0102 .img-box02 .img-center img{width:100%;max-width:360px}
    .s0102 .img-box02{padding:0px 0px;display:block}
    .s0102 .img-box02 .img-center:nth-child(2){margin-top:66px}
    .s0102 .img-title{font-size:14px}
    .s0102 .img-box03 .pc-only{display:none}
    .s0102 .img-box03 .m-only{display:block}
}
@media (max-width:320px){
    .s0102 .img-title{font-size:12px}
}
/*******************************************
	0102-소개 E
********************************************/



/*******************************************
	0103-조직 및 연락처 S
********************************************/
.s0104 .img-box01{text-align:center;margin-bottom:40px}
.s0104 .img-box01 .m-only{display:none;width:100%;max-width:320px;margin:0 auto}

@media (max-width:640px){
    .s0104 .img-box01 .pc-only{display:none}
    .s0104 .img-box01 .m-only{display:block}
}
/*******************************************
	0103-조직 및 연락처 E
********************************************/



/*******************************************
	0104-교수진 S
********************************************/
ul.professor-list{width:100%;display:block;margin-bottom:20px}
ul.professor-list li.professor-item{width:100%;min-height:300px;border-top:1px solid var(--black);display:inline-block;position:relative;margin:0 0 30px}
ul.professor-list li.professor-item:last-child{margin:0}
ul.professor-list li.professor-item .professor-img{width:240px;height:280px;background:var(--white) url('/img/lms/sub/lecturer-img-none.svg') 50% 50% no-repeat;background-size:80%;border:1px solid var(--light-gray-line);overflow:hidden;position:absolute;top:20px;left:20px}
ul.professor-list li.professor-item .professor-img img{width:100%;position:absolute;top:0;left:50%;transform:translateX(-50%)}
ul.professor-list li.professor-item .top-box{background:var(--bg-light-gray);padding:30px 20px 20px 290px;margin:0 0 20px}
ul.professor-list li.professor-item .top-box strong.info01{font-size:20px;font-weight:500;color:var(--black);display:block;margin:0 0 15px}
ul.professor-list li.professor-item .top-box strong.info01 span.name{font-size:25px;font-weight:600;margin-left:5px}
ul.professor-list li.professor-item .top-box .info02{color:var(--black);display:block;white-space:pre}
ul.professor-list li.professor-item .info03{width:100%;display:block;clear:both;line-height:35px;padding:0 0 0 290px}
ul.professor-list li.professor-item .info03 dl{width:100%;display:flex}
ul.professor-list li.professor-item .info03 dl dt{width:80px;display:inline-block;float:left;font-weight:500;color:var(--black)}
ul.professor-list li.professor-item .info03 dl dd{flex:1;position:relative;display:inline-block;float:left}
ul.professor-list li.professor-item .info03 dl dd::after{content:'';display:block;clear:both}

@media (max-width:1080px){
	ul.professor-list li.professor-item .top-box strong.info01{margin:0 0 0px}
	ul.professor-list li.professor-item .professor-img{width:200px;height:240px;background-size:70%}
	ul.professor-list li.professor-item .top-box{padding:30px 20px 30px 250px;margin:0 0 10px}
	ul.professor-list li.professor-item .info03{padding:0 0 0 250px}
	ul.professor-list li.professor-item .top-box .info02{margin:0 0 0px}	
}

@media (max-width:768px){
	ul.professor-list li.professor-item{min-height:auto}
	ul.professor-list li.professor-item .professor-img{width:160px;height:200px;background-size:60%}
	ul.professor-list li.professor-item .top-box{padding:20px 20px 20px 210px;margin:0 0 10px}
	ul.professor-list li.professor-item .top-box strong.info01 span.name{font-size:22px}
	ul.professor-list li.professor-item .top-box strong.info01{font-size:18px}
	ul.professor-list li.professor-item .info03{line-height:34px;padding:0 0 0 210px}
}

@media (max-width:630px){
	ul.professor-list{display:inline-block;vertical-align:middle;font-size:0}
	ul.professor-list li.professor-item{width:calc((100% - 20px) / 2);border-top:none;margin-right:20px}
	ul.professor-list li.professor-item:nth-child(2n){margin-right:0px}
	ul.professor-list li.professor-item .professor-img{width:100%;padding-top:calc(100% * 1.2);position:relative;overflow:hidden;left:0px;top:0px}
	ul.professor-list li.professor-item .professor-img img{width:100%;max-width:none;height:auto;font-size:0;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;padding-top:0 !important;transition:.4s}
	ul.professor-list li.professor-item .top-box{background:none;padding:4px 0;margin:16px}
	ul.professor-list li.professor-item .top-box strong.info01{font-size:16px;margin:0}
	ul.professor-list li.professor-item .top-box strong.info01 span.name{font-size:20px;padding:0px;margin-left:0px}
	ul.professor-list li.professor-item .info03{line-height:34px;padding:0 0 0 0px;border:1px solid var(--light-gray-line02)}
	ul.professor-list li.professor-item .info03 dl{border-bottom:1px solid var(--light-gray-line02);font-size:12px}
	ul.professor-list li.professor-item .info03 dl:last-child{border-bottom:none}
	ul.professor-list li.professor-item .info03 dl dt{width:60px;padding:0 0 0 10px}
	ul.professor-list li.professor-item .info03 dl dd{width:clac(100% - 60px);padding:0 0 0 10px}
	ul.professor-list li.professor-item .info03 dl dt:first-child{background:var(--bg-light-gray)}
	ul.professor-list li.professor-item .top-box .info02{white-space:normal;font-size:14px;height:40px;display:flex;align-items:center}	
}

@media (max-width:500px){
	ul.professor-list li.professor-item{width:100%;margin-right:0px}
	ul.professor-list li.professor-item .professor-img{width:60%;padding-top:calc(100% * 0.4);position:relative;overflow:hidden;left:0px;top:0px;margin:0 auto}
	ul.professor-list li.professor-item .top-box strong.info01{display:block;font-size:16px;width:100%;text-align:center}
	ul.professor-list li.professor-item .top-box .info02{white-space:normal;font-size:14px;height:40px;display:flex;align-items:center;justify-content:center;text-align:center}	
}
/*******************************************
	0104-교수진 E
********************************************/

/*******************************************
	0105-오시는길 S
********************************************/
.map-area{height:550px;margin-bottom:40px}
.s0104 .block{display:block;clear:both}
.s0105 .map-area .root_daum_roughmap_landing{width:100% !important}
.root_daum_roughmap{z-index:0}

@media (max-width:1440px){
    .s0105 .pl40{padding-left:20px !important}
    .s0105 .pl60{padding-left:20px !important}
}

@media (max-width:640px){
    .s0105 .img-title{font-size:14px}
}

@media (max-width:320px){
    .s0105 .img-title{font-size:12px}
}
/*******************************************
	0105-오시는길 E
********************************************/

/* 0706 - IPSW신청 */
strong.visit-top{width:100%;font-size:32px;border-bottom:1px solid var(--line-gray);display:flex;justify-content:center;padding:0 0 24px}
.visit-area{width:100%;display:flex;justify-content:space-between}
.visit-area .calendar-area{width:70%;position:relative;padding:32px 32px 0 0}
.visit-area .calendar-area::after{width:1px;height:100%;background-color:var(--line-gray);content:'';position:absolute;top:0;right:0}
.visit-area .visit-req-area{width:30%;background-color:#fafafb;padding:32px 32px 0;margin-top:34px}


/*******************************************
	강좌 상세 페이지 S
********************************************/
.lecture-info{width:100%;display:flex;justify-content:space-between;margin-bottom:48px}
.lecture-info-left{width:calc(100% - 370px);position:relative}
strong.lecture-title{width:100%;font-size:35px;color:var(--black);margin-bottom:20px;display:block}
strong.lecture-title.hide{white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;visibility:visible}
strong.lecture-sub-title{width:100%;font-size:26px;color:var(--black);margin-bottom:60px;display:block}
.lecture-thumb{ width:100%;display:flex;justify-content:center;margin-bottom:40px;padding-top:calc(100% * 0.54);position:relative;overflow:hidden}
.lecture-thumb img{ display:none !important;width:106%;max-width:none;height:auto;font-size:0;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;padding-top:0 !important;transition:.4s}
.lecture-thumb .basic-img{width:100%;background:var(--bg-light-gray);position:absolute;padding-top:calc(100% * 0.54);transform:translateY(-100%)}
.lecture-thumb .basic-img::after{width:100%;height:100%;background:url('/img/lms/com/logo-lms.svg') 50% 50% no-repeat;background-size:77%;opacity:.2;position:absolute;top:0;left:0;content:''}
.lecture-video-area{width:100%;display:flex;justify-content:center;margin-bottom:60px}

@media screen and (max-width:1080px){	
	/*동영상 강좌내역*/
	.video-title-box{align-items:flex-start;margin:0 0 32px}
	.lecture-video-area{margin-bottom:24px}
}
@media screen and (max-width:768px){
	/*동영상 강좌내역*/
	.video-title-box{margin:0 0 24px}
	.lecture-video-area{margin-bottom:20px}
}	
@media screen and (max-width:640px){
	/*동영상 강좌내역*/
	.video-title-box{margin:0 0 20px}
}	

/* 강좌정보 */
.lecture-info-right{width:320px;position:relative;margin-top:69px}
.lecture-info-right .right-top{border:1px solid var(--light-gray-line);position:relative;overflow:hidden;margin-bottom:20px}
.lecture-info-right .right-top strong{width:100%;height:80px;font-size:25px;color:var(--black);background:var(--bg-light-gray);display:flex;align-items:center;justify-content:center}
.lecture-info-right .right-top .info-box{width:100%;display:inline-block;padding:25px 20px}
.lecture-info-right .right-top .info-box dl.info-list{width:100%;display:flex;align-items:center;margin-bottom:20px}
.lecture-info-right .right-top .info-box dl.info-list:last-child{margin-bottom:0}
.lecture-info-right .right-top .info-box dl.info-list dt{width:85px;color:var(--black)}
.lecture-info-right .right-top .info-box dl.info-list dd{width:calc(100% - 85px);display:flex}
.lecture-info-right .right-top .info-box dl.info-list dd .score{width:113px;height:22px;display:none}
.lecture-info-right .right-top .info-box dl.info-list dd .score.on{display:inline-block}
.lecture-info-right .right-top .info-box dl.info-list dd .score img{width:100%}
.lecture-info-right .right-top .info-box dl.info-list dd .score-data{font-weight:700;color:#f05151;margin-left:5px}
.lecture-info-right .btn-box{width:100%;display:flex;justify-content:space-between}
.lecture-info-right .btn-box .btn-list{width:100%;height:60px;font-size:18px;color:var(--black);background:var(--bg-light-gray);border:1px solid var(--light-gray-line);display:flex;align-items:center;justify-content:center;transition:.4s}
.lecture-info-right .btn-box .btn-list:hover{background:var(--bg-light-gray-hover)}
.lecture-info-right .btn-box .btn-app{width:100%;height:60px;font-size:18px;color:var(--white);background:var(--green);padding:0 30px;position:relative;display:flex;align-items:center}
.lecture-info-right .btn-box .btn-app::after{width:25px;height:14px;background:url('/img/lms/com/icon_arw_white.svg') no-repeat;background-size:25px;content:'';position:absolute;top:50%;right:30px;transform:translateY(-50%);transition:.4s}
.lecture-info-right .btn-box .btn-app:hover::after{right:20px}
.lecture-info-right .btn-box .btn-app1{width:100%;height:60px;font-size:18px;color:var(--white);background:var(--green);padding:0 50px;position:relative;display:flex;align-items:center;justify-content:center}

/* 강좌소개 */
.lecture-info{margin-bottom:20px !important}
.lecture-intro h3.lecture-cont-title{font-size:20px;color:var(--black);display:block;border-bottom:1px solid var(--light-gray-line);margin-bottom:10px;padding-bottom:10px}
.lecture-intro p{font-size:20px;line-height:30px;margin-bottom:20px}
@media(max-width:1080px){
    .lecture-intro p{font-size:18px}
}
@media(max-width:768px){
    .lecture-intro p{font-size:16px}
}
@media(max-width:640px){
    .lecture-intro p{font-size:14px}
}
@media(max-width:320px){
    .lecture-intro p{margin-bottom:10px}
}
/* 라인탭 */
ul.lecture-cont-tab{width:100%;display:flex;margin-bottom:40px}
ul.lecture-cont-tab li{width:100%;height:80px}
ul.lecture-cont-tab li a{height:100%;font-size:18px;color:#646464;font-weight:600;border-bottom:1px solid var(--green);display:flex;position:relative;align-items:center;justify-content:center;text-decoration:none;transition:all 0.4s;cursor:pointer}
ul.sub-tab li a::after{width:1px;height:24px;background-color:#e3e5e6;content:'';position:absolute;top:50%;right:0;transform:translateY(-50%)}
ul.lecture-cont-tab li.current a{font-weight:500;color:var(--green);border-color:var(--green);border-style:solid;border-width:1px 1px 0;transition:0s}
ul.lecture-cont-tab li.current a::after{content:none}
.lecture-cont-area{display:none}
.lecture-cont-area.current{display:block}

@media (min-width:1440px){
    /* 강좌소개 */
    .lecture-intro h3.lecture-cont-title{font-size:18px;height:30px}
    .lecture-intro p font span{font-size:18px !important}
    .lecture-intro h3.lecture-cont-title{font-size:20px;height:40px}
}

@media (max-width:1440px){
    strong.lecture-title{font-size:28px}
    strong.lecture-sub-title{font-size:26px}
    .lecture-info-right .right-top strong{font-size:22px}
    .lecture-info-right{margin-top:59px}

    /* 탭 */
    ul.lecture-cont-tab li{height:66px}
    .lecture-info-right .btn-box .btn-app::after{ background-size:22px}
}

@media (max-width:1080px){
    .lecture-info{flex-direction:column}
    strong.lecture-title{font-size:24px}	
    strong.lecture-sub-title{font-size:20px;margin-bottom:26px;font-weight:500}
    strong.lecture-sub-title{border-bottom:1px solid #eee;padding-bottom:26px}

    .lecture-info-left{width:100%}
    .lecture-thumb{margin-bottom:28px}
    .lecture-thumb .basic-img::after{background-size:66%}

    .lecture-info-right{width:100%;margin-top:0px}	
    .lecture-info-right .right-top strong{font-size:18px;height:56px}
    .lecture-info-right .right-top{margin-bottom:28px}

    /* 강좌목록 수강신청 탭 */
    .lecture-info-right .btn-box{width:40%;margin:0 auto}
    .lecture-info-right .btn-box .btn-app1{font-size:16px;height:56px}
    .lecture-info-right .btn-box .btn-app{font-size:16px;height:56px}
    .lecture-info-right .btn-box .btn-list{ font-size:16px;height:56px}
    .lecture-info-right .btn-box .btn-app::after{ background-size:20px;right:20px}

    /* 탭 */
    ul.lecture-cont-tab li{height:56px}
    ul.lecture-cont-tab li a{font-size:16px;height:56px}

    /* 강좌소개 */
    .lecture-intro h3.lecture-cont-title{font-size:18px;height:34px}
}

@media (max-width:768px){
    strong.lecture-title{font-size:20px}
    strong.lecture-sub-title{font-size:16px;margin-bottom:20px}
    strong.lecture-title{margin-bottom:16px}

    .lecture-thumb{margin-bottom:20px}
    .lecture-info-right .right-top{margin-bottom:20px}
    .lecture-info-right .right-top strong{font-size:16px;height:46px}
    .lecture-info-right .right-top .info-box{padding:16px;font-size:14px}
    .lecture-info-right .right-top .info-box dl.info-list{margin-bottom:10px}

    /* 강좌목록 수강신청 탭 */
    .lecture-info-right .btn-box .btn-app1{font-size:16px;height:46px}
    .lecture-info-right .btn-box .btn-app{font-size:16px;height:46px}
    .lecture-info-right .btn-box .btn-list{ font-size:16px;height:46px}

    /* 탭 */
    ul.lecture-cont-tab li{height:46px}
    ul.lecture-cont-tab li a{font-size:16px;height:46px}
    .lecture-intro h3.lecture-cont-title{font-size:16px;height:46px}

    /* 강좌소개 */
    .lecture-intro{margin-bottom:20px}
    .lecture-intro h3.lecture-cont-title{font-size:16px;height:30px}
    .lecture-intro p{line-height:22px}
    .lecture-intro p font span{font-size:14px !important}
    ul.lecture-cont-tab{margin-bottom:20px}
}

@media (max-width:640px){
    strong.lecture-title{font-size:18px}
    strong.lecture-sub-title{font-size:16px}

    /* 강좌목록 수강신청 탭 */
    .lecture-info-right .btn-box{width:100%}
    .lecture-info-right .btn-box .btn-list{width:140px;font-size:16px;height:46px} /*강좌목록 */
    .lecture-info-right .btn-box .btn-app1{width:calc(100% - 150px);font-size:16px;height:46px} /*수강신청 */
    .lecture-info-right .btn-box .btn-app{ width:calc(100% - 150px);font-size:16px;height:46px} /*수강신청 화살표 */
}

@media (max-width:486px){
    .lecture-info-right .right-top strong{font-size:14px;height:42px}
    strong.lecture-sub-title{margin-bottom:16px}
    strong.lecture-sub-title{ padding-bottom:16px}

    /* 강좌목록 수강신청 탭 */
    .lecture-info-right .btn-box .btn-app1{font-size:12px;height:34px}
    .lecture-info-right .btn-box .btn-app{font-size:12px;height:34px}
    .lecture-info-right .btn-box .btn-list{ font-size:12px;height:34px}
    .lecture-info-right .btn-box .btn-app::after{ background-size:18px;right:10px}
    .lecture-info{margin-bottom:32px}

    /* 탭 */
    ul.lecture-cont-tab li{height:34px}
    ul.lecture-cont-tab li a{font-size:12px;height:34px}

    /* 강좌소개 */
    .lecture-intro h3.lecture-cont-title{font-size:14px;height:26px}
    .lecture-intro p font span{font-size:12px !important}
}


@media (max-width:380px){
    strong.lecture-title{font-size:16px}
    /*강좌정보*/
    .lecture-info-right .right-top .info-box{font-size:12px}
    .lecture-info-right .right-top .info-box dl.info-list dt{width:64px}
    .lecture-info-right .right-top .info-box dl.info-list dd{width:calc(100% - 64px)}
}
@media (max-width:320px){
    ul.lecture-cont-tab{margin-bottom:20px}
    .lecture-intro{margin-bottom:10px}

    /*수강신청 화살표 */
    .lecture-info-right .btn-box .btn-app::after{right:6px}
    .lecture-info{margin-bottom:28px}
}


/* 강좌목록 */
.lecture-cont-area ul.lecture-list{display:block;border-top:1px solid var(--black);margin-bottom:40px}
.lecture-cont-area ul.lecture-list li{width:100%;height:75px;font-size:18px;border-bottom:1px solid var(--light-gray-line);display:flex;align-items:center;justify-content:space-between}
.lecture-cont-area ul.lecture-list li .list-title{width:650px;color:var(--black);font-size:20px;display:flex;align-items:center;font-weight:500}
.lecture-cont-area ul.lecture-list li .list-right{display:flex;align-items:center}
.lecture-cont-area ul.lecture-list li .gap{margin-right:20px}
.lecture-cont-area ul.lecture-list li .list-right .forward{min-width:110px}
.lecture-cont-area ul.lecture-list li .list-right .time{min-width:190px}
.lecture-cont-area ul.lecture-list li a.watch{font-size:16px;height:40px;border-radius:20px;padding:0 15px}
.lecture-cont-area ul.lecture-list li.null{justify-content:center}

@media screen and (max-width:1280px){
	/* 강좌상세 - 온라인 학습목록 */
	.lecture-cont-area ul.lecture-list li{height:72px;font-size:16px;padding:0 20px}
	.lecture-cont-area ul.lecture-list li .list-title{width:calc(100% - 440px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:18px}
	.lecture-cont-area ul.lecture-list li .list-right .forward{min-width:96px}
	.lecture-cont-area ul.lecture-list li .list-right .time{min-width:160px}
}
@media screen and (max-width:1080px){
	/* 강좌상세 - 온라인 학습목록 */
	.lecture-cont-area ul.lecture-list li{height:64px;padding:0 12px}
	.lecture-cont-area ul.lecture-list li .list-title{width:calc(100% - 400px)}
	.lecture-cont-area ul.lecture-list li .list-title .mr20{margin-right:12px !important}
	.lecture-cont-area ul.lecture-list li .list-right .btn{font-size:14px}
	.lecture-cont-area ul.lecture-list li .list-right .forward{min-width:94px;font-size:16px}
	.lecture-cont-area ul.lecture-list li .list-right .time{min-width:156px;font-size:16px;background-position:8px center;background-size:16px}
}
@media only screen and (max-width:768px){
	/* 강좌상세 - 온라인 학습목록 */
	.lecture-cont-area ul.lecture-list li{height:60px;font-size:14px;padding:0}
	.lecture-cont-area ul.lecture-list li .list-title{width:calc(100% - 340px);font-size:16px}
	.lecture-cont-area ul.lecture-list li .list-title .mr20{margin-right:8px !important}
	.lecture-cont-area ul.lecture-list li .list-right .forward{min-width:92px;font-size:14px}
	.lecture-cont-area ul.lecture-list li .list-right .time{min-width:140px;font-size:14px}
}
@media only screen and (max-width:640px){
	/* 강좌상세 - 온라인 학습목록 */
	.lecture-cont-area ul.lecture-list li{height:auto;font-size:16px;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:12px}
	.lecture-cont-area ul.lecture-list li .list-title{width:100%;line-height:1.4;margin:0 0 12px;text-overflow:initial;white-space:normal;overflow:visible}
	.lecture-cont-area ul.lecture-list li .list-right{width:100%;display:inline-block}
	.lecture-cont-area ul.lecture-list li .gap{margin-right:10px}
	.lecture-cont-area ul.lecture-list li .list-right .forward{min-width:auto}
	.lecture-cont-area ul.lecture-list li .list-right .time{min-width:auto}
	.lecture-cont-area ul.lecture-list li .list-right .btn{width:100%;margin:12px 0 0}
	.lecture-cont-area ul.lecture-list li a.watch{background-image:none;position:relative}
	.lecture-cont-area ul.lecture-list li a.watch::after{width:16px;height:16px;background:url('/img/lms/sub/icon-play.svg') no-repeat;content:'';position:absolute;top:50%;left:50%;transform:translate(-36px, -50%)}
}
@media only screen and (max-width:480px){
	.lecture-cont-area ul.lecture-list li{padding:12px 0}
	.lecture-cont-area ul.lecture-list li .list-title{font-size:14px}
}


/* 강사소개 */
.lecture-cont-area ul.lecturer-list li{width:100%;display:inline-block;position:relative;margin:0 0 30px}
/* .lecture-cont-area ul.lecturer-list li::before{width:100%;height:150px;background:var(--bg-light-gray);content:'';position:absolute;top:0;left:0;z-index:-1} */
.lecture-cont-area ul.lecturer-list li:last-child{margin:0}
.lecture-cont-area ul.lecturer-list li .lecturer-img{width:240px;height:280px;background:var(--white) url('/img/lms/sub/lecturer-img-none.svg') 50% 50% no-repeat;background-size:80%;border:1px solid var(--light-gray-line);overflow:hidden;position:absolute;top:20px;left:20px}
.lecture-cont-area ul.lecturer-list li .lecturer-img img{width:100%;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.lecture-cont-area ul.lecturer-list li .top-box{background:var(--bg-light-gray);padding:30px 20px 20px 290px;margin:0 0 20px}
.lecture-cont-area ul.lecturer-list li .top-box strong.info01{font-size:20px;font-weight:500;color:var(--black);display:block;margin:0 0 15px}
.lecture-cont-area ul.lecturer-list li .top-box strong.info01 span.name{font-size:25px;font-weight:600;margin-left:5px}
.lecture-cont-area ul.lecturer-list li .top-box .info02{color:var(--black);display:block;white-space:normal;margin:6px}
.lecture-cont-area ul.lecturer-list li .info03{display:block;clear:both;line-height:30px;white-space:pre;padding:0 0 0 290px}


@media (max-width:1080px){
	.lecture-cont-area ul.lecturer-list li{margin:0 0 10px}
	.lecture-cont-area ul.lecturer-list li .lecturer-img{width:200px;height:260px;background-size:70%}
	.lecture-cont-area ul.lecturer-list li .top-box{padding:30px 20px 30px 250px;margin:0 0 10px}
	.lecture-cont-area ul.lecturer-list li .top-box strong.info01{font-size:20px;padding:0}
	.lecture-cont-area ul.lecturer-list li .top-box strong.info01 span.name{font-size:24px}
	.lecture-cont-area ul.lecturer-list li .info03{padding:0 0 0 250px}
	
}

@media (max-width:768px){
	.lecture-cont-area ul.lecturer-list li{min-height:auto}
	.lecture-cont-area ul.lecturer-list li .lecturer-img{width:160px;height:200px;background-size:60%}
	.lecture-cont-area ul.lecturer-list li .top-box{padding:20px 20px 20px 210px;margin:0 0 10px}
	.lecture-cont-area ul.lecturer-list li .top-box strong.info01{font-size:18px}
	.lecture-cont-area ul.lecturer-list li .top-box strong.info01 span.name{font-size:22px}
	.lecture-cont-area ul.lecturer-list li .info03{line-height:34px;padding:0 0 0 210px}
	.lecture-cont-area ul.lecturer-list li .top-box .info02{margin:14px}
}

@media (max-width:640px){
	.lecture-cont-area ul.lecturer-list{width:100%;display:inline-block;vertical-align:middle;font-size:0;text-align:center}
	.lecture-cont-area ul.lecturer-list li{width:100%;border-top:none;padding:20px 0 40px}
	.lecture-cont-area ul.lecturer-list li:nth-child(2n){margin-right:0px}
	.lecture-cont-area ul.lecturer-list li .lecturer-img{width:50%;padding-top:calc(100% * 0.58);margin:0 auto;position:relative;overflow:hidden;left:0px;top:0px}
	.lecture-cont-area ul.lecturer-list li .lecturer-img img{width:100%;max-width:none;height:auto;font-size:0;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;padding-top:0 !important;transition:.4s}
	.lecture-cont-area ul.lecturer-list li .top-box{background:none;padding:16px 16px 0;margin:0}
	.lecture-cont-area ul.lecturer-list li .top-box strong.info01{font-size:16px;margin:0;text-align:center}
	.lecture-cont-area ul.lecturer-list li .top-box strong.info01 span.name{font-size:20px;padding:0px;margin-left:5px}
	.lecture-cont-area ul.lecturer-list li .top-box .info02{font-size:14px;display:flex;align-items:center;justify-content:center;text-align:center}
	.lecture-cont-area ul.lecturer-list li .info03{width:100%;padding:10px;overflow-x:auto;font-size:14px;line-height:28px;text-align:left;border:1px solid var(--light-gray-line02);margin-top:2px}
}	
	
@media (max-width:420px){
	.lecture-cont-area ul.lecturer-list li{width:100%;margin-right:0px}
	.lecture-cont-area ul.lecturer-list li .top-box strong.info01{width:100%;display:block;font-size:14px}
	.lecture-cont-area ul.lecturer-list li .top-box strong.info01 span.name{font-size:18px}
	.lecture-cont-area ul.lecturer-list li .info03{font-size:12px;line-height:20px}
}


/* 수강후기 */
.lecture-cont-area .post{background:var(--white);border:1px solid var(--light-gray-line)}
.lecture-cont-area .post .post-top{height:70px;font-size:18px;color:var(--black);border-bottom:1px solid var(--light-gray-line);display:flex;align-items:center;padding-left:25px}
.lecture-cont-area .post .post-top .score-choice{height:100%;display:flex;align-items:center;margin-left:25px}
.lecture-cont-area .post .post-top .score-choice a{width:25px;height:25px;font-size:0;background:url('/img/lms/sub/star_none.svg') no-repeat;background-size:25px}
.lecture-cont-area .post .post-top .score-choice a.on{background-image:url('/img/lms/sub/star_on.svg')}
.lecture-cont-area .post .post-btm{width:100%;display:flex;align-items:center}
.lecture-cont-area .post .post-btm textarea{width:885px;height:180px;font-weight:300;border:none;border-radius:0 0 10px 10px;padding:25px}
.lecture-cont-area .post .post-btm .submit{width:120px;height:130px;color:var(--black);background:#d6deea;border:none;display:flex;justify-content:center}
.lecture-cont-area .post-list{margin-top:30px}
.lecture-cont-area .post-list .list-info{width:100%;font-size:20px;display:block;margin-bottom:20px}
.lecture-cont-area .post-list .reply-user{background:var(--white);border:1px solid var(--light-gray-line);margin-bottom:20px}
.lecture-cont-area .post-list .reply-user:last-child{margin-bottom:0}
.lecture-cont-area .post-list .reply-user .reply-top{height:70px;font-size:18px;border-bottom:1px solid var(--light-gray-line);display:flex;align-items:center;justify-content:space-between;padding:0 25px}
.lecture-cont-area .post-list .reply-user .reply-top .user-name{font-size:18px;color:var(--black);display:inline-block;position:relative;padding-right:15px}
.lecture-cont-area .post-list .reply-user .reply-top .user-name::after{width:2px;height:10px;background:var(--light-gray-line);content:'';position:absolute;top:50%;right:0;transform:translateY(-50%)}
.lecture-cont-area .post-list .reply-user .reply-top .reply-date{font-size:18px;font-weight:200;display:inline-block;margin-left:15px}
.lecture-cont-area .post-list .reply-user .reply-top .score{width:150px;height:25px;display:none}
.lecture-cont-area .post-list .reply-user .reply-top .score.on{display:inline-block}
.lecture-cont-area .post-list .reply-user .reply-top .score img{width:100%}
.lecture-cont-area .post-list .reply-user .reply-bottom{width:100%;font-size:16px;display:inline-block;padding:20px 25px;line-height:25px;word-break:normal}
.lecture-cont-area .post-list .reply-user .reply-bottom textarea{width:100%;height:120px;font-weight:300;border:none;padding:0}
	
@media (max-width:1080px){
    .lecture-cont-area .post-list .list-info{font-size:18px}
    .lecture-cont-area .post-list .reply-user .reply-top{padding:16px 20px}
    .lecture-cont-area .post-list .reply-user .reply-top .reply-date{font-size:16px}
    .lecture-cont-area .post-list .reply-user .reply-top{height:auto}
    .lecture-cont-area .post-list .reply-user .reply-top .score{width:132px}
    .lecture-cont-area .post-list .reply-user .reply-bottom{padding:16px 20px}
}

@media (max-width:768px){
    .lecture-cont-area .post-list .list-info{font-size:16px}
    .lecture-cont-area .post-list .reply-user .reply-top .user-name{font-size:16px}
    .lecture-cont-area .post-list .reply-user .reply-top .reply-date{font-size:14px}
    .lecture-cont-area .post-list .reply-user .reply-bottom{font-size:14px}
    .lecture-cont-area .post-list .reply-user .reply-top .score{width:114px}
}

@media (max-width:486px){
    .lecture-cont-area .post-list .list-info{font-size:14px}
    .lecture-cont-area .post-list .reply-user .reply-top{padding:12px}
    .lecture-cont-area .post-list .reply-user .reply-top .user-name{font-size:14px}
    .lecture-cont-area .post-list .reply-user .reply-top .reply-date{font-size:12px}
    .lecture-cont-area .post-list .reply-user .reply-bottom{font-size:12px;padding:12px}
    .lecture-cont-area .post-list .reply-user .reply-top .score{width:100px}
    .lecture-cont-area .post-list .reply-user .reply-bottom{line-height:20px}
}

@media (max-width:430px){
    .lecture-cont-area .post-list .reply-user .reply-top .score{width:78px}
    .lecture-cont-area .post-list .reply-user .reply-top{flex-direction:column-reverse;align-items:flex-start}
}
	

/*******************************************
	강좌 상세 페이지 E
********************************************/



/*******************************************
	s0402 S
********************************************/
.s0402 h3.mb10{margin-top:10px ! important}
/*******************************************
	s0402 E
********************************************/



/*******************************************
	IP-활동지원 S
********************************************/
.form-top{display:flex;justify-content:space-between}

@media (max-width:1440px){
.s0702 h3.pl20{padding-left:16px !important}/* 캠퍼스 특허 유니버사이드 대회 */
.s0703 h3.pl20{padding-left:16px !important}/* D2B 디자인페어 */	

.s0702 .pl40{padding-left:20px !important}/* 캠퍼스 특허 유니버사이드 대회 */	
.s0703 .pl40{padding-left:20px !important}/* D2B 디자인페어 */	
}

@media (max-width:360px){
	form-top{flex-direction:column}
}
/*******************************************
	IP-활동지원 E
********************************************/
/*******************************************
	0604 IP-SW 사용신청 [달력] S
********************************************/
.caution{width:100%;font-size:20px;border:2px solid var(--green);/* display:flex;*/ align-items:center;justify-content:center;padding:15px 15px;text-align:left}
.monts-num{width:100%;height:40px;font-size:20px;font-weight:700;color:var(--black);display:flex;align-items:center;justify-content:center;margin-top:20px}
.monts-num .arw{width:30px;height:100%;border:none}
.monts-num .arw.left{background:url(/img/lms/com/arw-left.svg) 50% 50% no-repeat;background-size:14px;margin-right:10px}
.monts-num .arw.right{background:url(/img/lms/com/arw-right.svg) 50% 50% no-repeat;background-size:14px;margin-left:10px}

.day-box{padding:0 0px 0px 10px}
.useI{display:inline-block;width:100px;font-size:12px;line-height:1.8}
.day-box .state{display:inline-block;font-size:12px;line-height:1.8}



@media (max-width:1440px){
.caution{ font-size:18px}
}

@media (max-width:1080px){
.caution{ font-size:16px;margin-bottom:20px !important}
}

@media (max-width:768px){
.caution{ font-size:14px;padding:14px 18px;margin-bottom:-4px !important}
}

@media (max-width:345px){
.caution{ font-size:12px}
}
/*******************************************
	0604 IP-SW 사용신청 [달력] E
********************************************/



/*******************************************
	0901 개인정보취급방침, 0902 이용약관 S
********************************************/
@media (max-width:1440px){
.s0902 .pl40{padding-left:20px !important}
.s0902 .pl60{padding-left:20px !important}	
}

@media (max-width:758px){
.s0901 .mb20,
.s0902 .mb20{ margin-bottom:10px !important}
}
@media (max-width:640px){
.s0902 .img-title{font-size:14px}

}
@media (max-width:320px){
.s0902 .img-title{font-size:12px}
}
/*******************************************
	0901 개인정보취급방침, 0902 이용약관 E
********************************************/



/*******************************************
	0903 사이브탭 S
********************************************/
.sitemap{background:var(--bg-light-gray);padding:100px 0}
.sitemap strong{width:100%;font-size:50px;font-weight:300;color:var(--black);border-bottom:1px solid var(--light-gray-line02);display:flex;justify-content:center;padding-bottom:50px}
.sitemap .bundle-site{width:100%;text-align:center;margin-top:40px}
.sitemap .bundle-site ul.menu-list{width:calc(100% / 6);height:400px;display:inline-block;vertical-align:middle;text-align:center;margin:-4px}
.sitemap .bundle-site ul.menu-list li{width:100%;text-align:center}
.sitemap .bundle-site ul.menu-list li a{height:40px;line-height:40px;display:inline-block;vertical-align:middle;padding:0 10px;position:relative;transition:.4s}
.sitemap .bundle-site ul.menu-list li a.top{font-size:25px;color:var(--black);margin-bottom:15px;padding:0}
.sitemap .bundle-site ul.menu-list li a::after{width:0;height:1px;background:var(--black);content:'';position:absolute;bottom:0;left:0;transition:.4s}
.sitemap .bundle-site ul.menu-list li a.top::after{height:2px;background-color:var(--green)}
.sitemap .bundle-site ul.menu-list:hover li a.top{color:var(--greren)}
.sitemap .bundle-site ul.menu-list:hover li a.top::after{width:100%}
.sitemap .bundle-site ul.menu-list li a:hover{color:var(--black)}
.sitemap .bundle-site ul.menu-list li a:hover::after{width:100%}

@media (max-width:1200px){
	.sitemap{padding:30px 0}
	
	.sitemap .bundle-site ul.menu-list{width:calc(100% / 3)}
	.sitemap .bundle-site ul.menu-list:nth-child(n+4){margin-bottom:0}
	.sitemap .bundle-site ul.menu-list li a.top{font-size:22px;font-weight:500}
	.sitemap .bundle-site ul.menu-list li a{font-size:14px}
}

@media (max-width:640px){
	.sitemap{padding:20px 0}
	.sitemap strong{display:none}
	.sitemap .bundle-site ul.menu-list{width:calc(100% / 2)}
	.sitemap .bundle-site ul.menu-list li a.top{font-size:20px;margin-bottom:10px}
	.sitemap .bundle-site ul.menu-list li a{font-size:14px}
}

@media (max-width:420px){
	.sitemap{padding:10px 0}
	.sitemap .bundle-site ul.menu-list{width:100%;height:auto;margin-bottom:30px}
	.sitemap .bundle-site ul.menu-list:nth-child(n+4){margin-bottom:30px}
	.sitemap .bundle-site ul.menu-list:nth-child(5){margin-bottom:0}
	.sitemap .bundle-site ul.menu-list li a{font-size:14px}
}
/*******************************************
	0903 사이브탭 E
********************************************/

/* 멤버 */
.member-area{width:700px;margin:0 auto}

@media (max-width:768px){
	.member-area{width:100%}
}

/* 로그인 */
.sub-login-area .member-area.login{width:100%}
.member-area.login{width:500px}
.member-area.login .top img{width:90%}
.member-area.login strong{width:100%;font-size:30px;color:var(--black);font-weight:400;display:flex;justify-content:center;position:relative}
.member-area.login strong::after{width:100%;height:15px;background:#d6ebff;content:'';position:absolute;left:0;bottom:0;z-index:-1}
.member-area.login .login-input{margin-top:30px}
.member-area.login .login-input input{width:100%;height:60px;font-size:18px;letter-spacing:0;padding-left:52px;transition:.4s;margin-top:12px}
.member-area.login .login-input input:first-child{margin-top:0}
.member-area.login .login-input input.id{background:var(--white) url(/img/lms/com/icon-id.png) 20px 50% no-repeat;background-size:16px}
.member-area.login .login-input input.pw{background:var(--white) url(/img/lms/com/icon-pw.png) 20px 50% no-repeat;background-size:16px}
.member-area.login .login-input input.id:focus{background:var(--white) url(/img/lms/com/icon-id-on.png) 20px 50% no-repeat;background-size:16px}
.member-area.login .login-input input.pw:focus{background:var(--white) url(/img/lms/com/icon-pw-on.png) 20px 50% no-repeat;background-size:16px}
.member-area.login .login-input input.phone{background:var(--white) url(/img/lms/com/icon-log-contact.svg) 20px 50% no-repeat;background-size:20px}
.member-area.login .login-input input.email{background:var(--white) url(/img/lms/com/icon-log-email.svg) 20px 50% no-repeat;background-size:18px}
.member-area.login .login-input input.phone:focus{background:var(--white) url(/img/lms/com/icon-log-contact-on.svg) 20px 50% no-repeat;background-size:20px}
.member-area.login .login-input input.email:focus{background:var(--white) url(/img/lms/com/icon-log-email-on.svg) 20px 50% no-repeat;background-size:18px}
.member-area.login .btn-box{width:100%;display:flex;justify-content:space-between;margin-top:20px}
.member-area.login .btn-box .btn-join{width:35%;height:60px;font-size:18px;background-color:var(--bg-light-gray-hover);padding:0}
.member-area.login .btn-box .btn-login{width:60%;height:60px;font-size:18px;padding:0}
.member-area.login .find{width:100%;display:flex;align-items:center;justify-content:center;margin:20px 0 0 0;border-top:1px solid var(--light-gray-line02);padding-top:20px}
.member-area.login .find a.find-link{}

@media (max-width:1440px){
    .member-area.login .btn-box .btn-join{width:35%;height:54px}
    .member-area.login .btn-box .btn-login{width:60%;height:54px}
}

@media (max-width:1080px){
    .member-area.login .btn-box .btn-join{height:50px}
    .member-area.login .btn-box .btn-login{height:50px}
}
@media (max-width:768px){
    .member-area.login .btn-box .btn-login{height:48px;font-size:16px}
    .member-area.login .btn-box .btn-join{height:48px;font-size:16px}
}

@media (max-width:640px){
    .member-area.login{width:100%}
    .submember.member-area.login{padding:0 !important}
    .member-area.login .btn-box .btn-login{font-size:14px}
    .member-area.login .btn-box .btn-join{font-size:14px}
    .member-area.login .btn-box .btn-login{width:55%}
    .member-area.login .btn-box .btn-join{width:50%}
}

@media (max-width:480px){
    .member-area.login .btn-box .btn-login{height:40px}
    .member-area.login .btn-box .btn-join{height:40px}

    .member-area.login .top{margin-bottom:28px;padding-bottom:0 28px}
    .member-area.login .login-input input{height:48px}

    .member-area.login .find a.find-link{font-size:14px}
    .member-area.login .login-input input.id{background-size:14px}
    .member-area.login .login-input input.pw{background-size:14px}

    .member-area.login .top{margin-bottom:0;padding-bottom:18px}
    .member-area.login .login-input{margin-top:18px}
    .member-area.login .find{margin:18px 0 0 0;padding-top:18px}
}

@media (max-width:320px){
    .member-area.login .login-input input{height:50px}
    .member-area.login .find a.find-link{font-size:14px}
}

/* 회원가입 */
.member-area.join{}
.member-area .form-top{width:100%;display:flex;justify-content:space-between;margin-bottom:20px}
.member-area .form-top h2{margin-bottom:0}
.member-area .top{width:100%;border-bottom:1px solid #ccc;display:flex;justify-content:center;margin-bottom:40px;padding-bottom:40px}
.member-area .top img{width:70%}
.member-area .top strong{font-size:40px;font-weight:300;color:var(--black)}

/* 가입 순서 */
.member-area .step-area{width:100%;height:80px;position:relative;margin-bottom:40px}
.member-area .step-area::before{width:100%;height:50%;border-bottom:2px dashed var(--light-gray-line02);content:'';position:absolute;top:0;left:0}
.member-area .step-area .step{width:80px;height:80px;font-size:20px;color:var(--black);background:var(--bg-light-gray-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute}
.member-area .step-area .step.step01{top:0;left:0}
.member-area .step-area .step.step02{top:0;left:50%;transform:translateX(-50%)}
.member-area .step-area .step.step03{top:0;right:0}
.member-area .step-area .step-on{width:auto;height:80px;color:var(--white);background-color:var(--green);background-size:40px;background-position:20px 50%;background-repeat:no-repeat;border-radius:40px;display:inline-block;position:absolute;padding:0 30px 0 95px}
.member-area .step-area .step-on::before{width:1px;height:30px;background:#97afc6;content:'';position:absolute;top:26px;left:75px}
.member-area .step-area .step-on.on01{background-image:url(/img/lms/sub/icon-join-step01.svg);top:0;left:0}
.member-area .step-area .step-on.on02{background-image:url(/img/lms/sub/icon-join-step02.svg);top:0;left:50%;transform:translateX(-50%)}
.member-area .step-area .step-on.on03{background-image:url(/img/lms/sub/icon-join-step03.svg);top:0;right:0}
.member-area .step-area .step-on .step-title{height:100%;font-size:20px;font-weight:300;color:var(--white);letter-spacing:0;display:flex;align-items:center}

/* 이용약관, 개인정보수집방침 */
.member-area .btn-guide{width:100%;height:70px;font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.member-area .btn-guide:hover{background-color:var(--bg-light-gray)}

/* 회원구분 */
.member-area .join-type-btn{width:100%;display:flex;justify-content:space-between;margin-bottom:40px}
.member-area .join-type-btn a{width:19%;height:180px;font-size:20px;font-weight:600;background:var(--white);box-shadow:0px 5px 0px 0px #dfdfdf;display:block;text-align:center;padding-top:105px;position:relative;transition:.4s}
.member-area .join-type-btn a::before{width:80px;height:80px;content:'';position:absolute;top:20px;left:50%;transform:translateX(-50%)}
.member-area .join-type-btn a.type01{color:var(--yellow)}
.member-area .join-type-btn a.type02{color:var(--green)}
.member-area .join-type-btn a.type03{color:var(--brown)}
.member-area .join-type-btn a.type04{color:var(--blue)}
.member-area .join-type-btn a.type05{color:var(--black)}
.member-area .join-type-btn a.type01::before{background:url('/img/lms/sub/icon-join-type01.svg') 50% 50% no-repeat;background-size:60px}
.member-area .join-type-btn a.type02::before{background:url('/img/lms/sub/icon-join-type02.svg') 50% 50% no-repeat;background-size:70px}
.member-area .join-type-btn a.type03::before{background:url('/img/lms/sub/icon-join-type03.svg') 50% 50% no-repeat;background-size:65px}
.member-area .join-type-btn a.type04::before{background:url('/img/lms/sub/icon-join-type04.svg') 50% 50% no-repeat;background-size:65px}
.member-area .join-type-btn a.type05::before{background:url('/img/lms/sub/icon-join-type05.svg') 50% 50% no-repeat;background-size:60px}
.member-area .join-type-btn a.type01:hover{background:#fcecd0}
.member-area .join-type-btn a.type02:hover{background:#c2f1d7}
.member-area .join-type-btn a.type03:hover{background:#f1e6d5}
.member-area .join-type-btn a.type04:hover{background:#d5ebff}
.member-area .join-type-btn a.type05:hover{background:#e3e3e3}
.member-area .join-type-btn a.on.type01{color:var(--white);background:var(--yellow)}
.member-area .join-type-btn a.on.type02{color:var(--white);background:var(--green)}
.member-area .join-type-btn a.on.type03{color:var(--white);background:var(--brown)}
.member-area .join-type-btn a.on.type04{color:var(--white);background:var(--blue)}
.member-area .join-type-btn a.on.type05{color:var(--white);background:var(--black)}
.member-area .join-type-btn a.on.type01::before{background:url('/img/lms/sub/icon-join-type01-on.svg') 50% 50% no-repeat;background-size:60px}
.member-area .join-type-btn a.on.type02::before{background:url('/img/lms/sub/icon-join-type02-on.svg') 50% 50% no-repeat;background-size:70px}
.member-area .join-type-btn a.on.type03::before{background:url('/img/lms/sub/icon-join-type03-on.svg') 50% 50% no-repeat;background-size:65px}
.member-area .join-type-btn a.on.type04::before{background:url('/img/lms/sub/icon-join-type04-on.svg') 50% 50% no-repeat;background-size:65px}
.member-area .join-type-btn a.on.type05::before{background:url('/img/lms/sub/icon-join-type05-on.svg') 50% 50% no-repeat;background-size:60px}
.member-area .join-type-btn a .type-info{width:100%;font-size:14px;font-weight:300;color:#626262;display:flex;justify-content:center;margin-top:5px}
.member-area .join-type-btn a.on .type-info{color:var(--white);opacity:.75}
/* 가입완료 */
.member-area .complete{padding-top:150px}
.member-area .complete p.t01{width:100%;font-size:30px;font-weight:300;color:var(--black);display:block;text-align:center;position:relative}
.member-area .complete p.t01::before{width:140px;height:110px;background:url('/img/lms/sub/icon-join-complete.svg') no-repeat;content:'';position:absolute;top:-130px;left:50%;transform:translateX(-50%)}
.member-area .complete p.t02{width:100%;font-size:20px;font-weight:300;line-height:30px;color:var(--black);display:block;text-align:center;margin-top:30px}

@media (max-width:1080px){
	/* 가입 순서 */
	.member-area .step-area .step{width:68px;height:68px;font-size:16px}
	.member-area .step-area .step-on{ height:68px;background-size:34px;background-position:22px 50%;padding:0px 18px 0 80px}
	.member-area .step-area .step-on::before{width:1px;height:30px;background:#97afc6;content:'';position:absolute;top:20px;left:68px}
	.member-area .step-area .step-on .step-title{ font-size:16px}
		
	/* 회원구분 */
	.member-area .join-type-btn a::before{width:80px;height:80px;content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%)}
	.member-area .join-type-btn a{  height:152px;font-size:18px;padding-top:82px}
	.member-area .join-type-btn a.type01::before{background:url('/img/lms/sub/icon-join-type01.svg') 50% 50% no-repeat;background-size:35px}
	.member-area .join-type-btn a.type02::before{background:url('/img/lms/sub/icon-join-type02.svg') 50% 50% no-repeat;background-size:45px}
	.member-area .join-type-btn a.type03::before{background:url('/img/lms/sub/icon-join-type03.svg') 50% 50% no-repeat;background-size:45px}
	.member-area .join-type-btn a.type04::before{background:url('/img/lms/sub/icon-join-type04.svg') 50% 50% no-repeat;background-size:40px}
	.member-area .join-type-btn a.type05::before{background:url('/img/lms/sub/icon-join-type05.svg') 50% 50% no-repeat;background-size:40px}
	
	.member-area .join-type-btn a.on.type01::before{background:url('/img/lms/sub/icon-join-type01-on.svg') 50% 50% no-repeat;background-size:40px}
	.member-area .join-type-btn a.on.type02::before{background:url('/img/lms/sub/icon-join-type02-on.svg') 50% 50% no-repeat;background-size:45px}
	.member-area .join-type-btn a.on.type03::before{background:url('/img/lms/sub/icon-join-type03-on.svg') 50% 50% no-repeat;background-size:45px}
	.member-area .join-type-btn a.on.type04::before{background:url('/img/lms/sub/icon-join-type04-on.svg') 50% 50% no-repeat;background-size:40px}
	.member-area .join-type-btn a.on.type05::before{background:url('/img/lms/sub/icon-join-type05-on.svg') 50% 50% no-repeat;background-size:40px}

	/* 가입완료 */
	.member-area .complete{padding-top:100px}
	.member-area .complete p.t01{font-size:22px}
	.member-area .complete p.t01::before{width:75px;height:52px;top:-80px}
	.member-area .complete + .mt50{margin-top:24px !important}
	.member-area .join-type-btn a.type01::before{background-size:50px}
	.member-area .complete p.t02{font-size:20px;line-height:30px;margin-top:30px}
}

@media (max-width:768px){
	/* 회원가입 */
	.member-area .top{margin-bottom:28px;padding-bottom:28px}
	.member-area .top img{width:78%}	
	
	/* 가입 순서 */
	.member-area .step-area{height:56px;margin-bottom:20px}
	.member-area .step-area .step{width:56px;height:56px;font-size:14px}
	.member-area .step-area .step-on{ height:56px;background-size:36px;background-image:none !important;padding:0 28px 0 28px}
	.member-area .step-area .step-on::before{ content:none}
	.member-area .step-area .step-on .step-title{ font-size:14px}
	.member-area .step-area::before{height:50%}

	/* 이용약관, 개인정보수집방침 */
	.member-area .btn-guide{height:60px;font-size:16px}
	
	/* 회원구분 */	
	.member-area .join-type-btn a::before{width:60px;height:60px;top:2px}
	.member-area .join-type-btn a{height:112px;font-size:14px;padding-top:58px}
	.member-area .join-type-btn a .type-info{font-size:10px;width:auto;margin-top:0}
	.member-area .join-type-btn a.type01::before{background:url('/img/lms/sub/icon-join-type01.svg') 50% 50% no-repeat;background-size:25px}
	.member-area .join-type-btn a.type02::before{background:url('/img/lms/sub/icon-join-type02.svg') 50% 50% no-repeat;background-size:35px}
	.member-area .join-type-btn a.type03::before{background:url('/img/lms/sub/icon-join-type03.svg') 50% 50% no-repeat;background-size:35px}
	.member-area .join-type-btn a.type04::before{background:url('/img/lms/sub/icon-join-type04.svg') 50% 50% no-repeat;background-size:30px}
	.member-area .join-type-btn a.type05::before{background:url('/img/lms/sub/icon-join-type05.svg') 50% 50% no-repeat;background-size:30px}
	
	.member-area .join-type-btn a.on.type01::before{background:url('/img/lms/sub/icon-join-type01-on.svg') 50% 50% no-repeat;background-size:25px}
	.member-area .join-type-btn a.on.type02::before{background:url('/img/lms/sub/icon-join-type02-on.svg') 50% 50% no-repeat;background-size:35px}
	.member-area .join-type-btn a.on.type03::before{background:url('/img/lms/sub/icon-join-type03-on.svg') 50% 50% no-repeat;background-size:35px}
	.member-area .join-type-btn a.on.type04::before{background:url('/img/lms/sub/icon-join-type04-on.svg') 50% 50% no-repeat;background-size:30px}
	.member-area .join-type-btn a.on.type05::before{background:url('/img/lms/sub/icon-join-type05-on.svg') 50% 50% no-repeat;background-size:30px}
	
	/* 가입완료 */
	.member-area .complete{padding-top:100px}
	.member-area .complete p.t01{font-size:22px}
	.member-area .complete p.t02{font-size:12px;line-height:24px;margin-top:20px}
}

@media (max-width:640px){
	/* 회원가입 */
	.member-area .top{margin-bottom:24px;padding-bottom:24px}
	.member-area .top img{width:78%}
	
	/* 가입 순서 */
	.member-area .step-area .step{width:56px;height:56px}
	.member-area .step-area .step-on{ height:56px;background-size:36px;background-image:none !important;padding:0 28px 0 28px}
	.member-area .step-area .step-on .step-title{ font-size:14px}
}

@media (max-width:486px){
	/* 가입 순서 */
	.member-area .step-area .step{width:56px;height:56px}
	.member-area .step-area .step-on{ height:56px;background-size:36px;background-image:none !important;padding:0 28px 0 28px}
	.member-area .step-area .step-on .step-title{ font-size:14px}
	
	/* 회원구분 */	
	.member-area .join-type-btn a::before{width:40px;height:40px;top:0}
	.member-area .join-type-btn a{height:84px;font-size:12px;padding-top:38px}
	.member-area .join-type-btn a .info-text{font-size:12px;margin-top:2px}
 	.member-area .join-type-btn a.type01::before{background:url('/img/lms/sub/icon-join-type01.svg') 50% 50% no-repeat;background-size:20px}
	.member-area .join-type-btn a.type02::before{background:url('/img/lms/sub/icon-join-type02.svg') 50% 50% no-repeat;background-size:25px}
	.member-area .join-type-btn a.type03::before{background:url('/img/lms/sub/icon-join-type03.svg') 50% 50% no-repeat;background-size:25px}
	.member-area .join-type-btn a.type04::before{background:url('/img/lms/sub/icon-join-type04.svg') 50% 50% no-repeat;background-size:20px}
	.member-area .join-type-btn a.type05::before{background:url('/img/lms/sub/icon-join-type05.svg') 50% 50% no-repeat;background-size:20px}
	
	.member-area .join-type-btn a.on.type01::before{background:url('/img/lms/sub/icon-join-type01-on.svg') 50% 50% no-repeat;background-size:20px}
	.member-area .join-type-btn a.on.type02::before{background:url('/img/lms/sub/icon-join-type02-on.svg') 50% 50% no-repeat;background-size:25px}
	.member-area .join-type-btn a.on.type03::before{background:url('/img/lms/sub/icon-join-type03-on.svg') 50% 50% no-repeat;background-size:25px}
	.member-area .join-type-btn a.on.type04::before{background:url('/img/lms/sub/icon-join-type04-on.svg') 50% 50% no-repeat;background-size:20px}
	.member-area .join-type-btn a.on.type05::before{background:url('/img/lms/sub/icon-join-type05-on.svg') 50% 50% no-repeat;background-size:20px} 
}

@media (max-width:380px){
	/* 회원구분 */
	.member-area .join-type-btn{justify-content:none;display:block}
	.member-area .join-type-btn a .type-info{margin-left:20px}
	.member-area .join-type-btn a{ width:100%;height:50px;font-size:12px;padding:16px 52px 16px 48px;display:flex;align-items:center;text-align:center;border-bottom:1px solid #eeeeee}
	.member-area .join-type-btn a::before{width:50px;height:50px;top:0;left:0;transform:translate(0,0)}
	.member-area .join-type-btn a .info-text{width:auto;margin-top:0;margin-left:20px}
	
	/* 가입완료 */
	.member-area .complete p.t01{font-size:18px}
	.member-area .complete + .mt50{margin-top:24px !important}
	.member-area .complete p.t02{ font-size:12px;line-height:20px;margin-top:18px}	
}

@media (max-width:354px){
	.member-area h2{margin-bottom:12px}
	
	/* 가입 순서 */
	.member-area .step-area{margin-bottom:20px;height:40px}
	.member-area .step-area .step{width:40px;height:40px}
	.member-area .step-area .step-on{ height:36px;background-size:36px;background-image:none !important;padding:0 20px 0 20px}
	.member-area .step-area .step-on .step-title{ font-size:10px}
	
	/* 이용약관, 개인정보수집방침 */
	.member-area .btn-guide{height:50px;font-size:14px}
}

/* 아이디 & 비밀번호 찾기 */
.member-area .srch-id-pw{margin-bottom:40px}
.member-area .srch-id-pw dl.account-list{width:55%;font-size:20px;line-height:3;display:flex;justify-content:center;margin:0 auto}
.member-area .srch-id-pw dl.account-list dt{width:120px;font-weight:500;color:var(--black)}
.member-area .srch-id-pw dl.account-list dd{flex:1}
.member-area .srch-id-pw p{width:100%;font-size:18px;line-height:2;text-align:center}

/* 등록폼 */
.form-block.basic{border:none;padding:0}
.form-block.type02{border-width:0 0 1px;border-bottom:1px solid #d1d1d1;padding:0 0 40px 0}

.form-block .form-line{margin-bottom:20px;display:flex;justify-content:space-between}
.form-block .form-line.form-line2 .form{width:120px}
.form-block .form-line.form-hide{display:none}
.form-block .form-line:last-child{border:none;padding:0;margin:0}
.form-block .form-line .form-right{width:calc(100% - 140px)}
.form-block .form-line .form-right .info-text{}
.form-block .form-line .form-right .info-text:first-child{margin-bottom:20px;margin-top:0}
.form-block .form-line .form-right .info-text span{text-decoration:underline}

.form{width:calc(50% - 15px)}
.form.full{width:100%}
.form label.form-label{width:100%;display:block;color:var(--black);font-weight:600;font-size:20px}
.form label.form-label .must{margin-left:5px}
.form label.aside{width:180px;line-height:1.5;display:flex;float:left}
.form .aside-area{width:calc(100% - 180px);line-height:1.8;display:inline-block}
.form .click-box{display:flex;align-items:center}
.form .click-box.align-center{justify-content:center}
.form .click-box.align-right{justify-content:flex-end}
.form .click-box input[type="checkbox"]{width:25px;height:25px;appearance:auto;margin:0 5px 0 0}
.form .click-box input[type="radio"]{width:15px;height:15px;appearance:auto;margin:0 5px 0 0}
.form .click-box input.aside[type="radio"]{margin-top:0}
.form .click-box label.label-click{display:flex;align-items:center;margin:0 20px 0 0}
.form .click-box label.label-click:last-child{margin:0}
.form .click-box img{width:100px;margin:0 15px 0 5px}
.form .click-box.type02{background:var(--bg-light-gray-hover);padding:15px}
.form .click-box .sub-label{font-weight:500;margin:0 40px 0 0}
.form .click-box.dozen{display:inline-block}
.form .click-box.dozen label.label-click{display:inline-flex;align-items:center;margin:0 20px 0 0}
.form .w01{width:100%}
.form .w02{width:calc(50% - 15px)}
.form .w03{width:calc((100% / 3) - 15px)}
.form .w04{width:40%}
.form .w05{width:20%}
.form .w06{width:60%}
.form .w07{width:70%}
.form .w08{width:80%}
.form .w09{width:90%}
.form .select-bg-px{background-position-x:97%}
.form .array{width:100%;display:flex;align-items:center;justify-content:space-between}
.form .array.top{align-items:flex-start}
.form .array.left{justify-content:flex-start}

.form textarea{min-height:200px}
.form textarea.no-scroll{min-height:auto;height:auto}
.form select{background-position-x:96%} 
.form .img-area{width:60px;height:75px;background:#f2f2f2;border:1px solid #d4d4d4;border-radius:5px;overflow:hidden;margin-bottom:20px}
.form .map-area{height:300px}
.form #eventdetailfileGrpBox{margin-right:5px}
.form #eventdetailfileGrpBox div{margin-bottom:5px}
.form #eventdetailfileGrpBox div:last-child{margin-bottom:0}
.s0607 .form-block .mt10{margin-top:10px !important}
.s0614 .form-block .mt10{margin-top:0 !important}

.form full ul .click-box label{ margin-bottom:10px!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.form-top{display:flex;align-items:baseline;justify-content:space-between}

@media (max-width:1080px){	
	.form-block{padding:20px 0}
	.form-block .form-line{margin-bottom:20px}
	.form{font-size:14px}
	.form .click-box input[type="checkbox"]{width:20px;height:20px}
	.form .click-box label.label-click{margin:0 12px 0 0}
	.form-block.btm-line{padding-bottom:20px}
	.form-block.btm-line.mb40{margin-bottom:240px !important}
	.form-block .mt10{margin-top:5px !important}
	.form-block .form-line{display:block;margin-bottom:20px}
	.form-block .form-line.form-line2{display:flex}
	.form-block .form-line .form:nth-child(2){margin-top:20px}
	.form label.form-label{font-size:14px}
	.form{width:100%}
	.form .array{min-height:32px}
	.form .array .ml10{margin-left:5px !important}
	.form .array .mr10{margin-right:5px !important}
	.form .file{border-radius:5px;padding:6px;margin-bottom:10px}
	.form .file input[type='file'],
	.board-view input[type='file']{font-size:12px}
	.file ul.setFileForm + div + div{margin-top:10px}
	.form .file a.down{width:100%;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:10px}
	.form .file a.down + button{display:none}
	.click-box label.label-click{min-height:32px;font-size:14px;margin:0 16px 0 0;padding:0}
	.form label.form-label{font-size:18px}
	.form label.aside{width:150px}
	.form .aside-area{width:calc(100% - 150px)}	
	.s0603 .form .click-box{ display:flex;align-items:start;flex-direction:column}
	
	/* 등록폼 */
	.click-box{display:inline-block}
	.popup-box .popup-cont-box{padding:12px}
}

@media screen and (max-width:1080px){

.form .click-box input[type="checkbox"]{width:14px;height:14px;margin:2px 6px 0 0}

/* 0706 - IPSW신청 */
	strong.visit-top{font-size:24px}
	.visit-area{width:100%;display:block}
	.visit-area .calendar-area{width:100%;padding:32px 0 0 0}
	.visit-area .calendar-area::after{content:none}
	.visit-area .visit-req-area{width:100%;background-color:#fafafb;padding:0;margin-top:24px}
	.visit-area .visit-req-area .board-list colgroup col{width:33% !important}
}

@media screen and (max-width:768px){
	.form label.form-label{font-size:16px}
	.form-block.type02{padding:0 0 20px 0}
	.form .click-box input[type="checkbox"]{width:12px;height:12px}
	.join1 .btn-box.mt30{margin-top:0 !important}
	.form .click-box{display:block}
	.click-box label.label-click{padding:0 0 0 4px}
	
@media screen and (max-width:640px){
	.form-block .form-line.form-line2{display:block}
	.form-block .form-line .form-right{width:100%;margin-top:10px}
}

@media screen and (max-width:392px){
	.join .form{font-size:12px}
}

@media screen and (max-width:320px){
	.form label.form-label{font-size:14px}
}

/* 파일첨부 */
.form .file{width:100%;display:inline-block}
.form .file .file-select{width:200px;display:inline-block;float:left}
.form .file .file-select div{width:100%;height:24px;line-height:24px;margin:0 0 10px}
.form .file .file-select div:last-child{margin:0}
.form .file .file-select input[type="file"]{width:100%;font-size:14px;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.form .file .file-btn-box{height:100%;display:flex;float:left;margin:0 0 0 10px}
.form .file .file-btn-box input[type="button"]{width:24px;height:24px;border:1px solid var(--light-gray-line02);background-color:var(--bg-light-gray);margin:0 5px 0 0}
.form .file .file-btn-box input[type="button"]:last-child{margin:0}
.form .file li.text{margin:0 0 10px}
.form .editor-box{border-right:1px solid #b5b5b5}

@media only screen and (max-width:480px){
	strong.visit-top{font-size:18px;padding:0 0 16px}
	.visit-area .calendar-area{width:100%;padding:24px 0 0 0}
}

/* 팝업 */
.pop_btm input[type="checkbox"]{margin:0;padding:0;font-size:100%;vertical-align:middle;background-color:initial;cursor:default;appearance:auto}
.popupWrap{width:504px;height:450px;top:5%;left:35%;position:absolute;z-index:100;border:2px solid var(--black);display:none}
.popupWrap .pop_imgBox{width:500px;height:406px}
.popupWrap .pop_btm{width:100%;height:40px;line-height:40px;clear:both;background:#d4d4d4;text-align:right;padding:0 20px;border-top:1px solid #a1a1a1}
.popupWrap .pop_btm .btn_p_closed{font-size:16px;font-weight:900;color:var(--black)}
.layerPopup{position:absolute;z-index:100;border:2px solid var(--black)}
.layerPopup .pop_imgBox{}
.layerPopup .pop_contBox{}
.layerPopup .pop_btm{width:100%;height:40px;line-height:40px;clear:both;background:#d4d4d4;text-align:right;padding:0 20px;border-top:1px solid #a1a1a1}
.layerPopup .pop_btm .btn_p_closed{font-size:16px;font-weight:900;color:var(--black)}

/*******************************************
	증명서 S
********************************************/
.certificate{width:792px;height:1110px;font-size:18px;font-weight:500;color:var(--black);letter-spacing:0;background:url('/img/lms/sub/certificate_bg3.png');position:relative;margin:20px auto;-webkit-print-color-adjust:exact}
/* .certificate #certificateNum{position:absolute;top:135px;left:90px} */
.certificate .certificateNum{position:absolute;top:135px;left:90px}
.certificate .info{position:absolute;top:350px;left:90px}
.certificate .info .info-item{line-height:1;margin-bottom:20px;display:block}
.certificate .info .info-item:last-child{margin-bottom:0}
.certificate .info .info-item label{width:80px;display:flex;justify-content:space-between;float:left;margin-right:20px}
.certificate .info .info-item span{font-weight:900}
.certificate #content{width:77%;display:block;text-align:center;position:absolute;top:570px;left:90px;font-size:32px;font-weight:700;line-height:50px}
.certificate #today{width:100%;display:block;text-align:center;position:absolute;top:750px;font-size:20px}
.certificate .logo{width:350px;position:absolute;top:850px;left:50%;transform:translateX(-50%)}
.certificate .ceo{width:100%;display:block;text-align:center;position:absolute;top:950px}
.certificate .ceo span{font-size:30px;font-weight:700;padding:0 20px}
.certificate .bottom{width:80%;height:122px;display:flex;align-items:center;position:absolute;top:900px;left:50%;transform:translateX(-50%)}
.certificate .bottom div{width:50%;height:100%;font-size:24px;font-weight:600;letter-spacing:-0.05em;display:flex;align-items:center;justify-content:center;position:relative}
.certificate .bottom div::after{width:119px;height:122px;background:url('/img/lms/sub/certificate-stamp.png') no-repeat;content:'';position:absolute;top:0;left:60%;z-index:-1}
.certificate .bottom div+div::after{width:119px;height:122px;background:url('/img/lms/sub/certificate-stamp2.png') no-repeat;content:'';position:absolute;top:0;left:60%;z-index:-1}

.crtf{width:792px;height:1110px;font-size:18px;font-weight:500;color:var(--black);letter-spacing:0;background:url('/img/lms/sub/certificate_bg_crtf.png');position:relative;margin:20px auto;-webkit-print-color-adjust:exact}
.crtf .crtfNum{position:absolute;top:135px;left:90px}
.crtf .info{position:absolute;top:350px;left:90px}
.crtf .info .info-item{line-height:1;margin-bottom:20px;display:block}
.crtf .info .info-item:last-child{margin-bottom:0}
.crtf .info .info-item label{width:80px;display:flex;justify-content:space-between;float:left;margin-right:20px}
.crtf .info .info-item span{font-weight:900}
.crtf #crtfContent{width:77%;display:block;text-align:center;position:absolute;top:570px;left:90px;font-size:32px;font-weight:700;line-height:50px}
.crtf #crtfToday{width:100%;display:block;text-align:center;position:absolute;top:750px;font-size:20px}
.crtf .logo{width:350px;position:absolute;top:850px;left:50%;transform:translateX(-50%)}
.crtf .ceo{width:100%;display:block;text-align:center;position:absolute;top:950px}
.crtf .ceo span{font-size:30px;font-weight:700;padding:0 20px}
.crtf .bottom{width:80%;height:122px;display:flex;align-items:center;position:absolute;top:900px;left:50%;transform:translateX(-50%)}
.crtf .bottom div{width:50%;height:100%;font-size:24px;font-weight:600;letter-spacing:-0.05em;display:flex;align-items:center;justify-content:center;position:relative}
.crtf .bottom div::after{width:119px;height:122px;background:url('/img/lms/sub/certificate-stamp.png') no-repeat;content:'';position:absolute;top:0;left:60%;z-index:-1}
.crtf .bottom div+div::after{width:119px;height:122px;background:url('/img/lms/sub/certificate-stamp2.png') no-repeat;content:'';position:absolute;top:0;left:60%;z-index:-1}

.ctfhv{width:792px;height:1110px;font-size:18px;font-weight:500;color:var(--black);letter-spacing:0;background:url('/img/lms/sub/certificate_bg_ctfhv.png');position:relative;margin:20px auto;-webkit-print-color-adjust:exact}
.ctfhv .ctfhvNum{position:absolute;top:135px;left:90px}
.ctfhv .info{position:absolute;top:350px;left:90px}
.ctfhv .info .info-item{line-height:1;margin-bottom:20px;display:block}
.ctfhv .info .info-item:last-child{margin-bottom:0}
.ctfhv .info .info-item label{width:80px;display:flex;justify-content:space-between;float:left;margin-right:20px}
.ctfhv .info .info-item span{font-weight:900}
.ctfhv #ctfhvContent{width:77%;display:block;text-align:center;position:absolute;top:570px;left:90px;font-size:32px;font-weight:700;line-height:50px}
.ctfhv #ctfhvToday{width:100%;display:block;text-align:center;position:absolute;top:750px;font-size:20px}
.ctfhv .logo{width:350px;position:absolute;top:850px;left:50%;transform:translateX(-50%)}
.ctfhv .ceo{width:100%;display:block;text-align:center;position:absolute;top:950px}
.ctfhv .ceo span{font-size:30px;font-weight:700;padding:0 20px}
.ctfhv .bottom{width:80%;height:122px;display:flex;align-items:center;position:absolute;top:900px;left:50%;transform:translateX(-50%)}
.ctfhv .bottom div{width:50%;height:100%;font-size:24px;font-weight:600;letter-spacing:-0.05em;display:flex;align-items:center;justify-content:center;position:relative}
.ctfhv .bottom div::after{width:119px;height:122px;background:url('/img/lms/sub/certificate-stamp.png') no-repeat;content:'';position:absolute;top:0;left:60%;z-index:-1}
.ctfhv .bottom div+div::after{width:119px;height:122px;background:url('/img/lms/sub/certificate-stamp2.png') no-repeat;content:'';position:absolute;top:0;left:60%;z-index:-1}

.compl{width:792px;height:1110px;font-size:18px;font-weight:500;color:var(--black);letter-spacing:0;background:url('/img/lms/sub/certificate_bg_compl.png');position:relative;margin:20px auto;-webkit-print-color-adjust:exact}
.compl .complNum{position:absolute;top:135px;left:90px}
.compl .info{position:absolute;top:350px;left:90px}
.compl .info .info-item{line-height:1;margin-bottom:20px;display:block}
.compl .info .info-item:last-child{margin-bottom:0}
.compl .info .info-item label{width:80px;display:flex;justify-content:space-between;float:left;margin-right:20px}
.compl .info .info-item span{font-weight:900}
.compl #complContent{width:77%;display:block;text-align:center;position:absolute;top:570px;left:90px;font-size:32px;font-weight:700;line-height:50px}
.compl #complToday{width:100%;display:block;text-align:center;position:absolute;top:750px;font-size:20px}
.compl .logo{width:350px;position:absolute;top:850px;left:50%;transform:translateX(-50%)}
.compl .ceo{width:100%;display:block;text-align:center;position:absolute;top:950px}
.compl .ceo span{font-size:30px;font-weight:700;padding:0 20px}
.compl .bottom{width:80%;height:122px;display:flex;align-items:center;position:absolute;top:900px;left:50%;transform:translateX(-50%)}
.compl .bottom div{width:50%;height:100%;font-size:24px;font-weight:600;letter-spacing:-0.05em;display:flex;align-items:center;justify-content:center;position:relative}
.compl .bottom div::after{width:119px;height:122px;background:url('/img/lms/sub/certificate-stamp.png') no-repeat;content:'';position:absolute;top:0;left:60%;z-index:-1}
.compl .bottom div+div::after{width:119px;height:122px;background:url('/img/lms/sub/certificate-stamp2.png') no-repeat;content:'';position:absolute;top:0;left:60%;z-index:-1}

.cnfirm{width:792px;height:1110px;font-size:18px;font-weight:500;color:var(--black);letter-spacing:0;background:url('/img/lms/sub/certificate_bg_cnfirm.png');position:relative;margin:20px auto;-webkit-print-color-adjust:exact}
/* .cnfirm #certificateNum{position:absolute;top:135px;left:90px} */
.cnfirm .cnfirmNum{position:absolute;top:135px;left:90px}
.cnfirm .info{position:absolute;top:350px;left:90px}
.cnfirm .info .info-item{line-height:1;margin-bottom:20px;display:block}
.cnfirm .info .info-item:last-child{margin-bottom:0}
.cnfirm .info .info-item label{width:80px;display:flex;justify-content:space-between;float:left;margin-right:20px}
.cnfirm .info .info-item span{font-weight:900}
/* .cnfirm #content{width:100%;display:block;text-align:center;position:absolute;top:570px;font-size:32px;font-weight:700;line-height:50px} */
.cnfirm #cnfirmContent{width:77%;display:block;text-align:center;position:absolute;top:570px;left:90px;font-size:32px;font-weight:700;line-height:50px}
.cnfirm #cnfirmToday{width:100%;display:block;text-align:center;position:absolute;top:750px;font-size:20px}
.cnfirm .logo{width:350px;position:absolute;top:850px;left:50%;transform:translateX(-50%)}
.cnfirm .ceo{width:100%;display:block;text-align:center;position:absolute;top:950px}
.cnfirm .ceo span{font-size:30px;font-weight:700;padding:0 20px}
.cnfirm .bottom{width:80%;height:122px;display:flex;align-items:center;position:absolute;top:900px;left:50%;transform:translateX(-50%)}
.cnfirm .bottom div{width:50%;height:100%;font-size:24px;font-weight:600;letter-spacing:-0.05em;display:flex;align-items:center;justify-content:center;position:relative}
.cnfirm .bottom div::after{width:119px;height:122px;background:url('/img/lms/sub/certificate-stamp.png') no-repeat;content:'';position:absolute;top:0;left:60%;z-index:-1}
.cnfirm .bottom div+div::after{width:119px;height:122px;background:url('/img/lms/sub/certificate-stamp2.png') no-repeat;content:'';position:absolute;top:0;left:60%;z-index:-1}

.aicert{width:792px;height:1110px;font-size:18px;font-weight:500;color:var(--black);letter-spacing:0;background:url('/img/lms/sub/certificate_bg_crtf.png');position:relative;margin:20px auto;-webkit-print-color-adjust:exact}
.aicert .aicertNum{position:absolute;top:135px;left:90px}
.aicert .info{position:absolute;top:350px;left:90px}
.aicert .info .info-item{line-height:1;margin-bottom:20px;display:block}
.aicert .info .info-item:last-child{margin-bottom:0}
.aicert .info .info-item label{width:80px;display:flex;justify-content:space-between;float:left;margin-right:20px}
.aicert .info .info-item span{font-weight:900}
/* .aicert #content{width:100%;display:block;text-align:center;position:absolute;top:570px;font-size:32px;font-weight:700;line-height:50px} */
.aicert #aicertContent{width:77%;display:block;text-align:center;position:absolute;top:570px;left:90px;font-size:32px;font-weight:700;line-height:50px}
.aicert #aicertToday{width:100%;display:block;text-align:center;position:absolute;top:750px;font-size:20px}
.aicert .logo{width:350px;position:absolute;top:850px;left:50%;transform:translateX(-50%)}
.aicert .ceo{width:100%;display:block;text-align:center;position:absolute;top:950px}
.aicert .ceo span{font-size:30px;font-weight:700;padding:0 20px}
.aicert .bottom{width:80%;height:122px;display:flex;align-items:center;position:absolute;top:900px;left:50%;transform:translateX(-50%)}
.aicert .bottom div{width:50%;height:100%;font-size:24px;font-weight:600;letter-spacing:-0.05em;display:flex;align-items:center;justify-content:center;position:relative}
.aicert .bottom div::after{width:119px;height:122px;background:url('/img/lms/sub/certificate-stamp.png') no-repeat;content:'';position:absolute;top:0;left:60%;z-index:-1}
.aicert .bottom div+div::after{width:119px;height:122px;background:url('/img/lms/sub/certificate-stamp2.png') no-repeat;content:'';position:absolute;top:0;left:60%;z-index:-1}
/* .aicert .bottom div+div::after{content:none} */
/*******************************************
	증명서 E
********************************************/

/* 출석관리 */
.attend-list-area{width:100%;display:flex;justify-content:space-between}
.attend-list-area .attend-list01,
.attend-list-area .attend-list02{width:49%}
.attend-list-area .ui-widget-content{border:1px solid var(--light-gray-line);background:none;color:var(--black);position:relative;overflow:hidden}
.attend-list-area .ui-widget-header{border:none;background:none;color:var(--black);font-weight:600}
.attend-list-area tr.ui-widget-content{border-right:none;border-left:none}
th.ui-th-column{color:var(--black)}
th.ui-th-column:last-child{border-right:none}
.ui-state-highlight{background:var(--bg-light-gray) !important}
.ui-state-default, .ui-widget-content .ui-state-default{border:0px solid var(--light-gray-line) !important;border-width:0 1px 0 0 !important;background-color:var(--bg-light-gray) !important;font-weight:400 !important;color:var(--black) !important}
.ui-state-default, .ui-widget-content .ui-state-default:last-child{border-width:0 !important}

/* 실제사용 팝업 */
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-radius:0 !important}

.ui-widget-header{color:var(--black) !important;border-width:0 1px 0 0 !important}
.ui-widget-header a{color:var(--black) !important}
.ui-widget-content{color:var(--black) !important}

.ui-dialog{background:var(--bg-light-gray) !important;border:1px solid var(--black) !important;border-radius:0 !important;font-size:16px !important;color:var(--black) !important;padding:0 !important;box-shadow:0 0 5px 2px rgba(0,0,0,.2);max-width:600px;top:50% !important;left:50% !important;transform:translate(-50%,-50%);position:fixed !important}
.ui-dialog .form-block{border:none;padding:0!important}
.ui-dialog .form select{width:100%}
.ui-dialog .form textarea{min-height:100px !important}
.ui-dialog .ui-dialog-content table{border-radius:5px !important;border:1px solid #cac7bb !important;border-width:1px 0 0 0 !important}
ui-dialog .ui-corner-all{width:800px}
.ui-draggable .ui-dialog-titlebar{width:100% !important;height:40px !important;display:flex !important;align-items:center !important;padding:0 10px !important;border:1px solid var(--light-gray-line02) !important;border-width:0 0 1px 0 !important;background:none !important;color:var(--black) !important;border-radius:0 !important}
th.ui-widget-header{background:var(--bg-light-gray) !important;background-image:none !important;border:1px solid var(--light-gray-line02) !important;border-width:0 0 1px 0 !important;color:var(--black) !important;font-size:16px !important;font-weight:400 !important;padding:0 !important}
td.ui-widget-content{padding:15px !important;border:none !important;border-width:0 !important;background:none !important}
td.ui-widget-content label.widget-radio{display:flex;align-items:center;float:left;margin-right:6px}
td.ui-widget-content label.widget-radio:last-child{margin-right:0}
td.ui-widget-content label.widget-radio input[type="radio"]{width:15px;height:15px;border:1px solid #cac7bb;appearance:auto}
td.ui-widget-content label.widget-radio span{font-size:14px;color:#626262;line-height:1;margin-left:3px}
td.ui-widget-content .widget-select-box{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
td.ui-widget-content .widget-select-box:last-child{margin-bottom:0}
td.ui-widget-content .widget-select-box span{font-size:14px;margin-left:5px;display:inline-block}

/* 하단 버튼 영역 */
.ui-dialog .ui-dialog-buttonpane{border:1px solid var(--light-gray-line02) !important;border-width:1px 0 0 !important;background:var(--bg-light-gray) !important;padding:15px 0 !important}
.ui-dialog .ui-dialog-buttonpane button{border:none !important;border-radius:0 !important;background:var(--black) !important;color:var(--white) !important;font-size:14px !important}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{width:100% !important;display:flex !important;justify-content:flex-end !important;padding:0 15px 0 0 !important}
.ui-dialog .ui-dialog-buttonpane button{margin:0 10px 0 0 !important}
.ui-dialog .ui-dialog-buttonpane button:last-child{margin:0 !important}

/* ip-sw신청 팝업창*/
@media(min-width:1px){
    input[type="date"]{margin-top:10px}
    .ui-widget select{margin-top:10px}
    .ui-dialog .ui-dialog-buttonpane{margin-top:0 !important}
}

@media(max-width:1080px){
    .ui-dialog{width:calc(100% - 40px) !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%);height:auto !important;max-height:80vh !important}
    .form label.aside{width:100px}
    .s0603 .form label.aside{width:150px}
}
@media(max-width:480px){
    .s0706 .calendar-area .fc .fc-scroller-liquid-absolute{overflow:auto !important}
}
@media(max-width:380px){
    input[type="date"]{width:100%}
    .ui-widget select{width:100%}

    .form select{background-position-x:94%}
}