@charset "utf-8";

.sub-visual {
    display:flex;
    align-items: center;
    justify-content: center;
    height:310px;
    background-image:url(../images/sub_visual.jpg);
    background-position:center;
    background-repeat:no-repeat;
    max-width:1920px;
    text-align: center;
}



.sub-visual h2 {
    color:#ffffff;
    font-size:3.125rem;
    font-weight:800;
    letter-spacing: -0.025em;
}

.sub-visual p {
    color:#fff;
    font-size:1.4375rem;
    letter-spacing: -0.025em;
}

.loc-selector {
    width:100%;
    height:60px;
    background-color:#fafafa;
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
}

.loc-selector .selector-wrap {
    display:flex;
    width:100%;
    height:100%;
}

.loc-selector .selector-wrap .home {
    display:flex;
    align-items: center;
    justify-content: center;
    width:52px;
    height:100%;
    border-left:1px solid #e0e0e0;
    background-image:url(../images/selector_home.png);
    background-repeat:no-repeat;
    background-position:center;
    font-size:0;
    text-indent:-99999999em;
}

.loc-selector .selector-wrap .depth-selector {
    position:relative;
    height:100%;
}

.loc-selector .selector-wrap .depth-selector a.selector-box {
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding:0 15px;
    min-width:180px;
    height:100%;
    border-left:1px solid #e0e0e0;
    color:#555555;
    font-size:1.08rem;
}

.loc-selector .selector-wrap .depth-selector:last-of-type a.selector-box {
    font-weight:800;
    color:#000;
    border-right:1px solid #e0e0e0;
}

/* .loc-selector .selector-wrap .depth2-selector a.selector-box {
    min-width:240px;
}

.loc-selector .selector-wrap .depth3-selector a.selector-box {
    min-width:240px;
} */

.loc-selector .selector-wrap .depth-selector a.selector-box::after {
    content:"";
    display:block;
    width:12px;
    height:7px;
    background-image:url(../images/selector_arrow.png);
    margin-left:25px;
}

.loc-selector .selector-wrap .depth-selector a.selector-box.nodepth {
    min-width:auto;
    padding:0 35px;
}

.loc-selector .selector-wrap .depth-selector a.selector-box.nodepth::after {
    display:none;
}


.loc-selector .selector-wrap .depth-selector .depth-list {
    position:absolute;
    opacity:0;
    visibility: hidden;
    top:59px;
    background-color:#fafafa;
    padding:8px 0;
    width:calc(100% + 1px);
    z-index:1;
    border-left:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    box-sizing: border-box;
}

.loc-selector .selector-wrap .depth-selector:last-of-type .depth-list {
    width:100%;
}

.loc-selector .selector-wrap .depth-selector .depth-list.open {
    opacity:1;
    visibility: visible;
}

.loc-selector .selector-wrap .depth-selector .depth-list a.depth-item {
    display:block;
    padding:8px 15px;
    font-size:1.08rem;
    color:#000;
}

.loc-selector .selector-wrap .depth-selector .depth-list a.depth-item:hover {
    background-color:#fff;
    color:#00b493
}

.loc-selector .selector-wrap .depth-selector .depth-list a.depth-item:last-of-type{
    margin-bottom:0;
}

.contents {
    position:relative;
    padding:50px 0 80px 0;
}

.contents h2 {
    display:flex;
    align-items: center;
    margin-bottom:25px;
    color:#000;
    font-size:2.5rem;
    font-weight:800;
}

.contents h3 {
    display:flex;
    align-items: center;
    margin-bottom:15px;
    color:#00b493;
    font-size:2.1875rem;
    font-weight:800;
}

.contents h3 span {
    font-size:1.125rem;
    font-weight:400;
    margin-left:18px;
}

.contents h3 span.black {
    color:#000;
    font-weight:800;
}

.step-wrap {
    margin-bottom:55px;
}

.step-wrap ul {
    display:flex;
    justify-content: center;
    align-items: center;
}

.step-wrap ul li {
    position:relative;
    padding:0 45px;
}

.step-wrap ul li .step-ico {
    width:90px;
    height:90px;
    border-radius:50%;
    background-color:#222222;
    margin:0 auto;
    background-position:center;
    background-repeat:no-repeat;
}

.step-wrap ul li.on .step-ico {
    background-color:#00b493;
}

.step-wrap ul li p {
    text-align: center;
    font-size:1.25rem;
    font-weight:500;
    color:#040404;
    letter-spacing: -0.025em;
    margin-top:25px;
}

.step-wrap ul li::after {
    content:"";
    display:block;
    position:absolute;
    right:-10px;
    top:45px;
    width:20px;
    height:13px;
    background-image:url(../images/step_arrow.png);
}

.step-wrap ul li:last-child::after {
    display:none !important;
}

/*회원가입 아이콘*/

/* 회원유형선택 */
.step-wrap.join-step ul li:nth-child(1) .step-ico {
    background-image:url(../images/step_ico01.png);
}

/* 약관동의 */
.step-wrap.join-step ul li:nth-child(2) .step-ico {
    background-image:url(../images/step_ico02.png);
}

/* 본인인증 */
/* .step-wrap.join-step ul li:nth-child(3) .step-ico {
    background-image:url(../images/step_ico03.png);
} */

/* 회원정보입력 */
.step-wrap.join-step ul li:nth-child(3) .step-ico {
    background-image:url(../images/step_ico04.png);
}

/* 설문조사 */
/* .step-wrap.join-step ul li:nth-child(4) .step-ico {
    background-image:url(../images/step_ico04_1.png);
} */

/* 회원가입완료 */
.step-wrap.join-step ul li:nth-child(4) .step-ico {
    background-image:url(../images/step_ico05.png);
}

.join-type-select {
    padding:65px 45px;
    border:1px solid #cccccc;
}

.join-type-select .info-txt p {
    text-align: center;
    font-size: 1.25rem;
}

.join-type-select .info-txt p.big {
    font-size:2.1875rem;
    font-weight:600;
    margin-bottom:15px;
}

.join-type-select .type-select {
    margin-top:65px;
}

.join-type-select .type-select ul {
    display:flex;
    justify-content: center;
}

.join-type-select .type-select ul li {
    display:flex;
    align-items: center;
    justify-content: center;
    max-width:480px;
    width:100%;
    box-sizing: border-box;
    border:1px solid #cccccc;
    margin-right:100px;
    border-radius:40px;
}

.join-type-select .type-select ul li:last-child{
    margin-right:0;
}

.join-type-select .type-select ul li .select-box {
    width:100%;
    height:100%;
    padding:85px 0;
    border: 0;
}

.join-type-select .type-select ul li .select-box .ico {
    width:100px;
    height:100px;
    border:3px solid #000000;
    border-radius:50%;
    margin:0 auto 20px auto;
    background-position:center;
    background-repeat:no-repeat;
}

.join-type-select .type-select ul li .select-box .ico.local {
    background-image:url(../images/join_local.png)
}

.join-type-select .type-select ul li .select-box .ico.foreigner {
    background-image:url(../images/join_foreigner.png)
}

.join-type-select .type-select ul li .select-box span {
    display:block;
    text-align: center;
    font-size:2.5rem;
    color:#000;
    font-weight:800;
    line-height:1.4;
}

.join-type-select .type-select ul li .select-box input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.join-type-select .type-select ul li .select-box input[type="radio"] + label {
    display:block;
    width:51px;
    height:51px;
    margin:0 auto;
    background-image:url(../images/select_check.png);
    background-repeat:no-repeat;
    cursor:pointer;
}

.join-type-select .type-select ul li .select-box input[type="radio"]:focus + label {
    outline-offset:-2px;
    outline: 2px solid #ff0000;
    border-radius:50%;
}

.join-type-select .type-select ul li .select-box input[type="radio"]:checked + label {
    background-image:url(../images/select_chec_on.png);
}

.agreement-wrap .all-agreement {
    background-color:#fafafa;
    border:1px solid #cccccc;
    display:flex;
    align-items: center;
    justify-content: center;
    padding:25px;
    margin-bottom:25px;
    font-family: 'Noto Sans CJK KR','Pretendard',sans-serif;
}

.agreement-wrap .checkbox-wrap input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    border: 0;
}

.agreement-wrap .checkbox-wrap input[type="checkbox"]:focus + label::before {
    outline-offset:-2px;
    outline: 2px solid #ff0000;
    border-radius:50%;
}

.agreement-wrap .checkbox-wrap input[type="checkbox"] + label {
    display:flex;
    align-items: center;
    font-size:1.125rem;
    color:#000;
    font-weight:500;
}

.agreement-wrap .checkbox-wrap input[type="checkbox"] + label::before {
    content:"";
    display:block;
    width:41px;
    height:41px;
    margin-right:8px;;
    background-image:url(../images/check_box.png);
    background-repeat:no-repeat;
    cursor:pointer;
}

.agreement-wrap .checkbox-wrap input[type="checkbox"]:checked + label::before {
    background-image:url(../images/check_box_on.png);
}

.agreement-wrap .agreement-box {
    background-color:#fafafa;
    border:1px solid #cccccc;
    padding:25px 40px;
    font-family: 'Noto Sans CJK KR','Pretendard',sans-serif;
    margin-bottom:25px;
}

.agreement-wrap .agreement-box:last-of-type {
    margin-bottom:0;
}

.agreement-wrap .agreement-box .tit {
    display:flex;
    align-items: center;
    font-size:1.25rem;
    color:#000;
    font-weight:500;
    margin-bottom:15px;
}

.agreement-wrap .agreement-box .tit span {
    color:#dd2257;
    margin-left:4px;
}

.agreement-wrap .agreement-box .tit::before {
    content:"";
    display:block;
    width:41px;
    height:41px;
    margin-right:8px;
    background-image:url(../images/check_box_on.png);
    background-repeat:no-repeat;
}

.agreement-wrap .agreement-box .agreement-con {
    padding:25px;
    max-height:235px;
    overflow-y: scroll;
    background-color:#fff;
    box-sizing: border-box;
    border:1px solid #dddddd;
}

.agreement-wrap .agreement-box .agreement-con pre {
    font-family: 'Noto Sans CJK KR','Pretendard',sans-serif;
    line-height:1.8;
    font-size: 1.125rem;
    color:#333;
}

.agreement-wrap .agreement-box .agreement-check {
    display:flex;
    align-items: center;
    justify-content: space-between;
    font-size:1.25rem;
    margin-top:15px;
}

.agreement-wrap .agreement-box .agreement-check span {
    color:#444444;
    font-weight:500;
}

.agreement-wrap .agreement-box .agreement-check .agreement-whether {
    display:flex;
    align-items: center;
}

.agreement-wrap .agreement-box .agreement-check .agreement-whether .agree-radio {
    margin-right:20px;
}

.agreement-wrap .agreement-box .agreement-check .agreement-whether .agree-radio:last-of-type {
    margin-right:0;
}

.agreement-wrap .agreement-box .agreement-check .agreement-whether input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    border: 0;
}

.agreement-wrap .agreement-box .agreement-check .agreement-whether input[type="radio"] + label {
    display:flex;
    align-items: center;
    font-size:1rem;
    font-weight:500;
    color:#000;
}

.agreement-wrap .agreement-box .agreement-check .agreement-whether input[type="radio"] + label::before {
    content:"";
    display:block;
    width:31px;
    height:31px;
    margin-right:5px;
    background-image:url(../images/radio.png);
    background-repeat:no-repeat;
    cursor:pointer;
}

.agreement-wrap .agreement-box .agreement-check .agreement-whether input[type="radio"]:checked + label::before {
    background-image:url(../images/radio_on.png);
}

.agreement-wrap .agreement-box .agreement-check .agreement-whether input[type="radio"]:focus + label::before {
    outline-offset:-2px;
    outline: 2px solid #ff0000;
    border-radius:50%;
}

.agreement-wrap .agreement-caution {
    text-align: center;
    margin-top:45px;
    font-size:1.25rem;
    color:#444444;
    font-weight:500;
}

.certification-wrap .info-txt {
    margin-top:55px;
}

.certification-wrap .info-txt p {
    text-align: center;
    font-size: 1.25rem;
}

.certification-wrap .info-txt p.caution {
    color:#e30000;
    font-weight:500;
}

.certification-wrap .info-txt p.big {
    font-size:2.1875rem;
    font-weight:600;
    margin-bottom:15px;
}

.certification-wrap .type-select {
    margin-top:45px;
    width:100%;
}

.certification-wrap .type-select ul {
    display:flex;
    width:100%;
    justify-content: center;
}

.certification-wrap .type-select ul li {
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
    max-width:714px;
    width:100%;
    box-sizing: border-box;
    border:1px solid #cccccc;
    margin-right:100px;
}

.certification-wrap .type-select ul li:last-child{
    margin-right:0
}

.certification-wrap .type-select ul li .select-box {
    width:100%;
    height:100%;
    padding:85px 0;
}

.certification-wrap .type-select ul li .select-box .ico {
    width:100px;
    height:100px;
    border:3px solid #000000;
    border-radius:50%;
    margin:0 auto 20px auto;
    background-position:center;
    background-repeat:no-repeat;
}

.certification-wrap .type-select ul li .select-box .ico.phone {
    background-image:url(../images/certification_phone.png)
}

.certification-wrap .type-select ul li .select-box .ico.ipin {
    background-image:url(../images/certification_ipin.png)
}

.certification-wrap .type-select ul li .select-box .ico.email {
    background-image:url(../images/certification_email.png)
}

.certification-wrap .type-select ul li .select-box span {
    display:block;
    text-align: center;
    font-size:2.5rem;
    color:#000;
    font-weight:800;
    line-height:1.4;
}

.certification-wrap .type-select ul li .select-box input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.certification-wrap .type-select ul li .select-box input[type="radio"] + label {
    display:block;
    width:51px;
    height:51px;
    margin:0 auto;
    background-image:url(../images/select_check.png);
    background-repeat:no-repeat;
    cursor:pointer;
}

.certification-wrap .type-select ul li .select-box input[type="radio"]:focus + label {
    outline-offset:-2px;
    outline: 2px solid #ff0000;
    border-radius:50%;
}

.certification-wrap .type-select ul li .select-box input[type="radio"]:checked + label {
    background-image:url(../images/select_chec_on.png);
}

.certification-wrap .type-select ul li .select-box p {
    text-align: center;
    font-size:1.25rem;
    font-family: 'Noto Sans CJK KR','Pretendard',sans-serif;
    line-height:1.4;
    margin:15px 0;
}

.certification-wrap .type-select ul li.email {
    width:100%;
    max-width:100%;
}

.write-caution {
    background-color:#f6f6f6;
    padding:35px;
    margin-bottom:35px;
}

.write-caution dl dt {
    color:#040404;
    font-size:1.25rem;
    font-weight:600;
    margin-bottom:15px;
}

.write-caution.find dl dt {
    margin-bottom:15px;
    text-align: center;
    font-size:2.125rem;
}

.write-caution dl dd {
    font-size:1.25rem;
    font-weight:300;
    color:#040404;
    margin-bottom:15px;
}

.write-caution dl dd ul li {
    font-size:1.125rem;
    margin-bottom:8px;
}

.write-caution dl dd ul li:last-child {
    margin-bottom:0;
}

.write-caution.find dl dd {
    text-align: center;
}

.write-caution.find dl dd span.caution {
    color:#e30000;
    font-size:1.125rem;
}

.write-caution dl dd:last-of-type {
    margin-bottom:0;
}

.write-wrap {
    position:relative;
    margin-bottom:35px;
}

.write-wrap:last-of-type {
    margin-bottom:0;
}

.booth-info {
    display:none;
    margin-bottom:35px;
}

.booth-info.active {
    display:block;
}

.supply-info {
    display:none;
    margin-bottom:35px;
}

.supply-info.active {
    display:block;
}

.idcheck-pop.open {
    position:fixed;
}

.idcheck-pop .idcheck-con {
    padding-top:25px;
}

.idcheck-pop .idcheck-con .posible p {
    text-align: center;
    font-size:1.25rem;
    color:#010000;
    font-weight:600;
}

