@charset "utf-8";

@import url("./main.css");

/* ==============================
* content
* ============================== */
#container {  overflow:hidden; width:100%; padding-top:100px; background:#fff;}
.section { position:relative; width:100%; max-width:1840px; padding:0 20px; margin:0 auto;}
.section2 { position:relative; width:100%; max-width:1480px; padding:0 20px; margin:0 auto;}
.section3 { position:relative; width:100%; max-width:1360px; padding:0 20px; margin:0 auto;}
.section4 { position:relative; width:100%; max-width:960px; padding:0 20px; margin:0 auto;}
.section5 { position:relative; width:100%; max-width:1240px; padding:0 20px; margin:0 auto;}
.section .section2 { max-width:1440px; padding:0;}

#container .pcNone { display:none;}
#container .moNone { display:block;}
#container .brAll { display:block;}

.locationBar { margin-top:30px;}
.locationBar span { font-size:15px; color:#999999;}
.locationBar span:after { content:''; display:inline-block; width:5px; height:5px; margin-top:-3px; border:1px solid #999; vertical-align: middle; border-width:1px 1px 0 0; margin:0 10px; transform:rotate(45deg);}
.locationBar span:last-child { color:#111;}
.locationBar span:last-child:after { display:none;}

/* tit */
.subH1 { margin-top:120px; line-height:1; font-size:60px; color:#111; text-align:center;font-family: 'Gmarket'; font-weight: normal;}
.subH1.line { padding-bottom:60px; border-bottom:2px solid #111;}
.subH2 { margin-top:60px; line-height:1; font-size:48px; color:#111; text-align:center;font-family: 'Gmarket'; font-weight: normal;}
.subH2.line { padding-bottom:60px; border-bottom:2px solid #f2f2f2;}
.subH3 { margin-top:60px; line-height:1; font-size:30px; color:#111; text-align:center; font-weight: normal;}
.subH3.line { padding-bottom:60px; border-bottom:2px solid #f2f2f2;}


@media screen and (max-width:1280px) {
    #container { padding-top:80px;}
}

@media screen and (max-width:767px) {
    #container br { display:none;}
    #container .pcNone { display:block;}
    #container .moNone { display:none;}
    #container .brAll { display:block;}

    #container { padding-top:60px;}

    .locationBar { margin-top:15px;}
    .locationBar span { font-size:12px;}
    .locationBar span:after { margin-top:-3px; margin:0 5px;}

    .subH1 { margin-top:60px; font-size:30px; line-height:1.2;}
    .subH1.line { padding-bottom:30px;}
    .subH2 { margin-top:30px; font-size:25px; line-height:1.2;}
    .subH3 { margin-top:30px; font-size:20px; line-height:1.2;}
}

/* login */
.loginWrap { max-width:640px; margin:0 auto;}
.loginWrap .subH1 { margin-bottom:30px; text-align:center;}
.loginWrap .subLink { margin-top:35px; text-align:right;}
.loginWrap .subLink a { font-size:15px; color:#111;}
.loginWrap .subLink a + a:before { content:''; display:inline-block; width:1px; height:15px; margin:0 15px; background:#dddddd;}
.loginWrap .or { display:block; position:relative; margin-top:85px; text-align:center;}
.loginWrap .or:before { content:''; display:block; position: absolute; top:50%; left:0; width:100%; height:1px; background:#e3e3e3;}
.loginWrap .or span { position:relative; display:inline-block; padding:0 10px; font-size:15px; color:#999999; background:#fff;}
.loginWrap .otherLogin { padding-top:25px;}
.loginWrap .otherLogin a { display:block; padding:20px 0; border:1px solid #c1c1c1; text-align:center; font-size:18px; color:#111;}
.loginWrap .otherLogin a i { margin-right:15px;}
.loginWrap .otherLogin a + a { margin-top:15px;}
.loginWrap .account { margin-top:90px; text-align:center; font-size:15px; color:#999999;}
.loginWrap .account .button { margin-top:20px;}

.loginResult { padding:80px 0 70px; text-align:center;}
.loginResult .tit { font-size:42px;} 
.loginResult .subTit { display:inline-block; margin-top:60px; border-bottom:1px solid #111; font-size:24px;}
.loginResult .subTit.noLine { border-bottom:0;}
.loginResult.flex { display:flex; flex-flow: column; align-items: center;}
.loginResult .radioBox { margin-top:60px; text-align:left;}
.loginResult .radioBox .radio { margin-bottom:20px;}
.loginResult .messageBox { display:inline-block; position:relative; margin-left:30px; padding:5px 15px; border:1px solid #1955f3; border-radius:10px; font-size:15px; color:#1955f3;}
.loginResult .messageBox:before { content:''; display:block; position:absolute; top:50%; left:-8px; width:8px; height:8px; background:url('../images/common/ico_message.png') no-repeat center center / 100%; transform: translateY(-50%);}

.loginWrap.type2 { max-width:100%; width:100%;}
.loginWrap.type2 .subH1 { text-align:left;}

.loginWrap.type2 > .box,
.loginWrap.type2 .lineT > .box { max-width:960px; margin:0 auto;}

.loginWrap .box.lineBottom { border-bottom:1px solid #e3e3e3;}

.loginWrap .box.line { position:relative; margin-top:60px;}
.loginWrap .box.line:before { content:''; position:absolute; top:-30px; left:50%; width:1320px; height:1px; margin:0 auto; background:#e3e3e3; transform: translateX(-50%);}

.lineCheck { margin-top:30px; padding:30px 0; border:1px solid #e3e3e3; border-width: 1px 0;}
.lineCheck .box { max-width:960px; margin:0 auto;}
.lineCheck .box.line { padding-bottom:120px; border-bottom:1px solid #111;}
.lineCheck + .lineCheck  { margin-top:0; border-top:0;}

.popUpOptionBox { width:100%;}
.popUpOptionBox > button { display:flex; width:100%; height:48px; padding:0 16px; border:1px solid #e3e3e3; background: url('../images/common/ico_select2.png') no-repeat 95% center ; align-items: center;}
.popUpOptionBox .listBox { overflow-y:auto; display:none; flex-wrap: wrap; max-height:150px; padding:10px 20px 20px 0; border:1px solid #e3e3e3; background:#f5f5f5;}
.popUpOptionBox .listBox.show { display:flex;}
.popUpOptionBox .listBox p { width:50%; margin-top:10px; padding-left:20px;}
.popUpOptionBox .listBox p.title { width:100%; font-weight:bold;}
.popUpOptionBox .listBox p.title ~ p.title { margin-top:15px;}
/* .popUpOptionBox .listBox p:nth-child(2n) { margin-left:20px} */

@media screen and (max-width:767px) {
    .loginWrap .subH1 { margin-bottom:20px;}
    .loginWrap .subLink { margin-top:20px;}
    .loginWrap .subLink a { font-size:14px;}
    .loginWrap .or { margin-top:40px;}
    .loginWrap .or span { font-size:13px;}
    .loginWrap .otherLogin { padding-top:20px;}
    .loginWrap .otherLogin a { padding:10px 0; font-size:15px;}
    .loginWrap .otherLogin a i { margin-right:10px;}
    .loginWrap .otherLogin a + a { margin-top:8px;}
    .loginWrap .account { margin-top:45px; font-size:12px;}
    .loginWrap .account .button { margin-top:10px;}
 
    .lineCheck { margin-top:15px; padding:15px 0;}

    .loginResult { padding:30px 0 60px;}
    .loginResult .tit { font-size:30px;} 
    .loginResult .subTit { margin-top:30px; font-size:18px;}
    .loginResult .radioBox { margin-top:30px;}
    .loginResult .radioBox .radio { margin-bottom:10px;}
    .loginResult .messageBox { display:block; margin-left:0px; margin-top:15px; padding:4px 10px; font-size:14px}
    .loginResult .messageBox:before { top:-8px; left:15px; width:8px; height:8px; transform:rotate(90deg);}
    
    .popUpOptionBox > button { height:42px; padding:0 10px;}
    .popUpOptionBox .listBox { padding:10px;}
    .popUpOptionBox .listBox p { width:100%; margin-top:10px; padding-left:10px;}
    /* .popUpOptionBox .listBox p:nth-child(2n) { margin-left:0px} */

}

/* challengesWrap */
.searchTabBox { display:flex; justify-content: flex-end; align-items: center;}
.searchTabBox .tabList { flex:1 1 auto; margin-right:10px; justify-content: flex-end;}
.searchTabBox .searchBox { display:flex;}
.searchTabBox .searchBox input { height:72px; margin:0; padding:0 20px; border:0; font-size:18px; background:#e1e1e1;}
.searchTabBox .searchBox .btnSearch { width:165px; margin-left:10px; color:#fff; font-size:18px; background:#111;}

.searchTabBox .selectBox { min-width:200px; height:72px; margin-right:10px;}

.searchTabBox .searchSelect { display:flex; flex:1 1 auto; margin-right:10px;}
.searchTabBox .searchSelect button { display:block; width:33.333%; height:72px; padding:0 30px; border:1px solid #e3e3e3; text-align:left; line-height:72px; font-size:18px; background:url('../images/common/ico_select.png') no-repeat 95% center; outline:none;}
.searchTabBox .searchSelect button + button { margin-left:10px;}

.totalText { margin-top:20px; font-size:18px; color:#999999; font-family: 'Gmarket';}
.totalText:before { content:'*'; display:inline-block; margin-right:15px; font-size:18px; color:#999999; font-family: 'Gmarket';}

.arrowLink { display:inline-block; margin:60px 0 40px;}
.arrowLink i { display:inline-block; width:6px; height:9px; margin-right:20px; background:url('../images/common/ico_linkArrow.png') no-repeat center center / 100%;}

.challengesDetail {}
.challengesDetail .visual { position:relative;}
.challengesDetail .visual .top { display:flex; position:absolute; top:30px; left:30px; align-items: center;}
.challengesDetail .visual .top .logo { padding:25px 45px; background:#fff;}
.challengesDetail .visual .top .text { margin-left:30px; font-size:30px; font-weight: bold; color:#fff;}

.challengesDetail .info { display:flex; margin-top:25px; align-items: center;}
.challengesDetail .info .tit { margin-right:auto; font-size:30px; font-weight: bold; font-family:'Roboto'; line-height:1;}
.challengesDetail .info .dDay { margin-left:25px; font-weight:bold; font-size:1.5rem; color:#111;}
.challengesDetail .info .date { font-size:1.5rem;}
.challengesDetail .info .date:before { content:''; display:inline-block; width:1px; height:12px; margin:-2px 10px 0; vertical-align: middle; background:#e5e5e5;}
.challengesDetail .info .status { font-size:1.5rem; text-transform: uppercase;}
.challengesDetail .info .kind { display:inline-block; margin-left:25px; padding:6px 12px; border:1px solid #1955f3; border-radius:20px; font-size:1.2rem; text-transform: uppercase; color:#1955f3; }
.challengesDetail .info .kind.type2 { border-color:#111; color:#111;}
.challengesDetail .textBox { position:relative; padding:0px 0px 30px; border-bottom:1px solid #e3e3e3;}
.challengesDetail .textBox .subTit { margin-top:30px; font-size:20px; color:#1955f3; font-weight: bold;}
.challengesDetail .textBox .tit { margin-top:30px; font-size:3rem;}
.challengesDetail .textBox .subTit + .tit { margin-top:0;}
.challengesDetail .textBox .text { margin-top:15px; font-size:1.8rem; color:#999999;}
.challengesDetail .textBox .labelGroup { display:flex; flex-wrap: wrap; margin-top:40px;align-items: flex-start;}
.challengesDetail .textBox .labelGroup span { display:inline-flex; min-width:90px; height:33px; margin-right:15px; margin-bottom:10px; text-align:center; border-radius:20px; padding:0 10px; align-items: center; font-size:1.2rem; color:#50504f; justify-content: center;}
.challengesDetail .textBox .labelGroup span.color1 { background:#d5f7f6;}
.challengesDetail .textBox .labelGroup span.color2 { background:#ffffcc;}
.challengesDetail .textBox .labelGroup span.line { border:1px solid #d6dbe1;}
.challengesDetail .textBox .labelGroup .labelG { margin-left:15px;}
.challengesDetail .textBox .hashTag { margin-top:20px; margin-left:-15px;}
.challengesDetail .textBox .hashTag span { display:inline-block; margin-left:15px; margin-bottom:5px; font-size:1.5rem; font-weight:bold;}
.challengesDetail .detailBtn {}
.challengesDetail .detailBtn > div {}
.challengesDetail .detailBtn .section3 { display:flex; padding:30px 0; align-items: center;}
.challengesDetail .detailBtn .section3 > .tit { visibility: hidden; overflow:hidden; font-size:3rem; text-overflow: ellipsis; white-space: nowrap; opacity: 0; transition: all .3s ease; transform:translateY(10px)}
.challengesDetail .detailBtn .mla { display:flex;}
.challengesDetail .detailBtn .shareBox { position:relative; margin-right:15px;}
.challengesDetail .detailBtn .shareBox > .btnShare { display:block; width:60px; height:60px; border:1px solid #111; border-radius: 50%; font-size:0; background:url('../images/common/ico_share.png') no-repeat center center;}
.challengesDetail .detailBtn .shareBox .view { visibility:hidden; position:absolute; top:70px; left:-62px; z-index:10; width:320px; padding:40px; border:1px solid #111; background:#fff; opacity:0; transform: translateY(20px); transition: all .3s ease;}
.challengesDetail .detailBtn .shareBox .view .tit { margin-bottom:40px; font-size:18px; font-weight:bold; line-height:1;}
.challengesDetail .detailBtn .shareBox .view ul { display:flex; flex-wrap: wrap; margin-left:-22px; margin-bottom:-18px;}
.challengesDetail .detailBtn .shareBox .view li { margin-left:22px; margin-bottom:18px;}
.challengesDetail .detailBtn .shareBox .view .btnClose { position:absolute; top:5px; right:5px; width:40px; height:40px; font-size:0; background:url('../images/common/btn_pop_close.png') no-repeat center center / 13px;}

.challengesDetail .detailBtn .shareBox .view.on { visibility: visible; opacity:1; transform: translateY(0px);}

.challengesDetail .detailBtn.fixed > div { position:fixed; top:80px; left:0; z-index:10; width:100%; border-bottom:1px solid #ddd; background:rgba(255,255,255,0.95);}
.challengesDetail .detailBtn.fixed .section3 { padding:20px 20px;}
.challengesDetail .detailBtn.fixed .section3 > .tit { visibility: visible; opacity: 1; transform:translateY(0)}

.editContWrap { padding-bottom:30px; border-bottom:2px solid #111;}
.editContWrap .editTit { padding-top:40px; margin-bottom:20px; border-top:2px solid #111; font-size:30px; font-weight: bold; font-family:'Roboto';}
.editContWrap .editsubTit { margin:40px 0 20px; font-size:21px; font-weight:bold;}
.editContWrap .editsubTit:before { content:''; display:inline-block; width:12px; height:12px; margin-right:10px; border-radius:50%; background:#111;}
.editContWrap .editsubTit2 { margin:30px 0 20px; font-size:18px; font-weight:bold; text-decoration: underline;}
.editContWrap .editBox,
.editContWrap .editBox * { font-size:18px; line-height:1.8;}
.editContWrap .editBox b,
.editContWrap .editBox strong { font-weight:bold;}
.editContWrap .editBox a { color:#256ae1;}

.editContWrap .editBox.type2 { margin-left:60px;}

.editContWrap .editVideo { margin-top:30px; position:relative; padding-top:53%;}
.editContWrap .editVideo iframe { position: absolute; top:0; left:0; width:100%; height:100%;}

.moreInfoBox { display:flex; padding:90px; margin:60px 0 0px; background:#f8f8f8;}
.moreInfoBox .tit { font-size:21px; font-weight:bold;}
.moreInfoBox .download { display:flex; flex-flow: wrap;}
.moreInfoBox .download p { width:calc(33.333% - 70px); padding-top:5px; margin-left:70px;}
.moreInfoBox .download p:nth-child(n+4) { margin-top:40px;}
.moreInfoBox .download a { display:inline-block; padding:0 40px 20px 10px; border-bottom:2px solid #111; font-size:18px; background:url('../images/common/ico_download2.png') no-repeat right 6px / 14px}
.moreInfoBox .download a:hover { text-decoration: underline;}

.moreInfoBox + .editTit { margin-top:30px;}

.btnEditLink { display:block; position:relative; max-width:480px; margin:0 auto; padding:30px 90px 30px 60px; border:2px solid #111; font-size:21px; text-align: left;}
.btnEditLink:after { content:''; display:block; position:absolute; top:50%; right:60px; width:25px; height:18px; background:url('../images/common/btn_arrow2.png') no-repeat center center / 100%; transform: translateY(-50%); transition: all .3s ease;}

html:not(.mobile) .btnEditLink:hover:after { transform: translateX(-10px) translateY(-50%);}

.lineBlueBox { margin:50px 0 80px; padding:60px 0; border:2px solid #1955f3; border-width:2px 0; text-align:center; font-weight:500; font-size:30px; color:#1955f3;}

.areaBox + .areaBox { margin-top:30px;}
.areaBox .tit { margin-bottom:15px; font-size:15px; color:#111; font-weight:400;}
.areaBox .box { padding:30px; background:#f8f8f8;}

.collaborationBox { position:relative; padding:20px 30px; border-top:1px solid #e3e3e3; border-width:1px 0;}
.infoText + .collaborationBox { margin-top:20px;}
.collaborationBox .formBox + .formBox { margin-top:13px;}
.collaborationBox .tit { font-size:15px; font-weight:400;}
.collaborationBox .btnMinus2 { position:absolute; top:20px; right:30px;}

.grayBox { padding:60px 0; border:1px solid #e3e3e3; background:#f8f8f8;}
.grayBox * { line-height:1.88}


.grayBox.type2 { padding:45px 0; border:0;}
.grayBox.type2 .loginResult { padding:0;}
.grayBox.type2 .box { max-width:960px; margin:0 auto;}

.grayBox.type3 { padding:30px; border:0;}

.grayBox.lineT { border-top:1px solid #e3e3e3;}

.dataNone { padding:120px 0; font-size:24px; text-align:center;}
.dataNone i { display:block; width:48px; height:48px; margin:0 auto 60px; background:url('../images/common/ico_noData.png') no-repeat center center / 100%;}
.dataNone i.type2 {background-image:url('../images/common/ico_noData2.png');}
.dataNone i.type3 {background-image:url('../images/common/ico_noData3.png');}
.dataNone i.type4 {background-image:url('../images/common/ico_noData4.png');}
.dataNone .text { font-size:24px; color:#111;}

.dataNone.line { margin-top:75px; border-top:2px solid #111111; border-bottom:1px solid #e3e3e3;}

@media screen and (max-width:1280px) {
    .moreInfoBox { display:block;}
    .moreInfoBox .tit { margin-bottom:20px;}
    .moreInfoBox .download { margin-left:-70px;}
}

@media screen and (max-width:1024px) {
    .searchTabBox { display:block;}
    .searchTabBox .tabList { flex:1 1 auto; margin-right:10px; justify-content:flex-start;}
    .searchTabBox .tabList a { width:100%; max-width:inherit;}
    .searchTabBox .searchBox { margin-top:30px;}
    .searchTabBox .searchBox input { width:100%; flex:1 1 auto;}

    .moreInfoBox { padding:40px;}
    .moreInfoBox .download { margin-left:-40px;}
    .moreInfoBox .download p { width:calc(50% - 40px); padding-top:5px; margin-left:40px;}
    .moreInfoBox .download p:nth-child(n+3),
    .moreInfoBox .download p:nth-child(n+4) { margin-top:20px;}
    .moreInfoBox .download a { width:100%;}

    .collaborationBox .formBox { display:block;}
    .collaborationBox .formBox.flex > * + * { margin-left:0;}
    .collaborationBox .formBox.flex .tit { margin-bottom:10px;}
}

@media screen and (max-width:767px) {
    .searchTabBox .tabList a { width:auto;}
    .searchTabBox .searchBox input { height:50px; padding:0 10px; font-size:16px;}
    .searchTabBox .searchBox .btnSearch { flex:0 0 auto; width:100px; margin-left:10px; font-size:16px;}

    .searchTabBox .selectBox { margin-bottom:-20px; height:50px; margin-right:0;}

    .searchTabBox .searchSelect { display:block; margin-right:0;}
    .searchTabBox .searchSelect button { width:100%; height:50px; line-height:50px; padding:0 20px; font-size:16px; background-position:98% center}
    .searchTabBox .searchSelect button + button { margin-left:0px; margin-top:10px;}

    .totalText { margin-top:15px; font-size:16px;}
    .totalText:before { margin-right:10px; font-size:16px;}


    .challengesDetail {}
    .challengesDetail .visual { position:relative;}
    .challengesDetail .visual .top { display:block; position:static;}
    .challengesDetail .visual .top .logo { padding:10px 0px;}
    .challengesDetail .visual .top .text { margin-left:0px; margin-bottom:15px; font-size:20px; color:#111;}

    .challengesDetail .info { margin-top:15px; flex-wrap: wrap;}
    .challengesDetail .info .tit { width:100%; margin-bottom:10px; font-size:20px;}
    .challengesDetail .info .dDay {font-size:12px;}
    .challengesDetail .info .date {font-size:12px;}
    .challengesDetail .info .date:before { margin:-2px 5px 0;}
    .challengesDetail .info .status {font-size:12px;}
    .challengesDetail .info .kind { margin-left:25px; padding:3px 10px;}
    .challengesDetail .textBox { padding-bottom:20px;}
    .challengesDetail .textBox .subTit { margin-top:20px; font-size:14px;}
    .challengesDetail .textBox .tit { margin-top:10px; font-size:20px;}
    .challengesDetail .textBox .text { margin-top:10px; font-size:14px;}
    .challengesDetail .textBox .labelGroup { margin-top:15px;}
    .challengesDetail .textBox .labelGroup span {width:70px; height:25px; margin-right:5px; margin-bottom:5px; font-size:12px;}
    .challengesDetail .textBox .hashTag { margin-top:15px; margin-left:-10px;}
    .challengesDetail .textBox .hashTag span { margin-left:10px; font-size:14px;}
    .challengesDetail .detailBtn { display:block; padding:20px 0;}
    .challengesDetail .detailBtn > .tit { font-size:20px;}
    .challengesDetail .detailBtn .mla { display:flex; justify-content: space-between;}
    .challengesDetail .detailBtn .shareBox { margin-right:10px;}
    .challengesDetail .detailBtn .shareBox > .btnShare { width:35px; height:35px; background-size:15px;}
    .challengesDetail .detailBtn .shareBox .view { top:55px; left:-30px; width:220px; padding:20px;}
    .challengesDetail .detailBtn .shareBox .view .tit { margin-bottom:20px; font-size:16px;}
    .challengesDetail .detailBtn .shareBox .view ul { margin-left:-10px; margin-bottom:-10px;}
    .challengesDetail .detailBtn .shareBox .view li { margin-left:10px; margin-bottom:10px;}
    .challengesDetail .detailBtn .button { min-width:140px; height:35px; font-size:13px;}

    .challengesDetail .detailBtn.fixed > div { top:60px;}
    .challengesDetail .detailBtn.fixed .section3 { display:block; padding:10px 20px;}
    .challengesDetail .detailBtn.fixed .section3 > .tit { margin-bottom:10px; font-size:16px;}
    .challengesDetail .detailBtn.fixed .shareBox .view { left:0;}

    .editContWrap { padding-bottom:20px;}
    .editContWrap .editTit { padding-top:20px; margin-bottom:10px; font-size:20px;}
    .editContWrap .editsubTit { margin:20px 0 10px; font-size:18px;}
    .editContWrap .editsubTit:before { width:10px; height:10px;}
    .editContWrap .editsubTit2 { margin:20px 0 10px; font-size:16px;}
    .editContWrap .editBox,
    .editContWrap .editBox * { font-size:16px;}

    .editContWrap .editBox.type2 { margin-left:20px;}

    .editContWrap .editVideo { margin-top:20px;}

    .moreInfoBox { padding:20px; margin:30px 0 20px;}
    .moreInfoBox .tit { font-size:18px;}
    .moreInfoBox .download { display:block; margin-left:0;}
    .moreInfoBox .download p { width:100%; margin-top:0px; margin-left:0;}
    .moreInfoBox .download p + p { margin-top:15px;}
    .moreInfoBox .download p:nth-child(n+3),
    .moreInfoBox .download p:nth-child(n+4) { margin-top:15px;}
    .moreInfoBox .download a { padding-bottom:10px; padding-left:0; font-size:16px; background-size:10px;}

    .btnEditLink { padding:15px 50px 15px 20px; font-size:18px;}
    .btnEditLink:after { right:20px; width:20px;}

    .lineBlueBox { margin:30px 0 40px; padding:30px 0; font-size:20px;}

    .areaBox + .areaBox { margin-top:20px;}
    .areaBox .tit { margin-bottom:10px; font-size:14px;}
    .areaBox .box { padding:20px;}

    .collaborationBox { padding:20px 0px;}
    .infoText + .collaborationBox { margin-top:10px;}
    .collaborationBox .formBox + .formBox { margin-top:10px;}
    .collaborationBox .tit { font-size:14px;}
    .collaborationBox .btnMinus2 { right:0;}

    .grayBox { padding:30px 0;}

    .dataNone { padding:60px 0; font-size:20px;}
    .dataNone i { width:35px; height:35px; margin-bottom:30px;}
    .dataNone .text { font-size:20px;}

    .dataNone.line { margin-top:35px;}

    .grayBox.type2 { padding:20px 0;}
    .grayBox.type2 .loginResult .box > p { margin-bottom:10px;}
}

/* my */
.icoMy { display:flex; position:relative; min-height:36px; align-items: center;}
.icoMy i {display:block; width:36px; height:36px; margin-right:20px; background:url('../images/my/ico_my.png') no-repeat center center / 100%;}

/* startups */
.startupList { position:relative; margin-top:60px;}
.startupList ul { display:flex; position:relative; flex-wrap: wrap; border:1px solid #e3e3e3; border-width:1px 0px 0px 1px;}
.startupList ul:before { content:''; display:block; position:absolute; top:0; bottom:0px; right:0px; width:1px; background:#e3e3e3;}
.startupList ul:after { content:''; display:block; position:absolute; bottom:0px; left:0; width:100%; height:1px; background:#e3e3e3;}
.startupList li { width:25%; height:270px; position:relative; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.startupList li .logo { position:relative; width:100%; padding-top:39.5%;}
.startupList li .logo img { position:absolute; top:0; left:0; width:auto; height:auto; max-width:100%; max-height:100%;}
.startupList li .front { display:block; position:relative; width:100%; height:100%; padding:30px; background:#fff;}
.startupList li .front:before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #111; opacity: 0 ; transition: all .3s ease; pointer-events: none; box-sizing: border-box;}
.startupList li .front .text { position:absolute; bottom:25px; left:30px; font-size:1.8rem;}
.startupList li .front .dotMoreWrap { position:absolute; bottom:15px; right:18px; width:30px; height:30px;}
.startupList li .front .dotMore { position:absolute; top:50%; left:50%; width:3px; height:3px; border-radius: 50%; font-size:0; background:#000000; transform: translate(-50%, -50%);}
.startupList li .front .dotMore:after { content:''; display:block; position:absolute; top:0; left:6px; width:3px; height:3px; border-radius: 50%; background:#000;}
.startupList li .front .dotMore:before { content:''; display:block; position:absolute; top:0; left:-6px; width:3px; height:3px; border-radius: 50%; background:#000;}
.startupList li .back { visibility: hidden; position:absolute; top:0; left:0; z-index:1; width:0%; height:100%; background:#0637cc; transition: all .15s ease .1s;}
.startupList li .back .logo { position:absolute; top:30px; left:30px; width:calc(50% - 60px); padding-top:16%; transform: translateY(-20px); transition: all .15s ease; opacity: 0;}
.startupList li .back .textBox { margin-left:50%; margin-top:20px; margin-right:30px; transform: translateY(30px); transition: all .15s ease; opacity: 0;}
.startupList li .back .textBox p { font-size:1.8rem; color:#fff; line-height:2;}
.startupList li .back .textBox .more { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right:30px; background:url('../images/startups/ico_more.png') no-repeat right center / 24px;}
.startupList li .back .textBox .link { line-height:1.5;}
.startupList li .back .textBox .btnPdf { display:inline-block; width:36px; height:36px; margin-top:-5px; font-size:0; background:url('../images/main/btn_pdf.png') no-repeat center center / 100%;}
.startupList li .back .textBox .btnVideo { display:inline-block; width:36px; height:36px; margin-top:-5px; font-size:0; background:url('../images/main/btn_video.png') no-repeat center center / 100%;}
.startupList li .back .btnWebsite { position:absolute; bottom:30px; left:30px; font-size:1.5rem; color:#fff; transform: translateY(-30px); transition: all .15s ease; opacity: 0;}
.startupList li .back .btnWebsite:after { content:''; display:inline-block; width:19px; height:19px; margin-left:33px; background:url('../images/common/btn_arrow1.png') no-repeat center center / 100%;}
.startupList li .back .btnClose { position:absolute; bottom: 22px; right:22px; width:36px; height:36px; font-size:0; background:url('../images/main/btn_close.png') no-repeat center center / 18px; transform: translateX(30px); transition: all .15s ease; opacity: 0;}
.startupList li:nth-child(4n) .back { left:auto; right:0;}
.startupList li.action {}
.startupList li.action .back {visibility: visible; width:200%; transition: all .3s ease;}
.startupList li.action .back .logo { transform: translateY(0); transition: all .3s ease .1s; opacity: 1;}
.startupList li.action .back .textBox { transform: translateY(0); transition: all .3s ease .2s; opacity: 1;}
.startupList li.action .back .btnWebsite { transform: translateY(0); transition: all .3s ease .4s; opacity: 1;}
.startupList li.action .back .btnClose { transform: translateX(0); transition: all .3s ease .4s; opacity: 1;}

.startupsDetail { border-top:2px solid #111;}
.startupsDetail dl { display:flex; padding:30px 0; border-bottom:1px solid #e3e3e3;}
.startupsDetail dt { flex:0 0 auto; width:360px; padding:0 60px; font-size:24px; font-weight: bold;}
.startupsDetail dt.logo + dd { align-self:center;}
.startupsDetail dd { font-size:18px; line-height: 1.666;}

/* .startupsDetail .logo { padding:50px 60px; border-bottom:1px solid #ddd;} */
.startupsDetail .labelGroup { display:flex; flex-wrap: wrap; align-items: flex-start;}
.startupsDetail .labelGroup span { display:inline-flex; min-width:90px; height:33px; margin-right:15px; margin-bottom:10px; text-align:center; border-radius:20px; padding:0 10px; align-items: center; font-size:1.2rem; color:#50504f; justify-content: center; border:1px solid #d6dbe1;}
.startupsDetail .btnWebsite { font-size:1.5rem; color:#111; transition: all .15s ease;}
.startupsDetail .btnWebsite:after { content:''; display:inline-block; width:19px; height:19px; margin-left:33px; background:url('../images/common/btn_arrow1_b.png') no-repeat center center / 100%;}

.commentText { position:relative; margin:60px 0; padding-left:60px;}
.commentText:before { content:''; display:block; position:absolute; top:50%; left:0; width:36px; height:36px; background:url('../images/common/ico_comment.png') no-repeat center center / 100%; transform: translateY(-50%);}
.commentText.type2:before { background-image: url('../images/common/ico_question.png');}

.tableLinkGroup { overflow: hidden; display:flex; align-items: center;}
.tableLinkGroup .view { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tableLinkGroup .commentNum { flex:0 0 auto; margin-left:17px; margin-right:10px; font-size:12px; color:#999999; font-weight:bold;}
.tableLinkGroup .commentNum:before { content:''; display:inline-block; width:18px; height:18px; margin-right:4px; vertical-align: middle; background:url('../images/common/ico_comment2.png') no-repeat center center / 100%}
.tableLinkGroup .btnEdit { flex:0 0 auto; margin-left:auto; font-size:14px; color:#1955f3; text-decoration: underline;}

.tableContView { margin-top:60px; border-top:2px solid #000;}
.tableContView .topBox { display:flex; padding:40px 60px; border-bottom:1px solid #dfe4eb; background:#f8f9fc; align-items: center;}
.tableContView .topBox .tit {}
.tableContView .topBox span { font-size:24px; font-weight:bold;}
.tableContView .topBox span + span:before { content:''; display:inline-block; width:1px; height:15px; margin:0 30px; vertical-align:middle; background:#dfe4eb;}
.tableContView .topBox .period { margin-left:auto; font-size:18px; font-weight:bold;}
.tableContView .infoBox { display:flex; padding:30px 60px; border-bottom:1px solid #dfe4eb; align-items: center;}
.tableContView .infoBox .email { font-size:15px; color:#111;}
.tableContView .infoBox .date { margin-left:auto;}
.tableContView .infoBox .date span { font-size:15px; color:#999;}
.tableContView .infoBox .date span + span:before { content:''; display:inline-block; width:1px; height:15px; margin:0 30px; vertical-align:middle; background:#dfe4eb;}
.tableContView .contBox { padding:40px 60px; border-bottom:1px solid #dfe4eb; font-size:18px; line-height:1.666;}
.tableContView .contBox .tit { margin-top:40px; margin-bottom:10px; font-size:24px; font-weight:bold;}
.tableContView .contBox .tit:first-child { margin-top:0;}
.tableContView .contBox .text { margin-bottom:10px; font-size:18px; line-height:1.666;}
.tableContView .contBox .img { margin:30px 0; }
.tableContView .contBox img { display:block; margin:0 auto;}
.tableContView .contBox .video { position:relative; margin:30px auto; padding-top:52%;}
.tableContView .contBox .video iframe { position:absolute; top:0%; left:0; width:100%; height:100%;}

.tableContView .contBox .btnWebsite { display:flex; width:300px; height:90px; font-size:21px; font-weight:bold; color:#fff; transition: all .15s ease; background:#111; align-items: center; justify-content: center;}
.tableContView .contBox .btnWebsite:after { content:''; display:inline-block; width:19px; height:19px; margin-left:10px; background:url('../images/common/btn_arrow1.png') no-repeat center center / 100%;}

.tableContView .contBox .fileLinkBox { display:flex; flex-wrap: wrap; margin-left:-30px; margin-bottom:-20px;}
.tableContView .contBox .fileLinkBox a { display:inline-flex;min-width:calc(33.333% - 30px); padding:20px 30px; border:1px solid #e3e3e3; margin-left:30px; margin-bottom:30px; align-items: center; font-size:18px;}
.tableContView .contBox .fileLinkBox a:after { content:''; display:inline-block; margin-left:auto; width:18px; height:20px; padding-left:10px; background:url('../images/common/ico_download3.png') no-repeat right center / auto 100%;}

.tableContView .fileBox { padding:30px 60px; border-bottom:1px solid #dfe4eb;}
.tableContView .fileBox .tit { margin-bottom:10px; font-size:18px; font-weight:bold;}
.tableContView .fileBox .tit:before { content:''; display:inline-block; width:18px; height:22px; margin-right:5px; vertical-align: middle; background:url('../images/common/ico_file.png') no-repeat;}
.tableContView .fileBox a { font-size:18px; border-bottom:1px solid #111;}
.tableContView .prevNext { border-top:1px solid #dfe4eb;}
.tableContView .prevNext div { overflow:hidden; display:flex; padding:30px 60px; border-bottom:1px solid #dfe4eb;}
.tableContView .prevNext div strong { flex:0 0 auto; width:100px; font-size:18px; font-weight:bold;}
.tableContView .prevNext div a { overflow:hidden; width:100%; font-size:18px; text-overflow: ellipsis; white-space: nowrap;}
.tableContView .prevNext div a:hover { text-decoration: underline;}

.commentBox { margin-top:80px;}
.commentBox > .tit { margin-bottom:20px; font-size:21px;}
.commentBox > .tit:before { content:''; display:inline-block; width:18px; height:18px; margin-right:5px; vertical-align: middle; background:url('../images/common/ico_comment3.png') no-repeat;}
.commentBox > .tit span { margin-left:10px; font-size:18px; }
.commentBox .textarea { display:flex; height:100px;}
.commentBox .textarea textarea { height:100%;}
.commentBox .textarea .button { height:100%;}
.commentBox .commentList {}
.commentBox .commentList .list { position:relative; padding:30px; border-bottom:1px solid #e3e3e3;}
.commentBox .commentList .info { margin-bottom:10px; padding-right:170px;} 
.commentBox .commentList .info span { font-size:15px; color:#999;}
.commentBox .commentList .info span + span:before { content:''; display:inline-block; width:1px; height:12px; margin:0 10px; vertical-align:middle; background:#dfe4eb;}
.commentBox .commentList .text { font-size:15px; line-height:1.8;}
.commentBox .commentList .btnG { position:absolute; top:10px; right:30px;}
.commentBox .commentList .btnG .button { min-width:80px;}

@media screen and (max-width:1024px) {
    .startupList { margin-top:30px;}
    .startupList li:first-child { margin-left:0%}
    .startupList li { width:50%; height:200px;}
    .startupList li .front { padding:10px;}
    .startupList li .front .logo { max-width:80%;}
    .startupList li .front .text {bottom:30px; left:10px; font-size:14px;}
    .startupList li .front .dotMore { bottom:18px; left:15px; right:auto;}
    .startupList li .back .logo { top:10px; left:10px; width:35%;}
    .startupList li .back .textBox { margin-left:50%; margin-top:10px;}
    .startupList li .back .textBox p { font-size:14px;}
    .startupList li .back .textBox .btnPdf { width:30px; height:30px;}
    .startupList li .back .textBox .btnVideo { width:30px; height:30px;}
    .startupList li .back .btnWebsite { bottom:10px; left:10px; font-size:14px;}
    .startupList li .back .btnWebsite:after {width:15px; height:15px; margin-left:15px;}
    .startupList li .back .btnClose { bottom: 8px; right:8px; width:36px; height:36px; font-size:0; background:url('../images/main/btn_close.png') no-repeat center center / 15px;}

    .startupList li:nth-child(2n) .back { left:auto; right:0;}

    .startupsDetail .logo { padding:20px 30px;}
    .startupsDetail dl {padding:20px 0;}
    .startupsDetail dt { width:300px; padding:0 30px;}

    .tableContView .topBox { padding:40px 30px;}
    .tableContView .infoBox { padding:30px 30px;}
    .tableContView .contBox { padding:40px 30px;}
    .tableContView .fileBox { padding:30px 30px;}

    .tableContView .contBox .fileLinkBox a {min-width:calc(50% - 30px);}

    .tableContView .prevNext div { padding:30px 30px;}

}

@media screen and (max-width:767px) {
    .startupsDetail dl { display:block; padding:20px 0;}
    .startupsDetail dt { width:100%; padding:0 0px 10px; font-size:20px;}
    .startupsDetail dd { font-size:16px;}

    .startupsDetail .logo { padding:20px 0px;}
    .startupsDetail .labelGroup { display:flex; flex-wrap: wrap; align-items: flex-start;}
    .startupsDetail .labelGroup span { display:inline-flex; min-width:90px; height:33px; margin-right:15px; margin-bottom:10px; text-align:center; border-radius:20px; padding:0 10px; align-items: center; font-size:1.2rem; color:#50504f; justify-content: center; border:1px solid #d6dbe1;}
    .startupsDetail .btnWebsite { font-size:1.5rem; color:#111; transition: all .15s ease;}
    .startupsDetail .btnWebsite:after { content:''; display:inline-block; width:19px; height:19px; margin-left:33px; background:url('../images/common/btn_arrow1_b.png') no-repeat center center / 100%;}

    .commentText { margin:30px 0; padding-left:40px;}
    .commentText:before { width:25px; height:25px;}

    .commentText ~ .button.small.blue { margin-top:20px;}

    .tableLinkGroup { overflow: hidden; display:flex; align-items: center;}
    .tableLinkGroup .view { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .tableLinkGroup .commentNum { flex:0 0 auto; margin-left:17px; margin-right:10px; font-size:12px; color:#999999; font-weight:bold;}
    .tableLinkGroup .commentNum:before { content:''; display:inline-block; width:18px; height:18px; margin-right:4px; vertical-align: middle; background:url('../images/common/ico_comment2.png') no-repeat center center / 100%}
    .tableLinkGroup .btnEdit { flex:0 0 auto; margin-left:auto; font-size:14px; color:#1955f3; text-decoration: underline;}

    .tableContView { margin-top:30px;}
    .tableContView .topBox { display:block; padding:20px 20px;}
    .tableContView .topBox span { display:block; font-size:20px;}
    .tableContView .topBox span + span:before { display:none;}
    .tableContView .topBox .period { margin-top:10px; font-size:16px;}
    .tableContView .infoBox { display:block; padding:20px 20px;}
    .tableContView .infoBox .email { font-size:13px;}
    .tableContView .infoBox .date { margin-top:10px;}
    .tableContView .infoBox .date span { font-size:13px;}
    .tableContView .infoBox .date span + span:before { height:10px; margin:0 15px;}
    .tableContView .contBox { padding:20px 0px; font-size:16px;}
    .tableContView .contBox .tit { margin-top:20px; margin-bottom:10px; font-size:20px;}
    .tableContView .contBox .tit:first-child { margin-top:0;}
    .tableContView .contBox .text { margin-bottom:10px; font-size:16px;}
    .tableContView .fileBox { padding:20px 20px;}
    .tableContView .fileBox .tit { margin-bottom:10px; font-size:16px;}
    .tableContView .fileBox .tit:before { width:16px; height:20px; margin-right:5px; background-size:100%;}
    .tableContView .fileBox a { font-size:16px;}

    .tableContView .contBox .btnWebsite {  width:auto; height:auto; padding:15px 40px; font-size:18px;}
    .tableContView .contBox .btnWebsite:after { content:''; display:inline-block; width:19px; height:19px; margin-left:10px; background:url('../images/common/btn_arrow1.png') no-repeat center center / 100%;}

    .tableContView .contBox .fileLinkBox { margin-left:0px; margin-bottom:0px;}
    .tableContView .contBox .fileLinkBox a { width:100%; margin-left:0; margin-bottom:10px; padding:15px 20px; font-size:16px;}
    .tableContView .contBox .fileLinkBox a:after { width:15px; height:15px; padding-left:10px;}

    .tableContView .prevNext div {padding:20px 20px;}
    .tableContView .prevNext div strong { width:80px; font-size:16px;}
    .tableContView .prevNext div a {font-size:16px;}

    .commentBox { margin-top:60px;}
    .commentBox > .tit { margin-bottom:20px; font-size:18px;}
    .commentBox > .tit span { margin-left:5px; font-size:16px; }
    .commentBox .textarea { display:block; height:auto;}
    .commentBox .textarea textarea { height:100px;}
    .commentBox .textarea .button { width:100%; height:40px; margin-bottom:0;}
    .commentBox .commentList {}
    .commentBox .commentList .list { position:relative; padding:20px 0;}
    .commentBox .commentList .info { margin-bottom:10px; padding-right:0px;} 
    .commentBox .commentList .info span { font-size:13px;}
    .commentBox .commentList .info span + span:before {margin:0 5px;}
    .commentBox .commentList .text { font-size:13px;}
    .commentBox .commentList .btnG { position:static; margin-top:10px; text-align: right;}
    .commentBox .commentList .btnG .button { min-width:80px;}

}

/* Partnerships */
.PartnershipsList { display:flex; flex-wrap: wrap; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3;}
.PartnershipsList li { width:25%; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.PartnershipsList li a { overflow:hidden; display:flex; position:relative; height:100%; padding:12.4% 0; text-align: center; justify-content: center; align-items: center;}
.PartnershipsList li img { transition: all .3s ease;}
.PartnershipsList li a:before { content:''; display:block; position:absolute; top:0; left:0; width:0%; height:0%; opacity:0; border:1px solid #000; border-width:1px 1px 0 0; transition: opacity .3s ease, width .1s ease-in-out .3s, height .1s ease-in-out .2s; box-sizing: border-box;}
.PartnershipsList li a:after { content:''; display:block; position:absolute; bottom:0; right:0; width:0%; height:0%; opacity:0; border:1px solid #000; border-width:0 0 1px 1px; transition: opacity .3s ease,width .1s ease-in-out .1s, height .1s ease-in-out; box-sizing: border-box;}
.PartnershipsList li .goLink { display:flex; position:absolute; bottom:0; left:0; width:100%; height:50px; font-size:16px; color:#fff; text-align:center; justify-content: center; align-items: center; opacity:0; transform: translateY(100%); background:#111; transition:all .3s ease;}
.PartnershipsList li .goLink:after { content:''; display:inline-block; width:19px; height:19px; margin-left:10px; background:url('../images/common/btn_arrow1.png') no-repeat center center / 100%; opacity:0; transform: translateX(-100%); transition:all .3s ease;}

.PartnershipWrap {}
.PartnershipWrap .subH1 { margin-bottom:120px;}
.PartnershipWrap .imgTextBox { display:flex; flex-flow: row-reverse;}
.PartnershipWrap .imgTextBox + .imgTextBox { margin-top:150px;}
.PartnershipWrap .imgTextBox .textBox { width:60%; padding-right:60px;}
.PartnershipWrap .imgTextBox .textBox h2 { font-size:36px; font-weight:bold;}
.PartnershipWrap .imgTextBox .textBox .text { margin-top:40px; font-size:24px; letter-spacing: -1px;}
.PartnershipWrap .imgTextBox .img { width:50%; max-width:600px;}

.PartnershipWrap .imgTextBox.type2 { flex-flow: row;}
.PartnershipWrap .imgTextBox.type2 .textBox { padding-left:60px; padding-right:0;}

.PartnershipWrap .imgTextBox.full .img img { max-width:initial;}

.PartnershipWrap .partStep { display:flex; position:relative; margin:150px 0; justify-content: space-between;}
.PartnershipWrap .partStep p { position:relative; width:120px; text-align:center;}
.PartnershipWrap .partStep p i { display:block; width:120px; height:120px; background:no-repeat center center / 100%;}
.PartnershipWrap .partStep p i.ico1 { background-image: url('../images/partnership/ico_part1_1.png');}
.PartnershipWrap .partStep p i.ico2 { background-image: url('../images/partnership/ico_part1_2.png');}
.PartnershipWrap .partStep p i.ico3 { background-image: url('../images/partnership/ico_part1_3.png');}
.PartnershipWrap .partStep p span { display:block; margin-top:20px; font-size:15px; color:#111;}
.PartnershipWrap .partStep:before { content:''; display:block; position:absolute; top:14px; left:20%; width:60%; height:92px; background:url('../images/partnership/ico_part1_4.png') no-repeat center center / contain;}

.PartnershipWrap .bannerBox { height:240px; margin-top:140px; background:url('../images/partnership/bg_part3_1.jpg') no-repeat center center / cover;}
.PartnershipWrap .bannerBox .section3 { display:flex; height:100%; align-items: center;}
.PartnershipWrap .bannerBox p { margin-right:10px; font-size:24px; color:#fff;}
.PartnershipWrap .bannerBox .btn { display:flex; position:relative; width:360px; height:120px; margin-left:auto; padding-left:60px; border:1px solid #fff; align-items: center; font-size:21px; color:#fff;}
.PartnershipWrap .bannerBox .btn:after { content:''; display:block; position:absolute; top:50%; right:60px; width:25px; height:18px; background:url('../images/partnership/ico_arrow.png') no-repeat center center / 100%; transform: translateY(-50%);}

html:not(.mobile) .PartnershipsList li a:hover img { transform: translateY(-20px) scale(1.05);}
html:not(.mobile) .PartnershipsList li a:hover:before { width:100%; height:100%; opacity:1; transition:width .1s ease-in-out, height .1s ease-in-out .1s;}
html:not(.mobile) .PartnershipsList li a:hover:after { width:100%; height:100%; opacity:1; transition:width .1s ease-in-out .2s, height .1s ease-in-out .3s;}
html:not(.mobile) .PartnershipsList li a:hover .goLink { opacity: 1; transform: translateY(0%); transition:all .3s ease .1s;}
html:not(.mobile) .PartnershipsList li a:hover .goLink:after { opacity: 1; transform: translateY(0%); transition:all .3s ease .3s;}

@media screen and (max-width:1024px) {
    .PartnershipWrap .imgTextBox { display:block;}
    .PartnershipWrap .imgTextBox .img { width:100%; max-width:100%; margin:60px 0;}
    .PartnershipWrap .imgTextBox .img img { width:100%;}
    .PartnershipWrap .imgTextBox .textBox { width:100%; padding:0;}
    .PartnershipWrap .imgTextBox .textBox h2 br { display:none;}
    
    .PartnershipWrap .imgTextBox.type2 .textBox { padding:0;}

    .PartnershipWrap .imgTextBox.full .img img { max-width:100%;}

    .PartnershipWrap .bannerBox { height:auto; padding:60px 0;}
    .PartnershipWrap .bannerBox .section3 { display:block;}
    .PartnershipWrap .bannerBox .btn { width:360px; height:100px; margin:30px auto 0;}
}

@media screen and (max-width:767px) {
    .PartnershipsList li { width:50%;}
    .PartnershipsList li .goLink { height:40px; font-size:14px;}

    .PartnershipWrap .subH1 { margin-bottom:60px;}
    .PartnershipWrap .imgTextBox + .imgTextBox { margin-top:60px;}
    .PartnershipWrap .imgTextBox .textBox h2 { font-size:25px;}
    .PartnershipWrap .imgTextBox .textBox .text { margin-top:20px; font-size:20px;}

    .PartnershipWrap .imgTextBox.full .img img { max-width:100%;}

    .PartnershipWrap .partStep { display:block; margin:60px 0;}
    .PartnershipWrap .partStep p { width:60px; margin:40px auto;}
    .PartnershipWrap .partStep p i { width:60px; height:60px;}
    .PartnershipWrap .partStep p span { margin-top:10px; font-size:12px;}
    .PartnershipWrap .partStep:before { top:50%; left:0%; right:0; width:140px; height:80px; margin:-10px auto 0; transform:translateY(-50%) rotate(90deg);}

    .PartnershipWrap .bannerBox { margin-top:60px;}
    .PartnershipWrap .bannerBox p { margin-right:0px; font-size:20px;}
    .PartnershipWrap .bannerBox .btn { width:100%; height:60px;padding-left:20px; font-size:16px;}
    .PartnershipWrap .bannerBox .btn:after { right:30px; width:20px; height:15px;}
}


/* resources */
.videoList { display:flex; position:relative; margin-top:60px; padding-top:60px; margin-left:-60px; flex-wrap: wrap;}
.videoList:before { content:''; position:absolute; top:0; left:60px; right:0; height:3px; background:#000}
.videoList:after { content:''; position:absolute; bottom:0; left:60px; right:0; height:1px; background:#e3e3e3}
.videoList a { width:calc(33.333% - 60px); padding-bottom:60px; margin-left:60px;}
.videoList a .img { overflow: hidden; position:relative; padding-top:60%;}
.videoList a .img:after { content:''; display:block; position:absolute; top:50%; left:50%; width:60px; height:60px; background:url('../images/resources/ico_video.png') no-repeat center center / 100%; transform:translate(-50%, -50%); opacity:1; transition: all .3s ease;}
.videoList a .img img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition: all .3s ease;}
.videoList a .text { margin-top:20px; font-size:24px;}
.videoList a .date { margin-top:10px; font-size:18px; color:#999;}

html:not(.mobile) .videoList a .img:after { opacity: 0.5;}
html:not(.mobile) .videoList a:hover .img img { transform: scale(1.05) rotate(1deg);}
html:not(.mobile) .videoList a:hover .img:after { opacity: 1;}
html:not(.mobile) .videoList a:hover .text { font-weight:bold; text-decoration: underline;}

@media screen and (max-width:1024px) {
    .videoList { margin-left:-30px;}
    .videoList:before { left:30px;}
    .videoList:after { left:30px;}
    .videoList a { width:calc(33.333% - 30px); padding-bottom:60px; margin-left:30px;}
    .videoList a .img:after { width:50px; height:50px;}
}

@media screen and (max-width:767px) {
    .videoList { margin-top:30px; padding-top:30px; margin-left:-20px;}
    .videoList:before { left:20px;}
    .videoList:after { left:20px;}
    .videoList a { width:calc(50% - 20px); padding-bottom:30px; margin-left:20px;}
    .videoList a .img:after { width:40px; height:40px; opacity:1;}
    .videoList a .text { margin-top:15px; font-size:18px;}
    .videoList a .date { margin-top:5px; font-size:16px;}
}

@media screen and (max-width:500px) {
    .videoList a { width:calc(100% - 20px);}
}

/* videoPopup */
#videoPopUp {}
#videoPopUp .videoPop { position:relative; padding-top:32%; background:none;}
#videoPopUp .videoPop iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
#videoPopUp .videoPop .btnClose { top:-40px; right:0; background-image: url('../images/common/btn_pop_close_w.png');}

@media screen and (max-width:1024px) {
    #videoPopUp .layerPopCont.videoPop { width:90%; padding-top:55%;}
}


/* termsBox */
.termsBox {}
.termsBox .subH1 { text-align:left;}
.termsBox .termsCont { margin-top:75px; padding:40px 42px; border-top:2px solid #111; font-size:15px; line-height:2;}
.termsBox .termsCont p.tit { margin:15px 0; font-weight: bold; font-size:18px;}
.termsBox .termsCont p.tit2 { margin-bottom:10px; font-weight: bold; font-size:15px;}

@media screen and (max-width:767px) {
    .termsBox .termsCont { margin-top:30px; padding:20px 0px; font-size:13px;}
    .termsBox .termsCont br { display: block !important;}
    .termsBox .termsCont p.tit { margin:10px 0; font-size:16px;}
    .termsBox .termsCont p.tit2 { margin-bottom:5px; font-size:13px;}
}


/* aboutWrap */
.aboutWrap {}
.aboutWrap .subH1 { margin-bottom:60px;}
.aboutWrap .grayBox { padding:150px 0;}
.aboutWrap .grayBox + .section3 { margin:150px auto;}
.aboutWrap h2 { margin-bottom:30px; font-size:36px; color:#1955f3; line-height:1;}
.aboutWrap .text { margin-bottom:50px; font-size:24px;}
.aboutWrap .mt150 { margin-top:150px;}
.aboutWrap .smallTit { font-size:18px; font-weight:bold;}
.aboutWrap .smallText { font-size:18px;}
.aboutWrap .smallText + .smallTit { margin-top:30px;}
.aboutWrap .img { margin:60px 0;}
.aboutWrap .textImgBox {}
.aboutWrap .textImgBox .text { width:50%; padding-top:150px;}
.aboutWrap .textImgBox .img { float:right; shape-outside: url(../images/about/img_about1_5.png);}

@media screen and (max-width:1280px) {
    .aboutWrap .textImgBox .img { width:50%;}
    .aboutWrap .textImgBox .text { padding-top:60px;}
    .aboutWrap .textImgBox .text br { display:none;}
    .aboutWrap .textImgBox .text br.brType2 { display:block;}
}

@media screen and (max-width:1024px) {
    .aboutWrap .textImgBox .img { float: none; width:50%; margin:60px auto 0;}
    .aboutWrap .textImgBox .text { width:100%; padding-top:30px;}
}

@media screen and (max-width:767px) {
    .aboutWrap .subH1 { margin-bottom:30px;}
    .aboutWrap .grayBox { padding:40px 0;}
    .aboutWrap .grayBox + .section3 { margin:40px auto;}
    .aboutWrap h2 { margin-bottom:20px; font-size:18px;}
    .aboutWrap .text { margin-bottom:30px; font-size:14px;}
    .aboutWrap .mt150 { margin-top:40px;}
    .aboutWrap .smallTit { font-size:13px;}
    .aboutWrap .smallText { font-size:13px;}
    .aboutWrap .smallText + .smallTit { margin-top:20px;}
    .aboutWrap .textImgBox .img { width:100%;}
    .aboutWrap .img { margin:30px 0;}
}

/* 반응형 */
@media screen and (max-width:1800px) {
    
}
@media screen and (max-width:1440px) {
    
}
@media screen and (max-width:1280px) {
    
}

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

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

}