@charset "utf-8";

/*******************************************************************
   pc banner style
******************************************************************* */
.main-spot-area ul li {

}
/*
	type 0 - 대표배너
*/
.main-spot-area ul li.type0 {

}
.main-spot-area ul li.type0.bg1 {
    background: #fff url(/images/main_banner/main_banner_default01.jpg?v=20210421) center bottom no-repeat;
}
.main-spot-area ul li.type0.bg2 {
    background: #fff url(/images/main_banner/main_banner_default02.jpg?v=20210617) center bottom no-repeat;
}
/*.main-spot-area ul li.type0.bg3 {*/
/*    background: #f5fafd url(/images/main_banner/main_banner_default03.png?v=20210421) center bottom no-repeat;*/
/*}*/
/*.main-spot-area ul li.type0.bg4 {*/
/*    background: #f5fafd url(/images/main_banner/main_banner_default04.png?v=20210421) center bottom no-repeat;*/
/*}*/
.main-spot-area ul li.type0 .inner {
    /*padding-top: 80px;*/
    padding-top: 70px;
    text-align: left;
}
.main-spot-area ul li.type0 p.title {
    margin: 0 0 15px;
    padding-left: 60px;
    line-height: 1.3;
    /*font-size: 28px;*/
    font-size: 25px;
    color: #005596;
}
.main-spot-area ul li.type0 p.title small {
    display: block;
    margin: 5px 0 15px;
    font-family: Arial, sans-serif;
    font-size: 19px;
    font-weight: 300;
}
.main-spot-area ul li.type0 p.title b {
    margin-right: 10px;
    font-size: 42px;
    font-weight: 700;
}
.main-spot-area ul li.type0 p.title strong {
    font-size: 52px;
    font-weight: 700;
}
.main-spot-area ul li.type0 p.info {
    padding-left: 60px;
    line-height: 1.3;
    font-size: 14px;
    color: #333;
}

/*
	type1 - 학술대회
*/
.main-spot-area ul li.type1 {

}
.main-spot-area ul li.type1.conference {
    background: #fff url(/images/main_banner/main_banner_2025f.jpg) center bottom no-repeat;
}
.main-spot-area ul li.type1.conference .inner {
    width: 1200px;
    height: 360px;
    margin: 0 auto;
}
.main-spot-area ul li.type1.conference a {
    display: block;
    width: 100%;
    height: 360px;
}

/*
	type1 - 논문투고시스템
*/
.main-spot-area ul li.type1.submission {
    background: #fff url(/images/main_banner/bg_main_banner_submission.jpg) center bottom no-repeat;
}
.main-spot-area ul li.type1.submission .inner {
    width: 1200px;
    height: 360px;
    margin: 0 auto;
}
.main-spot-area ul li.type1.submission a {
    display: block;
    width: 100%;
    height: 360px;
}

/*
	type2 - 기타
*/
.main-spot-area ul li.type2 {

}
/*.main-spot-area ul li.type2.vote {*/
/*    background: #61bbbb url(/images/main_banner/bg_main_banner_vote.jpg) center bottom no-repeat;*/
/*}*/
.main-spot-area ul li.type2.forum {
    background: #fff url(/images/main_banner/bg_main_banner_forum.jpg?v=20220914) center bottom no-repeat;
}
.main-spot-area ul li.type2.forum.convr {
    background: #fff url(/images/main_banner/bg_main_banner_ICCEPM_20230721.jpg) center bottom no-repeat;
}
.main-spot-area ul li.type2.etc {
    background: #fff url(/images/main_banner/bg_main_banner_20240412.jpg) 60% center no-repeat;
    background-size: 2500px 360px;
    image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
    backface-visibility: hidden;
}
.main-spot-area ul li.type2.etc.now {
    background: #fff url(/images/main_banner/bg_main_banner_etc_20230921.jpg) center bottom no-repeat;
}
.main-spot-area ul li.type2.etc2 {
    background: #fff url(/images/main_banner/bg_main_banner_etc_20230328.jpg) center bottom no-repeat;
    background-size: 2000px 360px;
    image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
    backface-visibility: hidden;
}
.main-spot-area ul li.type2.etc3 {
    background: #fff url(/images/main_banner/bg_main_banner_20240422.jpg) center bottom no-repeat;
    image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
    backface-visibility: hidden;
}
.main-spot-area ul li.type2.bg1 {
    background: #fff url(/images/main_banner/main_banner_20250312_v2.jpg) center center no-repeat;
}
.main-spot-area ul li.type2.bg4 {
    background: #fff url(/images/main_banner/main_banner_20241211.png) center center no-repeat;
}

