/* main : reset */
body, input, select, textarea, a, th, td, caption, h1, h2, h3, h4, h5, h6 {
	font-family: "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;
}

div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset {
    float: none;
    display: block;
}

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, fieldset, legend, figure, menu {
    margin: 0;
    padding: 0;
    border: 0
}

table, th, td {
    border-spacing: 0;
    border-collapse: collapse;
}

ol, ul, li {
    list-style: none
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
    font-weight: normal
}

input, textarea, select, button {
    margin: 0;
    padding: 0;
    border-radius: 0;
    color: #333;
    outline: 0;
    vertical-align: middle
}

a:hover, a:active {
    text-decoration: none
}

a, button, input[type='submit'], input[type='button'], input[type='reset'] {
    border: 0;
    background: transparent;
    cursor: pointer
}

img {
    border: 0;
    vertical-align: top
}

/* global */
body {
    min-width: 320px;
}

@keyframes ani_fade_in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes ani_fade_out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.ani_fade_in {
    animation: ani_fade_in 0.3s;
    animation-fill-mode: forwards;
}

.ani_fade_out {
    animation: ani_fade_out 0.3s;
    animation-fill-mode: forwards;
}

.ellipsis {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.blind {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
}

.inner {
    max-width: 914px;
    margin: 0 auto;
}

.inner.type_01 {
    max-width: 1115px;
}

.container .inner {
    margin: 30px auto 0;
}

.cate {
    color: #4296dd;
}

body.on_popup {
    overflow: hidden;
}

body::after {
    content: url('//static.inven.co.kr/image_2011/igc/2020/gnb_on_long.png');
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden;
    z-index: -1;
}

/* layout */
.common_header {
    width: 100%;
    height: 62px;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #e3e3e3;
    z-index: 100;
    box-sizing: border-box;
}

.common_header .inner {
    height: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}

.common_header .logo {
    box-sizing: border-box;
}

.common_header .logo a {
    height: 100%;
    display: block;
    box-sizing: border-box;
}


.gnb_wrap {
    width: calc(100% - 116px);
    display: inline-flex;
    align-items: center;
}

.common_header .gnb_wrap .gnb::after {
    content: '';
    display: table;
    clear: both;
}

.common_header .gnb_wrap .gnb li {
    width: 16.66%;
    text-align: center;
    float: left;
    margin-left: 2px;
}

.common_header .gnb {
    width: 100%;
}

.common_header .gnb li:first-of-type {
    margin-left: 0;
}

.common_header .gnb li:nth-of-type(4) {
    width: 32.33%;
}

.common_header .gnb_wrap .gnb li:hover a,
.common_header .gnb_wrap .gnb li:active a,
.common_header .gnb_wrap .gnb li a.on {
    color: #fff;
    background: #062557 url('//static.inven.co.kr/image_2011/igc/2020/gnb_on.png') no-repeat 0 0;
    background-size: cover;
}

.common_header .gnb_wrap .gnb li:nth-of-type(4):hover a,
.common_header .gnb_wrap .gnb li:nth-of-type(4):active a,
.common_header .gnb_wrap .gnb li:nth-of-type(4) a.on {
    background-image: url('//static.inven.co.kr/image_2011/igc/2020/gnb_on_long.png');
}

@media screen and (max-width: 915px) {
    .common_header .gnb_wrap .gnb li:nth-of-type(4):hover a,
    .common_header .gnb_wrap .gnb li:nth-of-type(4):active a,
    .common_header .gnb_wrap .gnb li:nth-of-type(4) a.on {
        background-image: url('//static.inven.co.kr/image_2011/igc/2020/gnb_on.png');
    }
}

.common_header .gnb li a {
    height: 100%;
    line-height: 1;
    font-size: 14px;
    color: #808080;
    font-weight: 700;
    display: block;
    padding: 11px 0 10px 0;
    background: #EFEFEF;
    box-sizing: border-box;
}

.common_header .btn_menu {
    width: 24px;
    height: 24px;
    display: none;
    position: relative;
}

.common_header .btn_menu span:not(.blind) {
    width: 24px;
    height: 4px;
    background: #3D3D3D;
    transition: all 0.2s;
    position: absolute;
    left: 0;
}

.common_header .btn_menu span:nth-of-type(2) {
    top: 0;
}

.common_header .btn_menu span:nth-of-type(3) {
    top: 10px;
}

.common_header .btn_menu span:nth-of-type(4) {
    bottom: 0;
}


.container {
    padding-top: 62px;
    background: #F7F7F7;
}

.container::after {
    content: '';
    display: table;
    clear: both;
}

.notice_wrap {
    position: relative;
}

.notice_wrap::after {
    content: '';
    display: table;
    clear: both;
}

.notice_wrap > div {
    width: calc((100% - 12px) / 2);
    float: left;
    position: relative;
}

.notice_wrap > div .title,
.news_wrap > div .title {
    line-height: 0.9;
    font-size: 20px;
    font-weight: bold;
    color: #3D3D3D;
    letter-spacing: -0.05em;
}

.notice_wrap > div .btn_more,
.news_wrap .btn_more {
    height: 30px;
    line-height: 1;
    font-size: 12px;
    color: #A2A2A2;
    position: absolute;
    top: -6px;
    right: 0;
    padding-top: 7px;
    box-sizing: border-box;
}

.notice_wrap > div .btn_more::after,
.news_wrap .btn_more::after {
    content: '+';
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 4px;
}

.notice_wrap .notice {
    margin-right: 6px;
}

.notice_wrap .story {
    margin-left: 6px;
}

.notice_wrap .list {
    margin-top: 11px;
    border: 1px solid #CFCFCF;
    box-sizing: border-box;
}

.notice_wrap .list li {
    height: 42px;
    line-height: 40px;
    background: #fff;
    border-top: 1px dotted #CFCFCF;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.notice_wrap .list li:first-of-type {
    border-top: 0;
}

.notice_wrap .list li a {
    max-width: calc(100% - 94px);
    height: 100%;
    font-size: 14px;
    color: #515151;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    padding-left: 24px;
    box-sizing: border-box;
    letter-spacing: -0.05em;
}

.notice_wrap .list li a:hover {
    text-decoration: underline;
}

.notice_wrap .list li a::before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #CFCFCF;
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -3px;
}

