@charset "utf-8";
/* Challenge */
.vol121_color{color: #7fb4e1 !important;}
.vol121_color2{ font-family: 'JalnanGothic', 'NanumSquare', Sans-serif; color: #7fb4e1 !important;}
.vol121_color3{color: #7fb4e1 !important;}
.vol120_color4{color: #7fb4e1 !important;}

/*  */
.sub2_1, .sub2_1In{  background-color: #e8c38e !important;}
.sub2_1 .ff_Jal{color: #e8c38e; font-size: 50px; -webkit-text-stroke: 1px #9e6c54; }
.sub2_1 .ff_Jal>span { color: #fff; -webkit-text-stroke:1px #fff; font-size: 52px;}
.sub2_1 .acont {color: #222; font-weight: bold;}
.sub2_1 .nomal {color: #222; font-weight: normal;}

.sub2_1 .flex{align-items: flex-start;}

img.txt_end{ margin-left:5px; vertical-align: -4px; }

.sub2_1 .end_ico { background: url(../image/ico/end_ico3.png) no-repeat center/cover;}
@media all and (max-width:735px){
}

/*  */
.sub2_2 .sub2_2Box{  position: relative;  display: block;  margin: 0 auto; padding: 40px 0 10px;  text-align: center;  border-bottom: 1px solid #000;  box-sizing: border-box;}
.sub2_2 .sub2_2Box h5{ font-size: 28px; text-align: center; color: #222; margin-bottom: 10px; font-weight: bold;}
@media all and (max-width:1089px){
  .sub2_2 .sub2_2Box h5{font-size: 24px;}
}

@media (max-width: 1080px){
  .lb-dataContainer{
    width: 80% !important;
  }
  .lb-outerContainer{
    width: 80% !important;
    height: 100% !important;
  }
  .lightbox .lb-image{
    width: 100% !important;
    height: auto !important;
  }
}

/*  */
.sub2_3tit{ font-weight:bold; font-size: 26px;}
.sub2_3tit p img{ display:inline-block; margin-right:5px;  vertical-align: -12px; }


@media all and (max-width:1089px){
  .sub2_3tit{font-size: 22px;}
}

/* How */
strong.how_tit{ display:block; margin-bottom:50px; font-weight: bold; font-size:30px; font-family: 'JalnanGothic', 'NanumSquare', Sans-serif; text-align: center; color:#bb8db8; }
strong.how_tit span{ display:block; font-size:16px; font-weight: normal; font-family: 'NanumSquare', 'Sans-serif'; color:#333; }
.sub2_4 .section > .flex{ align-items: start; }

ol.how_list:first-child{ margin-right:100px; }
ol.how_list li{ margin:0 0 15px 20px; text-indent: -20px; font-size: 17px; font-family: 'NanumSquare', sans-serif; }
ol.how_list li span{ display: block; color:#bb8db8; }

@media all and (max-width:789px){
  ol.how_list:first-child{ margin-right:0; }
  .sub2_4 .section > .flex{ margin-bottom:80px; }
  .sub2_4 .section > .flex:last-child{ margin-bottom:0; }
  .sub2_4 .section > .flex .boximg{ margin-bottom:15px; }
}


ul.part01{ display: flex; flex-flow: row wrap; margin-bottom:80px; border-top:1px solid #000; }
ul.part01 li{ position: relative; }
ul.part01 li:nth-child(1){ flex-basis: 100%; padding:30px 0; border-bottom:1px solid #000; align-self: center;  }
ul.part01 li:nth-child(2){ flex-basis: 47%; padding:30px 27px 0 0; border-right:1px solid #000; }
ul.part01 li:nth-child(3){ flex-basis: 47%; padding:30px 0 0 26px; }
ul.part01 li:nth-child(3) strong{ left:26px; }
ul.part01 li strong{ position: absolute; top:30px; left:0; display: inline-block; padding:10px 35px; border: 2px solid #000; border-radius: 50px; text-align: center; font-weight:normal; font-size: 20px; }
ul.part01 li strong em{ display: block; font-weight:bold; }
ul.part01 li p{ margin-top:20px; line-height: 28px; font-size: 16x; color:#000; }

.plst_flx{ display: flex; justify-content: flex-end; }
.plst_flx .plstbox{ margin-right:10px; }
.plst_flx .plstbox:last-child{ margin-right:0; }
.plstbox{ width:100px; text-align: center; font-weight: bold; }
.plstbox span { display: block; padding:22px 15px; border-radius: 10px; background: #dff3f2; }
.plstbox span img{ width:70px; }

.part02{ position: relative; margin-bottom:150px; }
.part02::before{ content: ''; position: absolute; top: 0; left:0; width:100%; border-top: 1px solid #000;  }
.part02 span.part02_tit{ position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); display: inline-block; padding:10px 35px; border: 1px solid #000; border-radius: 50px; background: #fff; text-align: center; font-weight:normal; font-size: 20px; }
.part02 ul.plt_list{ display: flex; flex-wrap: wrap; }
.part02 ul.plt_list li{ width:45.7%; padding:30px 0 20px 0; border-bottom:1px solid #000;  text-align: center; }
.part02 ul.plt_list li:nth-child(1){ padding:30px 25px 20px 25px; border-right:1px solid #000; }
.part02 ul.plt_list li:nth-child(2){ padding-left:25px;  }
.part02 ul.plt_list li:nth-child(3){ padding: 30px 25px 20px 25px; border-right:1px solid #000; border-bottom:0;  }
.part02 ul.plt_list li:nth-child(4){ padding-left:25px; border-bottom:0; }
.part02 ul.plt_list li p{ position: relative; margin-top:20px; padding-left:30px; text-align: left; }
.part02 ul.plt_list li p strong{ display:block; font-family: 'JalnanGothic', 'NanumSquare', Sans-serif; font-size: 18px; color:#61c1be; }
.part02 ul.plt_list li p img{ position: absolute; top:4px; left:0; }
.part02 ul.pet_box{ display: flex; padding-top:80px; }
.part02 ul.pet_box li{ position: relative; width:43%; margin-right:70px; height:28px; padding:30px 15px; background: #efefef; border-radius: 15px; text-align: center; font-size:18px; font-weight:bold; color:#000; }
.part02 ul.pet_box li:first-child::before{ content: ''; position: absolute; top:32px; right:-42px; width:45px; height:15px; background: url('../image/sub/sub2_5/bg.png') no-repeat 0 0; z-index: 10; }
.part02 ul.pet_box li:last-child{ margin-right:0; padding:30px 50px 30px 15px; background:#91d4d2;  color:#fff;  }
.part02 ul.pet_box li:last-child::before{ content: ''; position: absolute; top:-28px; right:-10px; width:100px; height:116px; background: url('../image/sub/sub2_5/12.png') no-repeat right 0; background-size: 100% 100%; }
.part02 ul.pet_box:last-child li{ height:68px; }
.part02 ul.pet_box:last-child li:first-child{ height:58px; padding:15px; }
.part02 ul.pet_box:last-child li:last-child{ background:#ffbac1; }
.part02 ul.pet_box:last-child li:last-child::before{ content: ''; position: absolute; top:-28px; right:-17px; width:105px; height:116px; background: url('../image/sub/sub2_5/13.png') no-repeat right 0; background-size: 100% 100%; }
.part02 ul.pet_box:last-child li:last-child img{ margin-left:4px; vertical-align: -3px; }

@media all and (max-width:916px){
  .subcon2_5{ margin: 80px auto 50px auto; }
  .title-content2.sbt25{ padding:20px 20px 0 20px; }
  p.sub_top_tit{ margin:0 20px 30px; }
  .plst_flx{ justify-content: unset; flex-wrap: wrap; }
  ul.part01 li{ flex-basis: 100% !important; padding:30px 20px !important;  }
  ul.part01 li strong{ display: block; position: unset; margin:0 0 20px 0; padding:10px 15px; }
  ul.part01 li:nth-child(1){ border-bottom:1px solid #000; align-self: center;  }
  ul.part01 li:nth-child(2){ border-right:0; border-bottom:1px solid #000; }
  ul.part01 li:nth-child(3) strong{ left:26px; }
  .part02 ul.plt_list li{ width:45%; }
  .part02 ul.pet_box{ flex-wrap: wrap; margin:15px; }
  .part02 ul.pet_box li{ width:100%; margin-right:0; }
  .part02 ul.pet_box li:first-child{ width:100%; margin-bottom:80px; }
  .part02 ul.pet_box li:first-child::before{ top:unset; right: unset; bottom:-27px; left:50%; transform: rotate(90deg);}

}

@media all and (max-width:776px){
  .part02 ul.plt_list li{ width:100%;  }
  .part02 ul.plt_list li:nth-child(1){  border-right:0; }
  .part02 ul.plt_list li:nth-child(3){ border-bottom:1px solid #000;  border-right:0;  }
  .part02 ul.plt_list li:nth-child(4){ border-bottom:0; }
}
@media all and (max-width:585px){
  p.sub_top_tit{ margin:0 20px 70px; }
  .part02 ul.plt_list li:nth-child(1){ padding: 50px 25px 20px 25px; }
}

@media all and (max-width:440px){
  .part02 ul.pet_box:last-child li:first-child{ height:auto; }

}

/* How */
.stn24{ margin-bottom:80px; }
.stn24 strong{ display: block; margin-bottom: 30px; }
.stn24 strong span{ display: block; font-size: 18px; color: #000; }

.stn24 span.stn_tit{ display: inline-block; margin-bottom: -30px; padding:50px 35px; background: #f8edf5; border-radius: 80px; font-size:20px; }

.stn24 ol{  }
.stn24 ol > li{ margin-bottom:10px; font-size: 16px; }
.stn24 ol > li > span{ display: block; font-size: 18px; font-weight: bold; color:#7497ce; }
.stn24 ol > li > span img{ vertical-align: -2px; }
.stn24 ol > li > em{ display: block; font-size: 14px; color:#7497ce; }

p.qst{ color:#cf7aaf; }
p.qst span{ display: inline-block; margin-bottom:8px; text-decoration: underline; text-underline-offset:5px; color:#cf7aaf; }



/* Talk */
.sub2_5 .title-content2 .boximg{ background: url('../image/sub/sub2_5/bg1.png') no-repeat right 0;  }
.section.stn25{ margin-bottom:80px; }
.section.stn25 strong{ display: block; text-decoration: underline;  text-underline-position: under;  text-decoration-color: #7fb4e1;  font-weight: 600; font-size: 20px; }
.section.stn25 strong.bgcon{ padding:190px 0 0 0; background:url('../image/sub/sub2_5/bg2.png') no-repeat top right; }
.section.stn25 strong.bgcon2{ padding:120px 0 0 0; background:url('../image/sub/sub2_5/bg3.png') no-repeat top right; }
.section.stn25 strong.bgcon3{ padding:230px 0 0 0; background:url('../image/sub/sub2_5/4.jpg') no-repeat top right; }
.section.stn25 .bg04{ padding:170px 0 0 0; background:url('../image/sub/sub2_5/bg4.png') no-repeat top left; }
.section.stn25 .bg05{ padding:0 0 170px 0; background:url('../image/sub/sub2_5/bg5.png') no-repeat bottom right; }

/* Curation */
span.nugt{ font-family: 'Nanum Gothic', sans-serif;  }
span.sb_if06{ display: block; font-weight: bold; }


/* Beyond */
span.beyond_tit{ font-weight: 600; font-size:28px; color:#bb8db8; }
span.beyond_tit img{ margin-right:15px; vertical-align: -6px; }

.byc01{background:url('../image/sub/sub2_7/bg1.png') no-repeat bottom right; }
.byc02{background:url('../image/sub/sub2_7/bg2.png') no-repeat bottom right; }
.byc03{background:url('../image/sub/sub2_7/bg3.png') no-repeat bottom right; }

.beyond_con{ margin-bottom:120px; }
.beyond_con p{ padding:33px 0 0 0; font-size: 17px; font-family: 'NanumSquare', sans-serif; color:#bb8db8; }
.beyond_con .flex{ align-items: start; }

/* Curation */
.subox26{ padding:30px; background: #fffce3; }
.subox26 strong{ display: block; margin-bottom:15px; font-size: 18px; }
.subox26 span{ display: block; margin-bottom:7px; font-weight: bold; }
.subox26 p{ display: block; margin-bottom:20px; font-size: 16px; }
.subox26 em{ display: block; margin-bottom:20px; font-weight: bold; }



/* World */
.sub2_7 .title-content2 p.intro{ font-weight: bold; color: #7fb4e1; }
.sub2_7 .acont{ color:#222; }
.sub2_7 .section h4{  margin: 40px 0 24px 0; font-size: 26px; line-height: 1.3 !important; text-align: left;  font-weight: bold; color:#222 !important; }
.sub2_7 .section h4 span{ display: block; margin-bottom:15px; }

.section.byend{ padding-top:1px; background: url('../image/sub/sub2_7/6.png') no-repeat left 260px top 15px; background-size: 60px 60px; }


@media all and (max-width:1089px){
  .sub2_7{
    background-size: 100% auto;
  }
  .sub2_7 #sub_container{ 
    background-size: 100% auto;
   }
   .sub2_7 .article-title{ 
    background-size: 40% auto;
    background-position: left 0 top: 0;
  }
}

@media all and (max-width:768px){
  .section.stn25 strong.bgcon3{ padding:260px 0 0 0;  }

  
  .sub_event1 h4 {font-size: 20px;}
  .section .flex.rlx{ flex-direction: column-reverse; }
  .section.byend{ background-position: left 220px top 15px; }


}




/* Challenge */
.sub_event2 .section{  max-width: 1000px;}

.sub_event2 .winner {border: 2px solid #7fb4e1; border-radius: 25px;  padding: 10px; }
.sub_event2  .flex {align-items:flex-end;}
.sub_event2 .winner1 { box-shadow: 10px 10px 0 #7fb4e1;}


.sub_event2  .article-body h3.event_tit{ text-align: center;  font-family: 'JalnanGothic', 'NanumSquare', Sans-serif; color:#7fb4e1; }



@media only screen and (max-width: 768px) {
  .sub_event2 .flex2{ flex-direction: column-reverse;}
}

/* Review */
#content.sub_review{ padding-bottom:40px; background: url('../image/sub/event/bg.png') repeat left 0; }
#content.sub_review .article-title{  background: url('../image/sub/event/1.png') no-repeat right 0; }
#content.sub_review .sub_revBox{ min-height:765px; padding:20px; border:0; border-radius: 20px; background: #fff; }
#content.sub_review .sub_revBox p.acont{ margin-bottom:0; }
#content.sub_review .flex{ display: flex; box-sizing: border-box;  gap: 20px; }
#content.sub_review .aconbox{ position: relative; margin-top:20px; padding-top:200px }
#content.sub_review .aconbox::before{ content: ''; position: absolute; top:35px; left:0; width: 100%; height: 100%; background: url('../image/sub/event/bg2.png') no-repeat left top; background-size: 100% auto; }
#content.sub_review .aconbox .aconboxcon{ padding:30px; border-radius: 20px; background: #fff; }
#content.sub_review .aconbox .aconboxcon .fleleft{ width: 60%; }
#content.sub_review .aconbox .aconboxcon .fleleft strong{ display: block; margin-bottom:15px; font-size: 17px; color: #29ad4b; }
#content.sub_review .aconbox .aconboxcon .fleleft span{ display: block; margin-bottom:3px; font-size: 17px; font-weight: bold; }
#content.sub_review .aconbox .aconboxcon .fleleft p{ margin-bottom:20px; }
#content.sub_review .aconbox .aconboxcon .fleleft p:last-child{ margin-bottom:0; }
#content.sub_review .aconbox .aconboxcon .fleright{ position: relative; width: 40%; margin-top:45px; }
#content.sub_review .aconbox .aconboxcon .fleright a{ display: inline-block; position: absolute; top:0; left:0; }
#content.sub_review .aconbox .aconboxcon .fleright a img{ display: block; margin-bottom:5px; }
#content.sub_review .aconbox .aconboxcon .fleright p{ margin-left:130px; }
#content.sub_review .rewbox{  }
#content.sub_review .rewbox h4{ margin-top: 40px; line-height: 1.8; font-size: 26px;  color: #cf7aaf; }
#content.sub_review .rewbox .sub_ev1SnsWr{  background-color: #cf7aaf; }

@media only screen and (max-width: 768px) {
  #content.sub_review .article-title{
    background-size: 40% auto;
  }
  #content.sub_review{
    padding:0 20px 20px 20px;
  }
  #content.sub_review > .flex{
    display: block;
  }
  #content.sub_review .sub_revBox{
    min-height: auto;
  }
  #content.sub_review .aconbox{
    padding-top: 25%;
  }
  #content.sub_review .aconbox .aconboxcon .fleleft, #content.sub_review .aconbox .aconboxcon .fleright{
    width: 100%;
  }
  #content.sub_review .aconbox .aconboxcon .fleright a{
    position: inherit;
  }
  #content.sub_review .aconbox .aconboxcon .fleright p{
    margin-left:0;
    margin-top:10px;
  }
  #content.sub_review .rewbox .flex{
    flex-direction: column;
  }
}


/* 철도B컷 */
.event1 .top_ico{width: 50%; text-align: center; margin: 0 auto;}
.event1{background: #4e79bc; color: #fff;}
#e_gallery{  position: relative;  display: block; width: 100%; height: auto;  margin: 30px auto;  padding: 30px 0;   box-sizing: border-box;}
#e_gallery .gall_wr, .event1_img_wrap{  position: relative; display: block;  width: 100%;  height:100%;    box-sizing: border-box;}
.event1 p.txt-l{text-align: left; display: inline-block; color: #fff; font-weight: bold; font-size: 36px;}
.event1_box{display: flex;  justify-content: space-between;  align-items: center;    flex-wrap: wrap;}

.event1List{  position: relative;  width: 100%;   height:100% !important;  /* margin: 30px auto;  padding: 30px 0;   */  box-sizing: border-box;}


.event1List .gall_In{  position: inherit !important; top:inherit !important; left:inherit !important; display: inline-block;  width: calc(100% / 3 - 20px);   margin: 10px 10px;  box-sizing: border-box;}
.event1List .gall_In a{  display: block; width: 100%; height: 100%;    box-sizing: border-box;}
.event1List .gall_In a img{width: 100%;}
.event1List .gall_In .boximg{margin-bottom: 0px;}
.event1List .img_wr{  position: relative;  display: block;  width: 100%; height: 100%;  box-sizing: border-box;}
.img_wr a::before{  content: '';  position: absolute;  display: block;  width: 100%; height: 100%;top: 0; left: 0; right: 0; bottom: 0;  background-color: rgba(0,0,0, 0.20);    z-index: 1;  }
.event1List .img_overlay{  position: absolute;  top: 50%; left: 50%;  transform: translate(-50%, -50%); opacity: 0;}
.event1List .img_overlay i{ font-size: 2em; }
.img_wr a:hover::before{ background-color: rgba(0,0,0, 0);}
.img_wr:hover .img_overlay {  opacity: 1;  /* animation: hover01 0.3s linear; */}

/*  */
.time_start, .time_end { display: table; width: 100%; vertical-align: middle;  color: #0081cc;   margin: 0 auto;  text-align: center; font-size: 40px;  font-family: 'Montserrat', Sans-serif; box-sizing: border-box;}
.time_start{font-weight: bold;}
.time_end{  line-height: 22px;}
.time_end .endico{  position: relative;  box-sizing: border-box;}
.time_end .endico i {  display: block;  font-size: 60px;  line-height: 0.35;}
.fa-angle-down{  display: inline-block;  font-family: 'FontAwesome';  vertical-align: middle;  font-style: normal;  font-weight: lighter;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

.timeline { position: relative;	display: block; width: 100%; height: 100%;  margin: 0 auto; color: #fff;  box-sizing: border-box;}
.timeline .center_line { position: absolute;  height: 100%; top: -6px;  left: 50%;  border: 2px dashed #0081cc; transform: translatex(-50%);  z-index: -1;  }
.timeline .timeline_cont {  padding-top: 20px; padding-bottom: 20px;}
.time_article {	position: relative; width: 100%; height: 100%; overflow: hidden; margin: 20px 0; box-sizing: border-box;}
.time_article .cont_Lbox, .time_article .cont_Rbox { display: block; width: 100%;  max-width: 47%;  box-sizing: border-box;}
.time_article .cont_L, .time_article .cont_R { position: relative;  width: auto;  width: 98%; margin: 5px 0;  padding: 20px 20px 18px;  box-shadow: 3px 3px 5px #5d5d5d;  border-radius: 15px; box-sizing: border-box;}

.time_article h6, .time_article .article_num span{font-family: 'NanumSquare', sans-serif;}

.time_article h6{font-size: 18px;font-weight: bold;  line-height: 1.3;}
.time_article .contTxt {	position: relative;  font-size: 16px; text-align: left;  padding: 3px 0; font-family: 'Noto Sans KR',Sans-serif;  line-height: 140%;  }
.time_article .t_img{position: relative; display: block; width: 100%;  -webkit-perspective: 1;  image-rendering: -webkit-optimize-contrast;}
.time_article .t_img img{  margin: 5px auto 10px; box-sizing: border-box;}
.t_img_sup{position: relative; display:block;  font-size: 14px;  margin-top: 3px;  font-family: 'Noto Sans KR',Sans-serif;}
.t_img_sup b{font-size: 15px;}
.t_img_sup p{font-size: 14px; }
.t_img_sup span{  position: relative; display:block; line-height: 1.3; margin-top: 3px; font-size: 13px;  box-sizing: border-box; }
.time_article .article_num { font-size: 28px; line-height: 1.2;  font-weight: bold;  font-family:'Montserrat', Sans-serif;}
.time_article .article_num span{font-size: 17px;margin-left: 8px;}
.time_article .cont_Lbox {  float: left;}
.time_article .cont_Rbox {  float: right;}
.time_article .cont_L:before, .time_article .cont_R:before{ position: absolute; top: 15px;	font-size: 23px;	color: #fff;	 font-family: "FontAwesome";}
.time_article .cont_L:before {  content: "\f0da";  right: -8px;}
.time_article .cont_R:before {  content: "\f0d9";  left: -8px;}
.time_article .cont_L:before, .time_article .cont_R:before{display: none;}
.time_article .cont_L:nth-child(1):before, .time_article .cont_R:nth-child(1):before{display: block;}
.time_article .meta_date { content: ''; position: absolute; width: 10px; height: 10px;	margin-top: 36px; left: 50%; transform: translatex(-50%);	color: #fff;	background-color: #fff;  border: 1px solid #fff;   border-radius: 50%;}

@media all and (max-width:1089px){
  .timewr{margin: 30px auto;}
  .time_tit h2{font-size: 26px;}
  .heritage h4{font-size:24px;}
  .flex_sub10_s{flex-direction: column;}
}

@media only screen and (max-width: 768px) {
  .heritage h4{font-size:22px;}
  .time_start, .time_end {text-align: left; }
  .time_end {padding-left:0px; margin-left: -3px;}
  .time_end .endico i {font-size: 40px;}
  .timewr .time_tit h2{text-align: left;}
  .timeline .center_line { margin-left: 0; left: 10px; text-align: left;}
  .time_article .meta_date {  margin-left: 0;  left: 10px;}
  .time_article .cont_Lbox, .time_article .cont_Rbox { max-width: 100%;	width: auto;	float: none;  margin-left: 35px; margin-bottom: 15px;}
  .time_article .cont_L, .time_article .cont_R { width: 99%; padding: 10px 15px; min-height: inherit;}
  .time_article .cont_L:before, .time_article .cont_R:before{top: 18px;}
  .time_article .cont_L:before {  content: "\f0d9";  right: auto;  left: -8px;}
  .time_article .article_num{font-size: 24px; }
  .time_article .article_num span{font-size: 16.5px; }
  .time_article h6{margin: 5px 0 5px;}
  .time_article .contTxt{ font-size: 15px;}
  .t_img_sup{font-size: 13px;}

     /* b컷 */
  .event1List .gall_In{
    width:45%;
  }
  .lb-dataContainer{
    width: 90% !important;
  }
  .lb-outerContainer{
    width: 90% !important;
    height: 100% !important;
  }
}

@media only screen and (max-width: 490px) {
  .event1List .gall_In{
    width:100%;
  }
}

/*  */
.sub2_7 .article-wrap{  max-width: 1800px !important;}
.sub2_7 .article-body .article-content{  padding: 0;}