@charset "utf-8";
@import url(content_temp1.css); /* 김소희 */
@import url(content_temp2.css); /* 이영자 */

/* 404 에러 페이지 */
.errorArea{padding:240px 0 180px}
.errorArea .titlType{font-size:32px;line-height:54px;font-weight:700;}
.errorArea .titlType+.titlType3{margin-top:16px}
.errorArea .btn.login.large{min-width:180px;font-size:14px}

/* 로그인/회원가입 회색 박스 스타일 */
.grayBox {margin-top:28px;padding:22px 20px;border-radius:8px;background:#F7F8F9;}
.grayBox li {position:relative;margin-top:10px;padding-left:11px;font-size:13px;color:#8F95A1;line-height:17px;word-break:keep-all;}
.grayBox li:first-child {margin-top:0;}
.grayBox li:before {content:'·';position:absolute;left:0;color:#8F95A1;}

.popup.ft .contBox {height:576px;}
.popup.ft .contBox p.midText {position:relative;margin-bottom:8px;}
.popup.ft .contBox p.midText.dash,
.popup.ft .contBox p.midText.sq,
.popup.ft .contBox p.midText.dot {padding-left:18px;}
.popup.ft .contBox p.midText.dash:before {content:'-';position:absolute;left:0;}
.popup.ft .contBox p.midText.sq:before {content:'□';position:absolute;left:0;}
.popup.ft .contBox p.midText.dot:before {content:'ㆍ';position:absolute;left:0;}
.popup.ft .contBox h4 {margin:28px 0 12px;font-family:'SFNB';font-size:16px;color:#262626;}
.popup.ft .contBox h5 {margin:20px 0 12px;font-family:'SFNB';font-size:14px;color:#262626;}
.popup.ft .contBox ul li {font-weight:500;font-size:14px;color:#262626;line-height:21px;}

.tbl1 tr:first-child th,
.tbl1 tr:first-child td {border-top:1px solid #e9e9ef;}
.tbl1 tr th {width:150px;padding:16px 20px;border-bottom:1px solid #e9e9ef;background:#f7f8f9;font-weight:normal;font-size:13px;color:#262626;line-height:17px;}
.tbl1 tr td {padding:16px;border-bottom:1px solid #e9e9ef;font-size:13px;color:#262626;line-height:17px;}
.tbl1 tr td p {margin-bottom:0 !important;line-height:24px;}

/********** 레이어 기본 팝업 **********/
body.noScroll {overflow:hidden; height:100%; -webkit-text-size-adjust:none}
.popupWrap {display:none;position:fixed;top:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,.5);}
.popupWrap.on {display:block;}
.popup {position:absolute;top:50%;left:50%;width:700px;height:730px;padding:40px;border-radius:12px;background:#fff;transform:translate(-50%, -50%);}
.popup .closePop {position:absolute;top:24px;right:24px;width:24px;height:24px; cursor:pointer}
.popup .closePop img{width:100%;}
.popup h3 {font-family:SFNB;font-size:24px;color:#262626;line-height:36px;letter-spacing:-.5px;text-align:center;}
.popup .contBox {width:100%;height:500px;margin:40px 0 28px;background:#fff;overflow:auto;}


/* 컨텐츠 레이어 팝업 스타일 */
/* 강의 상세 레이어 팝업 */
.popup.scheduleDetail{background-image: linear-gradient(-50deg, rgba(255,93,77,0.15) 0%, rgba(0,60,220,0.15) 99%);width:600px;height:auto;padding:40px}
.popup.scheduleDetail h3{text-align:left;word-break:keep-all}
.popup.scheduleDetail .titleBox{display:block;}
.popup.scheduleDetail .titleBox:after{content:''; display:block; height:1px; background:#262626;margin-top:29px}
.popup.scheduleDetail .titleBox>h3+p{margin-top:8px}
.popup.scheduleDetail .titleBox>p{font-family:'SFNB';}
.popup.scheduleDetail .contBox{background:transparent;height:auto;margin:28px 0 0;}
.popup.scheduleDetail .detailText{word-break:keep-all}

/* layer system popup */
body.scroll-lock {overflow:hidden; height:100%; -webkit-text-size-adjust:none}
.layerpopWrap {display:none; align-items:center;justify-content:center;position:fixed;top:0;left:0; z-index:1001;width:100%; height:100%; padding:20px; background-color: rgba(0,0,0,.6);box-sizing:border-box;}
.layerpopWrap.open {display:flex;}
.layerpopWrap .layerInner {display:flex; flex-direction:column; width:100%; max-width:320px; max-height:100%; border-radius:12px; background-color:#fff; overflow:hidden;}
.layerpopWrap .layerContent {padding:20px; overflow-y:auto; flex:1;}
.layerpopWrap .layerContent .txtCont{padding:20px 0 30px; text-align:center; font-size: 16px; color: #000; line-height:20px; font-weight: normal;}

.layerpopWrap .layerBottom{display:block;width:100%;padding:12px 20px 20px}
.layerpopWrap .layerBottom:after {content:""; display:block; clear:both;}
.layerpopWrap .layerBottom button:only-child, .layerBottom a:only-child{width:100%;float:left; }
.layerpopWrap .layerBottom button, .layerBottom a{width:calc(50% - 4px);float:left; min-width:auto}
.layerpopWrap .layerBottom button+button, .layerBottom a+a{float:right;}

.layerpopWrap .layerContent .titCont{font-size:20px; font-weight: bold; line-height:26px; font-weight: bold;}
.layerpopWrap .layerContent .mgsBox{margin-top:20px; text-align: center;}

/* toast popup */
.toastPopup{position:fixed; box-sizing:border-box; bottom:-100px; left:50%; opactiy:0; padding:14px 20px 14px 20px; background:#FFFFFF; box-shadow: 4px 4px 40px 0 rgba(26,67,153,0.08); border-radius:44px;
z-index:1003; transform:translateX(-50%); transition:all 0.3s}
.toastPopup.active{opactiy:1;bottom:60px;}
.toastPopup .textBody{display:flex;align-items:center;font-size:14px; color:#262626; font-weight:700; min-width:180px;box-sizing:border-box; text-align:left}
.toastPopup .textBody .icnOk{width:20px;height:20px;margin-right:10px}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .errorArea{padding:100px 0 60px}
    .errorArea .titlType{font-size:28px;line-height:36px;}
    .errorArea .btn.login.large{width:auto;min-width:140px;height:48px}
}

@media (max-width: 1023px) {
    /* 모바일 full 팝업 */
    .popup, .popup.scheduleDetail {top:0;left:0;width:100%;height:100%;padding:16px;border-radius:0;transform:translate(0,0);}
    .popup h3 {margin-top:40px;font-size:20px;}
    .popup .contBox {height:calc(100% - 198px)}
    .popup .btnGroup {position:fixed;bottom:16px;left:0;width:100%;padding:0 16px;}
    /* .popup .btnGroup button, .popup .btnGroup a {width:calc(46% - 4px)} */

    /* 강의 상세 레이어 */
    .popup.scheduleDetail h3{margin-top:58px;font-size:26px;}

    .layerpopWrap .layerInner{min-width:320px;max-width:inherit;}

    .toastPopup{padding:10px 16px}
    .toastPopup.active{bottom:40px}
    .toastPopup.active+.toastDim{display:block;position:fixed;left:0;bottom:0;background:rgba(0,0,0,0.50);width:100%;height:100%;z-index:1001;pointer-events:none;}
    .toastPopup .textBody{min-width:220px}
    .toastPopup .textBody .icnOk{margin-right:8px}

    .popup.ft .contBox {height:calc(100% - 130px);}
    .tbl1 tr th {width:100px;text-align:left;}
}


/* 작업자 : TD7476(김소희) */

/********** 회원가입, 마이페이지(내 정보 수정), 로그인 외 공통 *********/

/* 인풋 타이틀 */
.inputArea label.inputTit {display:block;margin-top:28px;margin-bottom:8px;color:#262626;}
.inputArea label.inputTit.disabled {color:#8F95A1;}
.inputArea label.inputTit span {padding-left:2px;color:#FF5D4D;}

/* 인풋, 인풋 타이틀 나누기 */
.labelDivide {display:flex;justify-content:space-between;align-items:baseline;}
.labelDivide span img {width:16px;height:16px;vertical-align:middle;}
.labelDivide span>span {font-size:13px;color:#003CDC;}
.labelDivide .formCheck label > input[type="checkbox"] + span {padding-right:0;font-size: 14px;}
.labelDivide button.small {padding:12px 14px;font-family:'SFNM';font-weight:100;line-height:30px;}
.labelDivide button.small img {width:16px;height:17px;margin-right:4px;}
.inputDivide {display:flex;flex-wrap:wrap;column-gap:8px;}
.inputDivide .col-md-input-3 {width:calc(25% - 4px) !important;}
.inputDivide .col-md-input-6 {width:calc(50% - 4px) !important;}
.inputDivide .col-md-input-9 {width:calc(75% - 4px) !important;}
.inputDivide .col-md-input-12 {width:100%;}

/* 아이디 인증 (아이디 미입력, 아이디 입력, 인증코드 전송, 인증코드 입력): 인증코드 전송 버튼 */
.inputArea .inputBox {position:relative;}
.inputArea .inputBox .btnBox {display:flex;align-items:center;position:absolute;right:10px; bottom:10px;}
.inputArea .inputBox .btnBox .time {font-size:14px;color:#262626;}
.inputArea .inputBox .btnBox .btn.utility {width:auto;height:auto;margin-left:12px;padding:5px 8px;}
.inputArea .error-text {font-size:13px;color:#F42020;line-height:19px}
.inputArea .mgs-text {font-size:13px;color:#888;margin-top:6px;line-height:19px}

/* 아이디 찾기, 비밀번호 재설정 버튼 */
.loginBox a {position:relative;margin:0 12px;font-size:14px;color:#262626;}
.loginBox a:nth-child(2)::after {content:'';display:inline-block;position:absolute;top:1px;left:-14px;width:1px;height:12px;background:#262626;opacity:.2;}

/* 회원가입, 마이페이지(내 정보 수정): 개인정보 수집 및 이용 동의, 기업 검색 팝업 */
.popup.su .contBox p {margin-bottom:28px;}
.popup.su .contBox h4 {margin-bottom:12px;font-family:'SFNB';font-size:16px;color:#262626;}
.popup.su .contBox h5 {margin:28px 0 12px;font-family:'SFNB';font-size:14px;color:#262626;}

/* 회원가입: 개인정보 수집 및 이용 동의 팝업 내 테이블 스타일 */
.tbl1 tr:first-child th,
.tbl1 tr:first-child td {border-top:1px solid #e9e9ef;}
.tbl1 tr th {width:150px;padding:16px 20px;border-bottom:1px solid #e9e9ef;background:#f7f8f9;font-weight:normal;font-size:13px;color:#262626;line-height:17px;}
.tbl1 tr td {padding:16px;border-bottom:1px solid #e9e9ef;font-size:13px;color:#262626;line-height:17px;}
.tbl1 tr td p {margin-bottom:0 !important;line-height:24px;}

/* 회원가입, 마이페이지(내 정보 수정): 기업 검색 팝업 */
.searchBox {padding:32px;border-radius:8px;border:1px solid #E9E9EF;}
.searchBox dl {display:flex;align-items:center;}
.searchBox dt {flex-shrink:0;width:100px;font-family:'SFNB';font-size:16px;color:#262626;}
.searchBox dd {width:100%;}
.searchBox dd .inputText {width:100%;height:48px;margin-top:24px;margin-bottom:28px;}
.searchBox button {min-width:100px;font-weight:100;}
.formCheck.lsit {display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:20px;border-radius:12px;border:1px solid #E9E9EF;background:#F7F8F9;}
.formCheck.lsit label > input[type="radio"] + span {display:inline;padding:0 20px 0 0;}
.formCheck.lsit .formCheckTxt h4 {margin-bottom:4px;}
.formCheck.lsit .formCheckTxt span {position:relative;padding:0 6px;font-size:14px;}
.formCheck.lsit .formCheckTxt span:after {content:'';position:absolute;top:1px;left:-2px;width:1px;height:14px;background:#E9E9EF;}
.formCheck.lsit .formCheckTxt span:nth-child(2) {padding-left:0;}
.formCheck.lsit .formCheckTxt span:nth-child(2):after {width:0;}

/* 상세페이지: Support-Notice, About-Plenary Session, Samsung Securities */
.viewDetail{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap}

.viewpageTit {width:350px;margin-top:55px; height:446px; border-radius:12px; background:#f2f2f5; overflow:hidden}
.viewpageTit .noData{display:flex;width:100%;height:100%;justify-content:center;align-items:center;font-size:24px;color:#888;font-weight:700;}
.viewpageTit.notice{background:transparent}
.viewpageTit img{}
.viewpageTit h2 {margin-bottom:20px;font-weight:700;font-size:36px;color:#262626;line-height:54px;letter-spacing:-0.5px;}
.viewpageCont {width:710px;padding-top:55px;}
.viewpageCont h3 {font-weight:700;font-size:36px;color:#262626;line-height:54px;}
.viewpageCont .viempageImg{display:none;width:100%;border-radius:12px; background:#f2f2f5}
.viewpageCont p {display:flex;flex-wrap:wrap;margin:8px 0 28px;white-space:nowrap;}
.viewpageCont p span {position:relative;padding-right:10px;font-weight:700;font-size:16px;color:#262626;}
.viewpageCont p span~span {padding-left:10px;}
.viewpageCont p span~span:before {content:'';position:absolute;top:4px;left:-1px;width:1px;height:12px;background:#E9E9EF;}
.viewpageCont pre {padding-bottom:60px;font-family:'SFNM';white-space:pre-wrap;}
.viewpageCont .addFile {display:flex;margin-bottom:20px;}
.viewpageCont .addFile span {margin-right:32px;font-weight:700;font-size:16px;color:#262626;white-space:nowrap;padding-top:4px}
.viewpageCont .addFile div{width:650px;display:flex;flex-direction:column}
.viewpageCont .addFile div a{padding:4px 0;}
.viewpageCont .addFile div a span{font-weight:500}
.viewpageCont .addFile div a i {display:inline-block;width:16px;height:16px;margin-right:6px;background-image:url('/sgic/assets/images/common/file.png');background-size:16px;vertical-align:middle;}
.viewpageCont .addFile label {max-width:650px;}
.viewpageCont .addFile label p {margin:0 0 4px;overflow:hidden;width:100%;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.viewpageCont .addFile input[type="file"] {position:absolute;width:1px;height:1px;text-indent:-999px;}
.viewpageCont .whiteBorderBox {padding:28px;border-radius:8px;border:1px solid #E9E9EF;}
.viewpageCont .whiteBorderBox .info span {margin-left:16px;font-weight:500;font-size:14px;color:#262626;}
.viewpageCont .whiteBorderBox .info span:first-child {margin-left:0;}
.viewpageCont .whiteBorderBox .info span:before {content:'';display:inline-block;position:relative;top:4px;width:16px;height:16px;padding-right:6px;background-size:16px;}
.viewpageCont .whiteBorderBox .info span:nth-child(1):before {background:url('/sgic/assets/images/content/ic_lect_date.png') no-repeat;background-size:16px;}
.viewpageCont .whiteBorderBox .info span:nth-child(2):before {background:url('/sgic/assets/images/content/ic_lect_time.png') no-repeat;background-size:16px;}
.viewpageCont .btnGroup {padding-top:60px;border-top:1px solid #E9E9EF;}
.viewpageCont .whiteBorderBox h5 {margin-top:8px;font-weight:700;font-size:20px;color:#262626;line-height:30px;}
.viewpageCont .whiteBorderBox.small {display:inline-block;margin-bottom:20px;padding:8px 16px;}
.viewpageCont .whiteBorderBox.small .info span:nth-child(1):before {background:url('/sgic/assets/images/content/ic_mail.png') no-repeat;background-size:16px;}

.viewDetail + .viewBtn {padding-top:60px;border-top:1px solid #E9E9EF;}
.viewBtn{width:710px;margin-left:auto}

/* 반응형 */
.responsive {display:flex;flex-wrap:wrap;column-gap:20px;}
.responsive .inputArea {width:calc(50% - 10px);} /*2*/
.responsive .col-md-4 {width:calc(33.3% - 14px);} /*3*/
.responsive .col-md-3 {width:calc(25% - 15px);} /*4*/

.colorWhite {color:#fff}
.colorBlack {color:#262626 !important;}
.colorGray {color:#8F95A1;}
.noMarginTop {margin-top:0 !important;}
.noPaddingTop {padding-top:0 !important;}
.borderNone {border:0 !important;}
.btnGroup button.w140 {width:140px;}


/********** 회원가입 **********/

#wrapper.join #pageTitle {height:auto;margin-bottom:0;}
#wrapper.join #pageTitle .inner {flex-wrap:wrap;width:954px;height:auto;padding-top:120px;}
#wrapper.join #pageTitle .inner p {width:100%;margin-top:8px;font-size:12px;color:#8F95A1;text-align:center;}
#wrapper.join .titBox {margin-top:100px;}
#wrapper.join .titBox:first-child {margin-top:0;}
#wrapper.join .btnGroup {margin-top:60px;}
.formCheck.line label {display:flex;justify-content:space-between;align-items:center;padding:24px 4px 0;}
.formCheck.line label:first-child, .formCheck.line label:last-child {position:relative;padding-bottom:24px;}
.formCheck.line label:first-child:after, .formCheck.line label:last-child:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#E9E9EF;}
.formCheck.line label span>span {color:#003CDC;}
.formCheck.line label a.arrow {position:relative;font-size:14px;color:#8F95A1;}
.formCheck.line label a.arrow:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#8F95A1;}


/********** 마이페이지(내 정보 수정) **********/

.popup.pw {width:467px;height:auto;}
.popup.pw .contWrap {overflow-y:auto;}
.preparing {display:block;width:80px;margin:0 auto 30px;}
.summaryBox .subtitBox.mt60 {margin-top:60px;}
.summaryBox .grayBox.whiteBorderBox {border:1px solid #E9E9EF;background:#fff;}


/********** 로그인 **********/

#wrapper.login .content {width:100%;}
.loginBox .findIdBox {margin:40px 0;padding:28px 20px;border-radius:8px;background:#F7F8F9;}
.loginBox .findIdBox p {font-weight:700;font-size:18px;color:#003CDC;text-align:center;}
.loginBox .btnGroup .btn {width:100%;}


/********** Registration **********/

#wrapper.registration #container {padding:0 0 120px;}
#wrapper.registration #pageTitle {background:url(/sgic/assets/images/content/bg_registration.png) center center;background-size:cover;}
#wrapper.registration .titBox {margin-top:100px;}
#wrapper.registration .titBox:first-child {margin-top:0;}
#wrapper.registration .titBox span {font-size:12px;color:#8F95A1;}

.subtitBox {display:flex;flex-wrap:wrap;justify-content:space-between;margin:36px 0 16px;}
.subtitBox i {display:inline-block;width:16px;height:16px;background:url(/sgic/assets/images/common/trash.png);background-size:16px 16px;vertical-align:middle;}
.subtitBox span {margin-left:2px;font-size:14px;color:#8F95A1;}

.avanteeBox {margin-bottom:20px;border-top:solid 1px #E9E9EF;}
.avanteeBox .grayBox {margin-top:0;padding:0 28px 28px;}
.addButtonWrap {padding:8px 0 28px;border-bottom:1px solid #E9E9EF;text-align:right;}
.addButton {padding:10px 20px;border-radius:50px;background:#F2F2F5;}
.addButton i {display:inline-block;width:12px;height:12px;margin:-1px 6px 0 0;background:url(/sgic/assets/images/common/add.png);background-size:12px 12px;vertical-align:middle;}

.summaryBox .grayBox {margin-top:0;padding:28px;}
.summaryBox .grayBox .grid {padding:20px 0;border-top:1px dashed #E9E9EF;}
.summaryBox .grayBox .grid:first-child {padding-top:0;border-top:none;}
.summaryBox .grayBox .grid:last-child {padding-bottom:0;}
.summaryBox .grayBox .grid h3,
.summaryBox .grayBox dl dt,
.summaryBox .grayBox dl dd {padding:6px 0;font-size:16px;color:#262626;}
.summaryBox .grayBox .grid h3 {width:100px;}
.summaryBox .grayBox dl dt {width:50%;}
.summaryBox .grayBox dl dd span {position:relative;padding:0 12px;}
.summaryBox .grayBox dl dd span:after {content:'';position:absolute;top:0;left:-2px;width:1px;height:15px;background:#E9E9EF;}
.summaryBox .grayBox dl dd span:first-child {padding-left:0;}
.summaryBox .grayBox dl dd span:first-child:after {display:none;}

.accorWrap {border-bottom:none;}
.accorWrap .titlType3 {margin-top:40px;margin-bottom:16px;}
.accorWrap .titlType3 span {padding-left:2px;color:#FF5D4D;}
.accorWrap .inputArea label.inputTit {margin-top:0;}
.reserveHotel .grayBox {display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:28px;}
.reserveHotel .grayBox .btn {min-width:90px;}
.reserveHotel img {height:124px;}

.formCheck.square label > input[type="checkbox"] + span {padding:4px 12px;border-radius:4px;background:#E9E9EF;font-size:14px;color:#262626;}
.formCheck.square label > input[type="checkbox"]:checked + span {background:#262626;color:#fff;}
.formCheck.square label > input[type="checkbox"] + span:before,
.formCheck.square label > input[type="checkbox"]:checked + span:before{display:none;}
.optionCheck {display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;}
.accorCont [class^="optionCheck"]{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;}

/********** Support **********/

#wrapper.support.bgGradation {background-image:radial-gradient(circle at 100% 0%, rgb(0 70 255 / 40%) 0%, #F2F2F5 50%);}
#wrapper.support #supportTitle .inner {/*width:1200px;*/padding:140px 0 0;}
#wrapper.support #supportTitle .inner .titlType1{padding-left:120px}
#wrapper.support #supportTitle .inner p {padding-left:120px;font-family:'SFNB';font-size:18px;color:#262626;}
#wrapper.support #supportTitle.viewpage .inner{padding-top:0;min-height:60px}

#wrapper.support #container {display:block;}
#wrapper.support #container .content {display:flex;flex-wrap:wrap;width:1200px;}
#wrapper.support #container .content.gap20 {gap:20px;}
#wrapper.support #container .content.noContent {display:block;width:1200px;padding:200px 0;border-top:1px solid #E9E9EF;text-align:center;}

.noticeBox {position:relative;width:calc(33.3% - 13px);height:340px;padding:28px;border-radius:12px;border:1px solid #E9E9EF;background:#fff;}
.noticeBox h3 {margin-bottom:16px;}
.noticeBox p.titlType3 {overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.noticeBox p.midText {position:absolute;bottom:28px;}

.slideButtonWrap {width:1200px;margin:40px auto 0;}
.slideButtonWrap .slideButton {overflow-x:auto;display:flex;gap:8px;padding:0;scrollbar-width:none;}
.slideButtonWrap .slideButton::-webkit-scrollbar {display:none;}
.slideButtonWrap .slideButton a {display:block;padding:10px 20px;border-radius:50px;background:#E9E9EF;font-size:16px;color:#262626;white-space:nowrap;}
.slideButtonWrap .slideButton a.on {background:#262626;color:#fff;}
.faq {width:100%;padding:0 28px;border-radius:20px;border:1px solid #E9E9EF;}

.accordionWrap {width:100%;border-top:1px solid #E9E9EF;}
.accordionWrap:first-child {border-top:none;}
.accordionWrap .accordionBox {display:flex;flex-wrap:wrap;padding:0 38px;border-radius:12px;}
/*.accordionWrap:first-child .accordionBox {margin-top:0 !important;}
.accordionWrap:last-child .accordionBox {margin-bottom:0 !important;}*/
.accordionWrap .accordionBox.on {margin:30px 0px 40px;background:#F2F2F5;}
.accordionWrap .accordionBox h5 {width:200px;padding-top:46px;font-family:'SFNB';font-size:16px;color:#262626;white-space:nowrap;}
.accordion {width:calc(100% - 200px);padding:40px 0;}
.accordion .accordionBtn {display:flex;justify-content:space-between;}
.accordion .accordionBtn i {width:24px;height:24px;background:url('/sgic/assets/images/common/accordian_expend.png') no-repeat center;background-size:24px;}
.accordionWrap .accordionBox.on .accordion .accordionBtn i {width:24px;height:24px;background:url('/sgic/assets/images/common/accordian_flip.png') no-repeat center;background-size:24px;}
.accordion .accordionCont {overflow:hidden;height:0;padding-right:100px;transition:height .2s;}
.accordionWrap .accordionBox.on .accordion .accordionCont {height:auto;padding-top:40px;}
.accordion .accordionCont pre {white-space:pre-wrap;}
.accordion .accordionCont .addFile {margin-top:20px;}
.accordion .accordionCont .addFile div {padding:4px 0;}
.accordion .accordionCont .addFile i {display:inline-block;width:16px;height:16px;margin-right:6px;background-image:url('/sgic/assets/images/common/file.png');background-size:16px 16px;vertical-align:middle;}


.lstPaging {width:100%;margin-top:60px;text-align:center;}
.lstPaging a {display:inline-block;margin:0 5px;padding:12px 18px;border-radius:50px;font-size:18px;color:#262626;}
.lstPaging a.now {background:#003CDC;color:#fff;}
.lstPaging .prev, .lstPaging .next {opacity:0.4;}
.lstPaging .prev {display:inline-block;width:20px;height:20px;background:url('/sgic/assets/images/common/arrow_up.png') no-repeat center;background-size:20px;vertical-align:middle;transform:rotate(-90deg);}
.lstPaging .next {display:inline-block;width:20px;height:20px;background:url('/sgic/assets/images/common/arrow_up.png') no-repeat center;background-size:20px;vertical-align:middle;transform:rotate(90deg);}
.pagingNum {display:inline-block;}


/********** About **********/

#wrapper.about #pageTitle,
#wrapper.support #pageTitle.viewpage,
#wrapper.support #supportTitle.viewpage {height:auto;margin-bottom:0;}
#wrapper.about #pageTitle .inner {flex-wrap:wrap;padding-top:145px;}
#wrapper.about #pageTitle .inner p {width:100%;margin-top:8px;font-weight:700;font-size:16px;color:#262626;line-height:24px;}
#wrapper.about #pageTitle .inner .titlType1 {margin:20px 0 0;}
#wrapper.about .content {width:1440px;}
#wrapper.about .noContent {text-align:center;}
#wrapper.about .noContent img{width:80px;height:80px}
#wrapper.about .noContent h3 {margin:28px 0 16px;font-weight:700;font-size:36px;color:#262626;line-height:54px;}
#wrapper.about .stickyTabs {margin-top:90px;}
#wrapper.about .stickyTabs .tabLines .tabList li a {height:56px;font-size:24px;}
#wrapper.about .stickyTabs .dateTabs,
#wrapper.about .stickyTabs .stickyMenu {width:1440px;}
#wrapper.about .stickyCont {min-height:auto;padding:70px 0 20px;}
.ceoImg {margin-bottom:80px;}
.ceoText {margin-bottom:80px;font-family:'SFNM';font-size:20px;color:#262626;line-height:30px;white-space:pre-wrap;}
.ceoSign {float:right;}
.ceoSign img {width:223px;}
.ceoSign p {margin:32px 0 12px;}
.ceoSign h4 {font-weight:900;font-size:28px;color:#262626;}
.newest {display:flex;flex-wrap:wrap;column-gap:80px;padding:40px 0;border-top:1px solid #262626;border-bottom:1px solid #262626;}
.newest img {width:710px;}
.newest .newestText {position:relative;width:calc(100% - 790px);padding:10px 0;}
.newest .newestText h4 {margin-bottom:20px;font-weight:700;font-size:28px;color:#003CDC;line-height:36px;}
.newest .newestText button {position:absolute;bottom:0;margin-top:20px;}
.historyTit {margin:100px 0 20px;font-weight:700;font-size:28px;color:#262626;line-height:36px;}
.historyWrap {display:flex;flex-wrap:wrap;column-gap:20px;row-gap:60px;}
.historyWrap div {width:calc(33.3% - 13px);text-align:center;}
.historyWrap div p {margin-top:24px;font-weight:700;font-size:16px;color:#262626;}
.venueGuideWrap {display:flex;flex-wrap:wrap;column-gap:110px;margin-top:100px;justify-content:flex-end}
.venueGuideWrap img {width:740px;height:fit-content;}
.venueGuideWrap .venueGuideInfo {width:calc(100% - 850px);padding:40px 0;border-top:1px solid #262626;border-bottom:1px dashed #E9E9EF;}
.venueGuideWrap .venueGuideInfo h3 {margin-bottom:20px;font-weight:700;font-size:36px;color:#262626;line-height:54px;}
.venueGuideWrap .venueGuideInfo h5 {margin-bottom:28px;font-weight:700;font-size:20px;color:#262626;line-height:30px;}
.venueGuideWrap .venueGuideInfo h5+.venueGuideText.second{margin-top:-20px;}
.venueGuideWrap .venueGuideInfo .midText{font-weight:700}
.venueGuideWrap.flex-end .venueGuideInfo h5,
.venueGuideWrap .venueGuideInfo .venueGuideText h5,
.venueGuideWrap .venueGuideInfo .grayBox h5 {margin-bottom:8px;}
.venueGuideWrap .venueGuideInfo .venueGuideText {display:flex;margin-top:28px;margin-left:45px}
.venueGuideWrap .venueGuideInfo .venueGuideText.header{margin-left:0}
.venueGuideWrap .venueGuideInfo .venueGuideText .area {height:fit-content;margin-right:20px;padding:4px 8px;border-radius:4px;background:#003CDC;font-weight:900;font-size:13px;color:#fff;line-height:17px;}
.venueGuideWrap .venueGuideInfo .venueGuideText p {margin-bottom:8px;font-weight:700;font-size:16px;color:#262626;}
.venueGuideWrap .venueGuideInfo .info {display:flex;flex-wrap:wrap;}
.venueGuideWrap .venueGuideInfo .info span {margin-left:24px;font-size:14px;color:#262626;}
.venueGuideWrap .venueGuideInfo .info span:first-child {margin-left:0;}
.venueGuideWrap .venueGuideInfo .info span:before {content:'';display:inline-block;position:relative;top:4px;width:16px;height:16px;padding-right:6px;background-size:16px;}
.venueGuideWrap .venueGuideInfo .info span:nth-child(1):before {background:url('/sgic/assets/images/content/ic_lect_place.png') no-repeat;background-size:16px;}
.venueGuideWrap .venueGuideInfo .info span:nth-child(2):before {background:url('/sgic/assets/images/content/ic_lect_date.png') no-repeat;background-size:16px;}
.venueGuideWrap .venueGuideInfo .info span:nth-child(3):before {background:url('/sgic/assets/images/content/ic_lect_time.png') no-repeat;background-size:16px;}
.speakersTitle > p {display:flex;flex-wrap:wrap;}
.speakersTitle > p strong {font-weight:700;font-size:20px;}
.speakersTitle > p strong~strong {margin-left:8px;}
.speakersTitle h3 {margin-top:20px;font-weight:700;font-size:36px;line-height:54px;}
.speakersWrap {display:flex;flex-wrap:wrap;gap:20px;margin-top:16px;}
.speakersWrap .speaker {overflow:hidden;position:relative;width:345px;border-radius:12px;background:#F2F2F5;max-height:440px;min-height:440px;}
.speakersWrap .speaker img {position:relative;transition:filter .2s;filter:grayscale(100%); height:100%}
.speakersWrap .speaker .noData{display:flex;justify-content:center;position:relative;z-index:10;font-size:24px;padding-top:100px;color:#888;font-weight:700;}
.speakersWrap .speaker:hover .noData{color:#fff}
.speakersWrap .speaker:hover img {filter:grayscale(0%);}
.speakersWrap .speaker .imgGradient {position:absolute;opacity:0;transition:opacity .2s;}
.speakersWrap .speaker .textGradient {position:absolute;top:0;width:100%;height:100%;background-image:linear-gradient(270deg, rgba(242,242,245,0.00) 0%, rgba(242,242,245,0.00) 80%, #F2F2F5 100%), linear-gradient(270deg, #F2F2F5 0%, rgba(242,242,245,0.00) 20%, rgba(242,242,245,0.00) 100%), linear-gradient(1deg, #F2F2F5 0%, #F2F2F5 20%, rgba(242,242,245,0.80) 32%, rgba(242,242,245,0.60) 40%, rgba(242,242,245,0.40) 48%, rgba(242,242,245,0.00) 59%, rgba(242,242,245,0.00) 100%, rgba(242,242,245,0.00) 100%);opacity:1;transition:opacity .2s;}
.speakersWrap .speaker .textGradientHover {position:absolute;top:0;width:100%;height:100%;background-image: linear-gradient(1deg, rgba(0,0,0,0.64) 0%, rgba(0,0,0,0.00) 41%, rgba(38,38,38,0.00) 100%);opacity:0;transition:opacity .2s;}
.speakersWrap .speaker:hover .imgGradient {opacity:1;}
.speakersWrap .speaker:hover .textGradient {opacity:0;}
.speakersWrap .speaker:hover .textGradientHover {opacity:1;}

.speakersWrap .speaker dl {position:absolute;bottom:0;padding:0 20px 28px 28px;}
.speakersWrap .speaker dt {margin-bottom:8px;font-weight:700;font-size:20px;}
.speakersWrap .speaker dd {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:14px;}
.speakersWrap .speaker:hover dt,
.speakersWrap .speaker:hover dd {color:#fff;}
.logoWrap {display:flex;flex-wrap:wrap;gap:20px;width:100%;margin-top:60px;}
.logoWrap li {display:flex;align-items:center;justify-content:center;width:272px;height:120px;border-radius:12px;background:#f2f2f2;}
.logoWrap li img {height:100%;}

.salesWrap {display:flex;flex-wrap:wrap;margin-top:16px;}
.salesWrap~.salesWrap{margin-top:100px}
.salesWrap .sales {width:360px;margin-top:100px;text-align:center;}
.salesWrap .sales:first-child a {border-top-left-radius:12px !important;border-bottom-left-radius:12px !important;}
.salesWrap .sales:last-child a {border-top-right-radius:12px !important;border-bottom-right-radius:12px !important;}
.salesWrap .sales:nth-child(4n+1) a {border-top-left-radius:12px;border-bottom-left-radius:12px;}
.salesWrap .sales:nth-child(4n) a {border-top-right-radius:12px;border-bottom-right-radius:12px;}
.salesWrap .sales a {display:inline-block;position:relative;background-color:#F7F8F9;height:300px;overflow:hidden}
.salesWrap .sales a:before {content:'';display:block;position:absolute;bottom:0;width:100%;height:100%;background-image:url('/sgic/assets/images/content/about_oval.png');background-size:110%;background-position:center bottom;background-repeat:no-repeat;opacity:0;transition:opacity .25s;}
.salesWrap .sales:nth-child(1),
.salesWrap .sales:nth-child(2),
.salesWrap .sales:nth-child(3),
.salesWrap .sales:nth-child(4) {margin-top:0;}
.salesWrap .sales a:hover:before {opacity:1;}
.salesWrap .sales a img{transition:filter .2s;filter:grayscale(100%);}
.salesWrap .sales a:hover img{filter:grayscale(0%);}
.salesWrap .sales dl dt {margin:40px 0 12px;font-weight:700;font-size:20px;color:#262626;}
.salesWrap .sales dl dd {font-weight:700;font-size:14px;color:#262626;line-height:21px}
.salesWrap .sales dl dd+dd{font-weight:500;font-size:13px;}

.contactsWrap {width:100%;background-image:linear-gradient(180deg, #FFFFFF 0%, #003CDC 59%);}
.contactsWrap .w1440 {width:1440px;margin:0 auto;}
.contactsWrap .w1440 .imgMap {width:1300px;margin:80px auto 0;}
.slider {position:relative;width:100%;padding-bottom:140px;}
.slider .btns {display:flex;align-items:center;justify-content:flex-end;column-gap:12px;position:relative;width:1440px;margin:0 auto;}
.slider .btns h4 {position:absolute;left:0;font-weight:700;font-size:28px;color:#fff;line-height:36px;}
.slider .btns button {display:inline-block;width:56px;height:56px;border-radius:100px;border:1.5px solid #fff;transition:opacity .2s;}
.slider .btns button img {vertical-align:middle; width:16px; height:16px}
.slider .btns button.disabled {opacity:.5;pointer-events:none;}
.slider .sliderWrapper {overflow:hidden;width:100%;margin-top:50px;padding:0 16px;}
.slider .sliderWrapper .sliderTrack {display:flex;gap:20px;width:1440px;height:232px;margin:0 auto;transition:transform .3s ease;}
.slider .sliderWrapper .sliderTrack .slide {overflow:hidden;flex:0 0 calc((100% - 60px) / 2.9);position:relative;padding:24px;border-radius:12px;background:#fff;}
.slider .sliderWrapper .sliderTrack .slide .city {margin-bottom:20px;font-weight:700;font-size:20px;color:#262626;line-height:36px;}
.slider .sliderWrapper .sliderTrack .slide .name {margin-bottom:4px;font-weight:700;font-size:16px;color:#262626;line-height:24px;}
.slider .sliderWrapper .sliderTrack .slide .address {font-weight:500;font-size:14px;color:#8F95A1;line-height:21px;}
.slider .sliderWrapper .sliderTrack .slide .tel {position:absolute;bottom:24px;width:100%;padding-right:48px;}
.slider .sliderWrapper .sliderTrack .slide .tel .dashed {width:100%;height:1px;margin-bottom:16px;border-top:1px dashed #E9E9EF;}
.slider .sliderWrapper .sliderTrack .slide .tel i {display:inline-block;width:24px;height:24px;margin-right:8px;border-radius:100px;background-color:#E9E9EF;background-repeat:no-repeat;background-position:center;vertical-align:middle;}
.slider .sliderWrapper .sliderTrack .slide .tel i:nth-child(2) {background-image:url('/sgic/assets/images/content/ic_call.png');background-size:16px;}
.slider .sliderWrapper .sliderTrack .slide .tel i:nth-child(4) {margin-left:20px;background-image:url('/sgic/assets/images/content/ic_fax.png');background-size:16px;}
.slider .sliderWrapper .sliderTrack .slide .tel span {font-weight:500;font-size:14px;color:#262626;}

@media (max-width: 1439px) {
  /* About */
  #wrapper.about #pageTitle .inner {padding:145px 16px 0;}
  #wrapper.about #container {width:100%;padding:80px 16px 120px;}
  .venueGuideWrap img.pc {width:calc(100% - 700px);}
  .venueGuideWrap .venueGuideInfo {width:590px;}
  .speakersWrap .speaker {width:calc(33.3% - 14px);}
  .logoWrap li {width:calc(25% - 15px);}
  .salesWrap .sales {width:33.3%;}
  .salesWrap .sales:nth-child(4) {margin-top:100px;}
  .salesWrap .sales:nth-child(4n+1) a,
  .salesWrap .sales:nth-child(4n) a {border-radius:0;}
  .salesWrap .sales:nth-child(3n+1) a {border-top-left-radius:12px;border-bottom-left-radius:12px;}
  .salesWrap .sales:nth-child(3n) a {border-top-right-radius:12px;border-bottom-right-radius:12px;}

  .contactsWrap .w1440,
  .contactsWrap .w1440 .imgMap {width:100%;}
  .contactsWrap .w1440 .speakersTitle.contactsTitle {padding:0 16px;}
  .slider .btns {width:100%;padding:0 16px;}
  .slider .btns h4 {left:16px;}
}

@media (max-width: 1239px) {
  /* 상세페이지 */
  .viewpageTit {width:35%;padding:0 0 40px;}
  .viewpageCont {width:55%;}
  .viewpageCont .addFile label {max-width:86%;}

  /* Support */
  #wrapper.support #supportTitle .inner {padding:140px 32px 0;}
  #wrapper.support #container {width:100%;padding:80px 32px 120px;}
  #wrapper.support #container .content,
  #wrapper.support #container .content.noContent {width:100%;}

  .noticeBox {width:calc(50% - 10px);}
  .slideButtonWrap .slideButton {padding:0 32px;}

  /* About */
  .newest img {width:100%;}
  .newest .newestText {width:100%;margin-top:28px;padding:0;}
  .newest .newestText button {position:relative;}
  .historyWrap div {width:calc(50% - 10px);}
}

@media (max-width: 1023px) {

  /* 상세페이지 */
  /*.viewpageCont img {margin-bottom:40px;}*/
  .viewpageTit {width:100%;padding:0 0 40px;border-bottom:1px solid #E9E9EF;}
  .viewpageTit.notice{height:auto;margin-top:0}
  .viewpageCont {width:100%;padding-top:28px;}
  .viewpageCont .viempageImg{display:flex; min-height:430px;}
  .viewpageCont .viempageImg .noData{display:flex;width:100%;justify-content:center;align-items:center;font-size:24px;color:#888;font-weight:700;padding:0}
  .viewpageCont pre {min-height:auto !important;padding-bottom:40px;}
  .viewpageCont .addFile div{width:100%}
  .viewpageTit h2 {margin-bottom:12px;font-size:32px;line-height:42px;}
  .viewpageCont h3 {font-size:32px;}
  .viewpageCont p span {width:100%;font-size:14px;}
  .viewpageCont p span~span {padding-left:0;}
  .viewpageCont p span~span:before {width:0;}
  .viewpageCont .whiteBorderBox .info span {margin-left:8px;}
  .viewBtn{width:100%;padding-top:40px}

  /* 회원가입: 개인정보 수집 및 이용 동의 팝업 내 테이블 스타일 */
  .tbl1 tr th {width:100px;text-align:left;}

  /* 회원가입, 마이페이지(내 정보 수정): 기업 검색 팝업 */
  .popup.su .contBox .inputText {width:100%;}

  /* 회원가입 */
  #wrapper.join #pageTitle .inner {width:100%;padding-top:60px;}
  #wrapper.join #pageTitle .inner .titlType1 {font-size:28px;line-height:36px;}
  #wrapper.join #container {padding:40px 16px 120px;}
  #wrapper.join .content {width:100%;}
  #wrapper.join .titBox {margin-top:40px;}
  #wrapper.join .btnGroup.w100 .btn {justify-content:center;width:100%;}
  .formCheck.line label {padding:20px 4px 0;}
  .formCheck.line label:first-child, .formCheck.line label:last-child {padding-bottom:20px;}
  .formCheck label > input[type="checkbox"] + span,
  .formCheck.line label > input[type="checkbox"] + span {font-size:14px;line-height:21px;}
  .formCheck.line label a.arrow {transform:rotate(90deg); text-indent:-99999px;position:absolute;right:4px;width:12px;height:12px;background:url('/sgic/assets/images/common/arrow_up.png') no-repeat center;background-size:12px;}
  .formCheck.line label a.arrow:after{display:none}
  .inputDivide .col-input-12:last-child {margin-top:8px;}
  .inputDivide .col-input-12,
  .responsive .inputArea,
  .responsive .inputArea .inputText.col-12 {width:100% !important;}

  /* 마이페이지(내 정보 수정) */
  .popup.pw {width:100%;height:100%;}
  .popup.pw .contWrap {overflow-y:scroll;height:calc(100% - 170px);}
  .preparing {width:64px;margin:0 auto 20px;}
  .summaryBox .subtitBox.mt60 {margin-top:36px;}

  /* registration */
  #wrapper.registration #container {width:100%;padding:40px 16px 120px;}
  #wrapper.registration .titBox {margin-top:40px;}

  .avanteeBox .grayBox {padding:0 16px 28px;}
  .summaryBox .grayBox .grid h3 {width:100%;}
  .summaryBox .grayBox dl dt {width:100%;padding-bottom:0;}
  .summaryBox .grayBox dl dd {padding-top:0;font-size:14px;}

  .accorWrap {border-bottom:1px solid #E9E9EF;}
  .accorWrap.noline {border:none;}
  .accorWrap .titlType3 {margin-top:16px;margin-bottom:16px;}
  .accorWrap .responsive .inputArea label.inputTit {margin-top:24px;}
  .accorWrap .responsive .inputArea:first-child label.inputTit {margin-top:0;}
  .accorWrap .formCheck.square,
  .accorWrap .responsive {padding-bottom:28px;}
  .accorBtn a {width:16px;height:16px;background:url('/sgic/assets/images/common/accordian_expend.png') no-repeat center;background-size:16px;}
  .accorBtn.on a {width:16px;height:16px;background:url('/sgic/assets/images/common/accordian_flip.png') no-repeat center;background-size:16px;}
  .accorBtn.on + .accorCont {display:block;}
  .accorCont {display:none;}
  .reserveHotel .grayBox {flex-wrap:wrap-reverse;padding:20px;}
  .reserveHotel .grayBox p:nth-child(2) {font-size:14px;line-height:21px;}
  .reserveHotel img {margin-bottom:12px;}

  /* About */
  .venueGuideWrap {margin-top:60px;}
  .venueGuideWrap .venueGuideInfo {padding:28px 0;}
    .venueGuideWrap .venueGuideInfo h3 {font-size:32px;}
  .venueGuideWrap .venueGuideInfo,
  .venueGuideWrap .venueGuideInfo img.mo {width:100%;height:auto}
  .venueGuideWrap .venueGuideInfo h5 {margin-top:40px;}
  .venueGuideWrap .venueGuideInfo .venueGuideText{margin-left:36px}
  .venueGuideWrap .venueGuideInfo .venueGuideText .area {margin-right:12px;}
  .venueGuideWrap .venueGuideInfo .info span {width:100%;margin-left:0;line-height:28px;}
  .speakersWrap .speaker {width:calc(50% - 10px);}
  .logoWrap li {width:calc(33.3% - 14px);}
  .salesWrap~.salesWrap{margin-top:40px}
  .salesWrap .sales {width:50%;margin-top:40px;}
  .salesWrap .sales a{height:300px}
  .salesWrap .sales:nth-child(3),
  .salesWrap .sales:nth-child(4) {margin-top:40px;}
  .salesWrap .sales:nth-child(odd) a {border-top-left-radius:12px;border-bottom-left-radius:12px;}
  .salesWrap .sales:nth-child(even) a {border-top-right-radius:12px;border-bottom-right-radius:12px;}
  .salesWrap .sales dl dt {margin:16px 0 8px;font-size:14px;}
  .salesWrap .sales dl dd {font-size:12px;line-height:18px;}

  #wrapper.support #supportTitle .inner .titlType1, #wrapper.support #supportTitle .inner p{padding-left:0;padding-top:0}
  #wrapper.support #supportTitle.viewpage .inner{min-height:42px}
}

@media (max-width: 767px) {
  /* 상세페이지 */
  .viewpageCont .addFile label {max-width:200px;}
  .accordion .accordionCont .addFile {margin-top:20px;}
  .accordion .accordionCont .addFile div {margin-top:4px;padding:8px 12px;border-radius:4px;background:#f2f2f5;}
  .accordion .accordionCont .addFile div a {font-size:14px;}

  /* 로그인 */
  #wrapper.login #container {padding:60px 16px 120px;}
  .loginBg {background-color:#fff;}
  .loginBox {width:100%;margin:0;padding:0;border-radius:0;background:transparent;}
  .loginBox>h2 {font-size:28px;line-height:36px;}
  .loginBox .btnGroup .btn {justify-content:center;}

  /* Support */
  #wrapper.support.bgGradation {background-image:radial-gradient(circle at 150% 30%, rgb(0 70 255 / 40%) 0%, #F2F2F5 50%);}
  #wrapper.support #supportTitle .inner {max-width:600px;padding:76px 16px 0;width:100%}
  #wrapper.support #supportTitle .inner p {margin-top:8px;font-size:16px;}
  #wrapper.support #container {padding:40px 16px 120px;}

  .noticeBox {width:100%;height:204px;padding:20px;}
  .noticeBox h3 {margin-bottom:8px;}
  .noticeBox p.midText {bottom:20px;}

  .slideButtonWrap {width:100%;max-width:600px;margin:28px auto 0;}
  .slideButtonWrap .slideButton {gap:4px;padding:0 16px;}
  .slideButtonWrap .slideButton a {padding:5px 14px;font-size:14px;}
  .faq {padding:4px 20px;}
  .accordionWrap .accordionBox {padding:0;}
  .accordionWrap .accordionBox.on {margin:0;background:none;}
  .accordionWrap .accordionBox h5 {width:100%;padding-top:16px;font-family:'SFNM';font-size:12px;}
  .accordion {width:100%;padding:4px 0 16px;}
  .accordion .accordionBtn {font-size:16px;line-height:24px;}
  .accordion .accordionBtn i {width:20px;height:20px;margin-left:10px;background-size:20px;}
  .accordionWrap .accordionBox.on .accordion .accordionBtn i {width:20px;height:20px;background-size:20px;}
  .accordion .accordionCont {padding-right:0;}
  .accordionWrap .accordionBox.on .accordion .accordionCont {padding-top:20px !important;}

  .lstPaging {margin-top:40px;}
  .lstPaging a {margin:0;padding:7px 14px;font-size:14px;}

  /* About */
  #wrapper.about #pageTitle .inner {padding:76px 16px 0;}
  #wrapper.about #pageTitle .inner h1 {margin-top:8px;}
  #wrapper.about #pageTitle .breadcrumb+.titlType1 {padding-top:0;}
  #wrapper.about #container {max-width:100%;padding:40px 16px 120px;}
  #wrapper.about .noContent img {width:64px;}
  #wrapper.about .noContent h3 {margin:20px 0 8px;font-size:20px;line-height:30px;}
  #wrapper.about .stickyTabs {margin-top:40px;}
  #wrapper.about .stickyTabs .tabLines .tabList li a {font-size:16px;}
  #wrapper.about .stickyTabs .dateTabs {width:100%}
  #wrapper.about .stickyTabs .stickyMenu {width:100%}
  #wrapper.about .stickyCont {padding:40px 0 20px;overflow:hidden}
  .ceoImg {margin-bottom:40px;}
  .ceoText {margin-bottom:40px;font-size:16px;line-height:24px;}
  .ceoSign {float:none;}
  .ceoSign img {width:182px;}
  .ceoSign p {margin:20px 0 8px;font-size:14px;line-height:21px;}
  .ceoSign h4 {font-weight:700;font-size:20px;}
  .newest {padding:28px 0;}
  .newest .newestText h4 {margin-bottom:12px;font-size:24px;}
  .historyTit {margin:40px 0 16px;font-size:20px;line-height:30px;}
  .historyWrap {row-gap:40px;}
  .historyWrap div {width:100%;}
  .historyWrap div p {margin-top:16px;font-size:14px;}
  .speakersTitle > p strong~strong {margin-left:0;}
  .speakersTitle h3 {margin-top:8px;font-size:28px;line-height:36px;}
  .speakersWrap {gap:12px;}
  .speakersWrap .speaker {width:100%;height:auto;min-height:437px}
  .logoWrap {gap:12px;margin-top:32px;}
  .logoWrap li {width:calc(50% - 6px);height:70px;border-radius:8px;}



  .contactsWrap {padding-bottom:80px !important;background-image:linear-gradient(180deg, #FFFFFF 0%, #003CDC 28%);}
  .contactsWrap .w1440 {width:100%;padding:0 16px;}
  .contactsWrap .w1440 .imgMap {width:140%;height:auto;margin-left:-20%;}
  .slider {margin-top:60px;padding:0 16px;}
  .slider .btns h4 {left:0;margin-bottom:20px;font-size:24px;}
  .slider .btns button {display:none;}
  .slider .sliderWrapper {margin-top:20px;padding:0;}
  .slider .sliderWrapper .sliderTrack {flex-wrap:wrap;gap:12px;width:100%;height:auto;transform:none;}
  .slider .sliderWrapper .sliderTrack .slide {flex:0 0 auto;width:100%;}
  .slider .sliderWrapper .sliderTrack .slide .tel {position:relative;bottom:0;margin-top:16px;padding-right:0;}
}

@media (max-width: 540px) {
    .salesWrap .sales a{height:137px}
}
/* 작업자 : TD3812(이영자) */

/* program */
#wrapper.program{}
#wrapper.program #container{padding-top:0px}
#wrapper.program #pageTitle{background:url(/sgic/assets/images/content/bg_program.png) center center;background-size:cover;}
#wrapper.program #pageTitle .inner .titlType1{color:#fff}
#wrapper.mypage #pageTitle .inner{align-items:flex-start}
#wrapper.mypage #pageTitle .inner .titlType1{margin-left:0;padding-left:120px;padding-top:145px}

#wrapper.program .content{width:1197px}
#wrapper.mypage .content{width:1197px}

.roundArea .stickyCont{padding-top:60px}


.scheduleWrap{display:block}
.content .scheduleTitle{display:flex;justify-content:space-between;align-items:center}
.content .scheduleTitle>p strong{font-weight:700;font-size:18px}
.content .scheduleTitle>p strong~strong{margin-left:8px}
.content .scheduleTitle .midText{color:#8F95A1;}

.roundArea  .scheduleTitle>p strong, .oneArea  .scheduleTitle>p strong{font-weight:700;font-size:18px}
.roundArea  .scheduleTitle>p+em, .oneArea  .scheduleTitle>p+em{margin-left:40px}
.roundArea  .scheduleTitle .filterArea, .oneArea  .scheduleTitle .filterArea{margin-left:auto}

.scheduleWrap .scheduleCardBox.bg{background:#F7F8F9;}
.scheduleWrap .scheduleCardBox{position:relative;background:#FFF; border:1px solid #E9E9EF; border-radius:12px;margin-top:16px}
.scheduleWrap .scheduleCardBox~.scheduleCardBox{margin-top:12px;}
.scheduleWrap .scheduleCardBox .formBox{position:absolute;top:28px;right:28px;width:auto}
.scheduleWrap .scheduleCardBox .formBox .formCheck{width:auto}
.scheduleWrap .scheduleCardBox .formBox .formCheck label{padding:0;width:20px;display:flex}
.scheduleWrap .scheduleCardBox .formBox .formCheck label:after{display:none}

.scheduleCardBox .scheduleBody{display:flex;position:relative;flex-direction:column;padding:28px}
.scheduleCardBox .scheduleBody>p, .scheduleCardBox .scheduleBody>div, .scheduleCardBox .scheduleBody>a{display:flex;}
.scheduleCardBox .scheduleBody .Info{gap:16px;}
.scheduleCardBox .scheduleBody .Info>span{display:flex;align-items:center;}
.scheduleCardBox .scheduleBody .Info>span:before{content:''; display:inline-flex;width:16px;height:16px;background-size:16px;margin-right:6px}
.scheduleCardBox .scheduleBody .Info>span.cal:before{background:url('/sgic/assets/images/content/ic_lect_date.png') no-repeat 0 0;background-size:16px;}
.scheduleCardBox .scheduleBody .Info>span.place:before{background:url('/sgic/assets/images/content/ic_lect_place.png') no-repeat 0 0;background-size:16px;}
.scheduleCardBox .scheduleBody .Info>span.time:before{background:url('/sgic/assets/images/content/ic_lect_time.png') no-repeat 0 0;background-size:16px;}
.scheduleCardBox .scheduleBody .title{font-size:20px;color:#262626;line-height:30px;font-weight:700;margin-top:8px}
.scheduleCardBox .scheduleBody a:hover{color:#003CDC;}
.scheduleCardBox .scheduleBody .venue{font-size:14px;color:#262626;line-height:21px;font-weight:700;margin-top:4px}

.scheduleCardBox .scheduleBody .title + .instructor{margin-top:32px;}
.scheduleCardBox .scheduleBody .instructor{display:flex;margin-top:6px;align-items:center;gap:8px;}
.scheduleCardBox .scheduleBody .instructor .picture{width:28px;height:28px;border-radius:100%;overflow:hidden;background:#E9E9EF}
.scheduleCardBox .scheduleBody .instructor .picture img{width:100%}
.scheduleCardBox .scheduleBody .instructor .vline{width:1px;height:12px;background:#dddfe7}
.scheduleCardBox .scheduleBody .instructor .name{min-width:42px;font-weight:700;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:#929292;}
.scheduleCardBox .scheduleBody .instructor .group{display:flex;align-items:center;gap:8px;width:auto;min-width:70%}
/*.scheduleCardBox .scheduleBody .instructor .team{display:flex;font-weight:500;align-items:center}*/
.scheduleCardBox .scheduleBody .instructor .team{white-space:nowrap;max-width:70%;text-overflow:ellipsis;overflow:hidden;min-width:40px;display:inline-block;}
.scheduleCardBox .scheduleBody .instructor .position:before{content:''; display:inline-flex;width:1px;height:12px;background:#dddfe7;margin-right:8px;vertical-align:middle}
.scheduleCardBox .scheduleBody .instructor .position{display:inline-block;font-weight:500;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;}

/* round Table Meetings*/
.filterArea{position:relative}
.filterArea .btnFilter{color:#262626;min-width:89px}
.filterArea .btnFilter:before{content:''; display:inline-flex;width:12px;height:12px;background:url('/sgic/assets/images/content/ic_filter.png') no-repeat 0 0; background-size:12px;margin-right:12px}
.filterArea .btnFilter.ui_toggle.active+.filterDetailSearch{display:block}
.filterArea .btnFilter.ui_toggle+.filterDetailSearch{display:none}

.filterDetailSearch{position:absolute; top:52px; height:100%; z-index:5; pointer-events:auto; width:589px; right:0;}
.filterDetailSearch .innerWarp{display:block; position:relative; border-radius:12px; background:#fff; border:1px solid #E9E9EF; margin:0; overflow:hidden; box-shadow:2px 4px 30px 0 rgba(26,67,153,0.12)}
.filterDetailSearch .filterHead{padding:16px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dddfe7}
.filterDetailSearch .filterHead .btnClose{width:20px;height:20px;background:url('/sgic/assets/images/common/ic_close.png') no-repeat 0 0; background-size:20px;}

.filterDetailSearch .filterBody{padding:20px 28px;display:block}
.filterDetailSearch .filterBody .firstBox{display:block}
.filterDetailSearch .filterBody .secondBox{display:block}

.filterDetailSearch .filterBody .head{display:flex;justify-content:space-between;}
.filterDetailSearch .filterBody .head .title{font-size:16px;color:#262626;line-height:24px;font-weight:700;}
.filterDetailSearch .filterBody .head .title>strong{margin-right:6px}
.filterDetailSearch .filterBody .head+.cont{margin:20px 0 28px}
.filterDetailSearch .filterBody .cont{display:block;}

.categoryList{display:flex;flex-wrap:wrap;gap:17px 4px;}
.categoryList>li{width:calc(50% - 2px)}
.categoryList .formCheck label > input[type="checkbox"] + span{font-size:14px;line-height:21px;}

.filterDetailSearch .filterBody .secondBox .categoryList{gap:17px 20px}
.filterDetailSearch .filterBody .secondBox .categoryList>li{width:auto}
.filterDetailSearch .filterBody .secondBox .cont:last-child{margin-bottom:14px}

.roundArea .scheduleCardBox .scheduleBody .title{text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:#292929;}
.roundArea .scheduleCardBox .scheduleBody a.title:hover,
.roundArea .scheduleCardBox .scheduleBody a.title:active,
.roundArea .scheduleCardBox .scheduleBody a.title:focus{color:#003CDC;text-decoration-color:#003CDC;}

.scheduleWrap.cols .scheduleCardBox .scheduleBody{padding-right:300px}
.scheduleWrap.cols .scheduleCardBox .scheduleBody .checkSelectArea{position:absolute;right:48px;top:50%;display:block !important;margin-top:-33px}

.checkSelectArea p{font-weight:500font-size:14px;line-height:21px;text-align:center;margin-bottom:10px}
.checkSelectArea .checkBoxLst{width:245px;height:38px;border-radius:8px;overflow:hidden;border:1px solid #E9E9EF;display:grid;grid-template-columns:25% 25% 25% 25%;}
.checkSelectArea .checkBoxLst li~li{border-left:1px solid #E9E9EF}

/* c-level */
.scheduleCardBox .scheduleBody .sector{}
.scheduleCardBox .scheduleBody .sector>span{display:flex;align-items:center;font-weight:700}

.cLevel .scheduleCardBox .scheduleBody .instructor{margin-top:8px;flex-direction:column;align-items:start;gap:2px}
.cLevel .scheduleCardBox .scheduleBody .sector>span{font-weight:500}
.cLevel .scheduleCardBox .scheduleBody .instructor .team, .cLevel .scheduleCardBox .scheduleBody .instructor .position{font-weight:700;font-size:16px;}
.cLevel .scheduleCardBox .scheduleBody .instructor .name{font-size:20px;line-height:30px;text-decoration-line:none}
.cLevel .scheduleCardBox .scheduleBody .instructor .group{min-width:auto;display:inline-flex;max-width:100%;width:100%;}

.cLevel + .btnGroup, .dinner + .btnGroup, .roundListBox + .btnGroup, .scheduleWrap.cols +  .btnGroup{margin-top:60px}

/* Gala Dinner */
.scheduleCardBox .scheduleBody .dotLine{background:url('/sgic/assets/images/content/bg_dotline.png') repeat-x 0 0; background-size:1142px 2px;/*border-top:2px dotted #e9e9e9;*/padding-top:24px;}
.scheduleCardBox .scheduleBody .galleryBox {position:relative;display:block;margin-top:24px;}

/* Pre-Conference */
.preScheduleInfo{display:block;margin-top:24px;}
.preScheduleInfo>li~li{margin-top:13px}
.preScheduleInfo>li .formCheck label > input[type="checkbox"] + span{font-size:14px}
.preScheduleInfo>li .formCheck label > input[type="checkbox"] + span>b{margin-left:12px}

.galleryBox{}
.galleryBox .thumbnails {display:grid; grid-template-columns:32% 32% 32%; gap:20px; justify-content:center;}
.galleryBox .thumbnails.col2{grid-template-columns:48% 48%;}
.galleryBox .thumbnails .thumb {width:100%; height:100%; object-fit:cover; cursor:pointer; border-radius:12px; overflow:hidden}
.galleryBox .thumbnails .thumb img{width:100%}
.galleryBox .thumbnails~.thumbnails{margin-top:20px}

/* ===== 장바구니 ===== */
.cartBox {position:fixed; bottom:0; left:0; right:0; background:#fff; padding:16px 0; min-height:100px; border-top:1px solid #dddfe7; box-shadow:-4px -12px 12px 0 rgba(26,67,153,0.05); transform:translateY(150%); transition:transform 0.3s ease;  z-index:1000;}
.cartBox.active{transform:translateY(0);}

.cartInner {max-width:1197px; margin:0 auto; padding:0; display:flex; justify-content:space-between; }
.cartLeft {flex:1; min-width:0; margin-right:50px}

.cartHeader {display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;}
.cartHeader .cartInfo {font-size:16px; color:#262626; font-weight:700}
.cartInfo strong {color:#003CDC;}

.btnReset {font-size:14px; color:#8F95A1; cursor:pointer; line-height:21px; font-weight:500;}
.btnReset:before{content: ""; display:inline-flex; background:url('/sgic/assets/images/content/btn_reset.png') no-repeat 0 0; background-size:12px; width:12px; height:12px; margin-right:6px}
.btnReset.disabled, .btnReset:disabled{color:#C0C5CE;}
.btnReset.disabled:before, .btnReset:disabled::before{opacity:0.6}

.cartItems {display:flex; gap:8px;  flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; position:relative; -webkit-overflow-scrolling:touch;}
.cartItem {display:flex; background:#f2f2f5; padding:8px 16px 7px 20px; border-radius:22px;}
/* .cartItems::after {content: "";position: absolute;top: 0;right: 0; width:38px; height:100%; pointer-events:none; background-image: linear-gradient(269deg, #FFFFFF 5%, rgba(255,255,255,0.00) 100%);} */
.cartItems.has-gradient::after {content:""; position:absolute; top:0; right:0; width:38px; height:100%; pointer-events: none;background-image: linear-gradient(269deg, #FFFFFF 5%, rgba(255,255,255,0.00) 100%);}
.cartBox.none .cartItems{display:none}
.cartItem button{font-size:14px; white-space:nowrap; line-height:21px; font-weight:500;}
.cartItem button+.cartClose{margin-left:4px}
.cartItem .cartClose{display:inline-flex; width:20px; height:20px; background:url('/sgic/assets/images/content/cart_delete.png') no-repeat 0 0; background-size:20px;}

.cartActions {display:flex; align-items:center; white-space:nowrap;}
.cartBtn {min-width:200px}

/* registration */
#wrapper.registration{}
#wrapper.registration #container{padding-top:0px}
#wrapper.registration #pageTitle{background:url(/sgic/assets/images/content/bg_registration.png) no-repeat center center;background-size:cover;}
#wrapper.registration #pageTitle .inner .titlType1{color:#fff}

.grid + .btnGroup{margin-top:40px}

.regiterArea .filterArea.full{margin-top:28px}
.filterArea.full .btnFilter{border:1px solid #E9E9EF; border-radius:12px; background:#fff; width:100%; justify-content:left}
.filterArea.full .btnFilter:before{display:none}
.filterArea.full .btnFilter:after{content:''; display:inline-flex;margin-left:auto; width:20px;height:20px;background:url('/sgic/assets/images/content/ic_accordian_expend.png') no-repeat 0 0; background-size:20px;}
.filterArea.full .btnFilter.active{border-radius:12px 12px 0px 0px}
.filterArea.full .btnFilter.active:after{background:url('/sgic/assets/images/content/ic_accordian_flip.png') no-repeat 0 0; background-size:20px;}
/*.filterArea.full .filterDetailSearch{position:sticky;width:100%;}*/
.filterArea.full .filterDetailSearch{width:100%;top:56px;}
.filterArea.full .filterDetailSearch .innerWarp{border-radius:0px 0 12px 12px;border-top:none;box-shadow:none}
.filterArea.full .filterDetailSearch .filterHead{display:none}
.filterArea.full .categoryList>li{width:auto}
.filterArea.full .categoryList .formCheck label > input[type="checkbox"] + span{padding-right:35px}
.filterArea.full .filterDetailSearch .filterBody .secondBox .cont:last-child{margin-bottom:0}

/* 필터 검색 결과 키워드 */
.filterArea.full+.filterResult{margin-top:20px}
.filterResult.cartItems {display:block;flex-wrap:inherit;overflow:inherit}
.filterResult.cartItems .cartItem{display:inline-flex;margin-bottom:8px}

.scheduleTitle.register{margin:40px 0 12px}
.regiterArea .sectionBody .subDesc{margin:28px 0 0px;}
.regiterArea .sectionBody .subDesc b{color:#f10a45}
.regiterArea .sectionBody .subDesc + .filterArea.full{margin-top:18px}

.scheduleWrap.grid{font-size:0}
.scheduleWrap.grid .scheduleCardBox{display:inline-block;width:345px;margin:0px 0 20px 20px;}
.scheduleWrap.grid .scheduleCardBox:nth-child(3n+1){margin-left:0}
.scheduleWrap.grid .scheduleCardBox .scheduleBody{padding:24px}
.scheduleWrap.grid .scheduleCardBox .scheduleBody .instructor{margin:0px;flex-direction:column;align-items:start;gap:2px}
.scheduleWrap.grid .scheduleCardBox .scheduleBody .instructor .name{font-size:20px;line-height:30px;text-decoration-line:none}
.scheduleWrap.grid .scheduleCardBox .scheduleBody .instructor+.checkSelectArea{margin-top:26px}
.scheduleWrap.grid .scheduleCardBox .scheduleBody .checkSelectArea .checkBoxLst{width:100%}

.scheduleWrap.grid .scheduleCardBox .formBox{top:24px;right:24px}
.scheduleWrap.grid .scheduleCardBox .scheduleBody .Info{padding-right:28px}

.scheduleWrap.grid .preScheduleInfo>li .formCheck label > input[type="checkbox"] + span>em{display:block}
.scheduleWrap.grid .preScheduleInfo>li .formCheck label > input[type="checkbox"] + span>em+b{margin-left:0}

/* 미팅희망기업 */
.scheduleWrap.filter{display:flex;gap:20px}
.scheduleWrap.filter .scheduleCardBox{margin:0;}

/* 프로그램 리스트 */
.regiterArea .titBox+.stickyTabs.active{padding-bottom:13px}
.titBox+.stickyTabs{margin-top:28px}
.stickyTabs+.scheduleTitle{margin-top:40px;margin-bottom:16px}

.dayListBox{margin-top:40px}
.dayListBox .titlType3{margin-bottom:16px}
.dayListBox .scheduleCardBox .scheduleBody .session>span{display:-webkit-box; position:relative; overflow:hidden; max-height:21px; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all;white-space:normal}
.dayListBox .scheduleCardBox .scheduleBody .session>span:before{display:none}
.dayListBox .scheduleCardBox .scheduleBody .title{min-height:122px}

.dayListBox	.scheduleCardBox .scheduleBody .instructor, .roundListBox .scheduleCardBox .scheduleBody .instructor{position:relative;display:block;border-top:2px dotted #e9e9e9;padding-top:16px;padding-left:46px}
/*.dayListBox	.scheduleCardBox .scheduleBody .instructor>*, .roundListBox	.scheduleCardBox .scheduleBody .instructor>*{display:inline-block}*/
.dayListBox .scheduleCardBox .scheduleBody .instructor .picture, .roundListBox .scheduleCardBox .scheduleBody .instructor .picture{position:absolute;width:36px;height:36px;left:0;border-radius:100%;overflow:hidden}
.dayListBox	.scheduleCardBox .scheduleBody .instructor .name, .roundListBox	.scheduleCardBox .scheduleBody .instructor .name{display:block;}
.dayListBox .scheduleCardBox .scheduleBody .instructor .team, .scheduleCardBox .scheduleBody .instructor .position,
.roundListBox .scheduleCardBox .scheduleBody .instructor .team{max-height:21px;}
.dayListBox .scheduleCardBox .scheduleBody .instructor .group, .roundListBox .scheduleCardBox .scheduleBody .instructor .group{width:100%;/*display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:8px;*/}
.dayListBox	.scheduleCardBox .scheduleBody .instructor .team, .roundListBox	.scheduleCardBox .scheduleBody .instructor .team{white-space:nowrap;}
.dayListBox .scheduleCardBox .scheduleBody .instructor .position, .roundListBox .scheduleCardBox .scheduleBody .instructor .position{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;}

.dayListBox .scheduleWrap.grid .scheduleCardBox .scheduleBody .instructor .name, .roundListBox .scheduleWrap.grid .scheduleCardBox .scheduleBody .instructor .name{font-size:14px;line-height:21px}

.dayListBox.dinner .titlType3{margin-bottom:4px}
.dayListBox.dinner .scheduleWrap {margin-top:16px}
.dayListBox.dinner .scheduleCardBox .scheduleBody .title{min-height:auto;margin-bottom:4px}
.dayListBox.dinner .scheduleCardBox .scheduleBody .sector{font-weight:700}

.roundListBox .scheduleCardBox .scheduleBody .title{min-height:90px}
.roundListBox .scheduleWrap.grid .scheduleCardBox .scheduleBody .instructor .name{font-size:14px;line-height:21px;}
.roundListBox .scheduleWrap.grid .scheduleCardBox .scheduleBody .instructor+.checkSelectArea{margin-top:16px}

.roundListBox .scheduleWrap.cLevel .scheduleCardBox .scheduleBody .instructor{padding-left:0;border-top:0;padding-top:8px}
.roundListBox .scheduleWrap.cLevel .scheduleCardBox .scheduleBody .instructor .name{font-size:20px;line-height:30px;}
.roundListBox .scheduleWrap.cLevel .scheduleCardBox .scheduleBody .instructor+.checkSelectArea{margin-top:26px}



/* My Page */
#wrapper.mypage #container{padding-top:24px}
.descText{font-size:12px;color:#8F95A1;font-weight:500}

.myScheduleArea{margin-top:80px}
.myScheduleArea .list{display:grid;grid-template-columns:224px auto;width:100%;gap:20px}
.myScheduleArea .list>li{position:relative}
.myScheduleArea .list>.myTimebox{background:#E9E9EF; border-radius:12px; padding:28px}
.myScheduleArea .list>.myTimebox:before{}
/*.myScheduleArea .list>.myPlecebox{background:#FFFFFF;border:1px solid #E9E9EF;border-radius:12px;overflow:hidden;padding:24px 28px;}*/
.myScheduleArea .list>.myPlecebox .sessoinInfo{height:100%;background:#FFFFFF;border:1px solid #E9E9EF;border-radius:12px;overflow:hidden;padding:24px 28px;}
.myScheduleArea .list~.list, .myScheduleArea .list>.myPlecebox .sessoinInfo~.sessoinInfo{margin-top:20px}

.sessoinInfo{display:flex;position:relative;flex-direction:column;}
.sessoinInfo .placeInfo{display:flex;justify-content:space-between}
.sessoinInfo .placeInfo>span{display:flex;align-items:center;}
.sessoinInfo .placeInfo>.place:before{content:''; display:inline-flex;width:16px;height:16px;background-size:16px;margin-right:6px;background:url('/sgic/assets/images/content/ic_lect_place.png') no-repeat 0 0;background-size:16px}

.sessoinInfo .placeInfo>.badge{display:flex;align-items:center;gap:4px}
.sessoinInfo .placeInfo>.badge>em{display:inline-flex;align-items:center;border-radius:4px;min-height:24px;font-size:12px;line-height:18px;font-weight:700;color:#262626;padding:0 10px}
.sessoinInfo .placeInfo>.badge>.lange{background:#E9E9EF;}

.sessoinInfo .groupInfo{display:flex;flex-direction:column;margin-top:12px}
.sessoinInfo .groupInfo .listWrap{display:flex;width:100%;overflow:hidden;transition:max-height 0.35s ease,opacity 0.25s ease,transform-origin: top;}
.sessoinInfo .groupInfo .listWrap ul{display:flex;flex-direction:column;}
.sessoinInfo .groupInfo .listWrap li{display:grid;align-items:baseline;font-size:16px;gap:8px;padding-bottom:8px;line-height:24px;grid-template-columns:max-content 1fr;}
.sessoinInfo .groupInfo .listWrap li~li{}
.sessoinInfo .groupInfo .team{display:flex;font-weight:700;align-items:center}
.sessoinInfo .groupInfo .team:after{content:''; display:inline-flex;width:1px;height:12px;background:#dddfe7;margin-left:8px}
.sessoinInfo .groupInfo .name{display:flex;font-weight:500;align-items:center;word-break:break-word}
.sessoinInfo .groupInfo .title{display:flex;font-weight:700;align-items:center;font-size:20px;line-height:30px}
.sessoinInfo .toggleBtn{display:flex;justify-content:center;width:100%;margin-top:10px}
.sessoinInfo .toggleBtn:active {opacity:1;}
.sessoinInfo .toggleBtn>span{display:inline-flex;font-weight:700;font-size:14px;color:#8F95A1;}
.sessoinInfo .toggleBtn>span:after{content:' ';display:inline-flex;margin-left:8px;width:16px;height:16px;background:url('/sgic/assets/images/common/ic_dropdown_gray.png') no-repeat center right;background-size:16px;}
.sessoinInfo .toggleBtn.active>span:after{transform:rotate(180deg)}

/* 참석자 체크 */
.sessoinInfo .attendInfo{margin-top:8px}
.sessoinInfo .attendInfo .title{margin-bottom:12px}
.attendInfo .formCheck label > input[type="checkbox"] + span{font-size:14px}
.attendInfo>li~li{margin-top:20px}
.attendInfo>li{background:url('/sgic/assets/images/content/bg_dotline.png') repeat-x 0 0; background-size:1142px 2px;padding-top:20px;}
.attendInfo>li:first-child{background:none;padding-top:0}
.sessoinInfo .btnGroup{margin-top:16px}

.myPlecebox .instructor{display:flex;margin-top:32px;align-items:center;gap:8px;}
.myPlecebox .instructor .picture{width:28px;height:28px;border-radius:100%;overflow:hidden;background:#E9E9EF}
.myPlecebox .instructor .picture img{width:100%}
.myPlecebox .instructor .vline{width:1px;height:12px;background:#dddfe7}
.myPlecebox .instructor .name{font-weight:700;}
.myPlecebox .instructor .group{display:flex;align-items:center;gap:8px;}
.myPlecebox .instructor .team{display:flex;font-weight:500;align-items:center}
.myPlecebox .instructor .position{font-weight:500;}


.myPlecebox .sessoinInfo+.accordionWrap{margin-top:24px}
.myPlecebox .accordionWrap{border-top:2px dotted #e9e9e9}
.myPlecebox .accordionWrap .accordion{width:100%;padding:24px 0 0}
.myPlecebox .accordionWrap .accordionBox{padding:0;margin-top:0}
.myPlecebox .accordionWrap .accordionBox.on{margin-top:0;background:#fff}
.myPlecebox .accordionWrap .accordionBox.on .accordionCont{padding-top:0px !important;padding-right:0}

.myPlecebox .accordion .accordionBtn{font-weight:700}
.myPlecebox .accordion .ui_toggle+.accordionCont{display:none}
.myPlecebox .accordion .ui_toggle.active+.accordionCont{display:block;height:auto;padding-right:0;height:auto !important}
.myPlecebox .accordionWrap .accordionBox.on .accordion .accordionBtn.ui_toggle.active i{width:24px;height:24px;background:url('/sgic/assets/images/common/accordian_flip.png') no-repeat center;background-size:24px;}
.myPlecebox .accordionWrap .accordionBox.on .accordion .accordionBtn.ui_toggle i, .myPlecebox .accordion .accordionBtn i {width:24px;height:24px;background:url('/sgic/assets/images/common/accordian_expend.png') no-repeat center;background-size:24px;}

.gradeArea{margin-top:16px}
.gradeArea .gradeInput{margin-top:16px}
.gradeArea .gradeInput .textArea{height:100px}
.gradeArea .gradeInput+.btnGroup{margin-top:16px}

/* 세미나 케이스에 따른 color Type 변경 */
.myPlecebox .sessoinInfo:before{content:'';width:6px;height:100%;display:block;position:absolute;top:0;left:0;border-radius:12px;}
.myPlecebox.cm1on1 .sessoinInfo:before{background:#9B8AFF;}
.myPlecebox.session .sessoinInfo:before{background:#FFB0B0;}
.myPlecebox.cLevel .sessoinInfo:before{background:#8ED5DD;}
.myPlecebox.exround .sessoinInfo:before{background:#81B8FF;}

.myPlecebox.cm1on1 .sessoinInfo .placeInfo>.badge>.cate{background:#EDE9FF;color:#6752E2;}
.myPlecebox.session .sessoinInfo .placeInfo>.badge>.cate{background:#FFEFEF;color:#F87676;}
.myPlecebox.cLevel .sessoinInfo .placeInfo>.badge>.cate{background:#E9F6F8;color:#1CAFC2;}
.myPlecebox.exround .sessoinInfo .placeInfo>.badge>.cate{background:#E6EDFF;color:#3E67E0;}

/* 스케쥴 미등록 */
.myScheduleArea .list>.myPlecebox.notSch .sessoinInfo{background:#E9E9EF;}
.myScheduleArea .list>.myPlecebox.notSch .sessoinInfo:before{display:none}
.myPlecebox.notSch .sessoinInfo{color:#8F95A1;text-align:center;line-height:24px}

/* 모바일 반응형 */
@media (max-width: 1023px) {
	.cartItems::-webkit-scrollbar {height:6px;}
	.cartItems::-webkit-scrollbar-track {background:transparent;}
	.cartItems::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.18); border-radius:3px;}

	.content .scheduleTitle{flex-wrap:wrap;flex-direction:column;align-items:inherit}
	.content .scheduleTitle>p:after{content:'';display:block;height:1px;background:#262626;margin:12px 0 28px}
	.content .scheduleTitle>p strong{font-size:16px}

	.roundArea .scheduleTitle>p+em, .oneArea .scheduleTitle>p+em{margin-left:0}
	.scheduleWrap .scheduleCardBox{background:#F7F8F9;}
	.scheduleWrap .scheduleCardBox .scheduleBody, .scheduleWrap.cols .scheduleCardBox .scheduleBody, .scheduleWrap.grid .scheduleCardBox .scheduleBody {padding:20px}
	.scheduleWrap .scheduleCardBox .formBox, .scheduleWrap.grid .scheduleCardBox .formBox{top:20px;right:20px}
	.scheduleWrap .scheduleCardBox .formBox .formCheck label{padding:0}
	.scheduleCardBox .scheduleBody .Info{display:block !important;margin-right:18px}
	.scheduleCardBox .scheduleBody .Info>span{display:inline-flex;margin-right:8px}
	.scheduleCardBox .scheduleBody .Info>span~span{}
	.scheduleCardBox .scheduleBody .title{position:relative;display:-webkit-box !important;/* min-height:90px; */word-break:break-all;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:#929292;}
	.scheduleCardBox .scheduleBody .title + .instructor{border-top:2px dotted #e9e9e9;padding-top:16px;}
	.scheduleCardBox .scheduleBody .instructor{position:relative;display:block;padding-top:8px;padding-left:46px;min-height:40px}
	.scheduleCardBox .scheduleBody .instructor>*{display:inline-block}
	.scheduleCardBox .scheduleBody .instructor .picture{position:absolute;width:36px;height:36px;left:0;border-radius:100%;overflow:hidden}
	.scheduleCardBox .scheduleBody .instructor .name{display:block;}
	.scheduleCardBox .scheduleBody .instructor .team, .scheduleCardBox .scheduleBody .instructor .position{max-height:21px;}
	.scheduleCardBox .scheduleBody .instructor .group{width:100%;display:flex;gap:8px;/*display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:8px;*/}
	.scheduleCardBox .scheduleBody .instructor .team{white-space:nowrap;}
	.scheduleCardBox .scheduleBody .instructor .position{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;}

   /* round table */
	.roundArea .scheduleWrap .scheduleTitle>p:after, .oneArea .scheduleWrap .scheduleTitle>p:after{margin-top:16px}
	.roundArea .scheduleTitle>p strong, .oneArea .scheduleTitle>p strong{font-size:16px}
	.roundArea .stickyCont, .oneArea .stickyCont{padding-top:28px}

	.oneArea .sectionBody{padding:40px 16px 16px}

	.roundArea .scheduleTitle .filterArea, .oneArea .scheduleTitle .filterArea{position:absolute;right:16px;margin-top:-4px}
	.roundArea .scheduleTitle .filterArea .btnFilter, .oneArea .scheduleTitle .filterArea .btnFilter,
	.filterArea.full .btnFilter{height:32px;background:#fff;border:1px solid #E9E9EF;min-width:70px;padding:5px 12px;font-weight:500}
    .filterArea.full .btnFilter.active{border-radius:28px}
	.filterArea .btnFilter:before{margin-right:6px}

	.scheduleWrap.cols .scheduleCardBox .scheduleBody .checkSelectArea{position:static;margin:20px 0 0 0}

	.checkSelectArea p{display:none}
	.checkSelectArea .checkBoxLst{width:100%}

    .filterDetailSearch .filterHead{padding:20px 20px 16px}
	.filterDetailSearch .filterBody{height:calc(100% - 120px);overflow-y:auto;padding:20px}
	.categoryList{flex-direction:column}
	.categoryList>li{width:100%}

	.cLevel .scheduleCardBox .scheduleBody .instructor{border-top:none;padding:0}
	.cLevel .scheduleCardBox .scheduleBody .instructor .group{margin-top:2px}

	.cLevel + .btnGroup, .dinner + .btnGroup,  .roundListBox + .btnGroup{margin-top:40px}

	/* Gala Dinner */
	.dinner .scheduleCardBox .scheduleBody .title{text-decoration-line:none}
	.galleryBox .thumbnails, .galleryBox .thumbnails.col2 {display:grid; grid-template-columns:100%; gap:12px; justify-content:center;}
	.galleryBox .thumbnails .thumb {width:100%; height:100%; object-fit:cover; cursor: pointer;}
	.galleryBox .thumbnails .thumb img{width:100%}

    /* Pre-Conference */
    .scheduleCardBox .scheduleBody .dotLine{padding-top:16px}
    .scheduleCardBox .scheduleBody .galleryBox.dotLine{padding-top:20px}
    .preScheduleInfo>li .formCheck label > input[type="checkbox"] + span>em{display:block}
    .preScheduleInfo>li .formCheck label > input[type="checkbox"] + span>b{margin-left:0}

	/* dateModalWrap */
	.filterArea .btnFilter.ui_toggle.active+.filterDetailSearch{display:block; transform:translateX(0%); transition: .1s;}
	.filterArea .btnFilter.ui_toggle+.filterDetailSearch{display:none;}
	.modalWrap {/* display:none; */ position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:1001; transform:translateX(100%); }
	.modalWrap .modalBox {display:block; position:absolute; top:60px; left:0; bottom:0;width:100%; height:100%;background-color:#fff; border-radius:12px 12px 0 0; }
    .modalWrap .modalBox.mid{top:auto;/*height:auto*/max-height:380px}

	/*장바구니*/
	.cartBox{padding-bottom:20px;min-height:124px}
	.cartInner {flex-direction:column; padding:0;}
	.cartHeader {margin:0 16px 8px; }
	.cartHeader .cartInfo{font-size:14px}
	.cartLeft{margin-right:0}
	.cartItems {padding: 0 16px 16px;}
	.cartItems::after {display: none; }
	.cartItem {flex: 0 0 auto; padding:5px 10px 3px 14px}
	.cartItem button{font-size:12px;line-height:18px}
	.cartActions{padding:16px 16px 0;border-top:solid 1px #dddfe7}
	.cartHeader .btnReset{}
	.cartBox.none .cartItems{display:none}
	.cartBox.none .cartHeader{margin-bottom:0}
	.cartBox.none .cartActions{border-top:none}
	.cartBtn {width:100%; justify-content:center}
	/* 모바일 스크롤바 숨김 */
	.cartItems::-webkit-scrollbar {display: none;}

	/* Registration */
	#container .side{display:none}
	#wrapper #container .regiterArea{padding:40px 0px}
	#wrapper #container .regiterArea .stickyTabs {top:109px}

	.regiterArea .titBox+.stickyTabs{margin-top:16px;}
    .regiterArea .titBox+.stickyTabs.active{padding-top:16px;padding-bottom:13px;margin-top:0;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;}
    .regiterArea .titBox+.stickyTabs.active .tabWrap.inside{margin:0}

	.regiterArea .sectionBody{position:relative}
	.filterResult.cartItems{display:none}
	.scheduleTitle.register{margin-top:28px}
	.regiterArea .filterArea.full{position:absolute;right:0px;top:inherit;margin:0}
	.regiterArea .scheduleTitle>p:after{display:none}
	.filterArea.full .btnFilter{width:auto;height:32px;border-radius:28px;}
	.filterArea.full .btnFilter:before{display:block}
	.filterArea.full .btnFilter:after{display:none}
    .filterArea.full .btnFilter.ui_toggle.active+.filterDetailSearch{position:fixed}
    .filterArea.full .filterDetailSearch .filterHead{display:flex}
    .filterArea.full .filterDetailSearch .innerWarp{border-radius:12px 12px 0 0}

    .scheduleWrap.grid .scheduleCardBox{width:100%;margin:0}
    .scheduleWrap.grid .scheduleCardBox~.scheduleCardBox{margin-top:12px}
    .scheduleWrap.grid .scheduleCardBox .scheduleBody .instructor{padding:0;border-top:none}

    .scheduleWrap.grid .scheduleCardBox .scheduleBody .title{text-decoration-line:none}

    .scheduleWrap.filter{gap:6px}

    .dayListBox .scheduleWrap.grid .scheduleBody .instructor, .roundListBox .scheduleWrap.grid .scheduleBody .instructor{position:relative;display:block;border-top:2px dotted #e9e9e9;padding-top:16px;padding-left:46px}
    /*.dayListBox .scheduleWrap.grid .scheduleBody .instructor>*, .roundListBox .scheduleWrap.grid .scheduleBody .instructor>*{display:inline-block}*/
    .dayListBox .scheduleWrap.grid .scheduleBody .instructor .picture, .roundListBox .scheduleWrap.grid .scheduleBody .instructor .picture{position:absolute;width:36px;height:36px;left:0;border-radius:100%;overflow:hidden}
    .dayListBox .scheduleWrap.grid .scheduleBody .instructor .name, .roundListBox .scheduleWrap.grid .scheduleBody .instructor .name{display:block;}
    .dayListBox .scheduleWrap.grid .scheduleBody .instructor .team, .scheduleCardBox .scheduleBody .instructor .position,
    .roundListBox .scheduleWrap.grid .scheduleBody .instructor .team{max-height:21px;}
    /*.dayListBox .scheduleWrap.grid .scheduleBody .instructor .group, .roundListBox .scheduleWrap.grid .scheduleBody .instructor .group{width:100%;display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:8px;}*/
    .dayListBox .scheduleWrap.grid .scheduleBody .instructor .team, .roundListBox .scheduleWrap.grid .scheduleBody .instructor .team{white-space:nowrap;}
    .dayListBox .scheduleWrap.grid .scheduleBody .instructor .position, .roundListBox .scheduleWrap.grid .scheduleBody .instructor .position{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;}

    .dayListBox .titlType3{margin-bottom:12px}
    .dayListBox.dinner .titlType3{margin-bottom:14px}
    .dayListBox.dinner .scheduleWrap{margin-top:12px}

    .dayListBox .scheduleWrap.grid .scheduleCardBox .scheduleBody .instructor .name{text-decoration-line:underline}
    .dayListBox.dinner .scheduleCardBox .scheduleBody .title{margin-top:0px;margin-bottom:0}

    .roundListBox .scheduleCardBox .scheduleBody .title{margin:0}
    .roundListBox .scheduleWrap.grid .scheduleCardBox .scheduleBody .title, .roundListBox .scheduleWrap.grid .scheduleBody .instructor .name{text-decoration-line:underline}
    .roundListBox .scheduleWrap.cLevel .scheduleCardBox .scheduleBody .instructor .name{text-decoration-line:none}
    .roundListBox .scheduleWrap.cLevel .scheduleCardBox .scheduleBody .instructor+.checkSelectArea{margin-top:18px}

    #wrapper.mypage #pageTitle .inner .titlType1{padding-left:16px;padding-top:76px}

    #wrapper.mypage .content .descText{margin-right:16px}
    /* MY PAGE 스케쥴 */
    .myScheduleArea{padding:0 16px;margin-top:40px}
    .myScheduleArea .list{display:flow-root}
    .myScheduleArea .list~.list{margin-top:40px}
    .myScheduleArea .list>.myTimebox{background:none;padding:0;margin-bottom:16px}

    .myScheduleArea .list>.myPlecebox{padding:0px}
    .myPlecebox .sessoinInfo:before{width:100%;height:6px;}
    .myScheduleArea .list>.myPlecebox .sessoinInfo{padding:26px 20px 20px;}
    .myPlecebox .instructor .picture{width:36px;height:36px;position:absolute;left:0;top:0;border-radius:100%;overflow:hidden}
    .myPlecebox .instructor{flex-direction:column;position:relative;align-items:flex-start;padding-left:44px;gap:2px;}
    .myPlecebox .accordionWrap{margin-top:20px}
    .myPlecebox .accordionWrap .accordion{padding:20px 0 0;}
    .myPlecebox .accordionWrap .accordionBox.on .accordion .accordionCont{padding-top:0 !important}
    .sessoinInfo .placeInfo{flex-direction:column-reverse}
    .sessoinInfo .placeInfo>.place {margin-top:16px}
    /*.sessoinInfo .placeInfo+.groupInfo{margin-top:20px;padding-top:20px;}*/
    .sessoinInfo .placeInfo+.groupInfo, .sessoinInfo .btnGroup{background:url('/sgic/assets/images/content/bg_dotline.png') repeat-x 0 0; background-size:1142px 2px;margin-top:20px;padding-top:20px;}
    .sessoinInfo .btnGroup .btn{height:40px}
    .sessoinInfo .groupInfo.ndline{background:none;margin:0;padding-top:8px}
    .sessoinInfo .groupInfo{flex-direction:column;align-items:flex-start;}
    .sessoinInfo .groupInfo .team:after{display:none}
    .sessoinInfo .attendInfo>li p+span:only-child{width:90%}
    .sessoinInfo .attendInfo>li .formCheck{width:48%;vertical-align:top;margin-bottom:10px}
    .gradeArea .formCheck label > input[type="radio"] + span{padding-right:28px;padding-bottom:16px}
    .gradeArea .gradeInput{margin-top:0}

    .sessoinInfo .groupInfo .listWrap li{display:flex;flex-direction:column;padding-bottom:16px;}
    .sessoinInfo .groupInfo .listWrap li:last-child{padding-bottom:0}

}