.notice_wrap .list li .date {
    max-width: 94px;
    height: 100%;
    font-size: 14px;
    color: #959595;
    float: left;
    letter-spacing: -0.05em;
    position: relative;
    padding: 0 10px 0 12px;
    box-sizing: border-box;
}

.notice_wrap .list li .date::before {
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    background: #A5A5A5;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    margin-left: 6px;
}

.news_wrap {
    position: relative;
    margin-top: 28px;
}

.fake_position {
    position: absolute;
    top: -80px;
    z-index: -1;
}

.news_wrap .inner {
    margin: 0 auto;
    position: relative;
}

.news_wrap .list {
    background: #fff;
    margin-top: 14px;
    padding: 23px 28px 25px 26px;
    border: 1px solid #CFCFCF;
    box-sizing: border-box;
}

.news_wrap .list li:hover .img img {
    transform: translate(-50%, -50%) scale(1.05);
    transition: all .2s linear;
}

.news_wrap .list li a {
    height: 100%;
    padding: 16px 0 15px 0;
    border-bottom: 1px solid #BFBFBF;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.news_wrap .list li:first-of-type a {
    padding-top: 0;
}

.news_wrap .list li:last-of-type a {
    padding-bottom: 0;
    border-bottom: 0;
}

.news_wrap .list .img {
    width: 160px;
    height: 110px;
    border: 1px solid #D2D2D2;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
}

.news_wrap .list .img img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .1s linear;
}

.news_wrap .list .content {
    width: calc(100% - 160px);
    min-height: 110px;
    max-height: 115px;
    padding-left: 14px;
    box-sizing: border-box;
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 0;
}