.main-spot-area ul li.type2.bg5 {
    background: #fff url(/images/main_banner/main_banner_20231129.jpg) center center no-repeat;
}

.main-spot-area ul li.type2.bg6 {
    background: #fff url(/images/main_banner/bg_main_banner_20240621.jpg) center center no-repeat;
}
.main-spot-area ul li.type2.bg7 {
    background: #fff url(/images/main_banner/bg_main_banner_20250110.png) center center no-repeat;
}
.main-spot-area ul li.type2.k-cem {
    background: #fff url(/images/main_banner/main_banner_20250410.jpg) center center no-repeat;
}
.main-spot-area ul li.type2.iccepm {
    background: #fff url(/images/main_banner/main_banner_iccepm20250327.jpg) center center no-repeat;
}
.main-spot-area ul li.type2 .inner {
    width: 1200px;
    height: 360px;
    margin: 0 auto;
}
.main-spot-area ul li.type2 a {
    display: block;
    width: 100%;
    height: 360px;
}


/* pager */
.main-spot-area .bx-wrapper .bx-pager {
    bottom: 15px;
}
.main-spot-area .bx-wrapper .bx-pager.bx-default-pager a.active,
.main-spot-area .bx-wrapper .bx-pager.bx-default-pager a:focus {
    width: 42px;
    background: #385194;
}
.main-spot-area .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #385194;
}
.main-spot-area .bx-wrapper .bx-pager.bx-default-pager a {
    display: block;
    width: 21px;
    height: 5px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: #d2daee;
    transition: all 0.25s;
}

/*
	type 1 - 국내컨퍼런스
*/
/*.main-spot-area ul li.type1 {*/
/*    !*background: #132642 url(/images/banner_main/bg_main_banner_2020s.jpg) center 50% no-repeat;*!*/
/*}*/
/*.main-spot-area ul li.type1 .inner {*/
/*    text-align: center;*/
/*    padding: 30px 0 0;*/
/*}*/
/*.main-spot-area ul li.type1 .inner .con-area {*/
/*    max-width: 1000px;*/
/*    margin: 0 auto;*/
/*    padding: 30px;*/
/*    !*background-color: rgba(255,255,255,0.15);*!*/
/*    background-color: rgba(0,25,25,0.25);*/
/*}*/
/*.main-spot-area ul li.type1 p.title {*/
/*    margin: 0 0 20px;*/
/*    padding-top: 30px;*/
/*    font-size: 50px;*/
/*    font-weight: 700;*/
/*    color: #fff;*/
/*    text-shadow: 1px 0 2px rgba(0,0,0,0.75);*/
/*}*/
/*.main-spot-area ul li.type1 p.sub-title {*/
/*    margin: 0 0 25px;*/
/*    font-size: 24px;*/
/*    font-weight: normal;*/
/*    color: #fff;*/
/*    text-shadow: 1px 0 2px rgba(0,0,0,0.75);*/
/*}*/
/*.main-spot-area ul li.type1 p.date {*/
/*    margin: 0 0 35px;*/
/*    font-size: 19px;*/
/*    font-weight: bold;*/
/*    color: #fff;*/
/*    text-shadow: 1px 0 1px rgba(0,0,0,0.75);*/
/*}*/
/*.main-spot-area ul li.type1 a.btn-go {*/
/*    display: inline-block;*/
/*    height: 40px;*/
/*    line-height: 40px;*/
/*    padding: 0 20px;*/
/*    text-align: center;*/
/*    font-size: 18px;*/
/*    color: #fff;*/
/*    background-color: #24c180;*/
/*}*/
/*.main-spot-area ul li.type1 a.btn-go:hover {*/
/*    background-color: #21af73;*/
/*}*/
/*.main-spot-area ul li.type1 a.btn-go.ready {*/
/*    color: #fff;*/
/*    background-color: #aaa;*/
/*}*/
/*.main-spot-area ul li.type1 a.btn-go.ready:hover {*/
/*    background-color: #aaa;*/
/*}*/

