@charset "utf-8";

/* 역사 */
.history {width:100%;overflow:hidden;}
.history .history_list {margin:-1rem;overflow:hidden;}
.history .history_list .list {float:left;position:relative;width:33.333333333%;padding:1rem}
.history .history_list .list .list_inner {position:relative;}
.history .history_list .list .tit {position:relative;line-height:0;text-align:center;z-index:2}
.history .history_list .list .tit img {width:100%;max-width:7.85rem;height:auto}
.history .history_list .list_cont {position:relative;z-index:1;margin-top:-0.6rem;padding:2.2rem 1.4rem;border:1px solid #ddd}
.history .history_list .list_cont dl {padding:0 0.55rem 1.05rem;border-bottom:1px solid #ddd;margin-bottom:0.9rem}
.history .history_list .list_cont dl:after {display:block;content:"";clear:both}
.history .history_list .list_cont dt {float:left;position:relative;font-size:1.1rem;font-weight:500;}
.history .history_list .list_cont dt.green {color:#3ea381;}
.history .history_list .list_cont dt.blue {color:#23a4ce}
.history .history_list .list_cont dt.vi {color:#8d3ddf}
.history .history_list .list_cont dd {float:right;position:relative;width:calc(100% - 2.4rem)}
.history .history_list .list_cont dd .subject {font-size:1rem;color:#222222;font-weight:500;}
.history .history_list .list_cont dd .txt {margin-top:0.1rem;font-size:0.75rem;color:#555;line-height:1rem;}
@media screen and (max-width:1180px){
    .history .history_list .list_cont {padding:2rem 1rem}
}
@media screen and (max-width:1000px){
    .history .history_list .list {width:50%}    
    .history .history_list .list:nth-child(3) {clear:left;}
}
@media screen and (max-width:676px){
    .history .history_list .list {width:100%}    
}

/* 대행진 */
.march_top {position:relative;margin-top:2.65rem;padding-right:28rem}
.march_top .txt1 {font-size:1.6rem;color:#a38600;font-weight:500}
.march_top .txt2 {margin-top:0.35rem;font-size:1rem;color:#555;}
.march_top .left {position:relative;padding-top:1.45rem;z-index:2}
.march_top .right {position:absolute;top:0;right:0}
.march_top .right img {width:100%;max-width:33.05rem;height:auto}
@media screen and (max-width:1260px){
    .march_top {padding-right:0}
    .march_top .right img {max-width:30rem}
}
@media screen and (max-width:1207px){
    .march_top .right {display:none;}
    .march_top .txt2 .block {display:inline;}
}

/* 행진 슬라이드 */
.march_slider {position:relative;width:100%;max-width:37.95rem;margin-top:5rem;margin-left:auto;margin-right:auto}
.march_slider .slick-next,
.march_slider .slick-prev {top:46%;width:1.85rem;height:2.85rem;background-color:transparent;background-repeat:no-repeat;background-size:100% auto}
.march_slider .slick-prev {left:4px;background-image:url(../imgs/history/prev_btn1.png)}
.march_slider .slick-next {right:4px;background-image:url(../imgs/history/next_btn1.png)}
.march_slider img {max-width:100%}
@media screen and (max-width:1207px){ 
    .march_slider {margin-top:3rem}
}

/* 세개 행진 */
.world_march {margin-top:2.7rem}
.world_march .world_march_map {text-align:center;}
.world_march .world_march_map img {max-width:100%;height:auto}
.world_march .world_march_tab {width:100%;margin-top:1.8rem;}
.world_march .world_march_tab .march_tab_list {text-align:center;margin:-0.4rem}
.world_march .world_march_tab .march_tab_list li {display:inline-block;padding:0.4rem;vertical-align:top;}
.world_march .world_march_tab .march_tab_list li a {display:block;position:relative;width:8.3rem;height:8.3rem;border:0.5rem solid #c1c1c1;background-color:#fff;border-radius:100%;}
.world_march .world_march_tab .march_tab_list li a {box-shadow:2px 6px 15px rgba(11,3,6,0.60);}
.world_march .world_march_tab .march_tab_list li a p {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;}
.world_march .world_march_tab .march_tab_list li a p span {display:block;font-size:1rem;line-height:1rem;color:#495759}
.world_march .world_march_tab .march_tab_list li a p strong {display:block;margin-top:0.1rem;font-size:1.25rem;line-height:1.55rem;color:#795c0c;font-weight:500;;letter-spacing:-2px;}
.world_march .world_march_tab .march_tab_list li a:hover p span,
.world_march .world_march_tab .march_tab_list li a:hover p strong,
.world_march .world_march_tab .march_tab_list li.on a p span,
.world_march .world_march_tab .march_tab_list li.on a p strong {color:#fff}
.world_march .world_march_tab .march_tab_list li.on a,
.world_march .world_march_tab .march_tab_list li a:hover {border-color:#9b691a;background-color:#ad7824}
.world_march .world_march_cont {margin-top:50px}
.world_march .world_march_cont .country_img {text-align:center;}
.world_march .world_march_cont .country_img img {max-width:14.7rem;height:auto}
.world_march .world_march_cont .country_name {display:block;margin-top:1.3rem;font-size:1rem;line-height:1rem;color:#808080;font-weight:400;text-align:center;}
.world_march .world_march_cont .tit {font-size:2.5rem;color:#8c5805;font-weight:500;text-align:center;}
.world_march .world_march_cont .txt1 {margin-top:0.6rem;text-align:center;font-size:0.9rem;color:#333333}
.world_march .world_slider {position:relative;width:100%;margin-top:2.6rem}
.world_march .world_slider .slider_inner {position:relative;width:100%;max-width:31.8rem;margin:0 auto}
.world_march .world_slider .slider_inner.w705 {max-width:35.25rem}
.world_march .world_slider .world_slider_list {position:relative;}
.world_march .world_slider .world_slider_list .list img {width:100%;max-width:100%;height:auto}
.world_march .world_slider .slick-next,
.world_march .world_slider .slick-prev {top:46%;width:1.85rem;height:2.85rem;background-color:transparent;background-repeat:no-repeat;background-size:100% auto}
.world_march .world_slider .slick-prev {left:-3.7rem;background-image:url(../imgs/history/prev_btn2.png)}
.world_march .world_slider .slick-next {right:-3.7rem;background-image:url(../imgs/history/next_btn2.png)}
.world_march .world_slider .slick-dots {position:relative;bottom:initial;left:initial;line-height: 0;margin-top:0.8rem}
.world_march .world_slider .slick-dots li {margin:0 1px}
.world_march .world_slider .slick-dots li button {padding:0;width:0.7rem;height:0.7rem;background-color:#ddd}
.world_march .world_slider .slick-dots li.slick-active button {background-color:#ad7824;}
.world_march .world_march_feature {margin-top:2.5rem;padding:2.45rem 3.15rem 2.45rem 3.15rem;background-color:#f1f1f1;}
.world_march .world_march_feature .title {float:left;position:relative;}
.world_march .world_march_feature .title .tit2 {display:inline-block;position:relative;font-size:1rem;line-height:1.1rem;color:#357fd8;font-weight:500;text-align:center;}
.world_march .world_march_feature .title .tit2:before {
    content:"";
    display:block;
    position:relative;
    margin:0 auto 0.8rem;
    width:3.75rem;
    height:2.4rem;
    background:url(../imgs/history/feature_tit.png) no-repeat 0 0;
    background-size:100% auto;
}
.world_march .world_march_feature .cont {float:right;position:relative;width:calc(100% - 10rem)}
.world_march .world_march_feature .cont.w9 {width:calc(100% - 9rem)}
.world_march .world_march_feature .cont .txt2 {font-size:0.8rem;color:#333;letter-spacing:-1px;}
.world_march .world_march_feature .cont .txt2.mt20 {margin-top:1rem}
.world_march .world_march_feature .march_object {margin-top:0.9rem}
.world_march .world_march_feature .tit3 {display:block;float:left;width:5.65rem;background-color:#8c5805;line-height:1.7rem;border-radius:50px;text-align:center;font-size:0.8rem;color:#fff;font-weight:400}
.world_march .world_march_feature .object_ul {float:right;position:relative;width:calc(100% - 6.95rem);}
.world_march .world_march_feature .object_ul li {margin-bottom:0.4rem}
.world_march .world_march_feature .object_ul li:last-child {margin-bottom:0}
.world_march .world_march_feature .object_ul li .num {display:block;float:left;width:1.35rem;line-height:1.35rem;border-radius:100%;text-align:center;background-color:#8c5805;font-size:0.8rem;color:#fff;}
.world_march .world_march_feature .object_ul li p {float:right;position:relative;width:calc(100% - 1.8rem);color:#333;font-size:0.8rem;}
.world_march .world_march_feature .txt_brown {display:block;color:#ad7824;font-weight:500}
@media screen and (max-width:1139px){
    .world_march .world_march_feature {margin-top:2rem;padding:2rem}
    .world_march .world_march_feature .title {float:none;width:100%}
    .world_march .world_march_feature .title .tit2 {padding-left:4rem;padding-top:0.8rem;min-height:2.4rem}
    .world_march .world_march_feature .title .tit2:before {display:block;margin:0;position:absolute;top:0;left:0;}
    .world_march .world_march_feature .title .tit2 br {display:none;}
    .world_march .world_march_feature .cont {float:none;width:100%;margin-top:0.9rem}
    .world_march .world_march_feature .cont.w9 {width:100%}
}
@media screen and (max-width:960px){ 
    .world_march .world_march_feature {margin-top:1.9rem;padding:1.31rem}
}
@media screen and (max-width:650px){ 
    .world_march .world_march_feature .tit3 {float:none;}
    .world_march .world_march_feature .object_ul {float:none;width:100%;margin-top:0.9rem}
    .world_march .world_slider .slick-prev {left:0;}
    .world_march .world_slider .slick-next {right:0}
}

.march_history {position:relative;width:100%;max-width:1103px;margin:0 auto}
.march_history dl {position:relative;padding-left:13.3rem;margin-bottom:0.85rem}
.march_history dl:last-child {margin-bottom:0}
.march_history dt {position:absolute;top:50%;left:0;transform:translateY(-50%);}
.march_history dt img {max-width:8rem;height:auto}
.march_history dd {border:1px solid #aaaaaa;padding:1.4rem 2.65rem}
.march_history dt:before {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:8rem;
    transform:translateY(-50%);
    width:5.28rem;
    height:1px;
    background-color:#aaa;
}
.march_history dd ul li {position:relative;padding-left:1.1rem;margin-bottom:0.35rem}
.march_history dd ul li:last-child {margin-bottom:0}
.march_history dd ul li:after {display:block;content:"";clear:both;}
.march_history dd ul li:before {
    content:"";
    display:block;
    position:absolute;
    top:0.35rem;
    left:0;
    width:0.65rem;
    height:0.65rem;
    background:url(../imgs/history/his_dot.png) no-repeat 0 0;
    background-size:100% auto;
}
.march_history dd ul li strong {float:left;position:relative;font-size:0.9rem;color:#806900;font-weight:500}
.march_history dd ul li p {float:right;position:relative;width:calc(100% - 3.5rem);font-size:0.9rem;color:#777}
@media screen and (max-width:1100px){
    .march_history dl {padding-left:10rem}
    .march_history dd {padding:1rem 1rem}
    .march_history dt:before {width:2rem}
}
@media screen and (max-width:600px){
    .march_history dl {padding-left:0rem;padding-top:10rem}
    .march_history dt {top:0;left:50%;transform:translate(-50%,0);}
    .march_history dt:before {width:1px;height:2rem;top:initial;left:50%;bottom:-32px;transform:translate(-50%,0);}
}

.march_bbs {width:100%}
.march_bbs .list {padding:1.3rem 1.2rem;margin-bottom:0.4rem;border:1px solid #dddddd}
.march_bbs .list:last-child {margin-bottom:0}
.march_bbs .list .list_img {float:left;position:relative;width:32%}
.march_bbs .list .list_img .s_img {padding-top:66.88%}
.march_bbs .list .list_cont {float:right;position:relative;width:calc(100% - 35%);padding-top:0.85rem}
.march_bbs .list .list_cont .subject {font-size:1.25rem;color:#a38600;font-weight:500}
.march_bbs .list .list_cont ul {position:relative;margin-top:1rem}
.march_bbs .list .list_cont ul li:after {display:block;content:"";clear:both;}
.march_bbs .list .list_cont ul li {position:relative;padding-left:1rem;font-size:0.85rem;margin-bottom:0.3rem}
.march_bbs .list .list_cont ul li:last-child {margin-bottom:0}
.march_bbs .list .list_cont ul li:before {
    content:"";
    display:block;
    position:absolute;
    top:0.35rem;
    left:0;
    width:0.6rem;
    height:0.6rem;
    background:url(../imgs/history/bbs_dot.png) no-repeat 0 0;
    background-size:100% auto;
}
.march_bbs .list .list_cont ul li strong {float:left;position:relative;font-size:0.85rem;color:#604905;font-weight:500}
.march_bbs .list .list_cont ul li p {float:right;position:relative;width:calc(100% - 3.75rem);font-size:0.85rem;color:#555;font-weight:500}
.march_bbs .list .list_cont ul li p .box {display:inline-block;padding:0.2rem 0.6rem;border:1px solid #ccc;border-radius:5px;vertical-align:top;font-size:0.8rem;font-weight:400}
.march_bbs .list .list_cont ul li p .box .tit {color:#555}
.march_bbs .list .list_cont ul li p .box .box_txt {color:#007dac;}
@media screen and (max-width:1100px){ 
    .march_bbs .list .list_cont {padding-top:0}
    .march_bbs .list {padding:1rem}
}
@media screen and (max-width:960px){ 
    .march_bbs .list .list_img {width:40%}
    .march_bbs .list .list_cont {width:calc(100% - 43%);}
    .march_bbs .list .list_cont ul li p .box {display:block;margin-bottom:0.3rem}
    .march_bbs .list .list_cont ul li p .box:after {display:block;content:"";clear:both;;}
    .march_bbs .list .list_cont ul li p .box:last-child {margin-bottom:0}
    .march_bbs .list .list_cont ul li p .box .tit {float:left;}
    .march_bbs .list .list_cont ul li p .box .box_txt {float:right}
}
@media screen and (max-width:560px){ 
    .march_bbs .list .list_img {width:100%}
    .march_bbs .list .list_cont {width:100%;margin-top:0.6rem}
    .march_bbs .list .list_cont p.recd {width:100%;margin-top:0.3rem}
}