.news_wrap .list .title_wrap {
    width: 100%;
    font-size: 0;
    overflow: hidden;
    margin-bottom: 3px;
}

.news_wrap .list .title_wrap .title {
    max-width: calc((100% - 16px) - 11%);
    line-height: 1;
    font-size: 16px;
    font-weight: bold;
    color: #323232;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: -0.05em;
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
}

.news_wrap .list .title_wrap .title:hover {
    border-bottom-color: #323232;
}

.news_wrap .list .title_wrap .title + .num {
    max-width: 11%;
    font-size: 13px;
    font-weight: 700;
    color: #ff4141;
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
}

.news_wrap .list .info {
    height: auto;
    max-height: 60px;
    line-height: 1.6;
    font-size: 12px;
    color: #6e6e6e;
    display: -webkit-box;
    word-break: keep-all;
    letter-spacing: -0.05em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 3px 0;
}

.news_wrap .list .info:hover {
    text-decoration: underline;
}

.news_wrap .list .write_list {
    line-height: 1.2;
    font-size: 0;
    color: #969696;
    border-bottom: 1px solid transparent;
    margin-top: 3px;
    box-sizing: border-box;
}

.news_wrap .list .write_list:hover {
    text-decoration: underline;
}

.news_wrap .list .write_list::after {
    content: '';
    display: table;
    clear: both;
}

.news_wrap .list .write_list span {
    font-size: 12px;
}

.news_wrap .list .write_list span::after {
    content: '|';
    display: inline-block;
    font-size: 12px;
    margin: 0 3px;
}

.news_wrap .list .write_list span:last-of-type::after {
    content: none;
}

.news_wrap .list .write_list .cate {
    color: inherit;
}

.igc-schedule {
	margin-top: 48px;
	text-align:center;
}

.igc-schedule img {
	max-width:100%;
}

.speakers_wrap.inner {
    margin-top: 48px;
    position: relative;
}

.speakers_wrap .title {
    line-height: 1;
    font-size: 38px;
    color: #262626;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.02em;
}

.speakers_wrap .list {
    margin-top: 33px;
    font-size: 0;
}

.speakers_wrap .list li {
    width: calc((99.9% - 33px) / 4);
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    margin-right: 11px;
}

.speakers_wrap .list li:hover .img::before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, .3) url('//static.inven.co.kr/image_2011/igc/2020/speaker_hover.png') center center no-repeat;
    background-size: cover;
    border: 3px solid #37a1f9;
    box-sizing: border-box;
    border-radius: 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.speakers_wrap .list li:nth-of-type(-n + 4) {
    margin-top: 0;
}

.speakers_wrap .list li:nth-of-type(4n) {
    margin-right: 0;
}

.speakers_wrap .list li a {
    height: 100%;
    display: block;
}

.speakers_wrap .list li a::after {
    content: '';
    display: table;
    clear: both;
}

.speakers_wrap .list .img {
    width: 100%;
    height: 0;
    float: left;
    position: relative;
    padding-top: calc(222 / 220 * 100%);
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 20px;
}

.speakers_wrap .list .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.speakers_wrap .info_box {
    width: 100%;
    text-align: center;
    font-weight: bold;
    float: left;
    margin-top: 10px;
}

.speakers_wrap .info_box .name {
    font-size: 16px;
    color: #262626;
    word-break: break-word;
}

.speakers_wrap .info_box .info {
    font-size: 14px;
    color: #7f7f7f;
    margin-top: 4px;
    word-break: break-word;
}

:root {
	--main-visual-bg: url('//static.inven.co.kr/image_2011/igc/2021/main_visual.jpg?v=20211021');
	--main-visual-height: 380;
}
/* module */
.main_visual {
    height: 0;
    background: center center no-repeat;
	background-image:var(--main-visual-bg, url('//static.inven.co.kr/image_2011/igc/2021/main_visual.jpg?v=20211021'));
    background-size: cover;
    padding-top: calc(var(--main-visual-height, 380) / 1920 * 100%);
}