/* custom */
/*.main-spot-area ul li.type1.custom .inner {*/
/*    text-align: center;*/
/*}*/
/*.main-spot-area ul li.type1.custom .inner .con-area {*/
/*    width: 660px;*/
/*    margin-left: 55px;*/
/*    padding: 30px 0;*/
/*}*/
/*.main-spot-area ul li.type1.custom p.title {*/
/*    margin: 0 0 10px;*/
/*    font-size: 42px;*/
/*}*/
/*.main-spot-area ul li.type1.custom p.sub-title {*/
/*    margin: 0 0 40px;*/
/*    font-size: 24px;*/
/*}*/
/*.main-spot-area ul li.type1.custom p.date {*/
/*    margin: 0 0 40px;*/
/*    font-size: 19px;*/
/*}*/

/*
	type 2 - 국제컨퍼런스
*/
/*.main-spot-area ul li.type2 {*/
/*    !*background: #132642 url(/images/banner_main/bg_main_banner_icee2019_v8.png) center bottom no-repeat;*!*/
/*    background-size: cover;*/
/*    !*background-size: contain;*!*/
/*}*/
/*.main-spot-area ul li.type2 .inner {*/
/*    text-align: center;*/
/*    padding: 40px 0 0;*/
/*}*/
/*.main-spot-area ul li.type2 .inner .con-area {*/
/*    padding: 20px 0 30px;*/
/*    border-radius: 2px;*/
/*    background-color: rgba(0,0,0,0.45);*/
/*}*/
/*.main-spot-area ul li.type2 p.title {*/
/*    margin: 0 0 25px;*/
/*    line-height: 1.2;*/
/*    font-size: 36px;*/
/*    font-weight: 600;*/
/*    font-family: 'Noto Sans KR', Arial, 'Nanum Barun Gothic', '맑은 고딕', 'Malgun Gothic', 'Nanum Gothic', Dotum, Gulim, sans-serif;*/
/*    letter-spacing: -0.25px;*/
/*    color: #fff;*/
/*    color: rgba(255,255,255,0.95);*/
/*    text-shadow: 1px 0 4px rgba(0,0,0,0.45);*/
/*}*/
/*.main-spot-area ul li.type2 p.sub-title {*/
/*    margin: 0 0 15px;*/
/*    line-height: 1.5;*/
/*    font-size: 24px;*/
/*    color: #fff;*/
/*    text-shadow: 1px 0 2px rgba(0,0,0,0.45);*/
/*}*/
/*.main-spot-area ul li.type2 p.date,*/
/*.main-spot-area ul li.type2 p.place {*/
/*    margin: 0 0 10px;*/
/*    font-size: 20px;*/
/*    color: #ffff80;*/
/*    color: rgba(255,255,128,0.95);*/
/*    text-shadow: 1px 0 1px rgba(0,0,0,0.45);*/
/*}*/
/*.main-spot-area ul li.type2 p.place {*/
/*    margin: 0 0 20px;*/
/*    color: #fff;*/
/*    color: rgba(255,255,255,0.9);*/
/*}*/
/*.main-spot-area ul li.type2 a.btn-go {*/
/*    display: inline-block;*/
/*    height: 36px;*/
/*    line-height: 36px;*/
/*    padding: 0 25px;*/
/*    text-align: center;*/
/*    font-size: 18px;*/
/*    color: #fff;*/
/*    border-radius: 2px;*/
/*    background-color: #2891dd;*/
/*}*/
/*.main-spot-area ul li.type2 a.btn-go:hover {*/
/*    background-color: #2183cb;*/
/*}*/