.idcheck-pop .idcheck-con .posible p span {
    color:#0057a4;
}

.idcheck-pop .idcheck-con .imposible p {
    text-align: center;
    font-size:1.25rem;
    color:#010000;
    font-weight:600;
}

.idcheck-pop .idcheck-con .imposible p span {
    color:#00b493;
}

.idcheck-pop .idcheck-con .diff-idcheck-box {
    background-color:#fcfcfc;
    border:1px solid #dddddd;
    padding:25px;
    margin-top:25px;
}

.idcheck-pop .idcheck-con .diff-idcheck-box p {
    text-align: center;
    color:#333333;
    font-size:1.125rem;
    margin-bottom:15px;
    display:flex;
    align-items: center;
    justify-content: center;
    line-height:1.5;
    height:3em;
}

.idcheck-pop .idcheck-con .diff-idcheck-box .diff-idcheck-input label {
    display:block;
    font-size:1.125rem;
    font-weight:600;
    color:#000000;
    margin-bottom:5px;
}

.idcheck-pop .idcheck-con .diff-idcheck-box .diff-idcheck-input .input-wrap {
    display:flex;
    align-items: center;
}

.idcheck-pop .idcheck-con .diff-idcheck-box .diff-idcheck-input .input-wrap input[type="text"] {
    width:calc(100% - 114px);
    height:45px;
    border:1px solid #bbbbbb;
    border-radius:3px;
    padding:0 8px;
}
.idcheck-pop .idcheck-con .diff-idcheck-box .diff-idcheck-input .input-wrap button {
    margin-left:4px;
    display:flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    border-radius:3px;
    background-color:#04163c;
    border-radius:3px;
    font-weight:600;
    font-size:1.125rem;
    width:110px;
    height:45px;
}


.servey-wrap .servey-list > ol > li {
    border:1px solid #dddddd;
    border-radius:15px;
    margin-bottom:35px;
    overflow: hidden;
}

.servey-wrap .servey-list > ol > li .q {
    display:flex;
    align-items: center;
    font-size:1.5625rem;
    font-weight:700;
    color:#333333;
    padding:15px 25px;
    background-color:#fafafa;
    border-bottom:1px solid #dddddd;
}

.servey-wrap .servey-list > ol > li .q::before {
    content:"Q.";
    font-size:2.8125rem;
    color:#00b493;
    margin-right:15px;
}

.servey-wrap .servey-list > ol > li .a {
    padding:25px;
}

.servey-wrap .servey-list > ol > li .a .a-select li {
    display:flex;
    align-items: center;
    margin-bottom:12px;
}

.servey-wrap .servey-list > ol > li .a .a-select li:last-child {
    margin-bottom:0;
}

.servey-wrap .servey-list > ol > li .a .a-select li input[type="radio"] {
    width:24px;
    height:24px;
    margin-right:15px;
}

.servey-wrap .servey-list > ol > li .a .a-select li input[type="radio"] + label {
    font-size:1.25rem;
    color:#444;
}

.servey-wrap .servey-list > ol > li .a .a-select li input[type="radio"]:checked + label {
    font-weight:700;
    color:#000;
}

.servey-wrap .servey-info {
    text-align: center;
    margin-top:45px;
    font-size:1.25rem;
    color:#444444;
    font-weight:500;
}

.servey-wrap .servey-info span {
    color:#00b493;
    font-weight:600;
}

.joincomp-wrap {
    width:100%;
    padding:65px 15px;
    box-sizing: border-box;
    background-color:#fafafa;
    border:1px solid #cccccc;
}

.joincomp-wrap .ico {
    width:100px;
    height:100px;
    border:3px solid #000000;
    border-radius:50%;
    margin:0 auto 20px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#ffffff;
    background-image:url(../images/join_com.png)
}

.joincomp-wrap .comtxt {
    display:block;
    text-align: center;
    font-size:2.1875rem;
    font-weight:600;
    margin-bottom:15px;
}

.joincomp-wrap p {
    text-align: center;
    color:#444444;
    font-size:1.25rem;
    font-weight:500;
    line-height:1.5;
}

.joincomp-wrap .comp-btns {
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:55px;
}

.joincomp-wrap .comp-btns a, .joincomp-wrap .comp-btns button {
    display:flex;
    align-items: center;
    justify-content: center;
    width:242px;
    height:74px;
    font-size:1.625rem;
    font-weight:600;
    font-family:'Pretendard',sans-serif;
    box-sizing: border-box;
    margin-right:8px;
}

.joincomp-wrap .comp-btns  a:last-of-type, .joincomp-wrap .comp-btns  button:last-of-type {
    margin-right:0;
}

.joincomp-wrap .comp-btns .dmain {
    background-color:#f6f6f6;
    border:1px solid #cccccc;
    color:#000000
}

.joincomp-wrap .comp-btns .dlogin {
    background-color:#00b493;
    color:#fff
}

.common-tab {
    margin-bottom:45px;
}

.common-tab ul {
    display:flex;
    align-items: center;
    justify-content: center;
}

.common-tab ul li {
    max-width:260px;
    width:100%;
    margin-right:25px;
}

.common-tab ul li:last-child {
    margin-right:0;
}

.common-tab ul li a {
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:1.4375rem;
    color:#fff;
    font-weight:500;
    width:100%;
    height:68px;
    background-color:#222222;
    border-radius:34px;
}

.common-tab ul li a:hover {
    background-color:#00b493;
}

.common-tab ul li.on a {
    background-color:#00b493;
}

#phonetype {
    display:none;
}

#phonetype.on {
    display:table-row;
}

#emailtype {
    display:none;
}

#emailtype.on {
    display:table-row;
}

.notaccount-pop {
    max-width:450px;
}

.notaccount-txt {
    text-align: center;
    font-size:1.125rem;
    font-weight:600;
    color:#040404;
    line-height:1.5;
    padding-top:15px;
}

.result-info {
    width:100%;
    border:1px solid #cccccc;
    background-color:#fafafa;
    padding:65px 15px;
}

.result-info p {
    text-align: center;
    font-size: 1.25rem;
    font-weight:500;
    color:#444444;
    line-height:1.5;
}

.result-info p.big {
    font-size:2.1875rem;
    font-weight:600;
    margin-bottom:15px;
    color:#000;
}

.result-info p strong {
    font-weight:900;
    color:#000;
}

.result-info p span {
    color:#00b493;
}

.result-info .ico {
    width:100px;
    height:100px;
    border:3px solid #000000;
    border-radius:50%;
    margin:0 auto 20px auto;
    background-position:center;
    background-repeat:no-repeat;
}

.result-info .ico.id {
    background-image:url(../images/find_id_result.png);
}

.result-info .ico.pw {
    background-image:url(../images/find_pw_result.png);
}

.find-wrap .write-caution {
    margin-top:35px;
}

.login-wrap {
    width:100%;
    max-width:860px;
    margin:0 auto;
    border-radius:34px;
    border:1px solid #ccc;
    padding:65px 15px;
    background-color:#fafafa;
}

.login-wrap > .ico {
    width:100px;
    height:100px;
    border:3px solid #000000;
    border-radius:50%;
    margin:0 auto 20px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../images/find_id_result.png);
}

.login-wrap span {
    display:block;
    text-align: center;
    font-size:2.1875rem;
    font-weight:600;
    margin-bottom:15px;
    color:#000;
}

.login-wrap p {
    text-align: center;
    font-size: 1.25rem;
    font-weight:500;
    color:#444444;
    line-height:1.5;
}


.login-wrap .login-form {
    width:100%;
    max-width:520px;
    margin:45px auto 0 auto;
}

.login-wrap .login-form .login-id,
.login-wrap .login-form .login-pw {
    display:flex;
    align-items: center;
    border:1px solid #dddddd;
}

.login-wrap .login-form .login-pw {
    border-top:0;
}

.login-wrap .login-form .login-id input,
.login-wrap .login-form .login-pw input {
    width:calc(100% - 55px);
    border:none;
    height:55px;
    padding:0 15px;
    font-size:1.125rem;
}

.login-wrap .login-form .login-id .ico,
.login-wrap .login-form .login-pw .ico {
    width:55px;
    height:55px;
    background-repeat:no-repeat;
    background-position:center;
    border-right:1px solid #dddddd;
    box-sizing: border-box;
    background-color:#fff;
}

.login-wrap .login-form .login-id .ico {
    background-image:url(../images/login_id_ico.png);
}

.login-wrap .login-form .login-pw .ico {
    background-image:url(../images/login_pw_ico.png);
}

.login-wrap .login-form .save-id {
    display:flex;
    align-items: center;
}

.login-wrap .login-form .save-id {
    margin-top:15px;
}

.login-wrap .login-form .save-id input[type="checkbox"] {
    width:20px;
    height:20px;
    margin-right:10px;
}

.login-wrap .login-form .save-id label {
    font-size:1.125rem;
    color:#333;
}

.login-wrap .login-form .login-btn {
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:55px;
    font-size:1.25rem;
    background-color:#00b493;
    color:#fff;
    border-radius:4px;
    margin-top:15px;
}

.login-wrap .login-utils {
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:20px;
}

.login-wrap .login-utils a {
    color:#333333;
    padding:0 8px;
    font-size:1.125rem;
    font-weight:500;
}

.sslw-festival .festival-logo {
    display:flex;
    align-items: center;
    justify-content: center;
    max-width:448px;
    width:100%;
    height:197px;
    border:1px solid #cccccc;
    margin:0 auto 65px auto;
}

.sslw-festival .festival-logo img {
    width:297px;
}

.sslw-festival .festival-info {
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
    width:100%;
    margin-bottom:65px;
}

.sslw-festival .festival-info .festival-poster {
    width:100%;
    max-width:485px;
    margin-top:57px;
}

.sslw-festival .festival-info .festival-poster .imgwrap {
    position:relative;
    width:100%;
    height:0;
    padding-top:calc(675 / 485 * 100%);
    border:1px solid #dddddd;
}

.sslw-festival .festival-info .festival-poster .imgwrap img {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}

.sslw-festival .festival-info .festival-info-table {
    width:100%;
    max-width:calc(100% - 560px);
}

.sslw-festival .festival-info .festival-info-table .festival-list li {
    position:relative;
    padding-left:0.85em;
    margin-bottom:12px;
}

.sslw-festival .festival-info .festival-info-table .festival-list li::before {
    content:"-";
    position:absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
}

.sslw-festival .festival-info .festival-info-table .festival-list li:last-child {
    margin-bottom:0;
}

.sslw-festival .festival-info .festival-info-table .common-btns {
    margin-top:25px;
}

.sslw-festival .festival-info .festival-info-table .logoimg {
    display:flex;
    align-items: center;
    flex-wrap:wrap;
}

.sslw-festival .festival-info .festival-info-table .logoimg .imgwrap {
    margin-right:15px;
}

.sslw-festival .festival-info .festival-info-table .logoimg .imgwrap:last-of-type {
    margin-right:0;
}

.sslw-festival .festival-info .festival-info-table .logoimg dl {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    margin:5px 35px 5px 0;
    position:relative;
}

.sslw-festival .festival-info .festival-info-table .logoimg dl::after {
    content:"";
    display:block;
    width:1px;
    height:20px;
    background-color:#333333;
    position:absolute;
    top:50%;
    right:-18px;
    transform:translateY(-50%)
}

.sslw-festival .festival-info .festival-info-table .logoimg dl:last-of-type {
    margin-right:0;
}
.sslw-festival .festival-info .festival-info-table .logoimg dl:last-of-type::after {
    display:none;
}


.sslw-festival .festival-info .festival-info-table .logoimg dl dt {
    margin-bottom:0;
    font-size:1rem;
    color:#333333;
    margin-right:10px;
    width: 25px;
}

.sslw-festival .festival-info .festival-info-table .logoimg dl dd {
    display:flex;
    align-items:center;
    /* max-width: calc(100% - 35px); */
}

.sslw-festival .festival-con .pr-video {
    border:1px solid #dddddd;
    padding:35px;
}



.sscp-info .sscp-lt {
    display:flex;
    align-items: center;
    background-color:#f6f6f6;
    border:1px solid #cccccc;
    padding:45px 65px;
    justify-content: space-between;
    box-sizing: border-box;
}

.sscp-info .sscp-lt .sscp-logo {
    width:329px;
}

.sscp-info .sscp-lt p {
    font-size:1.25rem;
    color:#444444;
    width:100%;
    max-width:calc(100% - 424px);
    line-height:1.7;
}

.sscp-info .sscp-lt p strong {
    color:#000;
}

.sscp-info .linkbtn {
    display:flex;
    margin:50px 0;
}

.sscp-info .linkbtn.left{
    justify-content: flex-start;
}

.sscp-info .linkbtn.center {
    justify-content: center;
}

.sscp-info .linkbtn.right {
    justify-content: flex-end;
}

.sscp-info .linkbtn a {
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    max-width:400px;
    height:74px;
    padding:0 15px;
    color:#fff;
    background-color:#00b493;
    font-size:1.625rem;
    font-weight:600;
}

.sscp-info .linkbtn a::after {
    content:"";
    display:block;
    margin-left:12px;
    background-position:center;
    background-repeat:no-repeat;
}

.sscp-info .linkbtn a.blank::after{
    width:21px;
    height:21px;
    margin-bottom:4px;
    background-image:url(../images/link_blank.png);
}

.sscp-info .sscp-info-table table.view-table tr th {
    border-right:0;
    vertical-align: top;
    background-color:#fff;
}

.sscp-info .sscp-info-table table.view-table tr td {
    border-left:0;
}

.sscp-info .sscp-info-table table.view-table tr td strong {
    color:#040404;
}

.sscp-info .sscp-info-table table.view-table tr td > ul {
    margin-top:15px;
    margin-bottom:25px;
}

.sscp-info .sscp-info-table table.view-table tr td > ul:last-of-type {
    margin-bottom:0;
}

.sscp-info .sscp-info-table table.view-table tr td ul.type1 > li {
    padding-left:0.85em;
    position:relative;
    margin-bottom:12px;
}

.sscp-info .sscp-info-table table.view-table tr td ul.type1 > li::before{
    content:"-";
    display:block;
    position:absolute;
    left:0;
    top:0;
}

.sscp-info .sscp-info-table table.view-table tr td ul.type1 > li:last-child{
    margin-bottom:0;
}

.sscp-info .sscp-info-table table.view-table tr td ul.type2 > li {
    padding-left:0.75em;
    position:relative;
    margin-bottom:12px;
    font-size:1.125rem;
    color:#000;
}

.sscp-info .sscp-info-table table.view-table tr td ul.type2 > li::before{
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:4px;
    background-color:#000;
    top:8px;
}

.sscp-info .sscp-info-table table.view-table tr td ul.type2 > li:last-child{
    margin-bottom:0;
}

.sscp-info .sscp-info-table table.view-table tr td ul.type1 > li ul.type1 {
    margin-top:4px;
}

.sscp-info .sscp-info-table table.view-table tr td ul.type2 > li ul.type1 {
    margin-top:4px;
}

.sscp-info .sscp-info-table table.view-table tr td ul.type2 > li ul.type2 {
    margin-top:4px;
}

.sscp-info .sscp-info-table table.view-table tr td ul.box {
    padding:45px 25px;
    background-color:#f3f3f3;
    font-size:1.125rem;
}

.sscp-info .sscp-info-table .core-values {
    margin-top:35px;
}

.sscp-info .sscp-info-table .core-values ul {
    display:flex;
    align-items: center;
}

.sscp-info .sscp-info-table .core-values ul li {
    margin-right:85px;
    width:auto;
    max-width:calc((100% - 85px) / 2);
}

.sscp-info .sscp-info-table .core-values ul li:last-child {
    margin-right:0;
}

.sscp-info .sscp-info-table .core-values ul li dl {
    display:flex;
    align-items: center;
}

.sscp-info .sscp-info-table .core-values ul li dl dt {
    display:flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width:174px;
    height:174px;
    border-width:15px;
    border-radius:50%;
    border-style: solid;
    flex-wrap:wrap;
    flex-direction: column;
}

