.cnts_tab{padding-bottom:2em}
.cnts_tab ul{display:flex; flex-direction:flex-start;}
.cnts_tab ul li{border:1px solid #e3e3e3; border-bottom:0}
.cnts_tab ul li a{display:block; padding:.7em 1.5em; text-align:center; font-weight:700;}
.cnts_tab ul li.active{border:1px solid #29b0ab; border-bottom:0}
.cnts_tab ul li.active a{color:#29b0ab}
.cnts_tab ul li:hover{color:#29b0ab; border:1px solid #29b0ab; border-bottom:0}
.cnts_tab ul li:hover a{color:#29b0ab; }
.gochangheri{}
.gochangheri div{}

.map{}
.root_daum_roughmap .section_address .phone{display:none}

.cnt_tit{display:table; color:#29b0ab; font-weight:700; font-size:120%; border-bottom:2px solid #29b0ab; padding-bottom:.7em; margin-bottom:1.5em}
.about{}
.about .about_htxt{text-align:center; padding:1em 0 1em 0 ; font-family: 'RiaSans-ExtraBold'; font-size:1.8em; word-break:keep-all; line-height:1.5em; }
.about .about_htxt span{display:block; font-size:70%; opacity:.4}
.about .about_header{font-size:0; background:url(/img/about_mainimg.jpg) no-repeat top center; background-size:contain; height:550px; width:100%}

.about .about_outline{display:flex; justify-content: space-between; align-items:center; width:80%; padding:1em 0 5em 0; margin:auto; background:url(/img/about_logo_bg.gif) no-repeat bottom center}
.about .about_outline .outline_left{}
.about .about_outline .outline_right{}
.about .about_outline ul{}
.about .about_outline ul li{display:flex;  padding:.5em 0; align-items:top}
.about .about_outline ul li div{font-weight:600}
.about .about_outline ul li div span{padding-right:15px}
.about .about_outline ul li div:first-child{width:50px; margin-right:3em;  border-bottom:1px solid #e3e3e3; padding:0 0 .9em 0;  text-align:center; font-weight:700}
.about .about_outline ul li div:last-child{width:auto; }

.about .outline_div{border-top:1px solid #e3e3e3; padding-top:2em}
.about .outline_div ul{border-bottom:1px dashed #e3e3e3; padding:2em 0}
.about .outline_div ul.fst {padding-top:0}
.about .outline_div ul li b{font-weight:700; padding-bottom:1em; display:block}

.about_slogan{display:block; margin-top:2em; border-bottom:1px solid #e3e3e3; padding-bottom:1.5em}
.about_slogan .slogan{display:flex; align-items:center; text-align:center; padding:2em 0;  font-family: 'HSBombaram21-Regular'; font-size:2em; background:url(/img/aboout_sloganimg.jpg) no-repeat bottom center; background-size:100%; height:350px}
.about_slogan .slogan p{width:100%; text-align:center}
.about_slogan .slogan_txt{width:60%; margin:auto; padding:3em 0; text-align:center; font-weight:600}
.about_slogan .slogan_txt span{display:block; word-break:keep-all}

.about .about_logo{margin-top:3em}
.about .about_logo img .lgo{width:100%; max-width:990px}

.about_logo{text-align:center}
.about_logo .about_logo_info{width:100%; margin:4em auto; display:block; background:#33b5a5 url(/img/about_logo_pattern.gif) repeat-x bottom; padding:3em 0 6em 0}
.about_logo .about_logo_info .info_in{margin:auto; width:80%; text-align:left; color:#fff;}
.about_logo .about_logo_info .info_in p{padding-bottom:1em; text-align:center; font-size:1.5em;  font-family: 'HSBombaram21-Regular'; }
.about_logo .about_logo_info .info_in ul li div:first-child{padding-right:10px}
.about_logo .about_logo_info .info_in ul li div:last-child{width:75%; word-break:keep-all; font-weight:600}
.about_logo .about_logo_info .info_in ul li div:last-child span{display:block}
.about_logo .logo_txt ul li img{width:auto}
.about_logo .about_logo_info .info_in ul li{display:flex; justify-content:center; text-align:left}
.about_logo img{width:100%; max-width:990px}
.about_logo .logo_txt{text-align:center; }
.about_logo .logo_txt ul{border:1px solid #e3e3e3; display:flex; align-items:center; flex-wrap:wrap }
.about_logo .logo_txt ul li{padding:3em; flex: 1 1 30%}
.about_logo .logo_txt ul li:nth-child(3){background:#000}
.about_logo .logo_txt ul li:last-child{border-top:1px solid #e3e3e3;}

.about_character{margin-top:4em;}
.about_character .character_in{text-align:center; background:#f9f9f9; padding:5em 0 0 0; border-top:0px solid #e3e3e3;}
.about_character .character_in p{font-weight:600; border-top:1px dashed #e3e3e3; border-bottom:0px solid #e3e3e3; padding:2em 0; margin-top:2em; background:#fff;}

.about_poster{margin-top:4em;}
.about_poster .poster_in{text-align:center; background:#f9f9f9; padding:5em 0; border-top:0px solid #e3e3e3; border-bottom:0px solid #e3e3e3;}
.about_poster .poster_in p{font-weight:600; border-top:1px dashed #e3e3e3; border-bottom:1px solid #e3e3e3; padding:2em 0; margin-top:2em; background:#fff;}
.about_poster .poster_in img{margin:0 1em}


@media (min-width:0px) and (max-width:768px){
.about .about_header{background-size:cover; height:250px; background-position:center center;}
.about .about_outline{display:block; width:100%; }
.about .about_outline ul li{display:block}
.about .about_outline ul li div{text-align:left; display:inline-block; vertical-align:top}
.about .about_outline ul li div:first-child{width:60px; text-align:left; margin-right:1em}
.about .about_outline ul li div:last-child{width:70%; word-break:keep-all}
.about_slogan .slogan{background-size:cover; background-position:top left; height:200px;}
.about_slogan .slogan p{width:70%; margin:auto; text-align:center; font-size:70%; line-height:150%}
.about_slogan .slogan_txt{width:90%; word-break:keep-all; margin:1.5em auto; padding:1em 0}
.about_slogan .slogan_txt span{display:inline}
.about_logo div img{width:100%}
.about_logo .about_logo_info{padding:2em 0 3em 0}
.about_logo .about_logo_info .info_in p{font-size:1.15em; word-break:keep-all}
.about_logo .logo_txt ul li{}
.about_logo .logo_txt ul li img{width:100%; max-width:25%}
.about_logo .logo_txt ul li:last-child img{min-width:80px; width:100%; max-width:305px}

			.logo_txt ul li img{min-width:80px; width:100%; max-width:305px}

.about_character .character_in{padding:2em 1em 0 1em}
.about_character .character_in p{padding:1em; word-break:keep-all}
.about_character img{width:100%; max-width:507px}
.about_poster{text-align:center}
.about_poster .poster_in{padding:2em 1em}
.about_poster .poster_in img{display:block; margin:auto auto 1em auto; width:100%; max-width:331px;}
}


@media (min-width:769px) and (max-width:1024px){
.about .about_header{background-size:150%; height:300px; background-position:center center;}
.about .about_outline{display:block; margin:auto }
.about .about_outline ul li{display:block}
.about .about_outline ul li div{text-align:left; display:inline-block; vertical-align:top}
.about .about_outline ul li div:first-child{width:60px; text-align:left; margin-right:1em}
.about .about_outline ul li div:last-child{width:70%; word-break:keep-all}

.outline_div li{word-break:keep-all; line-height:160%}
}


/* 행사개요 */
.fs_outline{display:block; background:#e2f5fc url(/img/outline_bg.jpg) no-repeat bottom center; text-align:center;  padding:5em 0 4em 0; }
.fs_outline img{width:80%; max-width:399px}
.fs_outline .outline_in{display:flex; justify-content:center; align-items:flex-start; background:rgba(255,255,255,.8); padding:3em;width:80%; margin:auto; box-shadow:3px 3px 5px #e3e3e3;}
.fs_outline .outline_in div:first-child{width:50%;}
.fs_outline .outline_in div:last-child:before{content:'WORLD HERITAGE FESTIVAL'; opacity:0.05; font-size:180%; font-weight:800;padding-bottom:1em}
.fs_outline .outline_in div:last-child{flex-direction:column; width:50%}
.fs_outline .outline_in div ul:first-child{margin-top:1em}
.fs_outline .outline_in div ul{display:flex; border-top:1px solid #e3e3e3; padding:1.2em 0}
.fs_outline .outline_in div ul li{font-weight:600}
.fs_outline .outline_in div ul li:first-child{width:80px; color:#1f599c; font-weight:700}
.fs_outline .outline_in div ul:last-child{border-bottom:1px solid #e3e3e3}
.fs_outline .outline_in div ul li:last-child{text-align:left; width:75%; word-break:keep-all}

@media (min-width:0px) and (max-width:1024px){
.fs_outline{padding:2em}
.fs_outline img{width:100%}
.fs_outline .outline_in{flex-direction:column; align-items:flex-start; width:100%; padding:2em}
.fs_outline .outline_in div:first-child{width:100%}
.fs_outline .outline_in div:last-child{width:100%; margin-top:1em; }
.fs_outline .outline_in div ul li:first-child{width:60px;}
}

@media (min-width:1025px) and (max-width:1280px){
.fs_outline .outline_in{align-items:flex-start}
}


.dolmen{}
.dolmen .men_head{text-align:center; font-weight:800; font-size:1.8em; line-height:1.5em; letter-spacing:-0.02em; margin-bottom:2em}
.dolmen .men_head span{display:block; font-size:70%; font-weight:600}
.dolmen .men_head img{margin-top:1em; width:100%;}
.dolmen .men_txt{width:75%; margin:2em auto; word-break:keep-all}
.dolmen .men_txt strong{font-size:160%; display:block; padding-bottom:.5em; font-weight:800}
.dolmen .men_txt b{font-size:140%;  }
.dolmen .men_txt small{font-size:90%; font-weight:bold}
.dolmen .men_img{display:flex; justify-content:space-between; margin-top:4em}
.dolmen .men_img img{width:100%; max-width:460px; margin:0 1em 0 0}
.dolmen .men_img img:last-child{margin: 0 1em 0 0 }

.dolmen .dolmen_info{padding:6em 0 0 0}
.dolmen .dolmen_info .info_head{text-align:center; font-size:1.2em; letter-spacing:-0.04em; line-height:1.6em; font-weight:500; padding-bottom:1em}
.dolmen .dolmen_info .info_head span{display:block}
.dolmen .dolmen_info .info_head b{font-size:175%; font-weight:700; line-height:200%}
.dolmen .dolmen_info img{width:100%}

.men_bg1{background:url(/img/dolmen_img.jpg) no-repeat top center; height:665px; margin-top:1em}
.men_bg2{background:url(/img/dolmen_img4.jpg) no-repeat top center; height:535px; margin-top:0em}

@media (max-width:768px){
.dolmen .men_head{font-size:120%; word-break:keep-all; margin-bottom:1em}
.dolmen .men_head span{line-height:120%}
.dolmen .men_txt{margin:0 auto; width:100%}
.dolmen .men_txt strong{font-size:110%}
.dolmen .men_txt b{font-size:105%}
.dolmen .men_img{margin-top:2em; flex-direction:column}
.dolmen .men_img img{margin-bottom:.5em}
.dolmen .men_info{padding:2em 0 0 0 }
.dolmen .men_info .info_head{font-size:100%; padding-bottom:1em}

.men_bg1{height:300px; background-size:cover}
.men_bg2{height:300px; background-size:cover}
}


.mudflat{}
.mudflat .flat_head{text-align:center; font-weight:800; font-size:1.8em; line-height:1.5em; letter-spacing:-0.02em; margin-bottom:2em}
.mudflat .flat_head span{display:block; font-size:70%; font-weight:600}
.mudflat .flat_head img{margin-top:1em; width:100%;}
.mudflat .flat_txt{width:75%; margin:2em auto; word-break:keep-all}
.mudflat .flat_txt strong{font-size:160%; display:block; padding-bottom:.5em; font-weight:800}
.mudflat .flat_txt b{font-size:140%;  }
.mudflat .flat_txt small{font-size:90%; font-weight:bold}
.mudflat .flat_img{display:flex; justify-content:space-between; margin-top:4em}
.mudflat .flat_img img{width:100%; max-width:460px; margin:0 1em 0 0}
.mudflat .flat_img img:last-child{margin: 0 1em 0 0 }

.mudflat .flat_info{padding:6em 0 0 0}
.mudflat .flat_info .info_head{text-align:center; font-size:1.2em; letter-spacing:-0.04em; line-height:1.6em; font-weight:500; padding-bottom:1em}
.mudflat .flat_info .info_head span{display:block}
.mudflat .flat_info .info_head b{font-size:175%; font-weight:700; line-height:200%}
.mudflat .flat_info img{width:100%}

.flat_bg1{background:url(/img/mudflat_img.jpg) no-repeat top center; height:665px; margin-top:1em}
.flat_bg2{background:url(/img/mudflat_img4.jpg) no-repeat top center; height:535px; margin-top:0em}

@media (max-width:768px){
.mudflat .flat_head{font-size:120%; word-break:keep-all; margin-bottom:1em}
.mudflat .flat_head span{line-height:120%}
.mudflat .flat_txt{margin:0 auto; width:100%}
.mudflat .flat_txt strong{font-size:110%}
.mudflat .flat_txt b{font-size:105%}
.mudflat .flat_img{margin-top:2em; flex-direction:column}
.mudflat .flat_img img{margin-bottom:.5em}
.mudflat .flat_info{padding:2em 0 0 0 }
.mudflat .flat_info .info_head{font-size:100%; padding-bottom:1em}

.flat_bg1{height:300px; background-size:cover}
.flat_bg2{height:300px; background-size:cover}
}