.company_area {
    width: 100%;
    position: relative;
    margin: 85px auto 53px;
    background: #f7f7f7;
    box-sizing: border-box;
    float: left;
}

.company_area .inner {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 auto;
}

.company_area .inner:after {
    content: '';
    display: table;
    clear: both;
}

.company_area .item {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    flex-flow: column;
}

.company_area .item .name {
    height: 53px;
    line-height: 51px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin-bottom: 6px;
    box-sizing: border-box;
}

.company_area .item .name.color01 {
    background: #00a7ff;
    border-top: 2px solid #006cff
}

.company_area .item .name.color02 {
    background: #ff9f00;
    border-top: 2px solid #ff6c00
}

.company_area .item .list {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 14px;
    box-sizing: border-box;
}

.company_area .item .list .logo {
    width: 20%;
    padding: 12px 15px;
    box-sizing: border-box;
}

.company_area .item .list .logo img {
    max-width: 100%;
}

.company_area .item .list li a {
    height: 100%;
    display: block;
}

/* popup */
.igc_modal_wrap {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
    display: none;
    box-sizing: border-box;
    animation: ani_fade_out 0.3s;
    animation-fill-mode: forwards;
}

.igc_modal_wrap:target {
    display: block;
    overflow: hidden;
    overflow-y: auto;
    animation: ani_fade_in 0.3s;
    animation-fill-mode: forwards;
}

.igc_modal {
    width: 90%;
    max-width: 720px;
    background: #fff;
    margin: 10% auto;
    overflow: hidden;
    padding: 30px 40px;
    position: relative;
    z-index: 1000;
    box-sizing: border-box;
}

.igc_modal .info_wrap::after {
    content: '';
    display: table;
    clear: both;
}