/*******************************************************************
   system banner style
******************************************************************* */
.system-banner {
    border-bottom: 1px solid #e9f3fc;
    /*background: #e9f3fc url(/images/banner_main/bg_main_banner_system.jpg) center 50% no-repeat;*/
    background: #e9f3fc;
}
.system-banner .inner {
    position: relative;
    padding-top: 25px;
    text-align: left;
}
.system-banner .inner .poster {
    position: absolute;
    top: 25px;
    left: 60px;
    width: auto;
    height: 300px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.45);
}
.system-banner .inner .con-area {
    padding-left: 340px;
}
.system-banner .inner .con-area .organ {
    margin: 0 0 15px;
}
.system-banner .inner .con-area .organ .name {
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.system-banner .inner .con-area .organ .section {
    display: inline-block;
    margin-left: -5px;
    padding: 5px 10px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
/* event-type */
.system-banner.type-k .organ .name { background-color: #cf7679; }
.system-banner.type-k .organ .section { background-color: #e68387; }
.system-banner.type-a .organ .name { background-color: #d29a82; }
.system-banner.type-a .organ .section { background-color: #eaab91; }
.system-banner.type-b .organ .name { background-color: #d2b854; }
.system-banner.type-b .organ .section { background-color: #eacd5d; }
.system-banner.type-c .organ .name { background-color: #66bd85; }
.system-banner.type-c .organ .section { background-color: #72d294; }
.system-banner.type-d .organ .name { background-color: #7b9fc2; }
.system-banner.type-d .organ .section { background-color: #89b1d8; }
.system-banner.type-e .organ .name { background-color: #727fa0; }
.system-banner.type-e .organ .section { background-color: #7e8db2; }
.system-banner.type-p .organ .name { background-color: #8780b5; }
.system-banner.type-p .organ .section { background-color: #968fca; }
.system-banner.type-r .organ .name { background-color: #4089db; }
.system-banner.type-r .organ .section { background-color: #649fe1; }
.system-banner.type-z .organ .name { background-color: #bb77ff; }
.system-banner.type-z .organ .section { background-color: #c78eff; }

.system-banner .inner .con-area .title {
    margin: 0 0 20px;
    line-height: 1.3;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -0.75px;
    color: #005596;
}
.system-banner .inner .con-area .date {
    margin: 0 0 10px;
}
.system-banner .inner .con-area .date .label-date {
    display: inline-block;
    margin-right: 10px;
    padding: 3px 8px;
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    border-radius: 2px;
    background-color: #aaa;
}
.system-banner .inner .con-area .date .text {
    display: inline-block;
    line-height: 1.3;
    vertical-align: middle;
    font-size: 17px;
    font-weight: bold;
    color: #333;
}
.system-banner .inner .con-area .place {
    margin: 0 0 30px;
}
.system-banner .inner .con-area .place .label-place {
    display: inline-block;
    margin-right: 10px;
    padding: 3px 8px;
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    border-radius: 2px;
    background-color: #aaa;
}
.system-banner .inner .con-area .place .text {
    display: inline-block;
    line-height: 1.3;
    vertical-align: middle;
    font-size: 17px;
    font-weight: bold;
    color: #333;
}
.system-banner .inner .con-area a.btn-go {
    display: inline-block;
    padding: 10px 20px;
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    color: #fff;
    border-radius: 2px;
    background-color: #005596;
}
.system-banner .inner .con-area a.btn-go:hover {
    background-color: #047ed9;
}

/*******************************************************************
   mobile banner style
******************************************************************* */
/* phone ~ 767px */
@media screen and (max-width: 767px) {

    /*
        type 0 - 대표배너
    */
    .main-spot-area ul li.type0 {
        background-size: cover;
    }
    .main-spot-area ul li.type0 .inner {
        padding-top: 30px;
        text-align: left;
    }
    .main-spot-area ul li.type0 p.title {
        margin: 0 0 10px;
        padding-left: 15px;
        font-size: 18px;
    }
    .main-spot-area ul li.type0 p.title small {
        font-size: 15px;
    }
    .main-spot-area ul li.type0 p.title b {
        margin-right: 10px;
        font-size: 28px;
    }
    .main-spot-area ul li.type0 p.title strong {
        font-size: 38px;
    }
    .main-spot-area ul li.type0 p.info {
        margin: 0 15px;
        padding: 10px;
        font-size: 12px;
        letter-spacing: -0.5px;
        background: rgba(255,255,255,0.75);
    }
    .main-spot-area ul li.type0 p.info br {
        display: none;
    }

    /*
	    type1 - 학술대회
    */
    .main-spot-area ul li.type1 {
        background: #d3e8f7 url(/images/main_banner/main_banner_default02.jpg) center bottom no-repeat !important;
    }
    .main-spot-area ul li.type2 {
        background: #d3e8f7 url(/images/main_banner/main_banner_default01.jpg) center bottom no-repeat !important;
    }
    .main-spot-area ul li.type1.conference .inner {
        width: 100%;
        height: auto;
    }
    .main-spot-area ul li.type1.conference a {
        display: none;
    }

    /*
	    type1 - 논문투고시스템 오픈
    */
    .main-spot-area ul li.type1.submission {
        background: #d3e8f7 url(/images/main_banner/main_banner_default02.jpg) center bottom no-repeat;
    }
    .main-spot-area ul li.type1.submission .inner {
        width: 100%;
        height: auto;
    }
    .main-spot-area ul li.type1.submission a {
        display: none;
    }

    /*
	    type2 - 기타
    */
    .main-spot-area ul li.type2.vote {
        background: #d3e8f7 url(/images/main_banner/main_banner_default01.jpg) center bottom no-repeat;
    }
    .main-spot-area ul li.type2 .inner {
        width: 100%;
        height: auto;
    }
    .main-spot-area ul li.type2 a {
        display: none;
    }

    /*
        type 1 - 국내컨퍼런스
    */
    .main-spot-area ul li.type1 {
        background-size: cover;
    }
    .main-spot-area ul li.type1 .inner {
        padding-top: 30px;
    }
    .main-spot-area ul li.type1 p.title {
        margin: 0 0 15px;
        font-size: 22px;
    }
    .main-spot-area ul li.type1 p.sub-title {
        margin: 0 0 10px;
        font-size: 15px;
    }
    .main-spot-area ul li.type1 p.date {
        margin: 0 0 20px;
        font-size: 13px;
    }
    .main-spot-area ul li.type1 a.btn-go {
        height: 30px;
        line-height: 30px;
        padding: 0 15px;
        font-size: 15px;
    }
    /* custom */
    .main-spot-area ul li.type1.custom .inner {
        text-align: center;
    }
    .main-spot-area ul li.type1.custom .inner .con-area {
        width: 100%;
        margin-left: auto;
        padding: 30px;
    }
    .main-spot-area ul li.type1.custom p.title {
        margin: 0 0 15px;
        font-size: 22px;
    }
    .main-spot-area ul li.type1.custom p.sub-title {
        margin: 0 0 10px;
        font-size: 15px;
    }
    .main-spot-area ul li.type1.custom p.date {
        margin: 0 0 20px;
        font-size: 13px;
    }

    /*
        type 2 - 국제컨퍼런스
    */
    .main-spot-area ul li.type2 {
        background-size: cover;
    }
    .main-spot-area ul li.type2 .inner {
        padding: 0;
    }
    .main-spot-area ul li.type2 .inner .con-area {
        height: 240px;
        padding: 30px 20px;
        background-color: rgba(0,0,0,0.45);
    }
    .main-spot-area ul li.type2 p.title {
        margin: 0 0 10px;
        font-size: 22px;
    }
    .main-spot-area ul li.type2 p.sub-title {
        margin: 0 0 10px;
        font-size: 15px;
    }
    .main-spot-area ul li.type2 p.date {
        margin: 0 0 10px;
        font-size: 15px;
    }
    .main-spot-area ul li.type2 p.place {
        margin: 0 0 15px;
        font-size: 15px;
    }
    .main-spot-area ul li.type2 a.btn-go {
        height: 30px;
        line-height: 30px;
        padding: 0 15px;
        font-size: 15px;
    }

    /*******************************************************************
       system banner style
    ******************************************************************* */
    .system-banner {
        border-bottom: 0;
    }
    .system-banner .inner {
        padding-top: 0;
    }
    .system-banner .inner .poster {
        display: none;
    }
    .system-banner .inner .con-area {
        padding: 30px;
    }
    .system-banner .inner .con-area .organ {
        margin: 0 0 15px;
    }
    .system-banner .inner .con-area .organ .name {
        font-size: 14px;
    }
    .system-banner .inner .con-area .organ .section {
        font-size: 14px;
    }
    .system-banner .inner .con-area .title {
        margin: 0 0 25px;
        font-size: 24px;
    }
    .system-banner .inner .con-area .title br {
        display: none;
    }
    .system-banner .inner .con-area .date {
        margin: 0 0 5px;
    }
    .system-banner .inner .con-area .date .label-date {
        margin-right: 5px;
        padding: 3px 5px;
        font-size: 12px;
    }
    .system-banner .inner .con-area .date .text {
        font-size: 15px;
    }
    .system-banner .inner .con-area .place {
        margin: 0 0 15px;
    }
    .system-banner .inner .con-area .place .label-place {
        margin-right: 5px;
        padding: 3px 5px;
        font-size: 12px;
    }
    .system-banner .inner .con-area .place .text {
        font-size: 15px;
    }
    .system-banner .inner .con-area a.btn-go {
        display: block;
        width: 150px;
        margin: 0 auto;
        padding: 8px 10px;
        font-size: 15px;
    }

}