.sscp-info .sscp-info-table .core-values ul li dl dt span {
    width:100%;
    display:block;
    line-height:1.1;
    font-weight:700;
    color:#040404;
}

.sscp-info .sscp-info-table .core-values ul li dl dt span:first-of-type {
    font-size:1.4375rem;
}

.sscp-info .sscp-info-table .core-values ul li dl dt span:last-of-type {
    font-size:1.25rem;
    margin-top:8px;
}

.sscp-info .sscp-info-table .core-values ul li:nth-child(1) dl dt {
    border-color:#e14c74;
}

.sscp-info .sscp-info-table .core-values ul li:nth-child(2) dl dt {
    border-color:#5699d0;
}

.sscp-info .sscp-info-table .core-values ul li dl dd {
    color:#040404;
    line-height:1.8;
    margin-left:25px;
}

.sscp-info .sscp-info-table .participation-step {
    margin-top:25px;
}

.sscp-info .sscp-info-table .participation-step ul {
    display:flex;
}

.sscp-info .sscp-info-table .participation-step ul li {
    width: 235px;
    margin-right:63px;
    position:relative;
}

.sscp-info .sscp-info-table .participation-step ul li:last-child {
    margin-right:0;
}

.sscp-info .sscp-info-table .participation-step ul li::after {
    content:"";
    display:block;
    width:29px;
    height:36px;
    background-image:url(/resources/images/contents_step_arrow.png);
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    right:-45px;
    top:50%;
    transform: translateY(-50%);
}

.sscp-info .sscp-info-table .participation-step ul li:last-child::after {
    display:none;
}

.sscp-info .sscp-info-table .participation-step ul li .step-tit {
    display:flex;
    width:100%;
    height:55px;
    align-items: center;
    justify-content: center;
    background-color:#e14c74;
    color:#fff;
    font-size:1.25rem;
    font-weight:600;
}

.sscp-info .sscp-info-table .participation-step ul li .step-con {
    background-color:#f3f3f3;
    position:relative;
    width:100%;
    height:145px;
    padding:25px;
    box-sizing: border-box;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:1.125rem;
}

.sscp-info .sscp-info-table .participation-step ul li .step-con p {
    width:100%;
    text-align:center;
    color:#000;
    font-weight:600;
    margin-bottom:25px;
    line-height:1.4;
}

.sscp-info .sscp-info-table .participation-step ul li .step-con span {
    position:absolute;
    display:block;
    width:100%;
    bottom:20px;
    text-align: center;
    font-weight:700;
    color:#e14c74;
}

.sscp-info .sscp-info-table .award-info-table {
    margin-top:25px;
}

.sscp-info .sscp-info-table .award-info-table table {
    font-size:1.125rem;
}

.sscp-info .sscp-info-table .award-info-table table thead tr th {
    background-color:#f3f3f3;
    padding:20px 25px;
    border:1px solid #cccccc;
    font-size:1.125rem;
}

.sscp-info .sscp-info-table .award-info-table table tbody tr td {
    border:1px solid #cccccc;
    font-size:1.125rem;
}

.sscp-info .sscp-info-table .award-info-table table tbody tr td.tdc {
    text-align: center;
    line-height:1.5;
}

.sscp-info .sscp-info-table .award-info-table table tbody tr td strong {
    color:#040404;
}

.sscp-info .sscp-info-table .award-info-table table tbody tr td .project-part ul li {
    margin-bottom:8px;
}

.sscp-info .sscp-info-table .award-info-table table tbody tr td .project-part ul li:last-child {
    margin-bottom:0;
}


.sscp-info .sscp-info-table .award-info-table table tbody tr td .project-part ul li dl {
    display:flex;
    align-items: center;
    flex-wrap: wrap;
}

.sscp-info .sscp-info-table .award-info-table table tbody tr td .project-part ul li dl dt {
    display:flex;
    align-items: center;
    justify-content: space-between;
    width:268px;
    height:77px;
    border-width:5px;
    border-style:solid;
    border-radius:41px;
    padding: 0 8px 0 35px;
    box-sizing: border-box;
}

.sscp-info .sscp-info-table .award-info-table table tbody tr td .project-part ul li:nth-child(1) dl dt {
    border-color:#e14c74;
}

.sscp-info .sscp-info-table .award-info-table table tbody tr td .project-part ul li:nth-child(2) dl dt {
    border-color:#5699d0;
}

.sscp-info .sscp-info-table .award-info-table table tbody tr td .project-part ul li dl dt span:nth-of-type(1) {
    font-weight:700;
}

.sscp-info .sscp-info-table .award-info-table table tbody tr td .project-part ul li:nth-child(1) dl dt span:nth-of-type(1) {
    color:#e14c74;
}

.sscp-info .sscp-info-table .award-info-table table tbody tr td .project-part ul li:nth-child(2) dl dt span:nth-of-type(1) {
    color:#5699d0;
}

.sscp-info .sscp-info-table .award-info-table table tbody tr td .project-part ul li dl dt span:nth-of-type(2) {
    background-color:#f3f3f3;
    display:flex;
    align-items: center;
    justify-content: center;
    width:55.5px;
    height:55.5px;
    border-radius:50%;
    color:#030000;
    font-weight:500;
    box-sizing: border-box;
}

.sscp-info .sscp-info-table .award-info-table table tbody tr td .project-part ul li dl dd {
    width:calc(100% - 298px);
    margin-left:30px;
}

.exhibition-outilne .eo-head {
    display:flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom:65px;
}

.exhibition-outilne .eo-head p {
    position:relative;
    margin-left:20px;
    line-height:1.7;
    color:#444444;
    font-weight:400;
    font-size:1.25rem;
}

.exhibition-outilne .eo-head p strong {
    font-weight:600;
    color:#000;
}

.exhibition-outilne .eo-head p::before {
    content:"";
    display:block;
    width:36px;
    height:3px;
    background-color:#000000;
    position:absolute;
    left:0;
    top:-10px;
}

.exhibition-outilne .eo-con {
    margin-bottom:45px;
}

.exhibition-outilne .exhibition-construction .hall-con-wrap {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    border:1px solid #cccccc;
    box-sizing: border-box;
    padding:45px;
    margin-bottom:50px;
    align-items: center;

}

.exhibition-outilne .exhibition-construction .hall-con-wrap .hall-con {


}

.exhibition-outilne .exhibition-construction .hall-con-wrap .hall-con span {
    display:flex;
    align-items: center;
    justify-content: center;
    width:170px;
    height:44px;
    border-radius:22px;
    background-color:#00b493;
    margin:0 auto 15px auto;
    color:#fff;
    font-weight:700;
    font-size:1.75rem;
}

.exhibition-outilne .exhibition-construction .hall-con-wrap .hall-con p {
    text-align: center;
    font-size:1.25rem;
    color:#444444;
    font-weight:400;
    line-height:1.5;
}

.exhibition-outilne .exhibition-construction .hall-con-wrap .hall-con .hallb2-img {
    text-align: center;
    margin-top:45px;
}

.exhibition-outilne .exhibition-construction .hall-con-wrap .hall-con .hallc-img {
    text-align: center;
    margin-top:15px;
    /* margin-top:80px; */
}

.exhibition-outilne .view-table .logoimg {
    display:flex;
    align-items: center;
    flex-wrap:wrap;
}

.exhibition-outilne .view-table .logoimg .imgwrap {
    margin-right:25px;
}

.exhibition-outilne .view-table .logoimg .imgwrap:last-of-type {
    margin-right:0;
}

.exhibition-outilne .view-table .logoimg dl {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    margin:5px 35px 5px 0;
    position:relative;
}

.exhibition-outilne .view-table .logoimg dl::after {
    content:"";
    display:block;
    width:1px;
    height:20px;
    background-color:#333333;
    position:absolute;
    top:50%;
    right:-18px;
    transform:translateY(-50%)
}

.exhibition-outilne .view-table .logoimg dl:last-of-type {
    margin-right:0;
}

.exhibition-outilne .view-table .logoimg dl:last-of-type::after {
    display:none;
}


.exhibition-outilne .view-table .logoimg dl dt {
    margin-bottom:0;
    font-size:1rem;
    color:#333333;
    margin-right:10px;
    width: 25px;
}

.exhibition-outilne .view-table .logoimg dl dd {
    display:flex;
    align-items:center;
    /* max-width: calc(100% - 35px); */
}

.booth-reg-info .booth-reg-info-top {
    padding-bottom:25px;
    margin-bottom:45px;
    border-bottom:2px solid #dddddd;
}

.booth-reg-info .booth-reg-info-top .tit {
    margin-bottom:45px
}

.booth-reg-info .booth-reg-info-top .tit h2 {
    text-align: center;
    justify-content: center;
}

.booth-reg-info .booth-reg-info-top .tit p {
    text-align: center;
    color:#333333;
}

.booth-reg-info .booth-reg-info-top .btn-wrap {
    margin-top:25px;
}

.booth-reg-info .booth-reg-info-top p.caution {
    text-align: right;
    margin-top:25px;
    color:#00b493
}

.booth-reg-info .booth-reg-step ol {
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.booth-reg-info .booth-reg-step ol > li {
    position:relative;
    width:100%;
    max-width:500px;
    border:1px solid #dddddd;
    border-radius:20px;
}

.booth-reg-info .booth-reg-step ol > li::after {
    content:"";
    display:block;
    position:absolute;
    right:-32px;
    top:50%;
    transform: translateY(-50%);
    width:20px;
    height:13px;
    background-image:url(../images/step_arrow.png);
}

.booth-reg-info .booth-reg-step ol > li:last-child::after {
    display:none;
}


.booth-reg-info .booth-reg-step ol > li .step {
    width:100%;
    padding:25px 0;
}

.booth-reg-info .booth-reg-step ol > li .step .ico {
    width:90px;
    height:90px;
    border-radius:50%;
    background-color:#222222;
    margin:0 auto;
    background-position:center;
    background-repeat:no-repeat;
}

.booth-reg-info .booth-reg-step ol > li:nth-child(1) .step .ico {
    background-image:url(../images/step_ico02.png)
}

.booth-reg-info .booth-reg-step ol > li:nth-child(2) .step .ico {
    background-image:url(../images/step_ico04.png)
}

.booth-reg-info .booth-reg-step ol > li:nth-child(3) .step .ico {
    background-image:url(../images/step_ico04.png)
}

.booth-reg-info .booth-reg-step ol > li:nth-child(4) .step .ico {
    background-image:url(../images/step_ico05.png);
    background-color:#00b493;
}

.booth-reg-info .booth-reg-step ol > li .step span {
    display:block;
    text-align: center;
    font-size:1.25rem;
    font-weight:500;
    color:#040404;
    letter-spacing: -0.025em;
    margin-top:25px;
}

.booth-reg-info .booth-reg-step ol > li .step-con {
    display:flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width:100%;
    height:150px;
    border-top:1px solid #dddddd;
    background-color:#f4f4f4;
    border-radius:0 0 20px 20px;
    overflow: hidden;
}

.booth-reg-info .booth-reg-step ol > li .step-con p {
    font-weight:500;
    color:#040404;
    font-size:1.125rem;
    line-height:1.4;
}

.booth-reg-info .booth-reg-step ol > li .step-con ul li {
    font-weight:500;
    color:#040404;
    font-size:1.125rem;
    margin-bottom:8px;
    text-align: left;
}

.booth-reg-info .booth-reg-step ol > li .step-con ul li:last-child {
    margin-bottom:0;
}

.booth-reg-info p {
    font-size:1.25rem;
    font-weight:500;
    color:#444444;
}

.booth-reg-info dl {
    font-size:1.25rem;
    font-weight:500;
    color:#444444;
    margin-bottom:30px;
}

.booth-reg-info dl:last-of-type {
    margin-bottom:0;
}

.booth-reg-info dl dt {
    display:flex;
    align-items: center;
    flex-wrap:wrap;
    font-size:1.5rem;
    font-weight:800;
    color:#000000;
}

.booth-reg-info dl dt span {
    display:flex;
    align-items: center;
    justify-content: center;
    height:32px;
    padding:0 15px;
    font-size:1.15rem;
    background-color:#0057a4;
    color:#ffffff;
    margin-left:4px;
    border-radius:3px;
    font-weight:500;
}

.booth-reg-info dl dt span:first-of-type {
    margin-left:8px;
}

.booth-reg-info dl dd {
    padding-left:1.2125em;
}

.booth-reg-info dl dd p strong {
    color:#000000;
}

.booth-reg-info dl dd ul li {
    position:relative;
    padding-left:12px;
    margin-bottom:8px;
}

.booth-reg-info dl dd ul li:last-child {
    margin-bottom:0;
}

.booth-reg-info dl dd ul li::before {
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:10px;
    width:4px;
    height:4px;
    border-radius:4px;
    background-color:#096392;
}

.booth-reg-info dl dd a { color:#096392; text-decoration: underline;}

.booth-reg-info .btn-wrap {
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:85px;
}

.booth-reg-info .booth-regbtn {
    display:flex;
    align-items: center;
    justify-content: center;
    width:582px;
    height:74px;
    color:#fff;
    font-size: 1.625rem;
    font-weight:500;
    margin:85px auto 0 auto;
    background-color:#00b493;
}


.booth-reg-info .btn-wrap .booth-regbtn {
    width:360px;
    margin:0 10px 0 0;
}

.booth-reg-info .document-download {
    display:flex;
    align-items: center;
    justify-content: center;
    width:360px;
    height:74px;
    color:#fff;
    font-size: 1.625rem;
    font-weight:500;
    background-color:#096392;
}

.booth-reg-info .booth-reg-view {
    display:flex;
    align-items: center;
    justify-content: center;
    width:360px;
    height:74px;
    color:#fff;
    font-size: 1.625rem;
    font-weight:500;
    margin:0 10px 0 0;
    background-color:#576CB3;
}


.booth-reg-info .btn-wrap a {
    margin-right:10px;
}

.booth-reg-info .btn-wrap a:last-of-type {
    margin-right:0;
}

.booth-reg-info h3 {
    display:flex;
    align-items: center;
}

.booth-reg-info h3 a {
    font-size:1.25rem;
    font-weight:500;
    color:#ffffff;
    margin-left:12px;
    background-color:#096392;
    height:45px;
    padding:0 15px;
    display:flex;
    align-items: center;
}

/*부스 참가 신청 아이콘*/

/* 약관동의 */
.step-wrap.booth-reg-step ul li:nth-child(1) .step-ico {
    background-image:url(../images/step_ico02.png);
}

/* 참가신청서작성 */
.step-wrap.booth-reg-step ul li:nth-child(2) .step-ico {
    background-image:url(../images/step_ico04.png);
}

/* 신청서 제출 완료 */
.step-wrap.booth-reg-step ul li:nth-child(3) .step-ico {
    background-image:url(../images/step_ico05.png);
}

.write-table.booth-reg tr th,
.write-table.booth-reg tr td {
    padding:18px;
}

.write-table.booth-reg tr td input[type="text"] {
    max-width:100%;
}

.write-table.booth-reg tr td p.caution {
    line-height:1.5;
    text-indent:-1em;
    padding-left:1em;
    margin-top:15px;
}

.write-table.booth-reg tr td p.caution.pink {
    color:#00b493;
    margin-top:0;
}

.write-table.booth-reg .group-whether  {
    display:flex;
    align-items: center;
    width:100%;
}

.write-table.booth-reg .group-whether .radio-wrap {
    margin-right:20px;
}

.write-table.booth-reg .group-whether .radio-wrap:last-of-type {
    margin-right:0;
}

.write-table.booth-reg .group-whether .radio-wrap input[type="text"] {
    width:320px;
    margin-left:15px;
}

.write-table.booth-reg .group-whether .radio-wrap input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    border: 0;
}

.write-table.booth-reg .group-whether .radio-wrap input[type="radio"] + label {
    display:flex;
    align-items: center;
    font-size:1.25rem;
    font-weight:300;
    color:#000;
}

.write-table.booth-reg .group-whether .radio-wrap input[type="radio"] + label::before {
    content:"";
    display:block;
    width:31px;
    height:31px;
    margin-right:5px;
    background-image:url(../images/radio.png);
    background-repeat:no-repeat;
    cursor:pointer;
}


.write-table.booth-reg .group-whether .radio-wrap input[type="radio"]:checked + label::before {
    background-image:url(../images/radio_on.png);
}

.write-table.booth-reg .group-whether .radio-wrap input[type="radio"]:focus + label::before {
    outline-offset:-2px;
    outline: 2px solid #ff0000;
    border-radius:50%;
}

.write-table.booth-reg table.price-table thead tr th {
    background-color:#f6eef0;
    padding:12px;
    font-weight:500;
    font-size:1.25rem;
}

.write-table.booth-reg table.price-table tbody tr td {
    padding:12px;
    text-align: center;
}

.write-table.booth-reg table.price-table tbody tr td input[type="text"] {
    text-align: center;
}

.write-table.booth-reg table.price-table tbody tr td input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    border: 0;
}

