@charset "utf-8";

/* YouAndModern */
@font-face {
    font-family:'YouandModern';
    font-style:normal;
    font-weight:400;
    src:url(../font/Youandi_Modern_TextRegular.eot);
    src:url(../font/Youandi_Modern_TextRegular.eot?#iefix) format('embedded-opentype');
    src:url(../font/Youandi_Modern_TextRegular.woff) format('woff');
}
@font-face {
    font-family:'YouandModern';
    font-style:normal;
    font-weight:700;
    src:url(../font/Youandi_Modern_TextBold.eot);
    src:url(../font/Youandi_Modern_TextBold.eot?#iefix) format('embedded-opentype');
    src:url(../font/Youandi_Modern_TextBold.woff) format('woff');
}
@font-face {
    font-family:'YouandModern';
    font-style:normal;
    font-weight:800;
    src:url(../font/Youandi_Modern_HeadExtraBold.eot);
    src:url(../font/Youandi_Modern_HeadExtraBold.eot?#iefix) format('embedded-opentype');
    src:url(../font/Youandi_Modern_HeadExtraBold.woff) format('woff');
}

@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: 'YouandModern', '맑은 고딕', 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: 'YouandModern', '맑은 고딕', 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; } 

 .mt11 { margin-top: 10px !important; } 

 .mt15 { margin-top: 15px !important; } 

 .mt20 { margin-top: 20px !important; } 

 .mt40 { margin-top: 40px !important; } 

 .mb50 {margin-bottom: 50px;}

 .pb0 { padding-bottom: 0 !important; } 
 .bdnone {border: none !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}

 .fc_blk { color: #000 !important}

 .f_n {float: none;}

 .flex {display: flex; align-items: center;}

 .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;} 

 /* 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; } 

 .pcmo_cont_pb { padding-bottom: 40px !important; } 

 .mo_cont { display: none; } 

 .mo_cont img { width: 100%; } 
 .solo_img .wings {max-width:294px}
 .solo_img .ticket {max-width:512px}

 .event20 {font-family: 'NotoRegular';}
.event20 .content {background-color: #e7eff6;padding-top:0}
.events .tit-type02 {
    text-align: center;
    font-size: 24px;
    color: #000;
    letter-spacing: -1px;
    padding-top: 0px;
}
.events .tit-type02 .circle {
    margin-bottom: 15px;
    font-family: 'NotoRegular';
    border-radius: 50%;
    background: #000;
    width: 120px;
    height: 120px;
    line-height: 40px;
    position: relative;
    left: 50%;
    padding-top:20px;
    transform: translateX(-50%);
}
.circle_text {font-size: 38px;color:#fff}
.event20 .box03 {background-color: #f9f9f9;padding:50px 0; text-align: center;color:#000;letter-spacing: -1px;}
.event20 .box03 .box03_grp .grp_text01 {font-size:22px;font-weight: bold;}
.event20 .box03 .box03_grp .grp_text02 {font-size:24px;margin-top:8px}
.event20 .box03 .box03_grp .grp_text02 strong {font-weight: bold;color:#1566e4;}
.event20 .box03 p {font-size:18px;margin-top:30px}
.event20 .box04 {padding:50px 60px}
.event20 .box04 ul {margin-top:60px;overflow: hidden;}
.event20 .box04 .h4_lines {position: relative;}
.event20 .box04 .h4_lines::before {content: '';position: absolute;top:18px;left:0;height:1px;background-color: #000;width:100%}
.event20 .box04 h4 {text-align: center;font-size:22px;position: relative;width:204px;margin:0 auto;background-color: #e7eff6;}
.event20 .box04 .title {background-color: #000;color:#fff;width:120px;height:35px;line-height: 35px;text-align: center;border-radius: 20px;float:left;margin-right:20px}
.event20 .box04 .text {line-height:2;float: left;line-height: 26px;}
.event20 .box04 .text p:first-child {margin-bottom:5px;}
.event20 .box04 .black {font-weight: bold;margin-right:50px}
.event20 .box04 .right {margin-left:130px}
.event_wrap {background-color: #f9f9f9;width:100%;padding-bottom:150px}
.event_cont {max-width: 1040px;margin:0 auto;box-sizing: border-box;}
.event_cont .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%);}
.event_cont .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;}
.event_cont .txt-type01.txt-type02:before {top:-5px;}
.event_cont .list-type01 li .card {float:left; width:calc(25% - 13.5px); margin-right:18px; margin-bottom:10px;}
.event_cont .list-type01 li .card:last-child {margin-right:0;}
.event_cont .btnBox a { float: left; width: 49%; background-color: #90acf0; color: #000; border-radius: 20px; padding: 25px 0 20px; text-align: center; font-size: 18px; font-family: 'NotoBold'; font-weight: bold;} 
.event_cont .btnBox {max-width: 920px;
    width: 100%;
    margin: 0 auto;}

.event_cont .btnBox a:first-child { margin-right: 2%; } 

.event_cont .btnBox a:last-child { background-color: #90acf0; } 

.event_cont .btnBox.btnBox2 a { width: 100%; background: #2c4686; color: #fff; margin-top: 20px; }
.border_box .event_box.end {position: relative;}
.border_box .event_box.end .event_end {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background:rgba(0, 14, 90, .6)}
.border_box .event_box.end .event_end .event_end_txt {position: absolute; width: 100%; top: 50%; transform:translateY(-50%); text-align: center; padding:0 10px}
.border_box .event_box.end .event_end h4 {font-family:'NotoRegular'; font-size: 40px; color: #fff; letter-spacing: -.1em;}
.border_box .event_box.end .event_end img {margin-top: 72px;}
.border_box .event_box.sub {padding: 20px 0; margin-top: 60px; border:1px solid #c8c8c8;background-color: #fff;}
.border_box .event_box.sub p {max-width:780px; margin:auto; font-size:18px; font-weight: 700; line-height: 2; padding-left: 64px; background: url(../img/event17/phone_icon.png)no-repeat 0 15px}
.border_box .event_box.sub p .blue {color: #2c4686;}
.event_wrap .events {padding:0;margin-top:66px}

 @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; } 

 .pcmo_cont_pb { padding-bottom: 30px !important; } 

 .mo_cont { display: block; } 

 .mo_cont_pb20 { padding-bottom: 20px !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: #eff2f5; padding-top: 60px; } 
 .events.last .event_text .big_text {font-size:45px}
 .events { width: 100%; max-width: 1040px; box-sizing: border-box; padding:0 20px; margin: 0 auto; padding-bottom: 60px;} 

 .events .event_gray {background-color: #f8f9fc;padding:60px}
 .events .event_gray .bold {font-size: 18px;}
 .events .event_gray .bold.text_color {color:#505050;margin-top:50px}
 .events .event_gray .bold.text_color span {color:#bd1d4a}

 .events .event_gray .list-type01 {margin-top:20px}





 .events .event_box {width: 100%;
    max-width: 1040px;
    padding: 30px;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;border: 1px solid #c8c8c8; }
    .events .event_box.box03 {border:none;box-shadow: 0px 3px 10px 4px #ddd}
 .events .event_box .cont_text {color:#1f3384;font-size:24px;font-family:'NotoRegular';}
 .events .event_box .title_text {color:#323232;font-size:45px;margin-bottom:40px;font-family:'NotoBold';}

 /* 2023-03-08 Q20016 추가 */
 .events .event_box.end {position: relative;}
 .events .event_box.end .event_end {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background:rgba(0, 14, 90, .6)}
 .events .event_box.end .event_end .event_end_txt {position: absolute; width: 100%; top: 50%; transform:translateY(-50%); text-align: center; padding:0 10px}
 .events .event_box.end .event_end h4 {font-family:'NotoRegular'; font-size: 40px; color: #fff; letter-spacing: -.1em;}
 .events .event_box.end .event_end img {margin-top: 72px;}
 .events .event_box.sub {padding: 40px; margin-top: 40px; border-radius: 20px;}
 .events .event_box.sub p {max-width:687px; margin:auto; font-size:18px; font-weight: 700; line-height: 2; padding-left: 64px; background: url(../img/event17/phone_icon.png)no-repeat 0 15px}
 .events .event_box.sub p .blue {color: #2c4686;}
 /* //2023-03-08 Q20016 추가 */

 .events .tit-type01 { text-align: center; padding-top: 60px; } 

 .events .tit-type02 { text-align: center; font-size: 32px; color: #247175; letter-spacing: -1px; font-family: 'NotoBlack'; padding-top: 60px; } 
 
 .events .tit-type02 .blue { color: #fff; display: block; } 

 
 .events .tit-type03 { text-align: center; font-size: 24px; color: #fff;background-color: #bd1d4a;line-height: 52px;width:120px;border-radius: 50px;margin:0 auto} 

 .events .tit-type03 span {display: block;}

 .events .tit-type03 .blue_title_box { text-align: center; font-size: 32px; color: #fff; letter-spacing: -1px; font-family: 'NotoBlack'; font-weight: 400;} 

 .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 .event_text {text-align: center;margin-top:30px}
.events .event_text .big_text {font-size:40px;color:#1566e4;font-weight:700;font-family: 'YouandModern';}
.events .event_text .small_text {font-size:20px;color:#000;margin-top:15px;font-family: 'NotoRegular';letter-spacing: -0.4px;}
.events .event_text .middle_text {font-size:25px;color:#8e8e8e;margin-top:15px;}
.events .event_box .solo_img {text-align: center;margin-top:50px;line-height: 0;}

.events  .small_text b.mark { background-image: linear-gradient(to top, #fff54a 35%, white 0); } 
 .events  .small_text b.star span { position: relative; } 
 .events  .small_text b.star span::after { position: absolute; content: ''; background: url(../img/event15/star.png) no-repeat center / cover; top: -10px; left: 0; width: 44px; height: 14px; } 
 .events  .small_text b.star02 span::after { position: absolute; content: ''; background: url(../img/star_two.png) no-repeat center / cover; top: -10px; left: 20px; width: 44px; height: 14px; } 
 .events .small_text span { position: relative;} 


 /* .events .list-type01 { border-top: 3px solid #162755; margin-top: 20px; padding: 60px 68px 0 68px; } */

 .events .list-type01 span.blue {color: #2c4686;}

 .events .list-type01 li {clear: both; } 

 .events .coupon { max-width: 640px; margin: auto; } 

 .events .coupon img {float: left; width:calc((100% - 25px) / 2); margin-top:50px;} 

 .events .coupon img:nth-child(2) { margin-left: 25px; } 

 .events .list-type01 li:last-child { padding-bottom:0}

 .events .list-type01 li h4 { float: left; height: 45px; width: 208px; text-align: right;} 
 .events .list-type01 li h4.lines {margin-top:14px} 

 .events .list-type01 li p { font-size: 18px; float: left; padding-left: 20px; padding-top: 18px; width: calc(100% - 208px); letter-spacing: -0.4px; line-height: 2; font-weight: 700;;font-family: 'NotoRegular';} 

 .events .list-type01 li p.bk {float: none; padding-left: 0; padding-top: 0; line-height: 1;} 

 .events .list-type01 li p.noti { padding-left: 0; width: 100%;} 

 .events .list-type01 li .mark { background-image: linear-gradient(to top, #f3f3f3 35%, white 0); } 

 .events .list-type01 li p b.star span { position: relative; } 

 .events .list-type01 li p b.star span::after { position: absolute; content: ''; background: url(../img/event15/star.png) no-repeat center / cover; top: -10px; left: 0; width: 44px; height: 14px; } 

 .events .list-type01 li p span { font-size: 18px; } 

 .events .list-type01 .ac_detail_box {background-color: #f9f9f9; padding: 30px; font-size: 18px; margin-bottom: 40px; color: #666666;}

 .events .list-type01 .ac_detail_box dl {display: flex; position: relative; padding-left: 10px;}

 .events .list-type01 .ac_detail_box dl::after {content: '·'; position: absolute; left: 0; top: 0;}

 .events .list-type01 .ac_detail_box dl dt {position: relative; width: 100px; text-align: justify; line-height: 0; padding: 7px 10px 0 0;}

 .events .list-type01 .ac_detail_box dl dt::before {content: ''; display: inline-block; width: 100%;}

 .events .list-type01 .ac_detail_box dl dt::after {content: ''; display: inline-block; width: 100%;}
 
 .events .list-type01 .ac_detail_box dl dd {padding-left: 5px; position: relative;}
 
 .events .list-type01 .ac_detail_box dl dd::after {content: ':'; position: absolute; left: -5px; top: 1px;}

 .events .list-type01 .ac_detail_box dl dd li{padding-bottom: 0;}

 .sub_customer .accod_list .box_tit {position:relative;}

 .sub_customer .accod_list .box_tit:hover {background: #fafafa;}

 .sub_customer .accod_list .accodWrap {position: relative;}

 .sub_customer .accod_list .accodWrap .accodBtn:after  {content:""; display:block; position:absolute; right:2px; top:3px; width:24px; height:24px; background: url(../img/event17/ico_arrowB_down.png) no-repeat right center; background-size:13px; opacity: 0.64; z-index:2;}

 .sub_customer .accod_list .accodWrap.on .accodBtn:after  {background-image: url(../img/event17/ico_arrowB_up.png);}

 .sub_customer .accod_list .accodWrap + .accodWrap {border-top:1px solid #ebebeb;}

 .sub_customer .accod_list .accodWrap:last-child {border-bottom:1px solid #ebebeb;}

 .sub_customer .accod_list .accodWrap .accodBtn {position: absolute; top: -70px; right: 120px; z-index:3; margin: 20px 50px 0 24px; font-size: 18px; color:#2c4686 ; padding-right: 25px;}

 .sub_customer .accod_list .accodWrap.on .accodBtn p {font-weight:700;}

 .sub_customer .accod_list .box_btn.more {margin-top:32px; border-bottom:none;}

 .sub_customer .box_customer02 .accod_list .accodSlide {display:none; padding:4px 24px 34px 24px;}

 .sub_customer .accod_list .accodSlide {display:none;}

 .sub_customer .accod_list .accodSlide > .box_bul {color: #5c5c5c; margin-top:4px;}

 .sub_customer .accod_list .accodSlide > .box_bul li + li {margin-top:4px;}

 .sub_customer .accod_list .accodSlide > .box_bul + .box_btn {margin: 12px 0 0 8px;}

 .sub_customer .accod_list .accodSlide p {color:#5c5c5c; line-height:26px;} 

 .sub_customer .accod_list .accodSlide p + p {margin-top:20px;}

 .sub_customer .accod_list + .box_bul {margin-top:24px;}

 .sub_customer .accod_list + .box_btn {margin-top:32px;}

 .sub_customer .accod_list .no_data {padding:150px 0; border-bottom:1px solid #ebebeb;}
 .solo_img img {width:100%}
 .user-skip {display: none;}

 .events .btnBox { max-width: 920px; width: 100%; margin: 0 auto; } 
 .event_gray .btnBox {margin-top:50px}

 .color_blue { color: #ed4c0c; font-family: 'NotoBold'; } 


 .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 .type02 { font-size: 16px; } 

 .events .txt-type01:before { content: ""; display: block; background: url(../img/event15/ico_01.png)no-repeat center / cover; width: 34px; height: 52px; position: absolute; left: 0; 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;} 

 .events .list-type01 li .card:last-child { margin-right: 0; } 

 .events .btnBox a { float: left; width: 49%; background-color: #bd1d4a; color: #fff; border-radius: 20px; padding: 25px 0 20px; text-align: center; font-size: 18px; font-family: 'NotoBold'; font-weight: bold;} 

 .events .btnBox a:first-child { margin-right: 2%; } 

 .events .btnBox a:last-child { background-color: #8e8e8e; } 

 .events .btnBox.btnBox2 a { width: 100%; background: #1f3384; color: #fff;} 

 .bnr { margin-top: 60px; } 

 .bnr img { width: 100%; } 

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

 @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 .type02 { font-size: 14px; } 

 .events .txt-type01:before { width: 26px; height: 45px; left: 0; top: 5px; background-size: 100% auto; } 

 .events .list-type01 li .card { width: calc(50% - 5px); margin-right: 10px;} 

 .events .list-type01 li .card:first-child {margin-bottom: 10px; }

 .events .list-type01 li .card:nth-child(2) { margin-right: 0; margin-bottom: 10px;}

 .events .list-type01 li .card:last-child { margin-right: 0;}

 .events .txt-type01:before { top: 5px; } 

 .events .txt-type01.txt-type02:before { top: 5px; } 
 }

 img.pc_cont { max-width: 100%; } 

 /* notice_wrap */
 .notice_wrap { background-color: #363636; color: #e6e5e5; padding: 50px 20px 150px 20px; font-size: 22px; box-sizing: border-box; font-family: 'NotoRegular'; } 

 .notice_wrap h4 { font-size: 18px; font-family: 'NotoBold'; } 

 .notice_wrap .notice_box { width: 100%; max-width: 1040px; margin: 0 auto; } 

 .notice_wrap .tit { font-size: 18px; padding-bottom: 15px; font-family: Arial, "NotoBold"}

 .notice_wrap .notice_box > 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: 10px; position: relative; line-height: 2; font-size: 18px; font-family: 'NotoRegular'; } 

 .notice_wrap ul.list02 li { font-family: 'NotoBold'; font-weight: bold; } 

 .notice_wrap .notice_box > ul > li::before { content: " "; display: block; background:#fff; border-radius:50%; position: absolute; width: 3px; height: 3px; left: 0; top: 16px; } 

 .detail_btn { width: 100%; text-align: center; background-color: #2c4686; position: fixed; bottom: 0; left: auto; right: auto;z-index: 99; } 

 .detail_btn a { display: block; color: #fff; font-size: 18px; line-height: 100px; font-weight: bold; letter-spacing: -0.05em; } 

 .detail_btn a:after { width: 20px; height: 15px; vertical-align: -2px; margin-left: 10px; content: ""; display: inline-block; background: url(../images/ico_06.png)no-repeat; background-size: auto 100%; } 

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

 .btnTop img { width: 100%; } 
 .accod_list {margin-top:50px;margin-left:146px}


 @media all and (max-width:640px){
.event_cont .txt-type01 {
    font-size: 16px;
    margin-top: 45px;
    margin-bottom: 15px;
    padding-left: 30px;
    text-align: center;
}
.event_cont .btnBox a {
    border-radius: 10px;
    padding: 18px 0 16px;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 10px;
    width: 100%;

}
.event_cont {padding:0 30px}
.border_box .event_box.sub {border: none;border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width: 100%;
    max-width: 1040px;
    padding: 60px;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
    ;}

.content {padding-top: 80px;}

 .notice_wrap { padding: 35px 20px 100px 20px; font-size: 14px; } 

 .notice_wrap h4 { font-size: 14px}

 .notice_wrap .tit { font-size: 14px; } 

 .notice_wrap ul li { padding-left: 8px; font-size: 14px; word-break: keep-all; } 

 .notice_wrap .notice_box > ul > li::before { width: 2px; height: 2px; top: 12px; } 

 .detail_btn a { line-height: 50px; font-size: 18px; } 

 .detail_btn a:after { width: 20px; height: 15px; vertical-align: -1px; margin-left: 10px; } 

 .btnTop { width: 70px; bottom: 50px; }  
 .event_wrap .events {margin-top:20px}
 .events .event_box {
    padding: 30px 35px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border:none
}
.border {border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;}
    .events .small_text span {font-size: 14px;}

/* 2023-03-08 Q20016 추가 */
.events .event_box.end .event_end {background:rgba(0, 8, 75, .65)}
.events .event_box.end .event_end h4 {font-size: 24px;}
.events .event_box.end .event_end img {width: 240px;}
.events .event_box.sub {border-radius: 0; padding: 60px; margin-top: 60px;}
.events .event_box.sub p {text-align: center; font-size: 14px; line-height: 22px; padding-left: 0; padding-top: 50px;  background-position:50% 0}
/* //2023-03-08 Q20016 추가 */

.events.last .event_text .big_text {font-size:30px}
 .events.last {padding:0 30px }
 .event_wrap {padding-bottom:30px}

 .events .tit-type01 { font-size: 22.5px; letter-spacing: -1px; padding-top: 40px; } 

 .events .tit-type02 { font-size: 20px; letter-spacing: -1px; word-break: keep-all; padding-top: 30px; } 

 .events .tit-type03 .blue_title_box{font-size: 20px;}

 .events .tit-type03 {font-size: 18px;line-height: 35px;width:90px}

 .events .tit-type02 .circle { width: 72px; height: 72px; line-height: 40px; margin-bottom: 10px; font-size:14px;line-height: 24px;padding-top:11px} 

 .events .tit-box01 { font-size: 17px; padding: 5px 0 0; width: 100%; } 

 .events .event_box { padding: 30px 35px; } 
 .events .event_text {margin-top:10px}

 .events .event_box.bd_set {border-top-left-radius: 15px; border-top-right-radius: 15px;} 

 .events .list-type01 li { font-size: 14px;padding-bottom: 0;} 

 .events .list-type01 li .coupon { max-width: 420px; } 

 .events .coupon img { font: none; width:100%; padding: 5px 50px;margin-top:20px }
 .events .event_gray .bold {font-size:14px;text-align: center;}
 .events .event_gray .bold.text_color {text-align: left;margin-top:25px}

 .events .coupon img:nth-child(2) { margin-left: 0; margin-top: 15px; } 

 .events .list-type01 li p { width: 100%; text-align: center; padding-left: 0; font-size: 14px; word-break: keep-all; line-height: 22px; font-weight: 400;padding-top: 10px;} 

 .events .list-type01 li p span { font-size: 14px; font-weight: bold; } 

 .events .list-type01 li p.noti { line-height: 24px; padding-top: 15px; } 

 .events .list-type01 li p b.star { display: inline-block; margin-top: 8px; } 

 .events .list-type01 li p b.star span::after { top: -9px; width: 33px; height: 11px; } 

 .events .list-type01 li h4 { width: 100%; text-align: center;} 

 .events .list-type01 li h4 img { width: 208px; margin: 0 auto; } 
 .solo_img img {width:100%}

 .sub_customer .accod_list .accodWrap .accodBtn {width: 150px; left: 50%; transform: translateX(-50%); margin-bottom: 30px;}

 .sub_customer .accod_list .accodWrap.on {display: block;}

 .sub_customer .accod_list .accodWrap .accodBtn {display: block; position: relative; top: 0; right: 0; width: 85px; margin: 0 0 30px; padding: 0; font-size: 14px;}

 .sub_customer .accod_list .accodWrap .accodBtn:after {right: 0; top: 0;}
 
 .sub_customer .accod_list .accodWrap .accodSlide {margin: 0 -35px;}

 .sub_customer .accod_list .accodWrap .accodSlide .ac_detail_box {padding: 20px;}

 .events .list-type01 .ac_detail_box dl {display: block; font-size: 14px;}

 .events .list-type01 .ac_detail_box dl dd::after {content: '';}

 .events .list-type01 .ac_detail_box dl dt {width: 70px;}

 .events .list-type01 .ac_detail_box dl dd ul {padding-top: 7px;}

 .events .list-type01 .ac_detail_box dl dd li{padding-left: 10px; position: relative;}

 .events .list-type01 .ac_detail_box dl dd li::after {position: absolute; content: '-';left: 0; top: 0;}

 .events .list-type01 .ac_detail_box p.bk {text-align: left;}

 .events .list-type01 li .mark {border-radius: 0;    background-image: linear-gradient(to top, #f3f3f3 55%, white 0); }

 .flex.block {display: block;}

 .events .list-type01 li h4.none img {width: 40px;}
 .events .box02 a { border-radius: 10px; padding: 18px 0 16px; font-size: 14px; margin-top: 0; margin-bottom: 10px; width: 100%; }

 .events .btnBox.btnBox2 a { margin-top: 0;}
 .events .event_text .big_text {font-size:22px;color:#1566e4;font-weight:700;}
.events .event_text .small_text {font-size:14px;color:#000;margin-top:5px;}
.events .event_text .middle_text {font-size:18px;color:#000;margin-top:5px;font-weight:700}

.events .list-type01 li h4.lines {margin-top:20px}
.event20 .box03 {padding:30px 10px;font-size:14px}
.event20 .box03 p {margin-top:0}
.event20 .box03 .box03_grp .grp_text01 {font-size: 14px;}
.event20 .box03 .box03_grp .grp_text02 {font-size:14px}
.event20 .box03 p {font-size: 14px;}
.event20 .box04 h4 {font-size:16px}
.event20 .box04 .title {float: none;margin-right:0;width:90px;font-size: 14px;margin:0 auto}
.event20 .box04 ul {margin-top:20px}
.event20 .box04 .text {float: none;text-align: center;margin-top:10px}
.event20 .box04 .black {margin-right:0}
.event20 .box04 .right {margin-left:0}
.event20 .box04 .text p:first-child {margin-bottom:15px}
.event20 .box04 {padding:25px 30px 0 30px;font-size:14px}
.event20 .box04 h4 {width:130px}
.event20 .box04 .h4_lines::before {top:13px}
.circle_text {font-size: 22px;}
.events .event_box .title_text {font-size:18px;margin-bottom:15px}
.events .event_box .cont_text {font-size: 14px;}
.events .event_box .solo_img {margin-top:25px}
.events .btnBox a {font-size: 14px;padding:15px 0}
.accod_list {margin-top:20px;margin-left:0}
.events .event_box.box03 {border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.events .small_text b.mark {margin-top:8px;display: inline-block;}
.events .small_text b.star span::after, .events .small_text b.star02 span::after {width:33px;height:11px}
.events .small_text b.star02 span::after {left:15px}
}