.igc_modal .info_wrap .img {
    width: 126px;
    float: left;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.igc_modal .info_wrap .img img {
    width: 100%;
    height: 100%;
}

.igc_modal .info_wrap .info_box {
    width: calc(100% - 126px);
    float: left;
    padding: 11px 18px 4px 18px;
    box-sizing: border-box;
}

.igc_modal .info_wrap .info_box .sns_list {
    margin-top: 24px;
    margin-left: -8px;
}

.igc_modal .info_wrap .info_box .sns_list::after {
    content: '';
    display: table;
    clear: both;
}

.igc_modal .info_box .sns_list li {
    width: 29px;
    height: 29px;
    float: left;
    margin-top: 8px;
    margin-left: 8px;
    background: url('//static.inven.co.kr/image_2011/igc/2020/icon_sns.png') 0 0 no-repeat;
    border-radius: 50%;
}

.igc_modal .info_box .sns_list li.twitter {
    background-position: 0 0;
}

.igc_modal .info_box .sns_list li.facebook {
    background-position: -36px 0;
}

.igc_modal .info_box .sns_list li.linkedin {
    background-position: -72px 0;
}

.igc_modal .info_box .sns_list li.instagram {
    background-position: -108px 0;
}

.igc_modal .info_box .sns_list li.youtube {
    background-position: -144px 0;
}

.igc_modal .info_box .sns_list li.twitch {
    background-position: -180px 0;
}

.igc_modal .info_box .sns_list li.email {
    background-position: -216px 0;
}

.igc_modal .info_box .sns_list li.home {
    background-position: -252px 0;
}

.igc_modal .info_box .sns_list li a {
    height: 100%;
    display: block;
}

.igc_modal .info_wrap .info {
    width: 100%;
    line-height: 1.6;
    font-size: 13px;
    color: #999;
    float: left;
    word-break: keep-all;
    margin-top: 26px;
    white-space: pre-wrap;
}

.igc_modal .info_box .name {
    font-size: 20px;
    font-weight: bold;
    color: #0e5f9f;
}

.igc_modal .info_box .description {
    font-size: 15px;
    color: #999;
    margin-top: 13px;
}

.igc_modal .topic_wrap > .deco {
    width: 45px;
    height: 17px;
    line-height: 1.4;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: #f34f4f;
    display: block;
    margin: 46px auto 16px;
    position: relative;
    z-index: 1;
}

.igc_modal .topic_wrap > .deco::before {
    content: '';
    display: block;
    width: 100vw;
    height: 1px;
    background: #f34f4f;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-left: calc(-50vw + 50%);
    z-index: -1;
}

.igc_modal .topic_wrap .info_wrap {
    font-size: 0;
    text-align: center;
}

.igc_modal .topic_wrap .info_wrap .link {
    font-size: 18px;
    font-weight: bold;
    color: #f34f4f;
    text-align: center;
    display: inline-block;
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
}

.igc_modal .topic_wrap .info_wrap a.link:hover {
    border-bottom-color: #f34f4f;
}

.igc_modal .topic_wrap .info_wrap .info {
    text-align: left;
}

.igc_modal .btn_close {
    width: 18px;
    height: 16px;
    background: url('//static.inven.co.kr/image_2011/igc/2020/icon_close.png') 0 0 no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}

@media all and (max-width: 915px) {
    .header .gnb_wrap {
        float: none;
        position: absolute;
        top: 100%;
        right: 0
    }

    .header .btn_menu {
        display: block;
        float: right;
        width: 45px;
        height: 45px;
        margin: 7px 5px 0 0
    }

    .common_header .gnb_wrap .gnb li {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
    }

    .common_header .gnb li:nth-of-type(4) {
        width: 100%;
    }

    .gnb_wrap .btn_link {
        display: block;
        width: 100%;
        height: 30px;
        padding: 0 20px;
        color: #fff;
        text-align: left;
        line-height: 30px;
        box-sizing: border-box
    }

    .company_area .item .list li a {
        text-align: center;
    }
}

@media all and (max-width: 768px) {
    .time_zone .d_day {
        width: 100%
    }

    .d_day .icon_area {
        width: 20%;
        padding: 5px 0;
        text-align: center
    }

    .d_day .area {
        width: 20%
    }

    .d_day .value {
        font-size: 18px
    }

    .d_day .text {
        font-size: 12px
    }

    .igc_info .title {
        font-size: 26px
    }

    .speaker_info .info_area .left_area {
        float: none;
        width: 210px;
        margin: 0 auto 10px
    }

    .speaker_info .info_area .left_area .img {
        width: 100%;
        height: 220px
    }

    .speaker_info .info_area .right_area {
        float: none;
        width: 100%;
        min-height: 0;
        padding: 20px
    }

    .speaker_info .info_area .right_area .name {
        font-size: 24px
    }

    .carousel_area02 .carousel_area .list_area {
        width: 100%;
        height: 892px;
        max-width: 250px
    }

    .carousel_area02 .carousel_area .item_wrap .item {
        width: 48%;
        height: 220px;
        margin-right: 4%
    }

    .carousel_area02 .carousel_area .item_wrap .item:nth-child(2n) {
        margin-right: 0
    }

    .carousel_area02 .carousel_area .item_wrap .item .img_area {
        width: 100%;
        height: auto
    }

    .carousel_area02 .carousel_area .btn_left {
        left: 10px
    }

    .carousel_area02 .carousel_area .btn_right {
        right: 10px
    }

    .carousel_area02 .carousel_area .btn {
        width: 20px;
        height: 40px
    }

    .carousel_area02 .carousel_area .btn::before {
        top: 8px;
        width: 22px;
        height: 22px
    }

    .time_table .btn_request {
        height: 50px;
        background: #42a8ff;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        line-height: 50px;
        text-shadow: 1px 0 1px rgba(0, 66, 36, 0.3)
    }

    .time_table .btn_request .yellow {
        color: #c3ff6f
    }

    .time_table .btn_area .btn_tab {
        height: 40px;
        line-height: 40px;
        background: #4c63a6;
        color: #fff;
        font-size: 16px;
    }

    .time_table .btn_area .btn_tab:last-child {
        margin-right: 0;
        background: #4c8ea6 !important;
        border-top: 2px solid #356374;
        color: #fff;
    }

    /* .time_table .btn_area .btn_tab.act{background:#f1f1f1} */
    .directions_area .text_area {
        padding: 0 10px
    }

    .directions_area .text_area .name {
        float: none;
        margin-bottom: 10px
    }

    .directions_area .text_area .value_area {
        float: none;
        width: 100%
    }

    .directions_area .map {
        width: 300px;
        margin: 0 auto 17px;
        height: 280px;
        background-position: -440px -210px
    }

    .company_area .item .list .logo {
        width: 50%
    }

    .board_area {
        padding: 20px 10px
    }

    .board_area .left_area {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px
    }

    .board_area .right_area {
        float: none;
        width: 100%;
        padding-left: 0
    }

    .story_area .list_area {
        padding: 0 10px
    }

    .story_area .list_area .item {
        float: none;
        width: 100%
    }

    .story_area .list_area .item:nth-child(2n) {
        float: none
    }
}

@media all and (max-width: 580px) {
    .carousel_area01 .carousel_area {
        max-width: 339px
    }

    .carousel_area01 .carousel_area .list_area {
        left: auto
    }
}


/*추가*/
@media screen and (max-width: 1024px) {
    .igc_modal {
        padding: 20px;
    }

}

@media screen and (max-width: 945px) {
    .container .inner {
        padding: 0 10px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 930px) {
    .common_header .inner {
        padding: 0 10px;
        box-sizing: border-box;
    }

    .gnb_wrap {
        width: calc(100% - 96px);
    }
}


@media screen and (max-width: 915px) {
    .common_header .inner {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-flow: row wrap;
    }

    .common_header .inner::after {
        content: none;
    }

    .gnb_wrap {
        width: 100%;
        display: none;
        position: absolute;
        top: 61px;
        right: 0;
    }

    .gnb_wrap.on {
        display: block;
        box-shadow: 8px 12px 12px -8px #ddd;
        z-index: 100;
    }

    .common_header .btn_menu {
        display: block;
    }

    .common_header .btn_menu.on span:not(.blind) {
        position: absolute;
    }

    .common_header .btn_menu.on span:not(.blind):nth-of-type(2) {
        transform: translateY(10px) rotate(-45deg);
        transition: all 0.2s;
    }

    .common_header .btn_menu.on span:not(.blind):nth-of-type(3) {
        opacity: 0;
    }

    .common_header .btn_menu.on span:not(.blind):nth-of-type(4) {
        transform: translateY(-10px) rotate(45deg);
        transition: all 0.4s;
    }

    .news_wrap {
        padding: 0 10px;
    }

    .news_wrap .inner {
        padding: 0;
    }

    .news_wrap .list {
        padding: 15px;
    }

    .notice_wrap .story .list li a {
        max-width: none;
        width: 100%;
        padding: 0 24px;
    }
}

@media screen and (max-width: 768px) {
    .main_visual {
        padding-top: calc(380 / 1200 * 100%);
        background-size: cover;
    }

    .notice_wrap > div {
        float: none;
        width: 100%;
        margin: 0;
    }

    .notice_wrap .story {
        margin-left: 0;
        margin-top: 20px;
    }

    .speakers_wrap .list li {
        width: calc((99.9% - 22px) / 3);
    }

    .speakers_wrap .list li:nth-of-type(4n) {
        margin-right: 11px;
    }

    .speakers_wrap .list li:nth-of-type(3n) {
        margin-right: 0;
    }

    .speakers_wrap .list li:nth-of-type(-n + 4) {
        margin-top: 30px;
    }

    .speakers_wrap .list li:nth-of-type(-n + 3) {
        margin-top: 0;
    }
}

@media screen and (max-width: 640px) {
    .igc_modal .info_wrap .img {
        width: 127px;
        height: 128px;
        float: none;
        margin: 0 auto;
    }

    .igc_modal .info_wrap .info_box {
        width: 100%;
        margin-top: 15px;
        padding: 0;
        text-align: center;
        float: none;
    }

    .igc_modal .info_wrap .info_box .sns_list {
        font-size: 0;
    }

    .igc_modal .info_box .sns_list li {
        float: none;
        display: inline-block;
    }
}

@media screen and (max-width: 599px) {
    .igc_modal {
        margin: 20% auto;
    }
}

@media screen and (max-width: 480px) {
    .news_wrap .list .img {
        width: 100%;
        height: 0;
        padding-top: calc(180 / 380 * 100%);
    }

    .news_wrap .list .img img {
        width: 100%;
        height: auto;
    }

    .news_wrap .list .content {
        width: 100%;
        height: 100%;
        padding: 0;
        margin-top: 15px;
    }

    .news_wrap .list .write_list {
        margin-top: 3px;
    }

    .speakers_wrap .list li {
        width: calc((99.9% - 11px) / 2);
    }

    .speakers_wrap .list li:nth-of-type(3n) {
        margin-right: 11px;
    }

    .speakers_wrap .list li:nth-of-type(2n) {
        margin-right: 0;
    }

    .speakers_wrap .list li:nth-of-type(-n + 3) {
        margin-top: 30px;
    }

    .speakers_wrap .list li:nth-of-type(-n + 2) {
        margin-top: 0;
    }
}

/* footer : 반응형 */
#comHeadlink {
    width: auto !important;
    height: auto !important;
    display: block;
}

#comTailGotoMobileWeb {
    display: none;
}

