@charset "utf-8";

@font-face {
    font-family: 'NotoRegular';
    font-style: normal;
    font-weight: normal;
    src:
        url('../font/notoSanskr/NotoSansKR-Regular.woff') format('woff'),
        url('../font/notoSanskr/NotoSansKR-Regular.woff2') format('woff2'),
        url('../font/notoSanskr/NotoSansKR-Regular.otf') format('opentype'),
        url('../font/notoSanskr/NotoSansKR-Regular.ttf') format("truetype");
}

@font-face {
    font-family: 'NotoBold';
    font-style: normal;
    font-weight: normal;
    src:
        url('../font/notoSanskr/NotoSansKR-Bold.woff') format('woff'),
        url('../font/notoSanskr/NotoSansKR-Bold.woff2') format('woff2'),
        url('../font/notoSanskr/NotoSansKR-Bold.otf') format('opentype'),
        url('../font/notoSanskr/NotoSansKR-Bold.ttf') format("truetype");
}

/* reset */
*{ box-sizing: border-box; }
article, aside, audio, body, button, canvas, dd, details, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, legend, li, menu, nav, ol, p, section, select, table, td, textarea, th, ul, video { margin: 0; padding: 0 }
body { background-color: #fff; color: #222; font-style: normal; font-family: 'NotoRegular', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', Dotum; line-height: 1.6; font-size: 100%;letter-spacing: -0.06em;-webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; }
button, fieldset, iframe, img { border: 0 none }
li { list-style: none }
button { font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', Dotum; background: 0 0; cursor: pointer; vertical-align: middle; -webkit-appearance: none; }
table { border-collapse: collapse; border-spacing: 0 }
td, th { border-collapse: collapse }
caption,  legend { display: none }
form { display: inline }
input, select, textarea { padding: 0; color: #000; border: 0 none; border-radius: 0; font-size: 16px; font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', Dotum; vertical-align: middle; resize: none; -webkit-appearance: none; letter-spacing: -1px }
input::-ms-clear { display: none }
input[type=checkbox]:focus+i, input[type=radio]:focus+i { border-color: #000 }
address, cite, em, i, u { font-style: normal }
a { text-decoration: none; color: #000; }
body, html {height:100%}
body { -ms-word-break: keep-all; word-break: keep-all;}
img { line-height: 0; border: 0; font-size: 0; line-height:1;}
.offscreen{ position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); word-break: initial; word-wrap: initial; }
.mt15{margin-top:15px !important;}
.blind{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(1px,1px,1px,1px);word-break:initial;word-wrap:initial;}
.bold{font-weight:bold;}
.clearfix {clear:both; *zoom:1}
.clearfix:after {display:block; content:''; clear:both}
.point_txt{color:#7a2a31;}
.point_txt.type2{color:#119877;}
.pc_view{display:block !important;}
.m_view{display:none !important;}
.pc_view_inline{display:inline-block !important;}
.m_view_inline{display:none !important;}
.pc_table{display:table !important;}
.m_table{display:none !important;}
.fs16{font-size:16px!important;}
.mt30{margin-top:30px;}
.point_color{color:#ff4845!important}
.clearfix { zoom: 1;/* ie 6,7 */}
.clearfix::before,.clearfix::after { content: " "; display: table;}
.clearfix::after { clear: both;}
h2 {margin-block-end: 0; margin-block-start: 0;}
@media all and (max-width:640px){
    body{word-break:normal;}
    .pc_view{display:none !important;}
    .m_view{display:block !important;}
    .pc_view_inline{display:none !important;}
    .m_view_inline{display:inline-block !important;}
    .pc_table{display:none !important;}
    .m_table{display:table !important;}
}

/* wrap */
.wrap{position:relative;min-width:320px;margin:0 auto;background: #fff; padding-bottom:78px;}

/* header */
.header {width:100%;max-width:1280px; margin:0 auto; background-color:#eef3f6; font-size: 0;}
.header .top_visual {width:100%;}
.header .main_visual {display:block;}
.header .m_main_visual {display:none;}
.pc_cont {display:block !important;}
.pc_cont img,
img.pc_cont {max-width: 100%;}
.mo_cont {display:none !important;}
.mo_cont img,
img.mo_cont {width: 100%;}

@media all and (max-width:640px){
    .wrap {padding-bottom:50px;}
    .header .main_visual {display:none;}
    .header .m_main_visual {display:block;}

    .pc_cont {display:none !important;}
    .mo_cont {display:block !important;}
}
.clearfix:before, .clearfix:after {
    display: block;
    content: '';
    line-height: 0;
}

.clearfix:after {
    clear:both;
}

.clearfix {
    *zoom: 1;
}

/* content */
.content {width:100%; max-width:1280px; margin:0 auto; background-color:#fff; padding-top: 80px;}
.events {width:100%; max-width:1040px; box-sizing:border-box; margin:0 auto;}
.events .event_box {width:100%; max-width:1040px; margin: auto 0; background: #fff; padding-bottom: 60px; margin-bottom: 60px; box-shadow: 0px 6px 9px 0px #eaeaea;}
.events .tit-type01 {text-align:center; padding-top:60px;}
.events .tit-type02 {text-align:center; font-size:32px; color:#162755; letter-spacing:-1px; font-family: 'NotoBold'; background: #86acfc; border-radius: 80px 80px 0 0; padding: 30px 0;}
.events .tit-type02 span {display: block; font-family: 'NotoRegular'; font-weight: 400;}
.events .tit-type02 .orange {color: #fff; display: block;}
.events .tit-type02 .circle {margin-bottom: 15px; font-family: 'NotoBold'; border-radius: 50%; background: #172856; width: 67px; height: 67px; line-height: 2; position: relative; left: 50%; transform: translateX(-50%);}
.events .tit-box01 {text-align:center; font-size:34px; padding:5px 60px 0; box-sizing:border-box; background-color:#238de1; color:#fff; letter-spacing:-1px; display:inline-block; border-radius:50px; position:relative; left:50%; transform:translateX(-50%);}
.events .list-type01 {padding: 60px 68px 0 68px;}
.events .list-type01 li {padding-bottom:20px; font-size:24px; clear:both; line-height: 100%;}
.events .list-type01 li:last-child {padding-bottom:0;}
.events .list-type01 li h4 {float:left;}
.events .list-type01 li p {font-size: 18px; float:left; width:calc(100% - 146px); padding-left:15px; padding-top:10px; font-family: 'NotoRegular'; letter-spacing: -0.4px;}
.events .list-type01 li .bigimg {padding-top: 0;}
.events .list-type01 li .bigimg2 {padding-top: 0; margin: 0 auto; display: block;}
.events .list-type01 li p span {font-size:18px;}
.events .btnBox {max-width: 920px; width: 100%; margin: 0 auto;}
.color_orange {color:#ed4c0c; font-family: 'NotoBold';}
.card_list {padding-top: 30px;}
.pt0 {padding-top: 0 !important;}
.mb20 {margin-bottom: 45px;}
p l {color: #737373;}
.benefit {width: 620px; margin: 0 auto;}
.benefit li {font-size: 18px !important; position: relative; padding-left: 10px; padding-bottom: 13px !important;}
.benefit li:after {position: absolute; content: ''; top: 8px; left: 0; width: 3px; height: 3px; background: #000; border-radius: 50%;}
@media all and (max-width:640px){
    .events .tit-type01 {font-size:22.5px; letter-spacing:-1px; padding-top:40px;}
    .events .tit-type02 {font-size:18px; letter-spacing:-1px; word-break: keep-all; padding: 15px 0;}
    .events .tit-type02 .circle {line-height: 3.2;}
    .events .tit-box01 {font-size:17px; padding:5px 0 0; width:100%;}
    .events .event_box {padding: 0 15px; padding-bottom: 40px; border-radius: 0 0 30px 30px;}
    .events .list-type01 {padding: 45px 0 0 0;}
    .events .list-type01 li {font-size:14px; padding-bottom:30px;}
    .events .list-type01 li:last-child {padding-bottom:0;}
    #event02 .list-type01 li:last-child, #event03 .list-type01 li:last-child {padding-bottom:0;}
    .events .list-type01 li p {width:100%; text-align:center; padding-left: 0; font-size: 14px; word-break: keep-all; line-height: normal;}
    .events .list-type01 li h4 {width:100%; text-align:center;}
    .events .list-type01 li h4 img {width:115px; margin:0 auto;}
    .events .list-type01 li p span {font-size:9px;}
    .events .list-type01 li .bigimg {padding-top: 20px;}

    .benefit {width: 100%;}
    .desc {width: 100%;}
}

/* event01 */
.events .txt-type01 {text-align:center; font-size:18px; margin-top:60px; margin-bottom:40px; padding-left:44px; position:relative; display:inline-block; left:50%; transform:translateX(-50%);}
.events .txt-type01:before {content:""; display:block; background:url(../img/event14_2/ico_01.png) no-repeat; width:35px; height:53px; position:absolute; left:-10px; top:-10px;}
.events .txt-type01.txt-type02:before {top:-5px;}
.events .list-type01 li .card {float:left; width:calc(25% - 13.5px); margin-right:18px; margin-bottom:10px;}
.events .list-type01 li .card:last-child {margin-right:0;}
/* #event01 .tit-type01 {padding-top:100px;} */
#event01 a {float:left; width:49%; background-color:#8ebaff; color:#000; border-radius:20px; padding:26px 0 26px; text-align:center; font-size:18px; font-family: 'NotoBold';}
#event01 a:first-child {margin-right:2%;}
#event01 a:last-child {color:#000; background: #5396ff;}
#event01 .btnBox2 a {width: 100%; background: #1566e4; color: #fff; margin-top: 20px;}

#event02 a {float:left; width:49%; background-color:#9dc7ff; color:#000; border-radius:20px; padding:26px 0 26px; text-align:center; font-size:18px; font-family: 'NotoBold';}
#event02 a:first-child {margin-right:2%;}
#event02 a:last-child {color:#000; background: #6aa7fa;}
#event02 .btnBox2 a {width: 100%; background: #2a72d4; color: #fff; margin-top: 20px;}


#event01 .box02 {padding:60px 0;}
#event01 .box02 .tit-box01 {left:0; padding:10px 30px 5px; transform: translateX(0); font-size:28px;}
#event01 .box02 .tit-box02 {text-align:center; font-size:28px; padding:10px 0 5px; box-sizing:border-box; background-color:#0066c4; color:#fff; letter-spacing:-1px; display:inline-block; border-radius:50px; float:right; width:calc(100% - 135px);}
#event01 .box02 .tit-box02 span {color:#f4ff75;}
#event01 .box03 .list-type02 li {float:left; height:400px; padding:40px 0; width:calc(33.33% - 14px); margin-right:21px; text-align:center; background-color:#fff; border-radius:30px; box-sizing:border-box; box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
#event01 .box03 .list-type02 li:last-child {margin-right:0;}
#event01 .box03 .list-type02 li strong {color:#1d66c0; font-size:32px; display:block; padding-bottom:35px;}
#event01 .box03 .list-type02 li span {display:block; padding-top:50px; font-size:26px;}
#event01 .box03 .list-type02 li:last-child span {padding-top:30px;}
#event01 .box04 img{display:block; margin:40px auto;}
#event01 .box04 strong {width:100%; max-width:760px; padding:10px 0 5px;}
#event01 .box05 .graph_class {text-align:center; padding-bottom:50px;}
#event01 .box05 .graph_class div {display:inline-block;}
#event01 .box05 .graph_class div span {vertical-align:middle; display:inline-block; border-radius:10px; width:85px; height:30px; box-sizing:border-box; background-color:#fff; border:1px solid #c9c9c9;}
#event01 .box05 .graph_class div strong {vertical-align:middle; display:inline-block; border-radius:10px; width:140px; height:30px; line-height:32px; box-sizing:border-box; background-color:#000; color:#fff; font-weight:normal;}
#event01 .box05 .graph_class div:first-child {margin-right:18px;}
#event01 .box05 .graph_class div:first-child span {background-color:#f4ff75; border-color:#d7e800;}
#event01 .box05 .graph img {width:100%;}
#event01 .box05 .graph_desciption {width:80%; font-size:24px; text-align:center;}
#event01 .box05 .graph_desciption strong {font-size:32px; display:block; padding-bottom:10px;}
#event01 .box05 .graph_class.m_view {padding-bottom:0; background-color:#f0f0f0; border-radius:10px; padding:8px; box-sizing:border-box; margin-top:10px;}
#event01 .box05 .graph_class.m_view div {display:block; width:100%;}
#event01 .box05 .graph_class.m_view div span {vertical-align:middle; display:inline-block; border-radius:5px; width:25px; height:15px; box-sizing:border-box; background-color:#fff; border:1px solid #c9c9c9;}
#event01 .box05 .graph_class.m_view div:first-child span {background-color:#f4ff75; border-color:#d7e800;}
#event01 .box05 .graph_class.m_view div strong {border-radius:5px; width:70px; height:15px; line-height:18px; font-size:9px;}
#event01 .box05 .graph_class.m_view p {float:left; clear: both;}
#event01 .box05 .graph_class.m_view ul {float:left; width:calc(100% - 100px); font-size:9px; text-align:left; padding-top:5px;}
#event01 .box05 .graph_class.m_view ul li {position:relative; padding-left:15px;}
#event01 .box05 .graph_class.m_view ul li:before {content:"-"; position:absolute; left:5px; top:0;}
.bnr {margin-top: 60px;}
.bnr img {width: 100%;}


@media all and (max-width:640px){
    .events .txt-type01 {font-size:16px; margin-top:45px; margin-bottom:15px; padding-left:30px; text-align: center;}
    .events .txt-type01:before {width:26px; height:45px; left:0; top:0px; background-size:100% auto;}
    #event01 .tit-type01 {padding-top:50px;}
    #event01 a {width:100%; padding:18px 0 18px; font-size:18px; margin-bottom:10px; border-radius:15px;}
    #event01 .btnBox2 a {margin-top: 0;}
    .events .list-type01 li .card {width:calc(50% - 5px); margin-right:10px; margin-bottom:10px;}
    .events .list-type01 li .card:nth-child(2) {margin-right:0;}
    .events .list-type01 li .card:last-child {margin-right:0;}
    #event01 .box02 {padding:40px 0 20px;}
    #event01 .box02 .tit-box01 {left:50%; padding:10px 20px 5px; transform: translateX(-50%); font-size:14px; width:auto;}
    #event01 .box02 .tit-box02 {width:100%; font-size:14px; padding:10px 0 5px; letter-spacing:0px; border-radius:50px; float:none; margin-top:15px;}
    #event01 .box03 .list-type02 li {width:100%; height:auto; padding:23px 0; margin-right:0; border-radius:15px; margin-bottom:20px;}
    #event01 .box03 .list-type02 li strong {font-size:18px; padding-bottom:19px;}
    #event01 .box03 .list-type02 li img {height:50px;}
    #event01 .box03 .list-type02 li span {padding-top:18px; font-size:18px;}
    #event01 .box03 .list-type02 li:last-child {margin-bottom:0;}
    #event01 .box04 img{margin:40px auto; width:30px; height:auto;}
    #event01 .box04 .tit-box01 {padding:20px 0 17px;}
    #event01 .box05 .graph_desciption {width:100%; font-size:9px;}
    #event01 .box05 .graph_desciption strong {font-size:12.5px; padding-bottom:10px;}
    .events .txt-type01:before {top: 5px;}
    .events .txt-type01.txt-type02:before {top: 5px;}
}

/* event02 */
#event02 .tit-box01 {width:100%; max-width:760px; padding:10px 0 5px;}
#event02 .box01 {text-align:center; background-color:#fff; padding:0;}
#event02 .box01 div {width:100%; height:100%; background:url(../img/event14_2/img_bg01.png) no-repeat right 5% bottom; padding:50px 55px;}
#event02 .box01 img {width:75%;}
#event02 .box02 {margin-bottom:80px;}
@media all and (max-width:640px){
    #event02 .tit-box01  {padding:20px 0 17px;}
    #event02 .box01 div {padding:45px 18px; background-size:35% auto;}
    #event02 .box01 img {width:100%;}
    #event02 .box02 a {border-radius:10px; padding:18px 0 16px; font-size:14px; margin-top:0; margin-bottom:10px; width: 100%;}
    #event02 .box02 {margin-bottom:40px;}
}

/* notice_wrap */
.notice_wrap {background-color:#272727; color:#e6e5e5; padding:50px 20px; font-size:22px; box-sizing:border-box; font-family:'NotoRegular';}
.notice_wrap h4 {font-weight: normal; font-size: 18px; font-family: 'NotoRegular';}
.notice_wrap .notice_box {width:100%; max-width:1040px; margin:0 auto;}
.notice_wrap .tit {font-size:16px;padding-bottom:15px; font-family: Arial, "NotoBold"}
.notice_wrap ul {padding-bottom:10px; line-height:1.4;}
.notice_wrap .list02 {font-family:'NotoBold'; padding: 25px 0;}
.pt20 {padding-top: 20px;}
.notice_wrap ul li {padding-left:20px; position:relative; line-height: normal; font-size: 22px; font-family: 'NotoRegular';}
.notice_wrap ul.list02 li {font-family: 'NotoBold';}
.notice_wrap ul li::before {content:"·"; font-size:22px; display:block;position:absolute; width:10px; height:10px; left:0; top: 0; }
@media all and (max-width:640px){
    .notice_wrap {padding:35px 20px; font-size:14px; margin: 0 -20px;}
    .notice_wrap .tit {font-size:16px;}
    .notice_wrap ul {line-height:1.8;}
    .notice_wrap ul li {padding-left:10px; word-break: keep-all;}
    .notice_wrap ul li::before {font-size:20px; top: -5px;}
}

.detail_btn{width:100%; max-width:1280px; text-align:center;background-color:#2a72d4; position:fixed; bottom:0; left:auto; right:auto; font-family:'NotoBold'; z-index: 99;}
.detail_btn a{display:block;color:#fff;font-size:18px;line-height:78px;font-weight:normal;letter-spacing:-0.05em;}
.detail_btn a:after {width:20px; height:15px; vertical-align:-2px; margin-left:10px; content:""; display:inline-block; background:url(../img/event14_2/ico_06.png) no-repeat; background-size:auto 100%;}
/* 2022-08-19 GGCP31 이벤트2 */
#event03 .tit-p { font-family: 'NotoRegular'; font-weight:normal;}
#event03 .tit-p-span { display: inline; }
@media all and (max-width:640px){
    .detail_btn a {line-height:50px; font-size:18px;}
    .detail_btn a:after {width:20px; height:15px; vertical-align:-1px; margin-left:10px;}
    .bigimg {width: 100%;}
    .content {padding: 30px 20px 0;}
    .events .tit-type02 {border-radius: 20px 20px 0 0;}
    .detail_btn {left: -20px; width: calc(100% + 40px);}
    /* 2022-08-19 GGCP31 이벤트2 */
    #event03 .tit-p { line-height: 23px; }
    #event03 .tit-p-span { display: block; }
}

.btnTop {position:fixed; right:0; bottom:100px; width:110px; display:none;}
.btnTop img {width:100%;}

.notice_wrap .r14 ul li {font-size: 16px; font-family: 'NotoRegular'; padding-top: 10px;} /* 2022-06-29 GGU282 - PC font-size 수정 */
.notice_wrap .r14 ul li::before {font-size: 14px; top: 10px;}
.notice_wrap .r14 h4 {font-size: 14px; font-family: 'NotoRegular';}
.notice_wrap .r14 h4.mt40 {margin-top: 40px;}
.notice_wrap .r14 .bold,
.notice_wrap .r14 strong {font-family:'NotoBold';font-weight:normal;} /* 2022-06-29 GGU282 - 추가 */

@media all and (max-width:640px){
    .btnTop {width:70px; bottom:50px;}
    .notice_wrap .r14 h4.mt40 {margin-top: 25px;}
    .notice_wrap ul li {font-size: 14px;}
    .notice_wrap .r14 ul li {font-size: 14px;} /* 2022-06-29 GGU282 - MO font-size 유지 */
}
.bac {background: #d9f8fe;}
.last_noti {font-size: 14px !important; margin-top: 40px !important; font-family: 'NotoRegular' !important;}
.notice_wrap ul li.last_noti::before {top: -8px;}

.events h3 b {position: relative; z-index: 10;}
.events h3 b::before {background: #fff54a; position: absolute; content: ''; height: 15px; width: 100%; bottom: 4px; left: 0; z-index: -1;}
/* .events h3 b::after {position: absolute; content: ''; background: url('../img/event14_2/mic.jpg') no-repeat; height: 32px; width: 41px; top: 0px; left: 0;} */

.events .list-type01 li p b {position: relative; z-index: 10;}
.events .list-type01 li p b::before {background: #fff54a; position: absolute; content: ''; height: 9px; width: 100%; bottom: 0; left: 0; z-index: -1;}
.events .list-type01 li p b::after {position: absolute; content: ''; background: url('../img/event14_2/star.jpg') no-repeat; height: 14px; width: 44px; top: -12px; right: 12px;}
.desc {display: block; text-align: center; margin: 40px auto 0;}

.slider_wrap {width: 417px; margin: 0 auto; position: relative;}
.slider_wrap img {width: 100%;}
.swiper {width: 100%; height: 100%;}
.swiper-slide {text-align: center; font-size: 18px; background: #fff;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {background: url('../img/event14_2/slider_left.jpg') no-repeat; width: 24px; height: 40px; content: '';}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {background: url('../img/event14_2/slider_right.jpg') no-repeat; width: 24px; height: 40px; content: '';}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: -70px;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: -70px;}

@media all and (max-width:640px){
    .events .list-type01 li p b {margin-top: 15px; z-index: 10; display: inline-block;}
    .events .list-type01 li p b::before {height: 4px;}
    .mb20 {margin-bottom: 75px;}
    .pt0 {padding-top: 10px !important;}
    .mo_cont.benefit li {font-size: 14px !important; text-align: center;}
    .mo_cont.benefit li:first-child {padding-top: 10px;}
    .mo_cont.benefit li:after {width: 0;}
    .events .list-type01 li .bigimg2 {width: 100%;}
    /* .btnBox2 {margin-top: 30px !important;}  */
    .desc {width: 80%; margin: 20px auto 0;}
    .notice_wrap .r14 ul li {padding-top: 0;}
    .notice_wrap .r14 ul li::before {top: 0;}
    .events h3 b::before {height: 6px;}

    .slider_wrap {width: 75%;}
    .swiper-button-prev, .swiper-rtl .swiper-button-next {left: -15%;}
    .swiper-button-next, .swiper-rtl .swiper-button-prev {right: -15%;}
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {background-size: 50%; background-position: center;}
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {background-size: 50%; background-position: center;}
}