@charset "UTF-8";
/**********************************************
note : fonts set
## google fonts cdn이 변경됨. https://fonts.google.com/에 방문하여 폰트를 담아오면 됩니다.
## 예) @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
**********************************************/
body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:'Malgun Gothic','돋움','dotum','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif}

/**********************************************
note : 메인 단
**********************************************/
.index-wrap.custom03 .index-columns.grid-1 {width:50%;padding-right:.95rem}
.index-wrap.custom03 .index-columns.grid-2 {width:50%;padding-left:.95rem}
.index-wrap.custom03 .index-columns.grid-3 {width:34.5%;padding-left:1.9rem}
.index-wrap.custom03 .index-columns.grid-4 {width:65.5%;padding-right:0}

/**********************************************
note : 자동박스
**********************************************/
/* dp05 */
.auto-dp05 .auto-columns {position:relative;margin-top:1rem;text-align:center}
.auto-dp05 .auto-columns:first-child {margin-top:0}
.auto-dp05 .auto-columns > a {display:block}
.auto-dp05 .auto-columns > a:not(.auto-section)::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.08)}
.auto-dp05 .auto-columns:hover > a:not(.auto-section)::before {border-width:3px;border-color:#ed1c24}
.auto-dp05 .auto-columns .auto-section {position:absolute;bottom:145px;left:50%;z-index:2;padding:.25rem 1.25rem;font-size:.75rem;line-height:1.25em;color:#fefefe;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.auto-dp05 .auto-columns.noimage .auto-section {display:inline-block;position:static;bottom:inherit;left:inherit;margin-left:auto;margin-right:auto;-webkit-transform:translateX(0);transform:translateX(0)}
.auto-dp05 .auto-columns .auto-content {min-height:145px;padding:1.25rem;text-align:left}
.auto-dp05 .auto-columns .auto-content::after {content:'';display:table;clear:both}


/*소개*/
.com-about.com-1-1 {position:relative;}

.com-about.com-1-1 header {padding-top:1.5rem;font-weight:300;color:rgba(0,0,0,.84);letter-spacing:-.313rem;line-height:1.2}
.com-about.com-1-1 header .title {padding:4rem 0;margin-bottom:1.25rem;font-size:2rem;text-align:left;letter-spacing:-.2rem;background:url('/image/company/com-1_bg.png') no-repeat left top;}
.com-about.com-1-1 header > p {display:block;margin-top:1.25rem;font-size:1.5rem;color:rgba(0,0,0,.52);text-align:center;letter-spacing:-.1rem;line-height:1.2}

@media screen and (max-width: 39.9375em) {
	.com-about.com-1-1 {padding-left:0}
	.com-about.com-1-1::before,.com-about.com-1::after {display:none}
	.com-about.com-1-1 header {padding:0;font-size:1.75rem;letter-spacing:-.2rem;text-align:left}
	.com-about.com-1-1 header .title {padding-bottom:3.75rem 0;margin-bottom:1.25rem;font-size:1.5rem;text-align:left;background:url('/image/company/com-1_bg.png') no-repeat left top;}
	.com-about.com-1-1 header > span {display:block}
	.com-about.com-1-1 header > p {font-size:1.25rem}
}



/*뉴스레터 신청*/
.event1 {position:relative; width:100%;}
.event1 .letter {position:relative; background-color: #ededed; padding:20px 20px 0; margin-bottom: 30px;}
.event1 .letter::after {content:'';position:absolute;right:0;top:0;bottom:0;width:525px;background:url('/event/image/event1_bg.png') no-repeat}
.event1 .letter header {padding:3rem 1.5rem;font-weight:300;color:rgba(0,0,0,.84);letter-spacing:-.313rem;line-height:1.2 }
.event1 .letter header .title {margin-bottom: 1.8rem;text-align:left; font-weight: normal; font-size: 35px; color: #666; letter-spacing: -5px; line-height: 55px;}
.event1 .letter header > span { font-size: 18px; color: #666; letter-spacing: -1px;}
.event1 .letter header > p {display:block;margin-top:0;font-size:1.5rem;color:rgba(0,0,0,.52);text-align:left;letter-spacing:-.1rem;line-height:1.2}
.user-point2 {color: #000; font-weight:500; letter-spacing:-.1rem;}

.event1 .cont_tit{text-align:center}
.event1 .cont_tit:before{display:inline-block; content:''; width:70px; height:3px; background:#fc974c}

.event1 .cont_tit h3{font-weight:normal; font-size:35px; color:#444; letter-spacing:-3px; padding:20px 0 0 0}
.event1 .cont_tit h2{font-weight:normal; font-size:18px; color:#444; letter-spacing:-1px; padding:20px 0 0 0; font-weight: 600;}
.event1 .cont_tit .tit_txt{display:block; font-weight:normal; font-size:17px; color:#666; letter-spacing: -1px;line-height:28px; padding:10px 0 20px 0}
.event1 .cont_tit .tit_txt2{display:block; font-weight:600; font-size:22px; color:#ff6f00; letter-spacing: -1px;line-height:28px; padding:10px 0 20px 0}
.event1 .cont_tit .tit_txt2-1{display:block; font-weight:normal; font-size:15px; color:#666; letter-spacing: -1px;line-height:25px; padding:10px 0 20px 0;background-color: #ededed; border: 1px solid #ccc}
.event1 .cont_tit .tit_txt3{display:inline-block; font-weight:normal; font-size:1.3rem; background: #ed1c24; color:#fff; letter-spacing: -1px;line-height:28px; padding: 10px 20px;text-align: center;margin-bottom: 20px;}
.event1 .cont_tit .tit_txt4{display:inline-block; font-weight:normal; font-size:1.3rem; background: #fc974c; color:#fff; letter-spacing: -1px;line-height:28px; padding: 10px 20px;text-align: center;margin-bottom: 20px;}
.event1 .cont_tit .tit_txt5{display:block; font-weight:normal; font-size:17px; color:#444; font-weight: 700; letter-spacing: -1px;line-height:28px; padding:10px 0 20px 0}

.event1 .joins-btns {margin: 1.25rem 2.5rem;}
.event1 .joins-btns::after {content:'';display:table;clear:both}
.event1 .joins-btns .btns-cell {float:left}
.event1 .joins-btns.magazine .btns-cell {width:31.3%;transform:translateY(-5px);box-shadow: 0 8px 10px 0 rgba(0, 19, 60, .12), 0 4px 4px 0 rgba(0, 20, 61, .08), 0 16px 16px 0 rgba(0, 20, 61, .08), 0 32px 32px 0 rgba(0, 20, 61, .08), 0 0 0 1px rgba(0, 20, 61, .08);}
.event1 .joins-btns.magazine .btns-cell:nth-child(3n) {float:right}
.event1 .joins-btns.magazine .btns-cell:first-child,.event1 .joins-btns.magazine .btns-cell:nth-child(3n + 1) {clear:both}
.event1 .joins-btns:not(.magazine) .btns-cell {width:31%;margin-left:.5%}
.event1 .joins-btns:not(.magazine) .btns-cell:first-child,.event1 .joins-btns:not(.magazine) .btns-cell:nth-child(3n + 1) {margin-left:0;/*clear:both*/}
.event1 .joins-btns .btns-cell {display:block;position:relative;min-height:295px;padding:1rem;background-color:#f8f8f8;border:1px solid rgba(0,0,0,.08);text-decoration:none;border-radius: 10px; margin:10px}
.event1 .joins-btns .btns-cell:before,.event1 .joins-btns .btns-cell:after {content:'';display:block;position:absolute;bottom:0;background-repeat:no-repeat;background-size:400px auto; border-radius: 0 0 10px 10px;}
.event1 .joins-btns .btns-cell:before {z-index:1;right:0;width:80px;height:165px}
.event1 .joins-btns .btns-cell.image-1:before {width:100%; background-image: url('/event/image/event46_01.jpg'); background-position:0 -40px}
.event1 .joins-btns .btns-cell.image-2:before {width:100%; background-image: url('/event/image/event46_02.jpg'); background-position:0 0}
.event1 .joins-btns .btns-cell.image-3:before {width:100%; background-image: url('/event/image/event46_03.jpg'); background-position:0 -60px}

.event1 .joins-btns .btns-cell p {font-size:.85rem;line-height:1.15rem; letter-spacing:-0.05em;color:rgba(0,0,0,.65)}
/*.event1 .joins-btns .btns-cell:after {z-index:2;right:1.375rem;width:34px;height:34px;background-position:0 -300px;background-color:#909090;border-radius:50%;-webkit-transition:background .25s;transition:background .25s}*/

.event1 .joins-btns .btns-cell .text {display:block;font-size:1.375rem;    font-weight: 600; line-height:1.25em;letter-spacing:-0.05em}
.event1 .joins-btns .btns-cell .price {font-size:.85rem;line-height:.9rem !important;letter-spacing:-0.05em;color:rgba(0,0,0,.65)}
.event1 .joins-btns .btns-cell .price .vat {font-size:.8em;color:rgba(0,0,0,.35)}

@media screen and (max-width: 39.9375em) {
     .event1 .joins-btns {margin: 0;}
	 .event1 .joins-btns .btns-cell {min-height:275px;}
	.event1 .joins-btns .btns-cell:nth-child(n) {float:none !important;width:auto;margin-left:0;clear:inherit}
	.event1 .joins-btns .btns-cell:not(:first-child) {margin-top:.5%}

	.event1 .joins-btns .btns-cell .text {font-size:1rem;}
	.event1 .joins-btns .btns-cell p {font-size:.8rem;}

	.event1 .letter {padding-left:0}
	.event1 .letter:before,.event1 .letter::after {display:none}
	.event1 .letter header .title {padding-bottom:3.75rem;margin-bottom:1.25rem;font-size:2.5rem;text-align:left;}
	.event1 .letter header > span {display:block}
	.event1 .letter  header > p {font-size:1.25rem}

}

/*190910_videobox icon*/
.auto-dp04.video .auto-columns{position:relative;}
.auto-dp04.video .auto-columns:after{content:"";position:absolute;background:url(http://www.thelec.kr/image/video_icon.png) center center no-repeat;width:125px;height:124px;left:50%;transform:translateX(-50%);top:40px;}

.type-tm .list-block:after{content:"";position:absolute;background:url(http://www.thelec.kr/image/video_icon.png) center center no-repeat;background-size:80px;width:80px;height:80px;left:50%;transform:translateX(-50%);top:40px;}

#admin-wrap .edit-level1 {min-height:10px}


/* 황자연 / 962534 / 20200630 */
#rollBanner-1 .roll-btns {position:absolute;z-index:10;width:50px;height:50px;margin-top:0px;font-size:2rem;color:#fefefe;background-color:rgba(0,0,0,.2);top:60%;transform:translateY(-50%);cursor:pointer}
#rollBanner-1 .roll-btns:hover {background-color:rgba(0,0,0,.65)}
#rollBanner-1 .roll-btns.btn-prev {left:-15px;}
#rollBanner-1 .roll-btns.btn-next {right:-15px;}

/* 배진희 / 1060951 / 20210601 */
.user-canvas .user-canvas-navs .menu li:nth-child(11) > a{display:none;}


/* 윤미정 / 1106856 / 20211108 */
.dn_banner {position: absolute;z-index: 1002;right: 0;bottom: 70px;}