@media screen and (max-width: 1190px) {
    body.b1170 #comTailCoplyright .tail2TopBttn {
        right: 10px;
    }

    #comTailCoplyright {
        max-width: 1170px;
        width: 100%;
        padding: 0;
    }

    #comTailCoplyright .infomationMenuList {
        width: 100%;
        text-align: center;
        padding: 0 40px 0 0;
        box-sizing: border-box;
    }

    #comTailCoplyright .infomationContent {
        max-width: 1170px;
        width: 90%;
        position: relative;
        margin: 20px auto 40px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column-reverse;
    }
    #comTailCoplyright .infomationContent .infoText {
        justify-content: center;
        padding: 25px 10px 0 10px;
    }
    #comTailCoplyright .infomationContent .infoBanner {
        justify-content: center;
    }
}

@media screen and (max-width: 915px) {
    #comTailCoplyright .infomationMenuList {
        text-align: center;
        overflow: hidden;
    }

    #comTailCoplyright .infomationMenuList li.menu {
        width: auto;
        margin-top: 0;
        background: #fff;
        float: left;
    }
}

@media screen and (max-width: 900px) {
    #comTailCoplyright .infomationContent {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 25px 0 30px 0;
    }

    #comTailCoplyright .infomationContent::before {
        position: static;
        margin-right: 10px;
        order: 1;
    }

    #comTailCoplyright .infomationContent .infoText {
        width: 100%;
        line-height: 1.5;
        text-align: center;
        word-break: break-word;
        box-sizing: border-box;
        order: 3;
    }

    #comTailCoplyright .infomationContent::after {
        position: static;
        margin-left: 10px;
        order: 2;
    }
}

@media screen and (max-width: 640px) {
    #comTailCoplyright .infomationContent .infoText {
        flex-direction: column;
        align-items: center;
        padding-top: 10px !important;
    }
    
    #comTailCoplyright .infomationContent .infoText::before {
        margin: 0 0 10px 0;
    }
}

@media screen and (max-width: 445px) {
    #comTailCoplyright .infomationContent .infoText {
        text-align: left;
    }
}

@media screen and (max-width: 400px) {
    #comTailCoplyright .infomationContent .infoBanner {
        flex-direction: column-reverse;
    }
    #comTailCoplyright .infomationContent .infoBanner > div {
        margin-bottom: 5px;
    }
    #comTailCoplyright .infomationContent .infoBanner .onc::before {
        background-position: -5px -132px;
    }
}