.write-table.booth-reg table.price-table tbody tr td input[type="radio"] + label::before {
    content:"";
    display:block;
    width:31px;
    height:31px;
    margin-right:5px;
    background-image:url(../images/radio.png);
    background-repeat:no-repeat;
    cursor:pointer;
    margin:0 auto;
}

.write-table.booth-reg table.price-table tbody tr td input[type="radio"]:checked + label::before {
    background-image:url(../images/radio_on.png);
}

.write-table.booth-reg table.price-table tbody tr td input[type="radio"]:focus + label::before {
    outline-offset:-2px;
    outline: 2px solid #ff0000;
    border-radius:50%;
}

.write-table.booth-reg table.price-table input[type="checkbox"] {
    width:25px;
    height:25px;
    box-sizing: border-box;
    margin:0 auto;
}

.write-table.booth-reg tbody tr td .size-wrap {
    display:flex;
    align-items: center;
}

.write-table.booth-reg tbody tr td .size-wrap .size-input {
    display:flex;
    align-items: center;
    width:calc(100% - 140px);
}

.write-table.booth-reg tbody tr td .size-wrap .size-input .input-item {
    display:flex;
    align-items: center;
    margin-right:8px;
    width:calc((100% - 16px) / 3);
}

.write-table.booth-reg tbody tr td .size-wrap .size-input .input-item label {
    margin-right:4px;
}

.write-table.booth-reg tbody tr td .size-wrap .size-input .input-item:last-of-type {
    margin-right:0;
}


.write-table.booth-reg tbody tr td .size-wrap p.caution {
    margin-left:8px;
    margin-top:0;
    color:#00b493;
}

.write-table.booth-reg tr td .text-input input[type="text"] {
    max-width:190px;
}

.write-table.booth-reg tr td .text-input p.caution {
    margin-top:0;
    color:#00b493;
}

.write-table.booth-reg tr td .attachment-line button.add-fileline,
.write-table.booth-reg tr td .attachment-line button.del-fileline {
    width:40px;
    height:40px;
    background-color:#4e4e4e;
    margin-left:4px;
    background-repeat:no-repeat;
    background-position:center;
    font-size:0;
    text-indent:-9999999em;
}

.write-table.booth-reg tr td .attachment-line button.add-fileline {
    background-image:url(../images/addfile.png);
}

.write-table.booth-reg tr td .attachment-line button.del-fileline {
    background-image:url(../images/delfile.png);
}

.write-table.booth-reg tr td .attachment-line .attachment-wrap  {
    margin-bottom:8px;
}

.write-table.booth-reg tr td .attachment-line .attachment-wrap input[type="text"] {
    width:calc(100% - 300px)
}


.booth-regcomp-wrap {
    width:100%;
    padding:65px 15px;
    box-sizing: border-box;
    background-color:#fafafa;
    border:1px solid #cccccc;
}

.booth-regcomp-wrap .ico {
    width:100px;
    height:100px;
    border:3px solid #000000;
    border-radius:50%;
    margin:0 auto 20px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#ffffff;
    background-image:url(../images/join_com.png)
}

.booth-regcomp-wrap .comtxt {
    display:block;
    text-align: center;
    font-size:2.1875rem;
    font-weight:600;
    margin-bottom:15px;
}

.booth-regcomp-wrap p {
    text-align: center;
    color:#444444;
    font-size:1.25rem;
    font-weight:500;
    line-height:1.5;
}

.booth-regcomp-wrap .comp-btns {
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:55px;
}

.booth-regcomp-wrap .comp-btns a, .booth-regcomp-wrap .comp-btns button {
    display:flex;
    align-items: center;
    justify-content: center;
    width:242px;
    height:74px;
    font-size:1.625rem;
    font-weight:600;
    font-family:'Pretendard',sans-serif;
    box-sizing: border-box;
    margin-right:8px;
}

.booth-regcomp-wrap .comp-btns  a:last-of-type, .booth-regcomp-wrap .comp-btns  button:last-of-type {
    margin-right:0;
}

.booth-regcomp-wrap .comp-btns .dmain {
    background-color:#f6f6f6;
    border:1px solid #cccccc;
    color:#000000
}

.booth-regcomp-wrap .comp-btns .drgstate {

    background-color:#00b493;
    color:#fff
}

.conference-construction {
    font-size:1.25rem;
}

.conference-con {
    /* margin-bottom:45px */
    padding-top: 100px;
    padding-bottom: 100px;
    box-sizing: border-box;
    min-height: 760px;
    border-bottom: 2px dotted #ccc;
}

.conference-con:last-of-type {
    margin-bottom:0;
    padding-bottom: 0;
    border-bottom: 0;
    min-height: 0;
}

.conference-slogan {
    position:relative;
    padding-left:18px;
    border-left:5px solid #00b493
}

.conference-slogan strong {
    display:block;
    font-size:1.75rem;
    color:#00b493;
    font-weight:700;
}

.conference-slogan p {
    margin-top:8px;
    color:#444444;
}


.conference-info-list {
    margin-top:30px;
}

.conference-info-list > li {
    position:relative;
    display:flex;
    align-items: flex-start;
    flex-wrap:wrap;
    margin-bottom:12px;
}

.conference-info-list > li.noflex {
    display:block;
}

.conference-info-list > li strong {
    display:block;
    text-indent:0.7em;
}

.conference-info-list > li::before {
    content:"";
    display:block;
    width:5px;
    height:5px;
    background-color:#00b493;
    position:absolute;
    left:0;
    top:10px;
}

.conference-info-list > li:last-child {
    margin-bottom:0;
}

.conference-info-list > li strong.program {
    width:100%;
    margin-bottom:10px;
}

.conference-info-list > li span {
    color:#444444;
    margin-left:4px;
    text-indent:0;
}

.conference-info-list > li > ul li {
    margin-bottom:8px;
    color:#444444;
}

.conference-info-list > li > ul li:last-child{
    margin-bottom:0;
}

.conference-info-list > li > .forum-img {
    margin-top:20px;
}

.conference-info-list > li > .forum-img ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

.conference-info-list > li > .forum-img ul li {
    max-width:377px;
    width:100%;
}

.conference-info-list > li > .forum-img ul li span {
    display:block;
    text-align: center;
    font-weight:600;
    color:#000000;
    font-size:1.25rem;
    margin-top:15px;
}

.conference-con .session {
    display:flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    width:104px;
    height:30px;
    border-radius:15px;
    margin:5px auto 0 auto;
    font-size:1.125rem;
    max-width: 100%;
}

.conference-con .session.session01 {
    background-color:#3945ba;
}

.conference-con .session.session02 {
    background-color:#28a05d;
}

.conference-con .session.session03 {
    background-color:#e8803a;
}


.checkbtn {
    position:absolute;
    top:-45px;
    right:0;
    width:220px;
    height:35px;
    display:flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    background-color:#04163c;
    font-size:1.0625rem;

}

ol.num {
    counter-reset: item;
}

ol.num > li {
    display:flex;
    align-items: center;
    counter-increment: item;
    font-size:1.25rem;
    color:#444444;
    margin-bottom:4px;
}

ol.num > li:last-child {
    margin-bottom:0;
}

ol.num > li::before {
    content: counter(item);
    display:flex;
    align-items: center;
    justify-content: center;
    width:35px;
    height:35px;
    border-radius:50%;
    background-color:#222222;
    color:#fff;
    margin-right:8px;
}



/*2405 추가- 공통*/
ol.num > li::before{ min-width: 35px; min-height: 35px; }
.sub-visual{height: 180px;background-image: url(../images/sub_visual_2.jpg);}

