@charset "utf-8";

section {padding:45px 0;background-repeat:no-repeat;background-position:center;background-size:cover;}
section > .inner {position:relative;max-width:1200px;margin:auto;}

.swiper-controls-wrap {width:1200px;}

/* btn_top */
.btn_top {position:fixed;right:20px;bottom:0;z-index:3;width:73px;height:73px;padding-top:24px;border-radius:100%;background:url('/bchn50/images/btn_top.png') no-repeat center;font-size:0;text-align:center;}

/*nav_container*/
.nav_container {position:fixed;top:50%;right:-1px;z-index:999999;transform:translateY(-50%);}
.nav_container nav {padding-bottom:100px;}
.nav_container nav ul {display:flex;flex-direction:column;align-items:flex-end;justify-content:center;}
.nav_container nav li + li {margin-top:15px;}
.nav_container nav li a {display:block;position:relative;min-width:200px;height:52px;padding-left:20px;border:1px #6f8c97 solid;border-radius:30px 0 0 30px;background:#ffffffd6;box-shadow:1px 0px 10px 0px #60606069;font-size:18px;font-weight:bold;color:#0b3548;line-height:52px;text-align:center;transition:none;}
.nav_container nav li a.selected {min-width:230px;padding-left:50px;border:1px #000 solid;background:#f6d95b;}
.nav_container nav li a.selected:before {display:block;position:absolute;top:0;bottom:0;left:-10px;width:65px;height:61px;margin:auto;background:url('/bchn50/images/bg_nav_active.png') no-repeat left top;background-size:100%;content:"";}

header {position:absolute;z-index:999;width:100%;}
header .top_area {display:flex;align-items:center;justify-content:space-between;position:relative;max-width:1200px;margin:0 auto;padding:15px 0 15px 0;}
header .top_area .logo{display:block;width:220px;height:39px;background:url('/bchn50/images/img_logo.png') no-repeat center 0;background-size:100%;background-size:100%;}
header .top_area .logo > a {display:block;}
header .sns_link {display:flex;}
header .sns_link li + li {margin-left:10px;}
header .sns_link a[class^="ico_sns"] {display:block;width:39px;height:39px;background:url('/bchn50/images/ico_sns01.png') no-repeat left top;background-size:100%;}
header .sns_link a[class^="ico_sns"][class*="02"] {background-image:url('/bchn50/images/ico_sns02.png');}
header .sns_link a[class^="ico_sns"][class*="03"] {background-image:url('/bchn50/images/ico_sns03.png');}
header .sns_link a[class^="ico_sns"][class*="04"] {background-image:url('/bchn50/images/ico_sns04.png');}
header .sns_link a[class^="ico_sns"][class*="05"] {background-image:url('/bchn50/images/ico_sns05.png');}

#footer {bottom:0;padding:30px 0;background:#515250;}
#footer .inner {max-width:1200px;margin:auto;text-align:center;}
#footer .inner .address {font-size:16px;color:#d6d6d6}

/* intro */
#intro {height:995px;padding-top:80px;background-image:url('/bchn50/images/bg_visual_intro.png');}
#intro .mtit {width:731px;height:197px;margin:0 auto 55px;background:url('/bchn50/images/tit01.png') no-repeat center 0;background-size:100%;font-size:0;line-height:1.2;}
#intro .group {display:flex;align-items:center;justify-content:center;max-width:1200px;padding-top:25px;}
#intro .group > div {flex:1;height:320px;border-radius:30px;}
#intro .group > div + div {margin-left:50px;}
#intro .group > div iframe {width:100%;height:100%;border:6px solid #000;border-radius:30px;background:#fff;}
#intro .group .mc_greeting .cont {position:relative;z-index:10;}
#intro .group .mc_greeting {position:relative;width:575px;height:320px;padding:25px 0 0 25px;border:6px solid #c2f7ff;background:#fff;}
#intro .group .mc_greeting:after {display:block;position:absolute;right:0;bottom:0;width:308px;height:234px;border-radius:20px;background:url('/bchn50/images/img_greeting.png') no-repeat center right;background-size:100%;content:""}
#intro .group .mc_greeting:before {display:block;position:absolute;top:0;right:0;width:308px;height:234px;background:url('/bchn50/images/bg_greeting.png') no-repeat center right;content:"";}
#intro .group .mc_greeting .stit {position:absolute;top:-28px;right:0;z-index:9;width:336px;height:75px;padding-top:5px;background:url('/bchn50/images/tit_greeting.png') no-repeat center 0;font-size:0;}
#intro .group .mc_greeting .txt {font-size:16px;font-weight:600;line-height:1.3;}
#intro .group .mc_greeting .txt + .txt {margin-top:12px;}
#intro .group .mc_greeting .name {font-size:18px;}

/* quiz */
#quiz {background-image:url('/bchn50/images/bg_visual_quiz.png');font-family:'NanumSquareRound';}
#quiz .mtit {margin:5px 0 30px;text-align:center;}
#quiz .mtit img {max-width:50%;}
#quiz .quiz_area {position:relative;}
#quiz .quiz_area:before {display:block;position:absolute;top:-150px;left:-40px;z-index:9;width:169px;height:233px;background:url('/bchn50/images/ico_bch_hnd01.png') no-repeat;background-size:100%;content:"";}
#quiz .quiz_area .info_box {position:relative;margin-bottom:35px;padding:45px 0 40px 115px;border:2px solid #00549d;border-radius:30px;background:#fff;box-shadow:8px 10px 0 0px #60606026;}
#quiz .quiz_area .info_box:after,
#quiz .quiz_area .info_box:before {display:block;position:absolute;bottom:-57px;left:95px;z-index:9;width:72px;height:80px;background:url('/bchn50/images/bg_quiz01.png') no-repeat;background-size:100%;content:"";}
#quiz .quiz_area .info_box:after {right:90px;left:auto;}
#quiz .quiz_area .info_box .list > li {position:relative;min-height:54px;padding-left:130px;font-size:30px;font-weight:800;}
#quiz .quiz_area .info_box .list > li + li {margin-top:25px;}
#quiz .quiz_area .info_box .list > li > .tit {display:flex;align-items:center;justify-content:center;position:absolute;left:0;min-width:98px;height:53px;border-radius:30px;background:#fe985a;font-size:30px;font-weight:800;color:#fff;text-align:center;}
#quiz .quiz_area .info_box .list > li .list_dot {padding-top:10px;}
#quiz .quiz_area .info_box .list > li .list_dot > li {padding-left:15px;color:#333;line-height:1.2;}
#quiz .quiz_area .info_box .list > li .list_dot > li > b {font-weight:800;color:#00549d;}

#quiz .quiz_area .quiz_box {position:relative;padding:0 60px 40px;border:2px solid #29a7e1;border-radius:30px;background:#e5f7ff;box-shadow:8px 10px 0 0px #60606026;}
#quiz .quiz_area .quiz_box:after {display:block;position:absolute;right:10px;bottom:100px;width:397px;height:339px;background:url('/bchn50/images/bg_mileage.png') no-repeat;background-size:100%;content:"";}

#quiz .quiz_area .quiz_box > .tit {display:flex;align-items:center;position:relative;max-width:670px;height:88px;margin:-2px auto;border-radius:50px;background:#29a7e1;font-size:48px;font-weight:800;color:#fff;text-align:center;letter-spacing:-2px;}
#quiz .quiz_area .quiz_box > .tit > span {display: block;width:100%;}
#quiz .quiz_area .quiz_box > .tit em {position:absolute;right:0;z-index:999;width:140px;margin-top:5px;font-weight:800;color:#29a7e1;text-align:center;}
#quiz .quiz_area .quiz_box .cont > .txt {margin:40px 0 30px 0;font-size:30px;font-weight:700;color:#000;line-height:1.3;text-align:center;letter-spacing:-1px;}
#quiz .quiz_area .quiz_box .cont > .txt > strong {font-weight:800;}
#quiz .quiz_area .quiz_box .col-org {color:#ff7f31;}
#quiz .quiz_area .quiz_box .col-blue {color:#00549d;}
#quiz .quiz_area .quiz_box .col-grn {color:#01c73c;}

#quiz .quiz_area .chk_box {width:calc(100% - 385px);min-height:330px;padding:30px 25px 30px;border:2px solid #29a7e1;border-radius:30px;background:#fff;text-align:center;}

#quiz .quiz_area .chk_box .chk_list {display:flex;justify-content:space-between;padding:20px 30px;border-radius:30px;background:#e5f7ff;text-align:left;}
#quiz .quiz_area .chk_box .chk_list li label input,
#quiz .quiz_area .chk_box .chk_list li label:hover {cursor:pointer;}
#quiz .quiz_area .chk_box .tit {display:inline-block;position:relative;margin:0 auto 35px;padding:2px 0 5px 75px;font-size:36px;font-weight:800;color:#1b1b1b;line-height:1.2;text-align:center;text-align:left;letter-spacing:-1px;}
#quiz .quiz_area .chk_box .stxt {margin-bottom:20px;font-size:36px;font-weight:800;color:#006ebc;line-height:1.5;text-align: left;letter-spacing:-2px;}
#quiz .quiz_area .chk_box .stxt span {display: inline-block;width:35px;height:45px;border: 1px solid #006ebc;border-radius:5px;background:#e5f7ff;color:#ff7f31;line-height:45px;text-align: center}
#quiz .quiz_area .chk_box .stxt span b {display: block;margin-left:-2px;font-weight:800;}
#quiz .quiz_area .chk_box .stxt span + span {margin-left:2px;letter-spacing:0;}

#quiz .quiz_area .chk_box.ty02 {padding:30px 22px 30px;}
#quiz .quiz_area .chk_box.ty02 .tit {margin-bottom:20px;letter-spacing: -2px;}

#quiz .quiz_area .chk_box.ty02 .chk_list {padding:20px 70px;}
#quiz .quiz_area .chk_box .tit:after {display:inline-block;position:absolute;top:-8px;left:0;width:64px;height:66px;background:url('/bchn50/images/ico_qst.png') no-repeat;background-size:100%;content:"";}
#quiz .quiz_area .quiz_box .btn_area {margin-top:20px;}
#quiz .quiz_area .quiz_box .add_list {margin-top:30px;}
#quiz .quiz_area .quiz_box .add_list li + li {margin-top:10px;}
#quiz .quiz_area .quiz_box .add_list li {font-size:18px;font-weight:700;color:#1b1b1b;}

/* story */
#story {height:989px;padding:45px 0;}
#story .wrap {position:relative;max-width:1200px;margin:auto;}
#story .mtit {display:block;width:236px;height:48px;margin:auto;background:url('/bchn50/images/tit02.png') no-repeat center 0;background-size:100%;font-size:0;}
#story .mc_story {margin-top:50px;}
#story .mc_story .tab_nav {display:flex;align-items:center;justify-content:center;height:100px;background:#143c5ea6;}
#story .mc_story .tab_nav ul {display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px;height:38px;margin:auto;border-bottom:1px solid #456f92;}
#story .mc_story .tab_nav ul li {position:relative;}
#story .mc_story .tab_nav ul li.on a {opacity:1;font-weight:700;}
#story .mc_story .tab_nav ul li.on span:after {display:block;position:absolute;right:0;bottom:0;left:0;height:4px;margin:auto;background:#fff;content:"";}
#story .mc_story .tab_nav ul li a {display:block;height:38px;padding:0 65px;opacity:0.6;font-size:20px;color:#fff;text-align:center;}
#story .mc_story .tab_nav ul li a span {display:inline-block;position:relative;height:100%;}
#story .swiper-slide-active {position:relative;z-index:99 !important;}
#story .swiper-controls-wrap > div {display:flex;align-items:center;justify-content:center;position:absolute;top:50%;z-index:10;width:22px;height:37px;margin-top:-130px;background-position:center;background-size:100%;cursor:pointer;}
#story .swiper-button-next {right:0;background:url('/bchn50/images//btn_stroy_next.png') no-repeat}
#story .swiper-button-prev {left:auto;left:0;background:url('/bchn50/images//btn_stroy_prev.png') no-repeat;}
#story .swiper-button-next::after,
#story .swiper-button-prev::after {display:none;}
#story .swiper-3d .swiper-slide-shadow-left,
#story .swiper-3d .swiper-slide-shadow-right {background-image:none;}

#story .swiper-slide {width:695px;border-radius:15px;background-position:center;background-size:cover;transform-style:initial;}
#story .swiper-slide img {display:block;width:auto;max-width:100%;border-radius:15px;box-shadow:3px 1px 6px 0px rgb(44 42 42 / 72%);}
#story .swiper-slide:after {display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;box-shadow:rgb(0 0 0 / 32%) 0px -300px inset;content:"";transition:all 0.2s;}
#story .swiper-slide .tit {display:block;bottom:-110px;visibility:hidden;overflow:hidden;height:48px;padding:0 10px;opacity:0;border-radius:0 0 30px 30px;background:rgb(0 0 0 / 58%);font-size:22px;color:#fff;line-height:1.1;line-height:48px;text-align:center;white-space:nowrap;text-overflow:ellipsis;transition:opacity 0.5s;}
#story .swiper-slide .cont {bottom:-300px;overflow:auto;height:165px;margin-top:20px;padding:25px;background:#004f93;font-size:18px;color:#fff;line-height:1.5;}
#story .swiper-slide-active .tit,
#story .swiper-slide-active .cont {display:block !important;visibility:visible;opacity:1;}
#story .swiper-slide-active:after {box-shadow:none;}
#story .swiper-slide-prev:after {transform:scale(1.35) translateX(-5%);}
#story .swiper-slide-next:after {transform:scale(1.35) translateX(5%);}

/* emblem */
#emblem {height:920px;padding:45px 0;}
#emblem > .inner {position:relative;max-width:1200px;margin:auto;}
#emblem .mtit {width:278px;height:49px;margin:0 auto 60px;background:url('/bchn50/images/tit_emblem.png') no-repeat center 0;background-size:100%;font-size:0;line-height:1.2;}
#emblem .wrap {position:relative;max-width:1200px;margin:auto;}
#emblem .wrap .button_wrap .button-prev {position:absolute;top:0;left:calc(50% - 654px);width:90px;height:90px;background-image:url(../images/bt_emblem_prev.png);background-size:100%;cursor:pointer;}
#emblem .wrap .button_wrap .button-next {position:absolute;top:0;right:calc(50% - 654px);width:90px;height:90px;background-image:url(../images/bt_emblem_next.png);background-size:100%;cursor:pointer;}
#emblem .wrap .embSwiper {position:relative;z-index:2;height:710px;margin:0 50px 0 80px;padding:0 0 15%;background:url('/bchn50/images/bg_embook.png') no-repeat 50%;background-position:center top;background-size:100%;}
#emblem .wrap .embSwiper .img {padding:0 70px;}
#emblem .wrap .bhs_box {position:absolute;z-index:10;}
#emblem .wrap .bhs_box.bhsl {bottom:50px;left:-15px;}
#emblem .wrap .bhs_box.bhsr {right:-15px;bottom:10px}
#emblem .wrap .bhs_an01 {bottom:50px;animation:up-downS 1s ease-in-out infinite;animation-duration:0.8s;}
#emblem .wrap .bhs_an02 {bottom:184px;animation:rotateS 0.5s ease-in-out infinite;animation-duration:1.5s;}
#emblem .wrap .swiper-controls-wrap div {display:flex;align-items:center;justify-content:center;position:absolute;top:50%;z-index:10;width:75px;height:75px;margin-top:-100px;background-position:center;background-size:100%;background-size:100% !important;font-size:0;cursor:pointer;}
#emblem .wrap .swiper-controls-wrap .swiper-button-prev {left:auto;background:url('/bchn50/images//btn_emb_prev.png') no-repeat;}
#emblem .wrap .swiper-controls-wrap .swiper-button-next {right:0;background:url('/bchn50/images//btn_emb_next.png') no-repeat;}
#emblem .wrap .swiper-controls-wrap .swiper-button-next::after,
#emblem .wrap .swiper-controls-wrap .swiper-button-prev::after {display:none;}

/* evt01 */
#evt01 {background-image:url('/bchn50/images/bg_visual_evt01.png');}
#evt01 .mtit {display:block;width:176px;height:49px;margin:0 auto 80px;background:url('/bchn50/images/tit03.png') no-repeat center;background-size:100%;font-size:0;}
#evt01 .mc_event01 {margin:-30px -25px 0;}
#evt01 .mc_event01 .item {width:263px;border-radius:8px;text-align:center;}
#evt01 .mc_event01 .item a {display:block;position:relative;margin:15px 25px;border-radius:8px;box-shadow:2px 3px 8px 2px #42424257;text-align:center;}
#evt01 .mc_event01 .item a .pic:after {display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;box-shadow:rgb(0 0 0 / 54%) 0px -150px 36px -28px inset;content:""}
#evt01 .mc_event01 .item a .pic img {width:100%;border-radius:8px;}
#evt01 .mc_event01 .item a .txt {display:block;position:absolute;right:0;bottom:25px;left:0;z-index:9;overflow:hidden;max-width:95%;margin:auto;font-size:14px;color:#fff;line-height:1;white-space:nowrap;text-overflow:ellipsis;}
#evt01 .mc_event01 .slick-prev, .mc_event01 .slick-next {top:0;right:0;left:auto;}
#evt01 #pager {display:flex;justify-content:center;position:absolute;top:45px;right:0;width:110px;height:42px;border-radius:20px;background:#fff;box-shadow:0px -2px 15px 0px rgb(140, 140, 140);}
#evt01 #pager:after {display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:1px;height:20px;margin:auto;background:#ccc;content:"";}
#evt01 #pager > div {display:block;width:45px;height:42px;margin:0 10px;background:center no-repeat;font-size:0;text-indent:-9999px;}
#evt01 #pager > div:hover {cursor:pointer;transition:all 0.2s;}
#evt01 #pager .prev {background-image:url('/bchn50/images//btn_cal_prev.png');}
#evt01 #pager .next {background-image:url('/bchn50/images//btn_cal_next.png');}
#evt01 #pager .prev:hover {background-image:url('/bchn50/images/btn_prev_on.png');}
#evt01 #pager .next:hover {background-image:url('/bchn50/images/btn_next_on.png');}

/* evt02 */
#evt02 .mc_event02 .pc_item {position:relative;}
#evt02 .mc_event02 .pc_item .btn {position:absolute;}
#evt02 .mc_event02 .mb_item {position:relative;}
#evt02 .mc_event02 .mb_item {display:none;}
#evt02 .mc_event02 img {width:100%;max-width:100%;}
#evt02 .mc_event02 .pc_item .btn {position:absolute;right:0;bottom:0;bottom:50px;left:0;width:461px;height:67px;margin:auto;border-radius:15px;background:#192f68;font-size:38px;font-weight:800;color:#fff;line-height:67px;text-align:center;}

#evt02 {min-height:1402px;background-image:url('/bchn50/images/bg_visual_evt02.png');}
#evt02 .mtit {display:block;width:131px;height:49px;margin:0 auto 50px;background:url('/bchn50/images/tit05.png') no-repeat center 0;background-size:100%;font-size:0;}
#evt02 .mc_evt .tab_nav {position:relative;margin-bottom:50px;}
#evt02 .mc_evt .tab_nav ul {display:flex;}
#evt02 .mc_evt .tab_nav ul li.on {z-index:9;background:#334ea9;}
#evt02 .mc_evt .tab_nav ul li.on a {color:#fff;}
#evt02 .mc_evt .tab_nav ul li + li {margin-left:60px;}
#evt02 .mc_evt .tab_nav ul li {flex:1;position:relative;float:left;border-radius:50px;}
#evt02 .mc_evt .tab_nav ul li + li:after {display:block;position:absolute;top:0;bottom:0;left:-60px;width:100%;width:60px;height:2px;margin:auto;background:#334ea9;content:'';}
#evt02 .mc_evt .tab_nav ul li a {display:flex;align-items:center;justify-content:center;height:60px;padding:0 15px;border:2px solid #334ea9;border-radius:50px;font-size:20px;font-weight:800;color:#334ea9;line-height:1.2;text-align:center;}
#evt02 .view_box {position:relative;padding:50px 45px 50px 50px;border-radius:20px;background:#fff;box-shadow:13px 13px 4px 0px #b9b4b46e;}
#evt02 .view_box .tit {margin-bottom:42px;font-size:27px;font-weight:800;color:#000}

#evt02 .view_box > .cont {padding-left:300px;}
#evt02 .view_box > .img {position:absolute;top:50px;left:50px;}
#evt02 .view_box .pic_list li + li {margin-top:27px;}
#evt02 .view_box .pic_list li img {max-width:100%;border-radius:10px;box-shadow:1px 1px 8px 4px #b1adad3b;}
#evt02 .view_box [class*="_def02"] > li {padding-left:20px;background:url('/bchn50/images/bl_def02.png') no-repeat left 5px;}
#evt02 .view_box [class*="_def02"] > li > strong {font-weight:800;}
#evt02 .view_box [class*="_def02"] > li:before {background:none;}
#evt02 .view_box [class*="_def02"] + .table_ty02 {margin-top:20px;}
#evt02 .view_box [class*="_def"] > li + li {margin-top:25px;}
#evt02 .view_box [class*="_def"] > li {font-size:17px;color:#000}
#evt02 .view_box [class*="_def"] > li [class*="list_"] {margin-top:15px;}
#evt02 .view_box [class*="_def"] > li [class*="list_"] > li {margin-top:15px;}
#evt02 .view_box .img_area a {display:block;}
#evt02 .view_box .img_area a .pic + .pic {margin-top:20px;}
#evt02 .view_box .img_area a .pic img {max-width:100%;}
#evt02 .evtSwiper {position:relative;z-index:2;}
#evt02 .swiper, swiper-container {overflow:unset;}
#evt02 .swiper-controls-wrap div {display:flex;position:absolute;top:50%;z-index:10;width:40px;height:100px;margin-top:-50px;border-radius:100px;background:#fff;box-shadow:1px 1px 8px 4px #b1adad3b;}
#evt02 .swiper-controls-wrap .swiper-button-prev {left:-75px;}
#evt02 .swiper-controls-wrap .swiper-button-next {right:-75px;}
#evt02 .swiper-controls-wrap div::after {display:block;width:16px;height:24px;background-repeat:no-repeat;background-position:center;font-size:0;}
#evt02 .swiper-controls-wrap .swiper-button-prev:after {background-image:url('/bchn50/images/btn_evt_prev.png');}
#evt02 .swiper-controls-wrap .swiper-button-next:after {background-image:url('/bchn50/images/btn_evt_next.png');}
#evt02 .prg_box {margin-top:30px;}
#evt02 .prg_box > ul {background:#f1faef;}
#evt02 .prg_box > ul > li + li {border-top:1px solid #fff;}
#evt02 .prg_box > ul > li:after {display:block;visibility:hidden;clear:both;height:0;content:"";}
#evt02 .prg_box > ul > li {display:flex;}
#evt02 .prg_box > ul > li > div {padding:15px;}
#evt02 .prg_box .thum {width:277px;}
#evt02 .prg_box .thum img {max-width:100%;box-shadow:3px 5px 6px 0px #b1adad6e;}
#evt02 .prg_box .cnt {display:flex;flex-direction:column;flex:1;justify-content:center;position:relative;border-left:1px solid #fff;}
#evt02 .prg_box .cnt .stit {display:block;margin-bottom:15px;font-size:17px;font-weight:400;color:#000;line-height:1;line-height:1.5;}
#evt02 .prg_box .cnt .stit strong {font-weight:800;}
#evt02 .prg_box .cnt ul li {font-size:16px;color:#000}
#evt02 .prg_box .cnt ul + ul {margin-top:10px;}

/* poster */
#poster {background:#f6d051;}
#poster .pc_item {display:block;}
#poster .mb_item {display:none;}
#poster .img_area img {max-width:100%;}

/* collect */
#collect.bg01 {background-image:url('http://www.bucheon.go.kr/bchn50/images/bg_visual_story.png');}
#collect.bg02 {background-image:url('http://www.bucheon.go.kr/bchn50/images/bg_visual_emblem.png');}
#collect.bg03 {background-image:url('http://www.bucheon.go.kr/bchn50/images/bg_visual_evt01.png');}
#collect {padding-bottom:0;}
#collect section {background:none;}

.tab_nav.ty02 {max-width:800px;margin:auto;padding:0 20px;}
.tab_nav.ty02 > ul {display:flex;justify-content:center;border-radius:50px;background:#fff;text-align:center;}
.tab_nav.ty02 > ul > li + li {margin-left:-30px;}
.tab_nav.ty02 > ul > li {flex:1;border-radius:50px;}
.tab_nav.ty02 > ul > li.on {z-index:9;background:#f5728b;}
.tab_nav.ty02 > ul > li.on a {font-weight:700;color:#fff;}
.tab_nav.ty02 > ul > li a {display:flex;align-items:center;justify-content:center;height:75px;border-radius:50px;font-size:29px;color:#797979;}

/* schd */
#schd {background:#f8f0c6;}
#schd .mc_schd .tab_nav {max-width:570px;margin:0 auto 40px;}
#schd .mc_schd .tab_nav ul {display:flex;justify-content:center;border-radius:50px;background:#fff;box-shadow:-3px -1px 15px 0px #ffc10757;text-align:center;}
#schd .mc_schd .tab_nav ul li + li {margin-left:-30px;}
#schd .mc_schd .tab_nav ul li {flex:1;border-radius:50px;}
#schd .mc_schd .tab_nav ul li.on {z-index:9;background:#f5728b;}
#schd .mc_schd .tab_nav ul li.on a {font-weight:700;color:#fff;}
#schd .mc_schd .tab_nav ul li a {display:flex;align-items:center;justify-content:center;height:75px;border-radius:50px;font-size:29px;color:#797979;}
#schd .mc_schd .sort_area {position:relative;margin-bottom:40px;}
#schd .mc_schd .sort_area .total {position:absolute;right:0;bottom:0;font-size:24px;color:#777777;line-height:1}
#schd .mc_schd .sort_area .total em {font-weight:800;color:#00b19d;}
#schd .mc_schd .cal_list {display:flex;align-items:stretch;margin:-30px 0 0 -40px;flex-wrap:wrap;}
#schd .mc_schd .cal_list:after {display:block;clear:both;overflow:hidden;width:0;height:0;content:'';}
#schd .mc_schd .cal_list > li {float:left;width:calc(100%/2 - 40px);min-height:255px;margin:30px 0 0 40px;border-radius:20px;background:#fff;box-shadow:-3px -1px 15px 0px #ffc10757;}
#schd .mc_schd .cal_list > li .tit {display:block;position:relative;overflow:hidden;height:57px;padding:0 30px;border-radius:20px 20px 0 0;background:#00b19d;font-size:24px;font-weight:bold;color:#fff;line-height:57px;text-align:left;white-space:nowrap;text-overflow:ellipsis;}
#schd .mc_schd .cal_list > li .inner {position:relative;padding:25px 25px 0 160px;font-size:18px;color:#666;line-height:1.2;text-align:left;}
#schd .mc_schd .cal_list > li .inner .date {position:relative;position:absolute;left:40px;min-width:80px;padding-top:95px;color:#000;line-height:1.3;text-align:center;}
#schd .mc_schd .cal_list > li .inner .date:after {display:block;position:absolute;top:0;right:0;left:0;width:78px;height:74px;margin:auto;background:url('/bchn50/images/ico_shd.png') no-repeat;background-size:100%;content:"";}
#schd .mc_schd .cal_list > li .inner .cont {overflow:auto;max-height:142px;}
#schd .mc_schd .cal_list > li .inner .cont ul > li > ul {margin-top:5px;}
#schd .mc_schd .cal_list > li .inner .cont ul + p {margin-top:10px;}
#schd .mc_schd .cal_nav {display:flex;align-items:center;justify-content:center;}
#schd .mc_schd .cal_nav strong {display:inline-block;min-width:140px;margin:0 10px;font-size:35px;font-weight:800;text-align:center;}
#schd .mc_schd .cal_nav a {display:block;width:30px;height:40px;border-radius:5px;background-color:#fff;background-repeat:no-repeat;background-position:center center;box-shadow:-3px -1px 15px 0px #ffc10757;font-size:0;}
#schd .mc_schd .cal_nav a:hover {transition:all 0.2s;}
#schd .mc_schd .cal_nav .btn_prev:hover {background-image:url('/bchn50/images/btn_prev_on.png');}
#schd .mc_schd .cal_nav .btn_next:hover {background-image:url('/bchn50/images/btn_next_on.png');}
#schd .mc_schd .cal_nav .btn_prev {background-image:url('/bchn50/images//btn_cal_prev.png');}
#schd .mc_schd .cal_nav .btn_next {background-image:url('/bchn50/images//btn_cal_next.png');}
#schd .mc_schd .cal_list > li .tit .btn_s {position:absolute;top:50%;right:15px;margin-top:-15px;border-radius:100px;}
#schd .mc_schd .txt_ty01 {position:relative;overflow:hidden;}
#schd .mc_schd .txt_ty01 .img {float:left;width:150px;margin-right:10px;}
#schd .mc_schd .txt_ty01 .img img {max-width:100%;height:120px;}
#schd .mc_schd .txt_ty01 .txt {float:left;width:calc(100% - 160px);font-size:15px;}

#schd .calSwiper {position:relative;z-index:2;}
#schd .swiper, swiper-container {overflow:unset;}
#schd .swiper-slide {text-align:center;}
#schd .swiper-controls-wrap div {display:flex;position:absolute;top:50%;z-index:10;width:40px;height:100px;margin-top:-50px;border-radius:100px;background:#fff;box-shadow:1px 1px 8px 4px #b1adad3b;}
#schd .swiper-controls-wrap .swiper-button-prev {left:30px;}
#schd .swiper-controls-wrap .swiper-button-next {right:30px;}
#schd .swiper-controls-wrap div::after {display:block;width:16px;height:24px;background-repeat:no-repeat;background-position:center;font-size:0;}
#schd .swiper-controls-wrap .swiper-button-prev:after {background-image:url('/bchn50/images/btn_evt_prev.png');}
#schd .swiper-controls-wrap .swiper-button-next:after {background-image:url('/bchn50/images/btn_evt_next.png');}

/* tab */
.tab_con {display:none;position:relative}
.tab_con.on {display:block;}

/* Paginate */
.paginate {display:flex;align-items:center;justify-content:center;margin-top:35px;text-align:center;}
.paginate > a {display:inline-block;width:38px;height:38px;margin:0 3px;background:center no-repeat;font-size:0;text-indent:-9999px;}
.paginate > a:hover {border-color:#444;}
.paginate .first {margin-left:0;background-image:url('/bchn50/images//btn_paginate_first.png');}
.paginate .prev {background-image:url('/bchn50/images//btn_paginate_prve.png');}
.paginate .next {background-image:url('/bchn50/images//btn_paginate_next.png');}
.paginate .last {margin-right:0;background-image:url('/bchn50/images//btn_paginate_last.png');}
.paginate ul {display:inline-block;margin:0 30px;}
.paginate li {display:inline-block}
.paginate li + li {margin-left:2px;}
.paginate li a {display:block;position:relative;width:38px;height:38px;font-size:18px;color:#4c4c4e;line-height:38px;}
.paginate li a:hover,
.paginate li.select a {border-radius:50%;background:#00b19d;font-weight:bold;color:#fff;}
.paginate li.select a:after,
.paginate li a:hover:after {left:0;width:100%;}

/* scroll_box */
.scroll_box {display:none;position:absolute;top:0;left:0;overflow-x:auto;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);}
.scroll_box button {display:block;width:100%;height:100%;background:url('/bchn50/images/ico_scroll.png') no-repeat center;text-align:center;text-indent:-9999px;}

.tbl_info {margin-bottom:10px;font-size:16px;text-align:right;}

/* table_ty */
.table_ty table {width:100%;}
.table_ty table th {height:45px;padding:5px 5px;border:1px solid #f8f0c6;background:#00b19d;font-size:20px;color:#fff;}
.table_ty table td{height:56px;padding:17px 5px;border:1px solid #f8f0c6;background:#fff;font-size:18px;color:#fff;color:#000;text-align:center;}
.table_ty table td.left {padding-left:35px;text-align:left;}

.table_ty02 table {width:100%;}
.table_ty02 table th {height:45px;padding:5px 5px;border:1px solid #fff;background:#83d196;font-size:16px;font-weight:800;color:#fff;}
.table_ty02 table td {height:56px;padding:17px 5px;border:1px solid #fff;background:#f1faef;font-size:16px;color:#000;text-align:center;}
.table_ty02 table td.left {padding-left:35px;text-align:left;}

/** List **/
[class^="list_"] > li {position:relative;padding-left:10px;}
[class^="list_"] > li + li {margin-top:8px;}
[class^="list_"] > li:before {position:absolute;left:0;content:'';}
[class^="list_"][class*="_def"] > li:before {top:10px;width:4px;height:4px;background:#515151;}
[class^="list_"][class*="_dash"] > li:before {top:8px;width:5px;height:1px;background:#666;}
[class^="list_"][class*="_dot"] > li:before {display:block;top:8px;width:3px;height:3px;border-radius:50%;background:#515151;}
[class^="list_"][class*="_add"] > li {padding-left:15px;}
[class^="list_"][class*="_add"] > li:before {top:0;content:'※';}

.dl_ty01 dt {margin-bottom:8px;}
.dl_ty01 dd + dd {margin-top:3px;}
.dl_ty01 dd:before {display:inline-block;width:5px;height:1px;margin-top:8px;margin-right:5px;background:#666;vertical-align:top;content:'';}

.t_point {color:#da2a21 !important;}
.t_point01 {color:#334ea9;}
.txt_link {text-decoration:underline;}

/** button **/
/* Size */
.btn_xs {display:inline-block;min-width:50px;min-height:24px;margin:0 3px;padding:3px 10px 2px !important;font-size:12px;line-height:18px;text-align:center;}
.btn_s {display:inline-block;min-width:70px;min-height:32px;padding:8px 15px 5px !important;font-size:16px;line-height:19px;text-align:center;}
.btn_m {display:inline-block;min-width:115px;min-height:45px;padding:12px 15px 10px !important;font-size:16px;line-height:22px;text-align:center;}
.btn_b {display:inline-block;min-width:160px;min-height:50px;padding:12px 15px 10px !important;font-size:16px;line-height:24px;text-align:center;}
.txt_btn {display:inline-block;vertical-align:middle;}
* + .txt_btn {margin-left:5px;}

.btn_xs + .btn_xs {margin-left:5px;}
.btn_s + .btn_s {margin-left:5px;}
.btn_m + .btn_m {margin-left:5px;}
.btn_b + .btn_b {margin-left:5px;}

/* Color */
.btn_co {background-color:#ffdbe6;color:#000;}
.btn_co:hover,
.btn_co:focus {background-color:#ffdbe6;color:#000 !important;}

.btn_co01 {background-color:#29a7e1;color:#fff;}
.btn_co01:hover,
.btn_co01:focus {background-color:#29a7e1;color:#fff !important;}

.pop_wrap {display:none;position:fixed;right:15px !important;left:15px !important;z-index:51;max-width:930px;margin:auto;border-radius:30px;background:#fff;box-shadow:2px 3px 8px 2px #42424257;}
.pop_wrap.on {display:block;}
.pop_wrap .pop_tit {min-height:75px;border-radius:30px 30px 0 0;background-color:#ffe2e7;font-size:24px;font-weight:800;line-height:75px;text-align:center;}
.pop_wrap .pop_close {display:block;position:absolute;top:23px;right:30px;width:25px;height:26px;background:url('/bchn50/images/bg_pop_close.png') no-repeat center;transition:0.2s;}
.pop_wrap .pop_close span {font-size:0;}
.pop_wrap .pop_cont {position:relative;padding:25px 0 111px 0;}
.pop_wrap .pop_cont .img {display:flex;align-items:center;justify-content:center;max-width:750px;height:457px;margin:auto;}
.pop_wrap .pop_cont .img img {max-width:100% !important;max-height:457px;}
.pop_wrap .pop_cont .txt {display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:0;left:0;overflow:auto;min-height:90px;margin-top:22px;padding:10px 20px;border-radius:0 0 30px 30px;background:#f6f6f6;font-size:16px;line-height:1.6;}
.pop_wrap .pop_cont .txt ul > li {text-align:left;}
.pop_wrap .pop_cont .txt ul > li + li {margin-top:0;}

@media screen and (max-width:1024px) {
#wrap {min-width:340px;padding-bottom:90px;}

section {height:auto !important;background-size:100% 100%;}
section .inner {padding:0 15px;}

/* header */
header .top_area {padding:15px 10px;}
header .top_area .logo {width:150px;height:28px;}
header .gnb_area .menu li a {font-size:15px;}
header .sns_link a[class^="ico_sns"] {width:30px;height:30px;}

.nav_container {top:auto;right:0;bottom:0;width:100%;transform:initial;}
.nav_container nav {padding-bottom:0;}
.nav_container nav ul {display:block;height:auto;}
.nav_container nav li {position:relative;float:left;width:calc(100% / 2);min-width:auto;}
.nav_container nav li a {display:flex !important;align-items:center;justify-content:center;width:100%;min-width:auto;height:45px;padding-left:0;border:none;border-radius:0;box-shadow:none;outline:1px solid #000;}
.nav_container nav li + li {margin:0;}
.nav_container nav li a.selected {min-width:auto;padding-left:0;border:none;}
.nav_container nav li a.selected:before {display:inline-block;position:static;z-index:99;width:35px;height:35px;margin:0 5px 0 0;}

/* btn_top */
.btn_top {display:none;}

/* table_ty */
.table_ty table th {height:30px;font-size:15px;}
.table_ty table td {height:30px;font-size:14px;}

/* intro */
#intro .mtit {width:325px;height:83px;margin-bottom:35px;}
#intro .inner {padding-top:0;}
#intro .group {display:block;max-width:700px;margin:auto;padding-top:0;}
#intro .group div + div {margin:50px 0 0 0;}
#intro .group .mc_greeting {width:100%;}
#intro .group .mc_greeting .txt {font-size:15px;}

/* quiz */
#quiz .inner {max-width:700px}
#quiz .quiz_area:before {top:-50px;left:-25px;width:80px;height:100px;}
#quiz .quiz_area .info_box {display:flex;align-items:center;justify-content:center;margin-bottom:30px;padding:20px;}
#quiz .quiz_area .info_box .list > li {min-height:30px;padding-left:80px;}
#quiz .quiz_area .info_box .list > li + li {margin-top:24px;}
#quiz .quiz_area .info_box .list > li .list_dot {padding-top:5px;}
#quiz .quiz_area .info_box .list > li .list_dot > li {font-size:16px;}
#quiz .quiz_area .info_box .list > li .list_dot > li:before {top:5px;}
#quiz .quiz_area .info_box .list > li > .tit {min-width:65px;height:30px;font-size:15px;}
#quiz .quiz_area .info_box:after, #quiz .quiz_area .info_box:before {bottom:-40px;width:45px;height:50px}
#quiz .quiz_area .quiz_box {padding:20px;}
#quiz .quiz_area .quiz_box:after {bottom:130px;width:180px;height:155px;}
#quiz .quiz_area .quiz_box > .tit {letter-spacing:0;}
#quiz .quiz_area .quiz_box > .tit em {width:80px;}
#quiz .quiz_area .quiz_box > .tit {max-width:400px;height:50px;margin-top:10px;font-size:20px;font-weight:800;text-align:center;letter-spacing:0;}
#quiz .quiz_area .quiz_box .add_list li {font-size:15px;}
#quiz .quiz_area .quiz_box .chk_list li input {margin-top:2px;}
#quiz .quiz_area .quiz_box .chk_list li .txt {margin-left:5px;font-size:16px;font-weight:800;}
#quiz .quiz_area .quiz_box .btn_area .btn_b {border-radius:10px;}
#quiz .quiz_area .quiz_box .cont > .txt {margin:35px 0;font-size:16px;line-height:1.5;}
#quiz .quiz_area .chk_box {width:calc(100% - 180px);min-height:auto;padding:20px;}
#quiz .quiz_area .chk_box .tit {margin-bottom:20px;padding: 5px 5px 5px 30px;font-size:15px;}
#quiz .quiz_area .chk_box .tit:after {top:0;width:25px;height:25px;}
#quiz .quiz_area .chk_box .stxt {font-size:15px;text-align: center;letter-spacing:0;}
#quiz .quiz_area .chk_box .stxt span {width:15px;height:20px;line-height:20px;}
#quiz .quiz_area .chk_box .stxt span b {margin-left:0;}

#poster .pc_item {display:none;}
#poster .mb_item {display:block;}

/* story */
#story {height:auto !important;}
#story .wrap {max-width:763px;padding:0 35px;}
#story .swiper {margin:20px auto 0;}
#story .mc_story {margin-top:40px;}
#story .mc_story .tab_nav {height:60px;}
#story .mc_stocccccry .tab_nav ul li a {font-size:18px;}
#story .mc_story .tab_nav ul li {flex:1 auto;}
#story .mc_story .tab_nav ul li a {padding:0;}
#story .swiper-slide {transform:none;}
#story .swiper-slide img {width:100%;}
#story .swiper-slide:after {box-shadow:none;}

/* story */
#story .mc_story .tab_nav ul {height:35px;}
#story .mc_story .tab_nav ul li a {height:32px;}
#story .mc_story .tab_nav ul li a span {font-size:16px;}
#story .swiper-slide {width:100%;transform:none !important}
#story .swiper-slide-active .tit {position:relative;right:0;bottom:0;left:0;z-index:9999;margin-top:-48px;border-radius:0 0 15px 15px;}

/* emblem */
#emblem {height:auto !important;}
#emblem .wrap .embSwiper {height:auto;}
#emblem .wrap .embSwiper {height:auto;margin:0;}
#emblem .wrap .embSwiper .img {top:5px;margin:0;padding:0 7% 0 6%;}
#emblem .wrap .embSwiper .swiper-controls-wrap div {width:50px;height:50px;}
#emblem .wrap .bhs_box {display:none;}
#emblem .wrap .embSwiper .img img {max-width:100%;}

/* evt01 */
#evt01 .mc_event01 {width: auto;margin:-10px 0 0 -5px;}
#evt01 .mc_event01 .item a {margin:10px 10px;}
#evt01 #pager {right:20px;}

/* evt02 */
#evt02 .mc_event02 .mb_item {display:block;}
#evt02 .mc_event02 .pc_item {display:none;}
#evt02 .mc_evt .tab_nav {margin-bottom:30px;}
#evt02 .mc_evt .tab_nav ul li a {font-size:15px;line-height:1.2;word-break:break-all;}
#evt02 .mc_evt .tab_nav ul li + li {margin-left:15px;}
#evt02 .mc_evt .tab_nav ul li + li:after {left:-15px;width:15px;}
#evt02 .view_box {padding:20px;}
#evt02 .view_box .tit {margin-bottom:15px;font-size:18px;}
#evt02 .view_box [class*="_def"] > li + li {margin-top:15px;}
#evt02 .view_box [class*="_def"] > li [class*="list_"] > li {margin-top:5px;}
#evt02 .view_box [class*="_def"] > li [class*="list_"] {margin-top:10px;}
#evt02 .view_box > .img {display:flex;justify-content:center;position:static;margin-bottom:25px;}
#evt02 .view_box > .cont {padding-left:0;}
#evt02 .view_box [class*="_def"] > li {font-size:15px;}
#evt02 .view_box .pic_list {display:flex;}
#evt02 .view_box .pic_list li + li {margin-top:0;margin-left:20px;}
#evt02 .view_box .pic_list li img {max-width:100%;}
#evt02 .prg_box .cnt .stit {font-size:15px;}
#evt02 .prg_box .thum {width:200px;}
#evt02 .swiper-controls-wrap {background:#ffffffb3;}
#evt02 .swiper-controls-wrap .swiper-button-prev {left:-10px;}
#evt02 .swiper-controls-wrap .swiper-button-next {right:-10px;}

/* schd */
#schd .mc_schd .tab_nav ul li a {height:50px;font-size:16px;}
#schd .mc_schd .cal_nav strong {min-width:100px;font-size:20px;}
#schd .mc_schd .cal_list {margin:-20px 0 0 -20px;}
#schd .mc_schd .cal_list > li {width:calc(100%/2 - 20px);min-height:200px;margin:20px 0 0 20px;}
#schd .mc_schd .cal_list > li .tit {position:relative;height:50px;padding:0 20px;font-size:18px;line-height:50px;}
#schd .mc_schd .cal_list > li .tit.ty02 {padding:0 120px 0 20px;}
#schd .mc_schd .cal_list > li .inner {padding:25px 15px 25px 130px;font-size:14px;}
#schd .mc_schd .cal_list > li .inner .date {left:25px;padding-top:70px;}
#schd .mc_schd .cal_list > li .inner .date:after {width:60px;}
#schd .mc_schd .sort_area .total {font-size:15px;}
#schd .swiper-controls-wrap div {height:40px;}
#schd .mc_schd .cal_list > li .tit .btn_s {min-width:100px;font-size:14px;}
#schd .mc_schd .txt_ty01 .img {float:none;width:100%;}
#schd .mc_schd .txt_ty01 .img img {width:100%;height:auto;}
#schd .mc_schd .txt_ty01 .txt {float:none;width:100%;margin-top:10px;}

.pop_wrap .pop_cont .txt {font-size:14px;}
.pop_wrap .pop_cont .txt br {display:none;}

}

@media screen and (min-width:1023px) {
#quiz .info_box .list > li .list_dot > li + li {margin-top:20px;}
#quiz .info_box .list > li .list_dot > li:before {top:10px;width:5px;height:5px;background:#000;}
#quiz .quiz_area .chk_box .chk_list li {font-size:36px;font-weight:700;}
#quiz .quiz_area .chk_box .chk_list li input {display:inline-block;width:25px;height:25px;margin:5px 0 0 0;}
#quiz .quiz_area .chk_box .chk_list li .txt {margin-left:5px;font-weight:700;color:#1b1b1b;line-height:1;}
#quiz .quiz_area .quiz_box .btn_area .btn_b {min-width:235px;height:85px;border-radius:25px}
#quiz .quiz_area .quiz_box .btn_area .btn_b span {font-size:30px;font-weight:800;}

#story .wrap:after {display:block;position:absolute;right:-88px;bottom:0;width:255px;height:356px;background:url('/bchn50/images/story_bucheonhandsup_r.png') no-repeat center 0;content:"";}
#story .swiper {max-width:1070px;height:705px;margin-top:40px;padding-top:15px;}
#story .swiper-slide img {transition:all 0.2s;}
#story .swiper-slide .tit,
#story .swiper-slide .cont {display:none;position:absolute;left:50%;width:699px;margin-left:-349px;cursor:initial;user-select:text;}
#story .swiper-slide-active img {width:695px;margin-top:0;opacity:1;transform:scale(1.9566) !important;filter:none;}
#story .swiper-slide {margin-top:95px;}
#story .swiper-slide .cont {max-width:690px;}
#story .swiper-slide-prev img {opacity:1;transform:scale(1.35) translateX(-5%);}
#story .swiper-slide-next img {opacity:1;transform:scale(1.35) translateX(5%)}
#schd {min-height:830px;}

}

@media screen and (max-width:768px) {
section {padding:30px 0;}

header .sns_link li + li {margin-left:5px;}

.nav_container {min-width:340px}
.nav_container nav li a {font-size:15px;}
.nav_container nav li a.selected::before {width:30px;height:30px;}

#intro {background-image:url('/bchn50/images/mb/bg_visual_intro.png');}
#story {background-image:url('/bchn50/images/mb/bg_visual_story.png');}
#evt01 {background-image:url('/bchn50/images/mb/bg_visual_evt01.png');}
#evt02 {min-height:auto;}

/* intro */
#intro .group .mc_greeting {padding:30px 20px;background-position:bottom right;background-size:contain;}

/*quiz */
#quiz .quiz_area .info_box .list > li .list_dot > li {padding-left:10px;font-size:14px;}
#quiz .quiz_area:before {top:-120px;left:0;}
#quiz .quiz_area .quiz_box {padding:20px 15px;}
#quiz .quiz_area .chk_box {width:100%;}
#quiz .quiz_area .chk_box .chk_list {display:block;overflow:hidden;padding:10px !important;}
#quiz .quiz_area .chk_box .chk_list li {float:left;width:calc(100% / 2);margin:5px 0;text-align:center;}
#quiz .quiz_area .quiz_box .add_list {width:calc(100% - 105px);}
#quiz .quiz_area .quiz_box .add_list li {font-size:14px;}
#quiz .quiz_area .quiz_box .add_list li + li {margin-top:5px;}
#quiz .quiz_area .quiz_box:after {bottom:0px;width:110px;height:100px;}

/* story */
#story .mtit {width:150px;height:30px;margin-bottom:30px;}
#story .swiper-slide .cont {padding:15px 20px;font-size:15px;}
#story .swiper-controls-wrap > div {background-size:15px auto;}
#story .swiper-slide-active .tit {height:35px;margin-top:-35px;font-size:15px;line-height:35px;}

/* emblem */
#emblem .mtit {width:169px;height:30px;margin-bottom:30px;}
#emblem .wrap .swiper-controls-wrap div {width:40px;height:40px;margin-top:-50px;}

/* evt01 */
#evt01 .mtit {width:110px;height:30px;margin-bottom:30px;}
#evt01 #pager {top:0;right:20px;width:80px;height:30px;}
#evt01 #pager > div {width:30px;height:30px;}
#evt01 #pager div {background-size:8px auto;}

/* evt02 */
#evt02 .mtit {width:82px;height:30px;margin-bottom:30px;}

/* schd */
#schd .mc_schd .tab_nav {margin-bottom:30px;}
#schd .mc_schd .sort_area {margin-bottom:20px;}
#schd .mc_schd .cal_list {margin:0;}
#schd .mc_schd .cal_list > li {width:100%;margin:0;}
#schd .mc_schd .cal_list > li + li {margin-top:20px;}

/* scroll_box */
.scroll {position:relative;overflow-x:scroll;}
.scroll table {width:990px;}
.scroll_box {display:block;}

/* paginate */
.paginate ul {margin:0 10px;}
.paginate li a {width:30px;height:30px;line-height:30px;}

.pop_wrap .pop_tit {min-height:55px;border-radius:30px 30px 0 0;font-size:18px;line-height:55px;}
.pop_wrap .pop_cont {padding:20px 0 110px 0;}
.pop_wrap .pop_cont .img {height:250px;padding:0 20px;}
.pop_wrap .pop_cont .img img {height:250px;}
.pop_wrap .pop_close {top:15px;right:15px;width:20px;height:20px;background-size:100%;}

.table_ty02 table th {height:40px;}
.table_ty02 table td {padding:5px;font-size:14px;}

.tab_nav.ty02 > ul > li a {height:50px;font-size:18px;font-weight:bold;}

}

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

#intro .group .mc_greeting {padding:60px 15px;}
#intro .group .mc_greeting:after {width:180px;height:137px;}
#intro .group .mc_greeting .txt {font-size:14px;}
#intro .group .mc_greeting .txt + .txt {margin-top:10px;}

#evt02 .mc_evt .tab_nav ul li a {height:55px;font-size:14px;}
#evt02 .mc_evt .tab_nav ul li + li {margin-left:5px;}
#evt02 .mc_evt .tab_nav ul li + li:after {background:none;}
#evt02 .prg_box .thum {margin:auto;}
#evt02 .prg_box > ul > li {display:block;padding:15px 0;}
#evt02 .prg_box > ul > li + li {border-top:2px dotted #ddd;}
#evt02 .mc_evt .tab_nav ul {display:block;margin-top:-15px;margin-left:-15px;}
#evt02 .mc_evt .tab_nav ul:after {display:block;visibility:hidden;clear:both;height:0;content:"";}
#evt02 .mc_evt .tab_nav ul li {float:left;width:calc(100% / 2 - 15px);margin-top:15px;margin-left:15px;border-radius:50px;}
#evt02 .mc_evt .tab_nav ul li + li {margin-left:15px;}

.tab_nav.ty02 > ul > li a {font-size:16px;}

}

@media screen and (max-width:450px) {
#quiz .mtit {margin:5px 5px 30px 80px;}
#quiz .mtit img {max-width:90%;}
#quiz .quiz_area .quiz_box .cont > .txt {font-size:14px;}
#quiz .quiz_area .quiz_box .add_list {width:100%;}
#quiz .quiz_area .quiz_box:after {background:none;}
#quiz .quiz_area .quiz_box > .tit {padding-left:10px;font-size:18px;}

}

@media screen and (max-width:375px) {
#evt02 .mc_evt .tab_nav ul li a {font-size:13px;}
#intro .group .mc_greeting {height:390px;}
#intro .group .mc_greeting:after {width:170px;height:128px;}

}