/*240523 부스 배치도*/
.booth-search{ margin-bottom: 70px; }
.booth-search p{ font-size: 1.625rem; margin-bottom: 20px; }
.booth-search .search-input input{ height: 70px; font-size: 1.625rem; border: 1px solid #ccc; padding: 0 30px; width: 860px; max-width: calc(100% - 110px); }
.booth-search .search-input button{ height: 70px; font-size: 1.625rem; background: #00b493; color: #fff; vertical-align: middle; padding: 0 30px; }
.booth-layout .hall-wrap{/* display: flex; */ justify-content: space-between;  }
.booth-layout .hall-wrap .hall { margin-bottom: 80px;}
.booth-layout .hall-wrap .hall h4{ display: flex; align-items: center; margin-bottom: 35px; }
.booth-layout .hall-wrap .hall h4 strong{ font-size: 2.1875rem; font-weight: 600; margin-left: 20px; }
.booth-layout .hall-wrap .hall h4 strong em{ font-size: 3.4375rem; margin-left: 8px; }
.booth-layout .hall-wrap .hall h4 span{ display: block; padding: 25px 27px; font-size: 3.125rem; background: #00b493; color: #fff; text-align: center; border-radius: 60px; }
.booth-layout .view-table{ min-width: 580px; }
.booth-layout .view-table tr th, .booth-layout .view-table tr td{ border-right: 0; border-left: 0; }
.booth-layout .view-table tr td{ padding: 10px 25px; }

/*240523 약자와의 동행*/
.yakja-tit h2{ justify-content: center; margin-bottom: 50px; }
.yakja-tit-con ul{ display: flex; justify-content: center; }
.yakja-tit-con ul li{ text-align: center; padding: 50px 20px; border-radius: 120px; width: 700px; position: relative; }
.yakja-tit-con ul li::after{ display: block; content: ""; background: #000; position: absolute; }
.yakja-tit-con ul li p{ font-size: 2rem; margin-bottom: 10px; }
.yakja-tit-con ul li span{ font-size: 1.25rem; color: #444; line-height: 1.5; }
.yakja-tit-con ul .tit-1{ border: 10px solid #f9dbe3; margin-right: 30px; }
.yakja-tit-con ul .tit-1:after{ width: 20px; height: 4px; right: -50px; top: calc( 50% - 2px); }
.yakja-tit-con ul .tit-1 p{ color: #00b493; }
.yakja-tit-con ul .tit-2{ border: 10px solid #ddebf6; margin-left: 30px; }
.yakja-tit-con ul .tit-2:after{ width: 4px; height: 20px; left: -42px; top: calc( 50% - 10px); }
.yakja-tit-con ul .tit-2 p{ color: #5699d0; }
.yakja-con { margin-top: 45px; }
.yakja-con .forum-img { margin-top:20px;}
.yakja-con .forum-img ul {display:flex;flex-wrap:wrap; justify-content: space-between;}
.yakja-con .forum-img ul li { max-width:377px;width:100%; margin-bottom: 15px; }
.yakja-con .forum-img ul li span { display:block; text-align: center; font-weight:600; color:#000000; font-size:1.25rem; margin-top:15px;}

/*240524 IR 피칭*/
.irp-tit{ position: relative; }
.irp-tit-txt{ position: absolute; left: 50px; bottom: 60px; }
.irp-tit-txt h2{ color: #fff; margin-bottom: 15px; }
.irp-tit-txt h2 span{ color: #00b493; margin-right: 10px; }
.irp-tit-txt p{ font-size: 1.25rem; color: #fff; }
.ir-pitching .common-btns{ margin-bottom: 50px; }
.ir-pitching .common-btns .confirm-btn{ width: 700px; }
.ir-pitching .line-box-1 p{ margin-bottom: 20px; font-size: 1.75rem; }
/*IR 피칭 신청*/
.file-wrap {display: flex; align-items: center;}
.file-wrap ul{ max-width: calc(100% - 85px); }
.file-wrap ul li .file-input {display: flex; align-items: center; }
.file-wrap ul li .file-input input[type="text"]{ background: #fff; width: 900px; max-width: 100%; }
.file-wrap ul li .file-input label { text-align: center; margin: 0 5px; padding: 0 15px; box-sizing: border-box; cursor:pointer; display:inline-block; height:40px; line-height:40px; border: 1px solid #ccc;}
.file-wrap ul li .file-input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file-wrap ul li .file-input > input { box-sizing: border-box;border: 1px solid #ccc; color:#222; padding-left: 10px; padding-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; font-size:1em; background-color: #ffffff; width:100%;  box-sizing:border-box; -moz-box-size:border-box; min-height:40px; line-height: 1.5;}
.file-wrap .file-add a { position: relative; display: inline-block; color: #fff; font-size: 1.875rem; text-align: center; line-height: 40px; background: #4e4e4e; width: 40px; height: 40px; }
.caution-wrap .caution{ margin-top: 10px; color: #00b493; }
.wirte-agree{ text-align: center; font-size: 1.25rem; }
.wirte-agree p{ line-height: 1.5; }
.wirte-agree .radio-wrap{ justify-content: center; margin-top: 20px; }

/*240524 참여기업 신청 안내*/
.booth-reg{ font-size: 1.25rem; }
.booth-reg-con{ margin-top: 45px; }
.booth-reg-con .view-table tr th, .booth-reg-con .view-table tr td{ padding: 10px 0; }
.booth-reg .common-btns .confirm-btn{ width: 700px; }

/*240527 스마트라이프 포럼, 부스투어*/
.largebox-line{/* border: 6px solid #f0f0f0; *//* padding: 70px; */}
.largebox-wrap{ display: flex; justify-content: space-between; }
.largebox-wrap .img-wrap{ width: 570px; position:relative; }
.largebox-wrap .img-wrap .imgbox { width:100%; height:0; padding-top:calc(410 / 570 * 100%); }
.largebox-wrap .img-wrap .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; }
.largebox-wrap .box-right-wrap{ width: calc(100% - 650px); }
.largebox-wrap .box-right-wrap ul{ border-top: 2px solid #000; }
.largebox-wrap .box-right-wrap ul li{ display: flex; align-items: center; border-bottom: 1px solid #ccc; font-size: 1.25rem; padding: 20px 0; }
.largebox-wrap .box-right-wrap ul li strong{ padding: 0 20px; width: 120px; min-width: 120px; text-align: center; }
.largebox-wrap .box-right-wrap ul li span{ padding: 0 20px; color: #444; }
.largebox-wrap .box-right-wrap ul li span em{ display: inline-block; margin: 2px 0; word-break: keep-all; font-size: 1.125rem; color: #000; border: 1px solid #ccc; border-radius: 30px; padding: 3px 12px; }
.largebox-wrap .box-right-wrap ul li span button{ background: #2f3249; color: #fff; font-weight: 600; padding: 5px 20px; margin-left: 10px; }
.largebox-con{margin-top: 60px;font-size: 1.25rem;  }
.largebox-con h3 { border-bottom:2px solid #00b493; padding-bottom:15px; margin-bottom:30px;}
.largebox-con-info .conference-con{ padding: 0; min-height: 0;  padding:50px; border:1px solid #ccc;}
.largebox-con-info .conference-con h3{ color: #000; font-size: 1.75rem;border-bottom:0; padding-bottom:0; margin-bottom:0;}
.largebox-con-info .conference-info-list > li > .forum-img ul{ flex-wrap: nowrap; }
.largebox-con-info .conference-info-list > li > .forum-img ul li{ margin-right: 10px; }
.largebox-con-info .conference-info-list > li > .forum-img ul li:last-of-type{ margin-right: 0; }
.file-down-box{ background: #fcfcfc; border: 1px solid #ccc; margin-top: 30px; font-size: 1.25rem; display: flex; align-items: center; }
.file-down-box .file-tit{ height: 100%; padding: 20px 0; width: 200px; text-align: center; font-weight: 600; }
.file-down-box .file-con{ padding: 20px 30px; width: calc(100% - 200px); border-left: 1px solid #ccc; background: #fff; }
.file-down-box .file-con ul li{ color: #444; min-height: 33px; margin-top: 10px; font-size: 1.125rem; display: flex; align-items: center; font-weight: 500; }
.file-down-box .file-con ul li:first-of-type{ margin-top: 0; }
.file-down-box .file-con ul li p{ margin-right: 20px; border-bottom: 1px solid #444; max-width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.application-con{ margin-top: 50px; }
.application-con h3 { border-bottom:2px solid #00b493; padding-bottom:15px; margin-bottom:40px;}
.application-wrap{ display: flex; justify-content: space-between; }
.application-wrap h4{ font-size: 1.75rem; margin-bottom: 15px; }
.select-box{ padding: 30px; border: 1px solid #ccc; height: 290px; overflow-y: auto; }
.select-box .ap-radio{ text-align: center; font-size: 1.25rem; position: relative; }
.select-box .ap-radio input[type="radio"]{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); overflow: hidden; border: 0; }
.select-box .ap-radio input[type="radio"] + label{display: block; width: 100%; height: 100%; cursor: pointer; padding: 20px 0; color: #444; }
.select-box .ap-radio input[type="radio"] + label::before{ position: absolute; top: 0; left: 0; display: block; content: ""; width: 100%; height: 100%; border: 1px solid #ccc; }
.select-box .ap-radio input[type="radio"]:checked + label::before{ border: 2px solid #00b493; }
.date-select{ width: 21%;  }
.date-select .select-box .ap-radio{  margin-top: 10px; }
.date-select .select-box .ap-radio:first-of-type{ margin-top: 0; }
.date-select .select-box .ap-radio input[type="radio"]:checked + label{ font-weight: 500; color: #000; }
.time-select{ width: calc(79% - 20px); position: relative; }
.time-select .categorize{ position: absolute; right: 0; top: 6px; }
.time-select .categorize ul{ display: flex; align-items: center; }
.time-select .categorize ul li span{ display: flex; align-items: center; }
.time-select .categorize ul li span::before{ display: block; content: ""; width: 16px; height: 16px; margin-right: 5px; border: 1px solid #ccc; border-radius: 16px; }
.time-select .categorize ul li:first-of-type{ margin-right: 10px; }
.time-select .categorize ul li:first-of-type span::before{ background: #f6f6f6; }
.time-select .select-box .ap-radio{ float: left; width: calc(33.33333% - 15px); text-align: left; margin: 0 20px 10px 0;  }
.time-select .select-box .ap-radio:nth-of-type(3n){ margin-right: 0; }
.time-select .select-box .ap-radio input[type="radio"] + label{  padding: 20px; display: flex; justify-content: space-between; align-items: center; }
.time-select .select-box .ap-radio input[type="radio"] + label span{ color: #a3a3a3; font-weight: 500; letter-spacing: -1.5px; }
.time-select .select-box .ap-radio input[type="radio"] + label span::before{ display: inline-block; content: ""; width: 17px; height: 22px; background: url(../images/time-select-person.png); margin-bottom: -4px; margin-right: 10px; }
.time-select .select-box .ap-radio input[type="radio"] + label span em{ color: #000; }
.time-select .select-box .ap-radio input[type="radio"]:disabled + label{ background: #f6f6f6; }
.time-select .select-box.select-p{ display: none; font-size: 1.25rem; }
.application-con .common-btns{ justify-content: end; margin-top: 20px; }
.application-con .common-btns .confirm-btn{ font-size: 1.25rem; width: 520px; justify-content: start; padding: 0 30px; background: #00b493 url(../images/slide_next.png) no-repeat calc(100% - 30px) center; }
.Information-con{ margin-bottom: 50px; }
.Information-con .chk{ display: flex; }
.Information-con > .chk{ font-size: 1.25rem; margin-top: 15px; }
.Information-con .chk input[type="checkbox"] { width: 20px; height: 20px; margin-right: 10px; }
.write-table tr td .select-person{ display: flex; align-items: center; }
.write-table tr td .select-person select{ width: 200px; margin-right: 20px; }
.Information-con .agreement-con { padding:25px; max-height:235px; overflow-y: scroll; background-color:#fff; box-sizing: border-box; border:1px solid #dddddd; }
.Information-con .agreement-con pre { font-family: 'Noto Sans CJK KR','Pretendard',sans-serif; line-height:1.8;font-size: 1.125rem; color:#333; }

/*240528 마이페이지*/
.repw-wrap{ width: 680px; margin: 0 auto; margin-top: 35px; max-width: 100%; }
.repw-wrap input{ width: 100%; border: 1px solid #ccc; padding: 20px; }
.repw-wrap .common-btns{ margin-top: 20px; }
.repw-wrap .common-btns a{ width: 100%; }
.pwchange-con{ font-size: 1.125rem; }
.pwchange-con ul li{ display: flex; align-items: center; margin-bottom: 15px; }
.pwchange-con ul li:last-of-type{ margin-bottom: 0; }
.pwchange-con ul li p{ width: 125px; margin-right: 15px; font-weight: 600; }
.pwchange-con ul li p span.req{ color: #d40000; }
.pwchange-con ul li input{ height: 40px; width: calc( 100% - 140px ); border: 1px solid #ccc; padding: 0 10px; }
.pwchange-con .pwissues-box{ margin-top: 30px; background: #f6f6f6; padding: 30px; }
.pwchange-con .pwissues-box h4{ margin-bottom: 10px; font-size: 1.25rem; }
.pwchange-con .pwissues-box p{ line-height: 1.5; }
/*신청현황*/
.searchbox{ padding: 10px 20px; border: 1px solid #ccc; }
.searchbox .search-wrap ul{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.searchbox .search-wrap ul li{ display: flex; align-items: center; margin-right: 30px; padding: 10px 0; }
.searchbox .search-wrap ul li:last-of-type{ margin-right: 0; }
.searchbox .search-wrap ul li p{ margin-right: 15px; }
.searchbox .search-wrap ul li select{ height: 40px; width: 138px; padding: 0 10px; border: 1px solid #ccc; }
.searchbox .search-wrap ul li form{ display: flex; }
.searchbox .search-wrap ul li input{ height: 40px; width: 330px; padding: 0 10px; border: 1px solid #ccc; margin-left: 4px; margin-right: 4px; }
.searchbox .search-wrap ul li button{ height: 40px; width: 100px; background: #04163c; color: #fff;  }
.a-board{ margin-top: 20px; }
.a-board > p{ font-size: 1.125rem; margin-bottom: 10px; }
.a-board > p::before{ display: inline-block; content: ""; width: 20px; height: 15px; background: url(../images/board-top-ico.png) no-repeat left center; margin-bottom: -1px; }
.a-board > p em{ color: #003869; font-weight: 700; }
.a-board .view-table { font-family: 'SBAggro','Pretendard',sans-serif; }
.a-board .view-table thead tr th, .a-board .view-table tbody tr td{ background: #fff; font-size: 1.125rem; border-right: 0; border-left: 0; font-weight:300; }
.a-board .view-table thead tr th span, .a-board .view-table tbody tr td span { font-weight:300; }
.a-board .view-table tbody tr td{ padding: 10px; line-height: 1.5; }
.a-board .view-table tbody tr td a{ font-weight: 300; color: #000; text-decoration: none; }
.a-board .view-table tbody tr td.state1 { color: #00b493; }
.a-board .view-table tbody tr td.state2 span{ color: #fff; background: #6f6f6f; padding: 5px 10px; }
.paginate{ display: flex; align-items: center; justify-content: center; margin-top: 40px; }
.paginate a{ padding: 10px; color: #333; }
.paginate a.active{ font-weight: 600; }
.paginate a.active::after{ display: block; content: ""; width: 100%; height: 2px; background: #666; }
.paginate .page-control{ padding: 0; text-indent: -9999999px; border: 1px solid #ccc; width: 40px; height: 40px; }
.paginate .page-control.first{ margin-right: 5px; background: url(../images/board-page-first.png) no-repeat center; }
.paginate .page-control.prev{ margin-right: 5px; background: url(../images/board-page-prev.png) no-repeat center; }
.paginate .page-control.next{ margin-left: 5px; background: url(../images/board-page-next.png) no-repeat center; }
.paginate .page-control.last{ margin-left: 5px; background: url(../images/board-page-last.png) no-repeat center; }
.appl-details-con{ margin-top: 45px; position: relative; }
.appl-details-con .table-wrap.t2 .view-table tr th, .appl-details-con .table-wrap.t2 .view-table tr td{ padding: 20px 0; }
.appl-details-con .view-table em.blue{ color: #003869; font-weight: 700; }
.appl-details-con .view-table tr td img{ max-width: 100%; max-height: 100px; }
.appl-details-con .board-top-btn{ position: absolute; right: 0; top: 5px; background: #00b493; }
.appl-details-con .board-top-btn a{ display: block; color: #fff; padding: 10px 15px; font-size: 1.125rem; }
.appl-details-con .chk-wrap{ display: flex; align-items: center; }
.appl-details-con .chk{ display: flex; margin-left: 20px; }
.appl-details-con .chk:first-of-type{ margin-left: 0; }
.appl-details-con .chk input[type="checkbox"] { width: 20px; height: 20px; margin-right: 10px; }
.appl-details-con .chk.sol{ justify-content: center; }
.appl-details-con .chk.sol input[type="checkbox"]{ margin-right: 0; }
.appl-details-con .caution-wrap span{ margin-right: 10px; }
.appl-details-con .caution-wrap span:last-of-type{ margin-right: 0; }
.appl-details-con .span-wrap{ display: flex; }
.appl-details-con .span-wrap span{ margin-right: 10px; }
.appl-details-con .span-wrap span:last-of-type{ margin-right: 0; }
.qa-st1 span{ display: inline-block; padding: 5px 0; width: 70px; font-weight: 600; font-size: 1rem; text-align: center; }
.qa-st1.t1 span{ background: #f6d9e5; }/*전시*/
.qa-st1.t2 span{ background: #e4e4f9; }/*부스*/
.qa-st1.t3 span{ background: #ededed; }/*기타*/
.qa-st2 span{ display: inline-block; padding: 5px 0; width: 80px; font-weight: 500; text-align: center; }
.qa-st2.t1 span{ background: #fff; border: 1px solid #ccc; }/*미확인*/
.qa-st2.t2 span{ background: #6f6f6f; border: 0; color: #fff; }/*답변완료*/
.a-board.qna{ position: relative; }
.a-board.qna .view-table tbody tr .qna-tit{ text-align: left; }
.a-board.qna .common-btns{ position: absolute; bottom: 0; right: 0; }
.a-board.qna .common-btns a{ width: auto; height: auto; padding: 15px 30px; }

/*240530 안내*/
.a-board .view-table .board-first td{ background: #eef6f9; }
.a-board .view-table .board-first .first-num span{ margin: 0 auto; display: block; text-indent: -9999999px; width: 33px; height: 33px; background: url(../images/notice-first-ico.png) no-repeat center; }
.a-board .view-table .board-tit{ text-align: left; }
.a-board .view-table .board-file span{ display: block; text-indent: -9999999px; width: 25px; height: 24px; background: url(../images/board-file.png) no-repeat center; margin: 0 auto; }
.a-board .view-table .board-file.hwp span{ background: url(../images/board-file-hwp.png); }
.a-board .view-table .board-file.xls span{ background: url(../images/board-file-xls.png); }
.a-board .view-table .board-file.jpg span{ background: url(../images/board-file-jpg.png); }
.a-board .view-table .board-file.pdf span{ background: url(../images/board-file-pdf.png); }
.a-board .view-table .board-file.ppt span{ background: url(../images/board-file-ppt.png); }
.a-board .view-table .board-file.zip span{ background: url(../images/board-file-zip.png); }
.a-board .view-table .board-file.non span{ background: none; }
/*상세*/
.board-detail .detail-tit{ padding: 30px; background: #f9fcff; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; font-family: 'SBAggro','Pretendard',sans-serif; font-weight:300; }
.board-detail .detail-tit p{ font-size: 1.4375rem; font-weight: 300; margin-bottom: 25px; line-height: 1.5; }
.board-detail .detail-tit ul li{ color: #333; margin-right: 50px; display: inline-block; padding: 5px 0; }
.board-detail .detail-tit ul li span{ color: #000; font-weight: 300; padding-right: 15px; margin-right: 15px; position: relative; }
.board-detail .detail-tit ul li span:after{ display: block; content: ""; width: 2px; height: 15px; background: #ccc; position: absolute; right: 0; top: calc(50% - 7px); }
.board-detail .detail-con{ padding: 30px; }
.board-detail .detail-con p{ line-height: 1.5; font-size: 1.125rem; white-space: pre-line;  }
.board-detail .detail-file{ border-right: 0; border-left: 0; margin-top: 0; }
.detail-control{ border-top: 1px solid #ccc; margin-top: 40px; background: #fcfcfc; }
.detail-control > div{ border-bottom: 1px solid #ccc; display: flex; align-items: center; }
.detail-control > div p{ height: 100%; padding: 20px 0; width: 200px; text-align: center; font-weight: 600; font-size: 1.25rem;}
.detail-control > div a{ background: #fff; font-size: 1.125rem;padding: 20px 30px; width: calc(100% - 200px); color: #333; border-left: 1px solid #ccc; line-height: 1.5;  }
.detail-control > div a:hover{ text-decoration: underline; }

/*이미지, 동영상 상세*/
.board-detail .media-con-wrap {
    padding:45px 30px;
    width:100%;
    box-sizing: border-box;
}

.board-detail .media-con {
    margin-bottom:35px;
}

.board-detail .media-con:last-of-type {
    margin-bottom:0;
}

.board-detail .media-con .tit {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: #00b493;
    font-size: 2.1875rem;
    font-weight: 800;
    border-bottom: 2px solid #00b493;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.board-detail .media-con .media-list ul {
    display:flex;
    align-items: center;
    flex-wrap:wrap;
}

.board-detail .media-con .media-list ul li {
    position:relative;
    margin-right:35px;
    margin-top:35px;
    width:calc((100% - 35px) / 2);
}

.board-detail .media-con .media-list ul li:nth-child(-n+2) {
    margin-top:0;
}

.board-detail .media-con .media-list ul li:nth-child(2n) {
    margin-right:0;
}

.board-detail .media-con .media-list ul li .media-wrap {
    width:100%;
    height:0;
    padding-top:calc(768 / 1280 * 100%);
}

.board-detail .media-con .media-list ul li .media-wrap img,
.board-detail .media-con .media-list ul li .media-wrap iframe {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

.tooltip {
    display:inline-block;
    vertical-align: middle;
    position:relative;
}

.tooltip .tool-ico {
    display:flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border:2px solid #00b493;
    font-size:16px;
    color:#00b493;
    width:24px;
    height:24px;
    border-radius:50%;
    background-color:#ffffff;
}

.tooltip .tooltip-con {
    padding:8px;
    background-color:#ffffff;
    position:absolute;
    right:-430px;
    top:0;
    border:1px solid #cccccc;
    width:420px;
    border-radius:4px;
    box-shadow:0 0 8px rgba(0,0,0,0.15);
}

.tooltip .tooltip-con p {
    font-size:14px;
    text-align: left;
    line-height:1.4;
    color:#333333;
}

.tooltip .tooltip-con ul {
    margin-top:8px;
}

.tooltip .tooltip-con ul li {
    font-size:14px;
    text-align: left;
    padding-left:10px;
    position:relative;
    margin-bottom:0;
    line-height:1.4;
    color:#333333;
}

.tooltip .tooltip-con ul li::before {
    content:"";
    display:block;
    width:3px;
    height:3px;
    border-radius:3px;
    background-color:#00b493;
    position:absolute;
    left:0;
    top:7px;
}

.maintenance-con {
    padding:45px 15px;
    box-sizing: border-box;
}

.maintenance-con .ico {
    width:140px;
    height:140px;
    border-radius:50%;
    background-color:#f6f6f6;
    margin:0 auto;
    background-image:url(../images/maintenance_ico.png);
    background-repeat:no-repeat;
    background-position:center;
    margin-bottom:15px;
    background-size:50%;
}

.maintenance-con p {
    text-align: center;
}

.maintenance-con p.mtxt {
    font-size:2rem;
    letter-spacing: -0.05em;
    color:#222;
    font-weight:700;
    margin:0 0 10px 0;
}

.maintenance-con p.mtxt span {
    color:#00b493
}

.maintenance-con .stxt {
    font-size:1.6125rem;
    font-weight:500;
    line-height:1.5
}

/*미디어*/
.detail-tit .media-st1 span{ margin-right: 15px; }
.media-st1 span{ display: inline-block; padding: 5px 0;width: 90px;font-weight: 300;font-size: 1rem; text-align: center; }
.media-st1.t1 span { background: #ffedb8; }/*보도자료*/
.media-st1.t2 span { background: #edf3ae; }/*홍보자료*/
.media-st1.t3 span { background: #c4e2f2; }/*기타 홍보물*/
/*qna*/
.qna-details-con{ margin-top: 45px; }
.qna-details-con:first-of-type{ margin-top: 0; }
.qna-details-con .write-table tr td input[type="text"]{ max-width: 100%; }
.qna-details-con .write-table tr td textarea{ height: 230px; }
.detail-tit .qa-st1 span{ margin-right: 15px; }
.detail-tit em{ padding: 5px 10px; }
.detail-tit em.de-qa-t1{ background: #fff; border: 1px solid #ccc; }/*미확인*/
.detail-tit em.de-qa-t2{ background: #6f6f6f; border: 0; color: #fff; }/*답변완료*/

/*240603 프로그램 및 일정표*/
.yakja-program{ font-size: 1.25rem; position:relative; min-height:427px; }
.yakja-program-con{ margin-bottom: 45px; }
.yakja-program-con:last-of-type{ margin-bottom: 0; }
.conference-info-list > li p{ margin-left: 15px; }
.con-img-wrap ul {display:flex;flex-wrap:wrap; justify-content: space-between;}
.con-img-wrap ul li { max-width:377px;width:100%; margin-bottom: 15px; }
.con-img-wrap.t2 ul{ justify-content: start; }
.con-img-wrap.t2 ul li{ margin-right: 10px; }
.yakja-program-con ol.num.t2 > li{ flex-wrap: wrap; margin-bottom: 45px; }
.yakja-program-con ol.num.t2 > li:last-of-type{ margin-bottom:0; }
.yakja-program-con ol.num.t2 > li .conference-info-list{ width: 100%; margin-top: 20px; }
.view-table tr td ul li ul li{ padding-left: 20px; }

/*240703 약자와의 동행 프로그램 레이아웃 수정*/
.yakja-program .imgarea { width:40%; position: absolute; right:0; top:0; }
.yakja-program .imgarea img { width:100%; }
.yakja-program .txtarea { width:55%; }
.yakja-program .txtarea p.program-des { line-height:1.5; letter-spacing: -0.025em; color:#333333; margin-bottom:15px; }
.yakja-program .txtarea table.program-schedule { width:100%; font-size:1.25rem; }
.yakja-program .txtarea table.program-schedule tbody tr:first-child { border-top:2px solid #00b493 }
.yakja-program .txtarea table.program-schedule tbody tr th,
.yakja-program .txtarea table.program-schedule tbody tr td { border-bottom:1px solid #cccccc; padding:15px;  }
.yakja-program .txtarea table.program-schedule tbody tr td span { color:#00b493; font-weight:600; }

/*240612 BI소개*/
.bi-cont{ font-size: 1.25rem; margin-bottom: 45px; }
.bi-cont:last-of-type{ margin-bottom: 0; }
.bi-tit-wrap{ display: flex; justify-content: space-between; }
.bi-tit-wrap p{ line-height: 1.7; }
.bi-tit-wrap .signature { width:calc((100% - 40px) / 2); border:1px solid #cccccc; box-sizing: border-box;  padding:45px;}
.bi-tit-wrap .signature span {display:flex; align-items: center;justify-content: center; width:170px; height:44px; border-radius:22px; background-color:#00b493; margin:0 auto 30px auto;color:#fff;font-weight:700; font-size:1.75rem;}
.bi-tit-wrap .signature .img-wrap{ height: 198px; display: flex; align-items: center; justify-content: center; }
.bi-tit-wrap.sign-color{ display: block; }
.bi-tit-wrap.sign-color .signature{ width: 100%; }
.bi-tit-wrap.sign-color .signature:last-of-type{ margin-top: 40px; }
.bi-tit-wrap.sign-color .signature:last-of-type .img-wrap{ height: auto; flex-wrap: wrap; justify-content: space-between; }
.bi-tit-wrap.sign-color .signature:last-of-type .img-wrap li{ width: calc(33.33333% - 120px / 3); padding: 30px 0; }
.bi-tit-wrap.sign-color .signature:last-of-type .img-wrap li p{ margin-bottom: 15px; }
.bi-color{ justify-content: start; }
.bi-color .conference-info-list{ margin-top: 0; margin-left: 40px; }
.bi-color .conference-info-list > li > ul li{ display: flex; }
.bi-color .conference-info-list > li > ul li strong{ margin-right: 15px; }

/*240612 개인정보처리방침*/
.personal-info .p-info-cont{ margin-bottom: 45px; font-size: 1.25rem; }
.personal-info .p-info-cont h4{ font-weight: 700; line-height: 1.5; margin-bottom: 10px; }
.personal-info .p-info-cont p{ line-height: 1.5; margin-bottom: 10px; }
.personal-info .p-info-cont ul li{ line-height: 1.5; }
.personal-info .p-info-cont ul li ul{ margin-top: 10px; }


@media all and (max-width:1620px){
    .loc-selector {
        height:45px;
    }

    .loc-selector .selector-wrap .home {
        width:45px;
    }

    .loc-selector .selector-wrap .depth-selector .depth-list {
        top:44px;
    }

    /*240610 신청정보(부스신청)*/
    .write-table.booth-reg tbody tr td .size-wrap{ display: block; }
    .write-table.booth-reg tbody tr td .size-wrap .size-input{ flex-wrap: wrap; width: 100%; }
    .write-table.booth-reg tbody tr td .size-wrap .size-input .input-item{ flex-wrap: wrap; }
    .write-table.booth-reg tbody tr td .size-wrap .size-input .input-item input{ min-width: 72px; max-width: 190px; }
    .write-table.booth-reg tbody tr td .size-wrap p.caution{ margin-left: 0; }

    .booth-reg-info .booth-reg-step ol > li {
        width: calc((100% - 126px) / 4);
    }

    .booth-reg-info .booth-reg-step ol > li .step-con {
        padding:12px;
        box-sizing: border-box;
    }

    .booth-reg-info .booth-reg-step ol > li .step-con ul li {
        font-size:1.025rem;
    }
}

@media all and (max-width:1280px) {
    .sub-visual {
        height:250px;
    }

    .sub-visual h2 {
        font-size:2.8125rem;
    }

    .sub-visual p {
        font-size:1.25rem;
    }

    .step-wrap ul li p {
        font-size:1.125rem;
    }

    /*240524 IR 피칭*/
    .irp-tit-txt{ left: 30px; bottom: 30px; }

    /*240528 스마트 라이프 포럼*/
    .largebox-line{ padding: 30px; }
    .largebox-wrap .img-wrap { width: calc(50% - 30px); }
    .largebox-wrap .box-right-wrap{ width: 50%; }
    .largebox-wrap .box-right-wrap ul li{ padding: 15px 0; }
    .largebox-con{ margin-top: 30px; }
    .select-box{ padding: 20px; }
    .time-select .select-box .ap-radio{ width: calc( 50% - 15px ); }
    .time-select .select-box .ap-radio:nth-of-type(3n){ margin-right: 20px; }
    .time-select .select-box .ap-radio:nth-of-type(2n){ margin-right: 0; }

    /*240605 행사개요*/
    .sslw-festival .festival-info .festival-info-table { max-width: calc(100% - 515px); }

    /*240607 컨퍼런스 개요*/
    .conference-con{ padding-top: 40px; padding-bottom: 40px; min-height: 0; }
    .conference-con:first-of-type{ padding-top: 0; }
    .conference-con:last-of-type{ padding-bottom: 0; }

    /*240607 서울스마트도시상 개요*/
    .sscp-info .sscp-lt{ padding: 30px 40px; }
    .sscp-info .sscp-lt p { max-width: calc(100% - 370px); }
    .sscp-info .sscp-info-table .participation-step ul{ flex-wrap: wrap; }
    .sscp-info .sscp-info-table .participation-step ul li{ margin-right: 45px; width: 180px; }
    .sscp-info .sscp-info-table .participation-step ul li::after{ right: -38px; }

    /*240612 BI소개*/
    .bi-cont:first-of-type .bi-tit-wrap{ align-items: center; }
    .bi-cont:first-of-type .bi-tit-wrap p{ width: 50%; }
    .bi-cont:first-of-type .bi-tit-wrap p br{ display: none; }
    .bi-cont:first-of-type .bi-tit-wrap img{ width: calc(50% - 40px); }
    .bi-color { display: block; }

    .bi-color .conference-info-list{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: 0; }
    .bi-color .conference-info-list > li{ width: calc(33.333333% - 30px); margin-top: 30px; }

    .booth-reg-info .booth-reg-step ol {
        flex-wrap:wrap;
    }

    .booth-reg-info .booth-reg-step ol > li {
        width:calc((100% - 42px) / 2);
        max-width:100%;
        margin-bottom:32px;
    }

    .booth-reg-info .booth-reg-step ol > li:nth-child(2n)::after{
        display:none;
    }

}

@media all and (max-width:1080px) {
    .contents {
        padding:35px 0 50px 0;
    }

    .step-wrap ul li {
        padding:0 25px;
    }

    .step-wrap ul li .step-ico {
        width:80px;
        height:80px;
    }

}

@media all and (max-width:960px) {

    .contents h3 {
        font-size:1.815rem;
    }

    .step-wrap {
        margin-bottom:25px;
    }

    .step-wrap ul {
        flex-wrap:wrap;
    }

    .step-wrap ul li {
        width:calc(100% / 3);
        margin:8px 0;
    }

    .step-wrap ul li:nth-child(3)::after {
        display:none;
    }

    .join-type-select {
        padding:45px 25px;
    }

    .join-type-select .info-txt p.big {
        font-size:1.815rem;
    }

    .join-type-select .type-select {
        margin-top:35px;
    }

    .join-type-select .type-select ul li {
        max-width:calc((100% - 25px) / 2);
        margin-right:25px;
        border-radius:25px;
    }

    .join-type-select .type-select ul li .select-box {
        padding:45px 0;
    }

    .join-type-select .type-select ul li .select-box .ico {
        width:85px;
        height:85px;
        margin:0 auto 15px auto;
    }

    .join-type-select .type-select ul li .select-box .ico.local {
        background-size:35px;
    }

    .join-type-select .type-select ul li .select-box .ico.foreigner {
        background-size:45px;
    }

    .join-type-select .type-select ul li .select-box span {
        font-size:2.125rem;
        margin-bottom:10px;
    }

    .join-type-select .type-select ul li .select-box input[type="radio"] + label {
        width:40px;
        height:40px;
        background-size:cover;
    }

    .agreement-wrap .checkbox-wrap input[type="checkbox"] + label::before {
        width:35px;
        height:35px;
        background-size:cover;
    }

    .agreement-wrap .agreement-box {
        padding:25px;
    }

    .agreement-wrap .agreement-box .tit::before {
        width:35px;
        height:35px;
        background-size:cover;
    }

    .agreement-wrap .agreement-box .agreement-con {
        padding:15px;
    }

    .agreement-wrap .agreement-box .agreement-con pre {
        font-size:1rem;
    }

    .agreement-wrap .agreement-box .agreement-check {
        font-size:1.125rem;
    }

    .write-caution {
        padding:25px;
    }

    .write-caution dl dt {
        font-size:1.125rem;
    }

    .write-caution dl dd {
        font-size:1.125rem;
    }

    .servey-wrap .servey-list > ol > li .q::before {
        font-size:1.815rem;
        margin-right:12px;
    }

    .servey-wrap .servey-list > ol > li .q {
        font-size:1.375rem;
        padding:12px 15px;
    }

    .servey-wrap .servey-list > ol > li .a {
        padding:15px;
    }

    .servey-wrap .servey-list > ol > li .a .a-select li input[type="radio"] {
        width:16px;
        height:16px;
        margin-right:8px;
    }

    .servey-wrap .servey-list > ol > li .a .a-select li input[type="radio"] + label {
        font-size:1.125rem;
    }

    .joincomp-wrap {
        padding:45px 15px;
    }

    .joincomp-wrap .ico {
        width:85px;
        height:85px;
        margin:0 auto 15px auto;
    }

    .joincomp-wrap .comtxt {
        font-size:2.125rem;
        margin-bottom:10px;
    }

    .joincomp-wrap p {
        font-size:1.125rem;
    }

    .joincomp-wrap .comp-btns {
        margin-top:35px;
    }

    .joincomp-wrap .comp-btns a,
    .joincomp-wrap .comp-btns button {
        height:55px;
        font-size:1.3125rem;
        width:calc((100% - 8px) / 2);
    }

    .login-wrap {
        padding:45px 15px
    }

    .login-wrap > .ico {
        width:85px;
        height:85px;
        margin:0 auto 15px auto;
    }


    .login-wrap span {

        font-size:2.125rem;
        margin-bottom:10px;
    }

    .login-wrap p {
        font-size:1.125rem;
    }

    .login-wrap .login-form {
        margin:25px auto 0 auto;
    }

    .login-wrap .login-form .login-id .ico,
    .login-wrap .login-form .login-pw .ico {
        width:45px;
        height:45px;
    }

    .login-wrap .login-form .login-id input,
    .login-wrap .login-form .login-pw input {
        width:calc(100% - 45px);
        height:45px;
    }


    /*240523 부스 배치도*/
    .booth-search{ margin-bottom: 40px; }
    .booth-search p { font-size: 1.2rem; }
    .booth-search .search-input input, .booth-search .search-input button{ height: 50px; font-size: 1.2rem; padding: 0 20px; max-width: calc(100% - 76px); }
    .booth-layout .hall-wrap{ margin-bottom: 40px; }
    .booth-layout .hall-wrap .hall h4{ margin-bottom: 20px; }
    .booth-layout .hall-wrap .hall h4 span { padding: 10px 12px; font-size: 2.2rem; }
    .booth-layout .hall-wrap .hall h4 strong { font-size: 1.8rem;margin-left: 12px; }
    .booth-layout .hall-wrap .hall h4 strong em { font-size: 2.2rem; }

    /*240524 IR 피칭*/
    .irp-tit{ height: 250px; overflow: hidden; }
    .irp-tit img{ height: 100%; width: auto; max-width: inherit; }
    .irp-tit-txt{ padding-right: 20px; }
    .ir-pitching .common-btns{ margin: 30px 0; }

    /*240528 스마트 라이프 포럼*/
    .largebox-wrap{ flex-wrap: wrap; }
    .largebox-wrap .img-wrap{ width: 100%; text-align: center; margin-bottom: 30px; }
    .largebox-wrap .box-right-wrap{ width: 100%; }
    .largebox-con-info .conference-info-list > li > .forum-img ul{ flex-wrap: wrap; }
    .largebox-con .file-down-box .file-tit{ padding: 10px 0; width: 100px; }
    .largebox-con .file-down-box .file-con{ padding: 10px 20px;width: calc(100% - 100px); }
    .date-select{ width: 200px; }
    .time-select { width: calc(100% - 220px); }
    .time-select .select-box .ap-radio{ width: 100%; margin-right: 0 !important; }
    .write-table .table-wrap .write-table-in{ width: 750px; }
    .write-table-in tr th.num{ width: 50px; }
    .write-table-in tr th.w-a{ width: 20%; }
    .write-table-in tr th.addr{ width: auto; }

    /*240531 안내*/
    .a-board .view-table tr th{ width: auto; }

    /*240605 행사개요*/
    .sslw-festival .festival-info{ flex-wrap: wrap; margin-bottom: 45px; }
    .sslw-festival .festival-logo{ margin: 0 auto 45px auto; }
    .sslw-festival .festival-logo img{ padding: 20px; }
    .sslw-festival .festival-info .festival-poster{ max-width: 100%; margin-top: 0; }
    .sslw-festival .festival-info .festival-info-table{ max-width: 100%; margin-top: 45px; }

    /*240607 서울스마트도시상 개요*/
    .sscp-info .sscp-lt{ flex-wrap: wrap; padding: 20px 30px; }
    .sscp-info .sscp-lt p { width: 100%; max-width: 100%; margin-top: 30px; }
    .sscp-info .sscp-info-table .core-values ul li{ margin-right: 40px; width: calc(50% - 20px); max-width: 50%; }
    .sscp-info .sscp-info-table .core-values ul li dl{ flex-wrap: wrap; }
    .sscp-info .sscp-info-table .core-values ul li dl dt{ width: 100%; }
    .sscp-info .sscp-info-table .core-values ul li dl dd{ width: 100%; margin-left: 0; }
    .sscp-info .sscp-info-table .award-info-table table tbody tr td .project-part ul li dl dd{ width: 100%; }

    /*240607 프로그램*/
    .appl-details-con .table-wrap.t2 .view-table tr th, .appl-details-con .table-wrap.t2 .view-table tr td{ padding: 20px 0; }

    /*240703 프로그램 수정*/
    .yakja-program .txtarea table.program-schedule tbody tr { display:block; width:100%; border-top:2px solid #00b493; }
    .yakja-program .txtarea table.program-schedule tbody tr th,
    .yakja-program .txtarea table.program-schedule tbody tr td { display:block; width:100%; }
    .yakja-program .txtarea table.program-schedule tbody tr td { border-bottom:0; text-align: center; word-break: keep-all; }
    .yakja-program .txtarea table.program-schedule tbody tr:last-child td { border-bottom:1px solid #cccccc; }

    /*240610 신청정보(부스신청)*/
    .write-table.booth-reg tbody tr td .size-wrap .size-input{ display: block; }
    .write-table.booth-reg tbody tr td .size-wrap .size-input .input-item{ width: 100%; margin-bottom: 10px; }

    /*240610 신청현황*/
    .searchbox .search-wrap ul li:last-of-type{ width: 100%; }
    .searchbox .search-wrap ul li form{ width: calc(100% - 186px); }
    .searchbox .search-wrap ul li form input{ width: calc(100% - 104px); }
    .a-board.qna .common-btns{ position: static; }

    /*BI 소개*/
    .bi-tit-wrap .signature { width: calc((100% - 20px) / 2); padding: 30px; }
    .bi-tit-wrap .signature .img-wrap { height: 164px; }

    .board-detail .media-con-wrap {
        padding:25px 0;
    }

    .board-detail .media-con .tit {
        font-size: 1.815rem;
    }

    .board-detail .media-con .media-list ul li {
        margin-right:20px;
        width: calc((100% - 20px) / 2);
        margin-top:20px;
    }

    .booth-reg-info dl dt strong {
        display:block;
        width:100%;
        margin-bottom:10px;
    }


    .booth-reg-info dl dt span {
        margin-left:0;
        margin-top:4px;
        margin-right:4px;
        font-size:1rem;
        height:28px;
        padding:0 10px;
    }

    .booth-reg-info dl dt span:last-of-type {
        margin-right:0;
    }

    .booth-reg-info dl dd {
        padding-left:0;
    }

}

@media all and (max-width:768px){
    .loc-selector {
        height:auto;
        background-color:transparent;
        border:none;
        margin-top:15px;
    }

    .loc-selector .selector-wrap {
        align-items: center;
        justify-content: flex-end;
    }

    .loc-selector .selector-wrap .home {
        position:relative;
        width:13px;
        height:12px;
        border:none;
        margin-right:20px;
    }

    .loc-selector .selector-wrap .home::after {
        content:">";
        position:absolute;
        display:block;
        font-size:1rem;
        text-indent:0;
        color:#000;
        right:-15px;
        top:50%;
        transform: translateY(-50%);
    }

    .loc-selector .selector-wrap .depth-selector{
        margin-right:20px;
    }

    .loc-selector .selector-wrap .depth-selector:last-of-type {
        margin-right:0;
    }

    .loc-selector .selector-wrap .depth-selector .depth-list {
        display:none;
    }

    .loc-selector .selector-wrap .depth-selector a.selector-box {
        min-width:auto;
        border:none;
        padding:0;
    }

    .loc-selector .selector-wrap .depth-selector:last-of-type a.selector-box {
        position:relative;
        border:none;
        margin-right:0;
        padding:0;
    }

    .loc-selector .selector-wrap .depth-selector a.selector-box::after {
        content:">";
        position:absolute;
        display:block;
        font-size:1rem;
        text-indent:0;
        color:#000;
        right:-15px;
        top:50%;
        transform: translateY(-50%);
        background-image:none;
        margin:0;
        width:auto;
        height:auto;
    }

    .loc-selector .selector-wrap .depth-selector:last-of-type a.selector-box::after {
        display:none;
    }

    .agreement-wrap .agreement-box {
        padding:15px;
    }

    .agreement-wrap .agreement-box .tit::before {
        width:30px;
        height:30px;
    }

    .agreement-wrap .agreement-box .agreement-check .agreement-whether input[type="radio"] + label::before {
        width:25px;
        height:25px;
        background-size:cover;
    }


    /*240523 부스 배치도*/
    .booth-layout .hall-wrap{ flex-wrap: wrap; }
    .booth-layout .hall-wrap .hall:first-of-type{ margin-bottom: 30px; }
    .booth-layout .view-table tr td .b-line-btn{ width: 100%; padding: 10px 0; }

    /*240523 약자와의 동행*/
    .yakja-tit h2{ margin-bottom: 30px; }
    .yakja-tit-con ul{ flex-wrap: wrap; }
    .yakja-tit-con ul li{ width: 100%; padding: 20px; }
    .yakja-tit-con ul .tit-1{ margin-right: 0; margin-bottom: 30px; }
    .yakja-tit-con ul .tit-2{ margin-left: 0; margin-top: 30px; }
    .yakja-tit-con ul .tit-1::after{ top: auto; bottom: -42px; right: calc(50% - 10px); }
    .yakja-tit-con ul .tit-2::after{ top: -50px; bottom: auto; left: calc(50% - 2px); }



    /*240524 참여기업 신청 안내*/
    .booth-reg-con .view-table{ width: 800px; }

    /*240531 안내*/
    .board-list .searchbox .search-wrap ul{ flex-wrap: wrap; width: 100%; }
    .board-list .searchbox .search-wrap ul li{ flex-wrap: wrap; }
    .board-list .searchbox .search-wrap ul li form{ width: 100%; margin-top: 10px; }
    .board-list .searchbox .search-wrap ul li button{ width: 60px; }
    .board-list .searchbox .search-wrap ul li input{ width: calc(100% - 64px); margin-left: 0; }
    .board-list .searchbox .search-wrap ul li select{ width: calc( 100% - 58px ); }
    .board-detail .detail-tit, .board-detail .detail-con { padding: 15px; }
    .file-down-box{ display: block; }
    .file-down-box .file-con{ width: 100%; border-left: 0; padding: 15px;border-top: 1px solid #ccc; }
    .file-down-box .file-tit{ width: 100%;  padding: 15px 0; }
    .detail-control{ margin-top: 30px; }
    .detail-control > div p{ padding: 15px; width: auto; }
    .detail-control > div a{ padding: 15px; width: calc(100% - 70px); }

    /*240603 프로그램 및 일정표*/
    .con-img-wrap.t2 ul li{ margin-right: 0; }
    .appl-details-con .table-wrap.t2 .view-table{ width: 800px; }
    .table-wrap.schedule .view-table{ width: 580px; }


    /*240703 약자와의 동행 프로그램 레이아웃 수정*/

    .yakja-program .imgarea { position:static; margin-bottom:25px; width:100%; }
    .yakja-program .txtarea { width:100%; }

    /*240605 전시관 개요*/
    .exhibition-outilne .eo-head{ display: block; text-align: center; }
    .exhibition-outilne .eo-head p{ display: inline-block; margin: 60px auto 0; }
    .exhibition-outilne .eo-head p::before{ left: calc(50% - 18px); }
    .exhibition-outilne .exhibition-construction .hall-con-wrap{ display: block; }
    .exhibition-outilne .exhibition-construction .hall-con-wrap .hall-con{ width: 100%; padding: 30px; }
    .exhibition-outilne .exhibition-construction .hall-con-wrap .hall-con:first-of-type{ margin-bottom: 30px; }
    .exhibition-outilne .exhibition-construction .hall-con-wrap .hall-con .hallb2-img{ margin-top: 25px; }

    /*240612 BI소개*/
    .bi-cont:first-of-type .bi-tit-wrap{ display: block; }
    .bi-cont:first-of-type .bi-tit-wrap img{ width: 320px;  }
    .bi-cont:first-of-type .bi-tit-wrap p{ width: 100%; margin-bottom: 20px; }
    .bi-tit-wrap{ display: block; }
    .bi-tit-wrap .signature { width: 100%;}
    .bi-tit-wrap .signature:last-of-type{ margin-top: 30px; }
    .bi-tit-wrap .signature .img-wrap { height: auto; }
    .bi-tit-wrap.sign-color .signature:last-of-type .img-wrap li{ width: calc(50% - 30px); }
    .bi-color .conference-info-list > li{ width: calc(50% - 30px); }

    .booth-reg-info .booth-reg-step ol > li {
        width:100%;
        margin-bottom: 48px;
    }

    .booth-reg-info .booth-reg-step ol > li::after {
        right: auto;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        bottom: -32px;
        top: auto;
    }

    .booth-reg-info .booth-reg-step ol > li:nth-child(2n)::after {
        display:block;
    }

    .booth-reg-info .booth-reg-step ol > li .step-con {
        padding:15px;
        height:auto;
    }

    .booth-reg-info .booth-reg-step ol > li:last-child {
        margin-bottom:0;
    }

    .booth-reg-info .booth-reg-step ol > li:last-child::after {
        display:none;
    }

}

@media all and (max-width:640px){

    .contents {
        padding:25px 0 35px 0;
    }

    .contents h3 {
        display:block;
    }

    .contents h3 span {
        display:block;
        margin-left:0;
        margin-top:4px;
    }

    .sub-visual {
        height: 150px;
    }

    .sub-visual h2 {
        font-size:2.125rem;
    }

    .sub-visual p {
        font-size:1.125rem;
        line-height:1.4;
    }

    .step-wrap ul li {
        width:calc(100% / 2);
    }

    .step-wrap ul li:nth-child(2n)::after{
        display:none;
    }

    .step-wrap ul li:nth-child(3)::after{
        display:block;
    }

    .step-wrap ul li .step-ico {
        width:70px;
        height:70px;
    }

    .step-wrap.join-step ul li:nth-child(1) .step-ico {
        background-size:40px;
    }

    .step-wrap.join-step ul li:nth-child(2) .step-ico {
        background-size:25px;
    }

    .step-wrap.join-step ul li:nth-child(3) .step-ico {
        background-size:28px;
    }

    .step-wrap.join-step ul li:nth-child(4) .step-ico {
        background-size:24px;
    }

    .step-wrap.join-step ul li:nth-child(5) .step-ico {
        background-size:28px;
    }

    .step-wrap ul li p {
        margin-top:10px;
    }

    .join-type-select {
        padding:25px 15px;
    }

    .join-type-select .info-txt p {
        font-size:1.125rem;
    }

    .join-type-select .type-select ul {
        flex-wrap:wrap;
    }

    .join-type-select .type-select ul li {
        max-width:100%;
        margin-right:0;
        margin-bottom:25px;
    }

    .join-type-select .type-select ul li:last-child {
        margin-bottom:0;
    }

    .join-type-select .type-select ul li .select-box {
        padding:25px 0;
    }

    .join-type-select .type-select ul li .select-box .ico {
        width:70px;
        height:70px;
    }

    .join-type-select .type-select ul li .select-box .ico.local {
        background-size:30px;
    }

    .join-type-select .type-select ul li .select-box .ico.foreigner {
        background-size:35px;
    }

    .join-type-select .type-select ul li .select-box span {
        font-size:1.825rem;
    }

    .write-caution {
        padding:15px;
    }

    .login-wrap {
        padding:35px 15px;
    }

    .sslw-festival .festival-info .festival-info-table .logoimg dl {
        width:100%;
        margin:5px 0;
    }

    .sslw-festival .festival-info .festival-info-table .logoimg dl::after {
        display:none;
    }

    .sslw-festival .festival-info .festival-info-table .logoimg dl dd {
        width:calc(100% - 35px);
    }

    .exhibition-outilne .view-table .logoimg dl {
        width:100%;
        margin:5px 0;
    }
    .exhibition-outilne .view-table .logoimg dl::after {
        display:none;
    }

    .exhibition-outilne .view-table .logoimg dl dd {
        width:calc(100% - 35px);
    }

    .tooltip {
        margin-left:4px;
    }

    .tooltip .tool-ico {
        width:18px;
        height:18px;
        font-size:13px;
        border-width:1px;
    }

    .tooltip .tooltip-con {
        right: auto;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        position: fixed;
        width: calc(100% - 30px);
        z-index:10;
        border:1px solid #888888;
    }


    /*240528 스마트 라이프 포럼*/
    .largebox-line{ padding: 20px; }
    .largebox-wrap .box-right-wrap ul li strong{ width: auto; min-width: 90px; padding: 0 10px; }
    .largebox-wrap .box-right-wrap ul li span{ padding: 0 10px; }
    .largebox-con .file-down-box{ flex-wrap: wrap; }
    .largebox-con .file-down-box .file-tit{ width: 100%; }
    .largebox-con .file-down-box .file-con{ width: 100%; border-left: 0; border-top: 1px solid #ccc; }
    .application-wrap{ flex-wrap: wrap; }
    .date-select{ width: 100%; margin-bottom: 20px; }
    .date-select .select-box{ height: auto; }
    .time-select{ width: 100%; }
    .select-box .ap-radio input[type="radio"] + label, .time-select .select-box .ap-radio input[type="radio"] + label{ padding: 10px; }
    .Information-con .select-person{ display: block; }
    .Information-con .select-person select{ width: 100%; margin-right: 0; }
    .Information-con .chk{ margin-top: 10px; }

    /*240531 안내*/
    .a-board .view-table thead{ display: none; }
    .a-board .view-table tr{ border-bottom: 1px solid #ccc; }
    .a-board .view-table tbody tr td{ padding: 5px; text-align: left; display: flex; }
    .a-board .view-table tbody tr td::before{ display: inline-block; content: attr(data-content); text-align: right; width: 50px; margin-right: 20px; font-weight: 600; color: #000; }
    .a-board .view-table tr:last-of-type td{ border: none; }
    .a-board .view-table .board-tit, .a-board.qna .view-table tbody tr .qna-tit{ text-align: center; }
    .paginate .page-control{ width: 20px; height: 30px; background-size: auto 12px !important; }
    .a-board .view-table .board-first .first-num span, .a-board .view-table .board-file span{ margin: 0; }

    /*240605 부스 배치도*/
    .booth-search .search-input input, .booth-search .search-input button{ padding: 0 10px; max-width: calc(100% - 52px); }

    /*240607 컨퍼런스 개요*/
    .conference-con:first-of-type .table-wrap .view-table{ width: 536px; min-width: 100%; }
    .conference-con:nth-of-type(3) .table-wrap .view-table, .conference-con:last-of-type .table-wrap .view-table{ width: 420px; min-width: 100%; }
    .conference-con:last-of-type .table-wrap .view-table colgroup col:nth-of-type(2){ min-width: 106px !important; }

    /*240607 스마트도시상 개요*/
    .sscp-info .sscp-info-table table.view-table tr th{ border-right: 1px solid #ccc; }
    .sscp-info .sscp-info-table table.view-table tr td{ border-left: 1px solid #ccc; }
    .sscp-info .sscp-info-table .participation-step ul li {  width: calc(100% - 45px); }

    /*240607 마이페이지*/
    .pwchange-con ul li p{ width: 100px; }
    .pwchange-con ul li input { width: calc(100% - 115px); }
    .pwchange-con .pwissues-box{ padding: 20px; }

    /*240610 신청정보(부스신청)*/
    .checkbtn{ position: static; margin-bottom: 20px; }
    .table-wrap .price-table{ width: 550px; }

    /*240610 신청현황*/
    .searchbox .search-wrap ul li{ flex-wrap: wrap; width: 100%; margin: 0; }
    .searchbox .search-wrap ul li p{ width: 43px; }
    .searchbox .search-wrap ul li select{ width: calc(100% - 58px); }
    .searchbox .search-wrap ul li form{ width: 100%; margin-top: 20px; }
    .searchbox .search-wrap ul li form input{ margin-left: 0; width: calc(100% - 75px); }
    .searchbox .search-wrap ul li button{ width: 75px; }

    /*240612 BI소개*/
    .bi-color .conference-info-list > li{ width: 100%; margin-top: 20px; margin-bottom: 0; }

}

@media all and (max-width:420px){
    .step-wrap ul li {
        padding:0 15px;
    }

    .join-type-select .info-txt p.big {
        font-size:1.5125rem;
    }

    .join-type-select .type-select ul li .select-box span {
        font-size:1.5125rem;
    }

    /*240531 게시판*/
    .paginate{ flex-wrap: wrap; }

    /*240612 BI소개*/
    .bi-tit-wrap.sign-color .signature:last-of-type .img-wrap li{ width: 100%; padding: 20px 0; }

    /*240528 스마트 라이프 포럼*/
    .largebox-con-info .conference-info-list > li > .forum-img ul li{ margin-right: 0; }
}


/*240717 추가, 수정*/
.contents h2{ flex-wrap: wrap; }

.sslw-festival .festival-info .festival-info-table .view-table tr:first-of-type td{
    border: 0;
    border-right: 1px solid #ccc;
    width: 100%;
    flex-wrap: wrap;
}
.sslw-festival .festival-info .festival-info-table .view-table tr:first-of-type td strong{
    margin-top: 10px;
}

.exhibition-outilne .exhibition-construction .hall-con-wrap{
    justify-content: center;
    padding: 20px;
}
.exhibition-outilne .exhibition-construction .hall-con-wrap img{
    padding: 15px;
}


.booth-reg-info .booth-regbtn{
    max-width: 100%;
}


.sscp-info-table .view-table tr td p a{
    word-break: break-all;
}

.sscp-info .sscp-info-table .participation-step ul li::after{
    background-image: url(../images/contents_step_arrow.png);
}

@media (max-width: 1620px) {
    .bi-cont:first-of-type .bi-tit-wrap img{
        margin-right: 20px;
    }
}

@media (max-width: 1280px) {
    .largebox-line {
        padding: 0;
    }
    .conference-con {
        padding: 20px !important;
    }
    .conference-con:last-of-type {
        padding-bottom: 30px;
    }
    .conference-con:first-of-type {
        padding-top: 30px;
    }
}

@media (max-width: 960px) {
    .award-info-table table tbody tr td .project-part ul li dl dd{
        width: 100% !important;
    }

    .booth-reg-info .btn-wrap {
        margin-top:45px;
    }

    .booth-reg-info .btn-wrap .booth-regbtn {
        width:calc((100% - 10px) / 2);
        font-size:1.425rem;
        height:65px;
    }

    .booth-reg-info .btn-wrap .document-download {
        width:calc((100% - 10px) / 2);
        font-size:1.425rem;
        height:65px;
    }
}

@media all and (max-width:768px){
    .exhibition-outilne .exhibition-construction .hall-con-wrap .hall-con{
        padding: 0;
    }
    .exhibition-outilne .exhibition-construction .hall-con-wrap img{
        padding: 0;
    }

    /* .booth-reg-info .booth-regbtn{
        margin-top: 30px
    } */

}

@media all and (max-width:640px){
    .sslw-festival .festival-info .festival-info-table .view-table tr:first-of-type td{
        border-left: 1px solid #ccc;
    }

    .conference-con .session{
        height: auto;
        padding: 5px;
        word-break: break-all;
    }

    .sscp-info .award-info-table{
        overflow: auto;
    }
    .sscp-info .award-info-table .view-table{
        min-width: 563px;
    }
    .sscp-info .award-info-table .view-table colgroup{
        display: table-column-group;
    }
    .sscp-info .award-info-table .view-table tr{
        display: table-row;
    }
    .sscp-info .award-info-table .view-table tr th, .sscp-info .award-info-table .view-table tr td{
        display: table-cell; width: auto;
    }

    .board-detail .media-con .tit {
        font-size: 1.815rem;
    }

    .board-detail .media-con .media-list ul li {
        margin-right:15px;
        width: calc((100% - 15px) / 2);
        margin-top:15px;
    }
}

@media all and (max-width:480px){
    .booth-reg-info .btn-wrap {
        display:block;
        margin-top:25px;
    }

    .booth-reg-info .btn-wrap a {
        margin-right:0;
    }

    .booth-reg-info .btn-wrap .booth-regbtn {
        width:100%;
    }

    .booth-reg-info .btn-wrap .document-download {
        width:100%;
        margin-top:10px;
    }
}

/*240731 문의*/
.contact .txtarea { float: left; width: 500px; height: 200px; margin: 10px; }
.contact .txtarea .p-info-cont {margin: 10px 0;}
.contact .txtarea .p-info-cont p { margin: 5px 0; font-size: 1.25em;}
.contact::after { content:""; display:block; clear:both }


/*240822 온라인 전시관*/
.exh-tit{
    position: relative;
    margin-bottom: 50px;
}
.exh-tit-txt{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    color: #fff;
}
.exh-tit-txt p{
    font-size: 65px;
    font-weight: 700;
    margin-bottom: 10px;
}
.exh-tit-txt span{
    font-size: 1.875rem;
    opacity: .8;
}
.exh-list-wrap{
    display: flex;
    justify-content: space-between;
}
.exh-list{
    width: calc((100% - 50px ) / 3);
    margin: 0 25px 0;
}
.exh-list h4{
    border-radius: 10px;
    padding: 25px 0;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 3px 3px 5px #aaa;
}
.exh-list.li-1 h4{
    background: #061864;
}
.exh-list.li-2 h4{
    background: #014395;
}
.exh-list.li-3 h4{
    background: #0c6d79;
}
.exh-list h4 p{
    font-size: 1.875rem;
    margin-bottom: 5px;
}
.exh-list h4 span{
    opacity: .6;
    font-size: 1.125rem;
    font-weight: 300;
    letter-spacing: 1px;
}
.exh-list ul{
    display: flex;
    flex-wrap: wrap;
    text-emphasis: center;
}
.exh-list ul li{
    width: calc((100% - 20px ) / 3);
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    height: 150px;
    border: 1px solid #ddd;
    text-align: center;
}
.exh-list ul li:nth-of-type(3n){
    margin-right: 0;
}
.exh-list ul li a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.25rem;
    font-weight: 600;
    color: #fff;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.exh-list.li-1 a:hover{
    background: rgba(6, 24, 100, .8);
}
.exh-list.li-2 a:hover{
    background: rgba(1, 67, 149, .8);
}
.exh-list.li-3 a:hover{
    background: rgba(12, 109, 121, .8);
}
.exh-list a img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.exh-list a:hover img{
    z-index: -1;
}
.exh-list a span{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    word-break: break-all;
    padding: 0 10px;
}
.exh-list a:hover span{
    display: block;
}
.exh-list ul li a span::after{
    display: block;
    content: "";
    margin-top: 10px;
    width: 100%;
    height: 30px;
    background: url(../images/ico-exh-deo.png) no-repeat center;
}

/*view*/
.exh-box-con-tit{
    border: 1px solid #ccc;
    padding: 50px;
}
.exh-box-con{
    border: 1px solid #ccc;
    padding: 25px 30px;
}
.exh-box-con.flex{
    display: flex;
}
.exh-box-con p{
    font-size: 1.125rem;
    line-height: 1.8;
}
.exh-box-wrap{
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.exh-box-wrap .img-wrap{
    width: 760px;
    position: relative;
}
.exh-box-wrap .img-wrap .imgbox{
    width: 100%;
    height: 0;
    padding-top: calc(449 / 760* 100%);
}
.exh-box-wrap .img-wrap .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.exh-box-table{
    width: calc(100% - 810px);
}
.exh-box-table h3{
    font-size: 1.875rem;
    color: #000;

}
.exh-box-table table{
    width: 100%;
    border-top: 2px solid #000;
    border-bottom: 1px solid #aaa;
}
.exh-box-table tr{
    border-top: 1px solid #ddd;
}
.exh-box-table tr:first-of-type{
    border-top: 0;
}
.exh-box-table th{
    background-color: #f4f4f4;
    padding: 17px 15px;
    font-size: 1.125rem;
}
.exh-box-table td{
    padding: 17px 20px;
}
.exh-box-table .table-btn{
    display: flex;
    flex-wrap: wrap;
}
.exh-box-table .table-btn a{
    color: #fff;
    padding: 10px 15px;
    margin: 2px;
    text-align: center;
}
.exh-box-table .table-btn a::after{
    display: inline-block;
    content: "";
    width: 13px;
    height: 13px;
    background: url(../images/table-btn-ico.png);
    margin-left: 6px;
}
.exh-box-table .table-btn .table-btn-1{
    background: #e01f60;
}
.exh-box-table .table-btn .table-btn-2{
    background: #192155;
}
.exh-info-logo{
    padding: 5px;
    margin-right: 30px;
    font-size: 1.125rem;
}
.exh-video ul{
    display: flex;
    flex-wrap: wrap;
}
.exh-video ul li{
    width: calc((100% - 90px) / 4);
    margin-right: 30px;
}
.exh-video ul li:nth-of-type(4n), .exh-video ul li:last-of-type{
    margin-right: 0;
}
.exh-video ul li a{
    display: block;
    background: #000;
    position: relative;
}
.exh-video ul li a::after{
    display: block;
    content: "";
    width: 56px;
    height: 56px;
    background: url(../images/exh-video-ico.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.exh-video ul li a img{
    opacity: .8;
}

@media (max-width: 1620px) {
    .exh-list{
        margin: 0;
    }
    .exh-tit-txt p{
        font-size: 50px;
    }

    .exh-box-wrap .img-wrap{
        width: 50%;
    }
    .exh-box-table {
        width: calc(50% - 30px);
    }
}

@media (max-width: 1280px) {
    .exh-list a span{
        font-size: 14px;
    }
    .exh-tit-txt p{
        font-size: 43px;
    }

    .exh-box-con-tit{
        padding: 20px;
    }
    .exh-box-con{
        padding: 15px 20px;
    }

    .exh-video ul li{
        width: calc((100% - 45px) / 4);
        margin-right: 15px;
    }
    .exh-video ul li a::after{
        width: 40px;
        height: 40px;
        background-size: contain;
    }
}
@media (max-width: 960px) {
    .exh-tit{
        margin-bottom: 30px;
    }
    .exh-list {
        width: calc((100% - 30px) / 3);
    }
    .exh-list ul li{
        width: calc((100% - 10px ) / 3);
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .exh-box-wrap{
        flex-wrap: wrap;
    }
    .exh-box-wrap .img-wrap{
        width: 100%;
    }
    .exh-box-table{
        width: 100%;
        margin-top: 30px;
    }
    .exh-box-table .table-btn a{
        width: 100%;
    }
    .exh-box-con.flex{
        flex-wrap: wrap;
    }
    .exh-info-logo{
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 768px) {
    .exh-tit img{
        min-height: 180px;
        height: 100%;
    }
    .exh-tit-txt{
        width: 100%;
        padding: 0 10px;
    }
    .exh-tit-txt p {
        font-size: 35px;
    }
    .exh-list-wrap{
        flex-wrap: wrap;
    }
    .exh-list:first-of-type{
        margin-top: 0;
    }
    .exh-list{
        width: 100%;
        margin-top: 15px;
    }
    .exh-list a:hover{
        background: none !important;
    }
    .exh-list a:hover span{
        display: none;
    }

    .exh-box-table th, .exh-box-table td{
        padding: 10px;
    }
    .exh-video ul li{
        width: calc((100% - 15px) / 2);
        margin-bottom: 15px;
    }
    .exh-video ul li:nth-of-type(2n){
        margin-right: 0;
    }
}
@media (max-width: 480px) {
    .exh-tit-txt p {
        font-size: 30px;
    }
    .exh-tit-txt span {
        font-size: 20px;
    }
    .exh-list ul li{
        height: 120px;
    }
}

.sitemap {
    max-width:1500px;
    margin:0 auto;
}

.sitemap > ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

.sitemap > ul > li {
    width:calc((100% - 340px) / 5);
}

.sitemap > ul > li .depth1-name {
    display:block;
    text-align: center;
    font-size:1.375rem;
    font-weight:700;
    letter-spacing: -0.05em;
    color:#000000;
    border-bottom:3px solid #000000;
    padding-bottom:20px;
}

.sitemap .depth2 {
    padding:25px 0 25px 15px;
    box-sizing: border-box;
}

.sitemap .depth2 > ul > li {
    margin-bottom:12px;
}

.sitemap .depth2 > ul > li:last-child {
    margin-bottom:0;
}

.sitemap .dpeth2-name {
    position:relative;
    color:#000000;
    letter-spacing: -0.025em;
    font-size:1.0625rem;
    padding-left:8px;
}

.sitemap .dpeth2-name::before {
    content:"";
    display:block;
    width:3px;
    height:3px;
    background-color:#000000;
    position:absolute;
    left:0;
    top:8px;
}

.sitemap .depth3 {
    padding:12px 8px;
}

.sitemap .depth3 ul li {
    position:relative;
    padding-left:8px;
    margin-bottom:10px;
}

.sitemap .depth3 ul li:last-child {
    margin-bottom:0;
}

.sitemap .depth3 ul li a {
    color:#555555;
    letter-spacing: -0.025em;
    font-size:0.9375rem;
}

.sitemap .depth3 ul li::before {
    content:"";
    display:block;
    width:4px;
    height:1px;
    background-color:#555555;
    position:absolute;
    left:0;
    top:9px;
}

.sitemap .etc-depth a {
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding:0 15px;
    height:40px;
    border:1px solid #747474;
    color:#051427;
    letter-spacing: -0.025em;
    margin-bottom:6px;
}

.sitemap .etc-depth a:last-of-type {
    margin-bottom:0;
}

.sitemap .etc-depth a::after {
    content:"";
    display:block;
    width:14px;
    height:12px;
    background-image:url(../images/sitemap_etc_arrow.png)
}

@media all and (max-width:1480px) {
    .sitemap > ul > li {
        width:calc((100% - 140px) / 5);
    }
}

@media all and (max-width:1280px) {
    .sitemap > ul {
        justify-content: flex-start;
    }

    .sitemap > ul > li {
        width:calc((100% - 50px) / 3);
        margin-right:25px;
        margin-bottom:25px;
    }

    .sitemap > ul > li:nth-child(3n) {
        margin-right:0;
    }

    .sitemap > ul > li:nth-child(n+4) {
        margin-bottom:0;
    }
}

@media all and (max-width:768px) {
    .sitemap > ul > li {
        width:calc((100% - 25px) / 2);
    }

    .sitemap > ul > li:nth-child(3n) {
        margin-right:25px;
    }

    .sitemap > ul > li:nth-child(2n) {
        margin-right:0;
    }

    .sitemap > ul > li:nth-child(n+4) {
        margin-bottom:25px;
    }

    .sitemap > ul > li:nth-child(n+5) {
        margin-bottom:0;
    }

    .sitemap > ul > li .depth1-name {
        font-size:1.125rem;
        padding-bottom:10px;
        border-bottom:2px solid #000000;
    }

    .sitemap .etc-depth a {
        padding:0 10px;
    }

}