@charset "utf-8";
body {font-family:'play','NotoSansKR',sans-serif,'돋움', Dotum, Arial}
/****all animations*****/
.swiper-slide img,
.gallery-list-inner li .img img
{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s}

.gallery-list-inner li a:hover .img img
{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transition: all 0.3s}


.container.fixed {transform: translateY(-46px);-webkit-transform: translateY(-46px);-moz-transform: translateY(-46px);-ms-transform: translateY(-46px);-o-transform: translateY(-46px)}

/** common **/
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.hidden {display:none}
.dblock {display:block;}
.sstit {font-size:25px;color:#333;font-weight:800;margin:50px 0 20px 0}
/*p {line-height:20px;}*/
.bd_type {padding:45px 0;border-top: 2px solid #000000;border-bottom: 1px solid #dddddd;}

/** sns **/
.sns_more { display: none; position: absolute; right: 13px; top: 3.2rem; width: calc(8rem + 2px); border: 1px solid #000; z-index: 10; background:#fff; }
.sns_more > a { font-weight:400;color:#111;display: block; width: 2rem; height: 2rem; float: left; line-height: 2rem; font-size: 1.2rem; text-align: center; }
.sns_more > a:hover, .sns_more > a:focus { background: #111; color: #fff; }
.sr-only {
    position: absolute;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    clip: rect(0, 0, 0, 0);
}

/** 이미지 준비중 **/
.img-ing {color:#000000;text-align:center}
.img-ing img {}
.img-ing strong {display:block;margin:50px 0 20px;font-size:42px;font-weight:800}
.img-ing strong span {font-weight:400;color:#f44552}
.img-ing p {font-size: 14px;color: #8a8a8a;line-height: 21px;}

/** 서브헤더 **/
.m-logo02 {display:none !important}
#header_wrap {}
#header.fixed {background:#292929;border-bottom:0}
#header.fixed #header_wrap {border-bottom:0}
#header.nav-up {transform: translateY(-55px);-webkit-transform: translateY(-55px);-moz-transform: translateY(-55px);-ms-transform: translateY(-55px);-o-transform: translateY(-55px)}
#header.nav-down {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0)}
.q_menu, .scroll_icon, .favorite-menu-wrap, .banner_wrap {display:none}
 
/** 서브 비주얼 **/
.visual_wrap {background: url(/images/web/ach/new/sub/sub_visual.png) no-repeat 0 0 / cover;position:relative}

/*
ACH 디지털 아카이브 
라이브 bg_14750, bg_14751, bg_14752
개발 bg_14630, bg_14631, bg_14632
*/  
.visual_wrap.bg_14750 {background: url(/images/web/ach/new/sub/sub_visual.png) no-repeat 0 0 / cover;position:relative}

/*행사/참여*/
.visual_wrap.bg_14751 {background: url(/images/web/ach/new/sub/sub_visual01.png) no-repeat 0 0 / cover;position:relative}

/*아세안문화원 소개*/
.visual_wrap.bg_14752 {background: url(/images/web/ach/new/sub/sub_visual02.png) no-repeat 0 0 / cover;position:relative}

.sub_title {position: relative;text-align: center;color: #fff;margin-top: 0;height: 540px;top: 190px;}
.sub_title h2 {font-size:50px;margin-bottom: 5px;}
.sub_title span {font-size:35px;}


/** container_wrap **/
/* .sub_contents_wrap {padding-left:90px} */
.sub_contents_wrap .contents {max-width:1400px;margin:0 auto;padding: 0 15px 80px;}

/** sub_nav **/
.sub_nav {padding: 30px 30px 100px;background:#fff;margin-top: -190px;position: relative;}
.sub_nav .sub_nav_wrap {background:#f5f5f5;border:1px solid #dadada;border-radius: 35px;position:relative;z-index: 1;}
.sub_nav .sub_nav_wrap .sub_nav_inner {display:flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.sub_nav .sub_nav_wrap .sub_nav_inner > a {display:inline-block;width: 95px;height:23px;background:url(/images/web/ach/new/common/home.svg) no-repeat center;background-size:23px;text-indent:-9999px;position:relative}
.sub_nav .sub_nav_wrap .sub_nav_inner > a:after {content:'';width:1px;height: 19px;background:#dadada;position:absolute;right:0;top:50%;margin-top: -9px;}
.sub_nav .sub_nav_wrap .sub_nav_inner ul li {position:relative}
.sub_nav .sub_nav_wrap .sub_nav_inner > ul > li > a {display:block;min-width: 250px;padding: 21px 30px;font-size: 16px;color:#333;background:url(/images/web/ach/new/sub/bl_sub_nav.png) no-repeat right top;position:relative;font-weight: 600;}
.sub_nav .sub_nav_wrap .sub_nav_inner > ul > li.on > a {background:url(/images/web/ach/new/sub/bl_sub_nav.png) no-repeat right bottom;}
.sub_nav .sub_nav_wrap .sub_nav_inner > ul > li > a:after {content:'';width:1px;height: 19px;background:#dadada;position:absolute;right:0;top:50%;margin-top: -9px;}
.sub_nav .sub_nav_wrap .sub_nav_inner ul li ul {display:none;position:absolute;top: 55px;left: 20px;width: 84%;border-radius: 9px;z-index: 2;}
.sub_menu02, .sub_menu03 {display:none}
.sub_nav .sub_nav_wrap .sub_nav_inner ul li ul li a {display:block;background: #3f3f3f;padding: 16px 20px;font-size: 15px;border-top: 1px solid rgba(255,255,255,0.2);color: #fff;position: relative;}
.sub_nav .sub_nav_wrap .sub_nav_inner ul li ul li a i {width:5px;height:9px;background:url(/images/web/ach/new/sub/bl_arrow.png) no-repeat 0 0;text-indent: -9999px;position: absolute;top: 50%;right: 15px;margin-top: -3px;}
.sub_nav .sub_nav_wrap .sub_nav_inner ul li ul li a:hover .arrow {animation: slide1 .8s ease-in-out infinite;}
@keyframes slide1 {
  0%,
  100% {transform: translate(0, 0)}
  50% {transform: translate(3px, 0)}
}
.sub_nav .sub_nav_wrap .sub_nav_inner ul li ul li a:hover {color:#ffd45a}
.sub_nav .sub_nav_wrap .sub_nav_inner ul li ul li a:hover i {display:block;}
.print_icon {background:#3f3f3f;padding: 13px 10px;margin-top: -22px;position:absolute;top:50%;right: 8px;border-radius:30px}
.print_icon a.btnPrintNew, .print_icon a.share, .print_icon a.favorites {display:inline-block;margin: 0px 12px;text-indent:-9999px;width:19px;height:18px;background:url(/images/web/ach/new/sub/icon_print.png) no-repeat 0 top;}
.print_icon a.share {background-position:0 -18px}
.print_icon a.favorites {background-position:0 bottom;display:none;opacity:0;}
.print_icon #favBtn{
	font-size: 21px;
    position: absolute;
    right: 21px;
    top: 11.5px;
}
.print_icon #favBtn i{
	color:#fff;
}

/** title **/
.contents h3 {margin-bottom:80px;text-align:center;font-size:55px;color:#2a2a2a;font-weight: 800;letter-spacing: -0.5px;position: relative;}
.contents h3 span {display:inline-block;position:relative;}
.contents h3 span:before {content:'';width:3px;height:15px;background:#e83422;position:absolute;top: -25px;left:50%;transform: rotate(50deg)}
.contents h3 span:after {content:'';width:100%;height:14px;background:#fce9cc;position:absolute;bottom:-2px;left:0;right:0;z-index:-1}
.contents h3 span:before {animation: rotation .3s ease-in 1s forwards}
.contents h5 {font-size:20px;font-weight:800;color:#333;margin:50px 0 20px}

@keyframes rotation {
    0% {transform: rotate(50deg)}
    70% {transform: rotate(360deg)}
    100% {transform: rotate(50deg)}
}

/** 인사말 **/
.greeting {}
strong.text-type {display:block;margin-bottom:70px;text-align:center;font-size: 30px;letter-spacing:-1px;color:#333;line-height: 44px;}
strong.text-type > em {display:block;font-weight: 200;}
.greeting .greeting-inner {display:flex;flex-direction: row;justify-content: flex-start;gap: 5%;}
.greeting .greeting-inner .img {flex: 0 0 auto;width: 40%;}
.greeting .greeting-inner .img img {/* max-width:100%; */width: 100%;}
.greeting .greeting-inner .greeting-text {line-height: 23px;color: #333;padding-top: 2%;flex: 1 1 auto;}
.greeting .greeting-inner .greeting-text strong {display: block;margin-bottom: 23px;font-size: 25px;font-weight: 800;letter-spacing: -2px;color: #f70;}

/** 조직도 **/
.img-wrap {text-align:center}
.img-wrap img {max-width:100%;}
.img-wrap .tablet, .img-wrap .mobile {display:none}
.text-type02 {margin-top:40px;line-height:22px;font-weight:300}
.text-type02 strong {display:inline-block;padding: 2% 5%;background:#f8f8f8;font-size:22px;font-weight: 400;color:#404040;border-radius: 50px;}
.table-layout-wrap {position:relative;margin-top:100px;padding-left:300px}
.tit-type {font-size:45px;letter-spacing: -3px;color:#454545;font-weight:800;position:relative;display: block;text-align: center;width: 17%;line-height: 51px;}
.tit-type:before {content:'';width:3px;height:15px;background:#e83422;position:absolute;top: -20px;left:50%;transform: rotate(50deg);}
.tit-type i {display:inline-block;width:104px;height:104px;text-indent:-9999px;border-radius:100px;position:absolute;bottom: -138px;left:50%;margin-left:-52px}
.tit-type .tit-icon01 {background: #efefef url(/images/web/ach/new/sub/icon_group01.svg) no-repeat center;}
.tit-type .tit-icon02 {background: #efefef url(/images/web/ach/new/sub/icon_group02.svg) no-repeat center;}
.table-layout-wrap .tit-type {position:absolute;left:0;top:0;}

/** 연혁 **/
.summary_list {border-top: 2px solid #000000;}
.summary_list li {padding: 45px 0 45px 90px;border-bottom: 1px solid #dddddd;position:relative;display: flex;align-items: center;flex-direction: row;justify-content: flex-start;}
.summary_list li:before {content:'';width:70px;height:70px;border:1px solid #dbdbdb;border-radius:100%;position:absolute;top:50%;left:0;margin-top:-35px;}
.summary_list li > strong {/* min-width:83px; */font-size:20px;color:#f70;margin-right: 50px;}
.summary_list li em {line-height: 20px;}
.summary_list li.backdrop:before {background:url(/images/web/ach/new/sub/bookmark04.svg) no-repeat center;}
.summary_list li.address:before {background:url(/images/web/ach/new/sub/location10.svg) no-repeat center;}
.summary_list li.facility:before {background:url(/images/web/ach/new/sub/building03.svg) no-repeat center;}
.summary_list li.vision:before {background:url(/images/web/ach/new/sub/idea03.svg) no-repeat center;}
.summary_list li.target:before {background:url(/images/web/ach/new/sub/location05.svg) no-repeat center;}
.summary_list li.bussiness:before {background:url(/images/web/ach/new/sub/statistics12.svg) no-repeat center;}
.summary_list li.transport01:before {background:url(/images/web/ach/new/sub/subway01.svg) no-repeat center;}
.summary_list li.transport02:before {background:url(/images/web/ach/new/sub/subway02.svg) no-repeat center;}
.summary_list li.camera:before {background:url(/images/web/ach/new/sub/camera.svg) no-repeat center;}
.summary_list li.restaurant:before {background:url(/images/web/ach/new/sub/restaurant.svg) no-repeat center;}
.summary_list li.pet:before {background:url(/images/web/ach/new/sub/pet.svg) no-repeat center;}
.summary_list li.tablet:before {background:url(/images/web/ach/new/sub/tablet.svg) no-repeat center;}
.summary_list li.sound:before {background:url(/images/web/ach/new/sub/sound.svg) no-repeat center;}
.summary_list li.furniture:before {background:url(/images/web/ach/new/sub/furniture.svg) no-repeat center;}
.summary_list li ul li {margin-bottom:7px;padding:0 0 0 12px;border:0;display:block;line-height:24px;position:relative;}
.summary_list li ul li:before {content:'';width: 4px;height: 4px;background: #626262;position:absolute;top:8px;left:0;border: 0;margin-top:0;}
.summary_list li.bussiness .bussiness-box {margin-right:15px;background:#f1f1f1;padding:30px;border-radius:5px}
.summary_list li.bussiness .bussiness-box strong {display:block;color:#333;font-weight:600;font-size:18px;margin-bottom:15px}
.summary_list li ul li ul li {margin:0;padding-left:0}
.summary_list li ul li ul li:before {content:none}
.summary_list li ul li:last-child {margin-bottom:0}
.history-list {border-top: 2px solid #000000;}
.history-list li {border-bottom: 1px solid #dddddd;display: flex;flex-direction: row;padding: 22px 0;align-items: center;gap: 50px;}
.history-list li .years {font-size: 30px;color: #ff7700;letter-spacing: -1px;display: block;text-align: center;font-weight: 800;align-self:flex-start;}
.history-list li .years.black {color: #1b1b1b}
.history-list li ul li {border:0;display:block;padding:0;margin-bottom: 12px;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: flex-start;align-items: flex-start;gap:20px;line-height: 20px;}
.history-list li ul li:last-child {margin-bottom:0}
.history-list li ul li strong {display:inline-block;padding-left: 15px;margin-right:10px;font-size:18px;color:#333;position:relative;}
.history-list li ul li strong:before {content:'';width:4px;height:4px;background:#666666;border-radius:5px;position: absolute;top: 50%;left: 0;margin-top: -2px;}
.history-list li ul li em {line-height:20px;}

/** FAQ **/
.faq_wrap {font-size: 16px;}
.faq_wrap li {position:relative;padding: 22px}
.faq_wrap li + li {margin-top:10px}
.faq_wrap li:before {content: '';border: 1px solid #ccc;border-radius:5px;position: absolute;width: 100%;height: 100%;top: 0;left: 0}
.faq_wrap li.on:before {border: 2px solid #ffa533;box-shadow: 0 0 20px rgba(0,0,0,.2);}
.faq_wrap li.on a {color:#ff5722;margin-bottom: 14px;font-weight:bold}
.faq_wrap li.on a:before {opacity: 0}
.faq_wrap li.on a:after {-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.faq_wrap li.on a em {font-weight:bold}
.faq_wrap li a {text-indent: -31px;display: block;padding-left: 31px;position:relative;padding-right: 20px}
.faq_wrap li a:before {content: '';background-color: #000;width: 16px;height: 1px;position: absolute;right: 0;top: 9px;opacity: 1;transition: 0.1s}
.faq_wrap li a:after {content: '';background-color: #000;height: 16px;width: 1px;position: absolute;right: 7px;top: 2px;transition: 0.1s}
.faq_wrap li a em {font-weight: 500;padding-right: 13px;}
.faq_wrap li .text_wrap {display: none;text-indent: -31px;padding-left: 31px;padding-right: 20px;line-height: 20px;}
.faq_wrap li .text_wrap em {font-weight: 500;padding-right: 13px;}

/** 상징 **/
.building-box {padding: 129px 60px;background: #f9f9f9 url(/images/web/ach/new/sub/img_building.png) no-repeat right bottom;color:#333;font-size:35px;font-weight:800;line-height:45px;border-radius:30px;}
.building-box em {display:block;font-size:19px;margin-bottom:15px;}
.building-box strong {display:block;font-weight:800;color:#e2331f}

/** 아세안 소개 **/
.asean-wrap {}
.img-map img {width:100%;}
.country_list {border-top:1px solid #dddddd;border-left:1px solid #dddddd;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;}
.country_list.bd_type {border-top:2px solid #333;padding:0;border-bottom:0}
.country_list li {width: 20%;}
.country_list li a {display:block;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;padding: 10px 30px;}
.country_list li.on a, .country_list li a:hover {background:#424242;color:#fff}
.country_list li a img {width: 30px;border:1px solid #dddddd;border-radius:100%;vertical-align:middle;margin-right: 5px;}

.asean_list {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: stretch;gap: 15px;margin-bottom:20px;}
.asean_list li {border: 1px solid #dddddd;background: url(/images/web/ach/new/sub/infographic_icon01.png) no-repeat center 50px;text-align: center;border-radius: 20px;position:relative;padding: 150px 0 25px 0;flex: 1 1 23%;}
.asean_list li.asean_list_bg02 {background: url(/images/web/ach/new/sub/infographic_icon02.png) no-repeat center 50px;}
.asean_list li.asean_list_bg03 {background: url(/images/web/ach/new/sub/infographic_icon03.png) no-repeat center 50px;}
.asean_list li.asean_list_bg04 {background: url(/images/web/ach/new/sub/infographic_icon04.png) no-repeat center 50px;}
.asean_list li strong {display:block;color:#333;font-size:17px;margin-bottom:10px;}
.asean_list li p {line-height:20px}
.symbol-box {background: #f4f4f4;padding: 30px;display: flex;align-items: center;line-height:20px;color:#333;border-radius:20px;}
.symbol-box span {margin-right:15px}
.symbol-box span img {min-width:130px;max-width:200px;width:100%;}

/** 한 아세안 관계 **/
.text-list {}
.text-list li {position: relative;padding-left: 8px;margin-bottom: 10px;line-height: 20px;}
.text-list li:before {content:'';width:4px;height:4px;background:#666;position:absolute;top:6px;left:0;}
.text-list li ul {margin-top:10px;}
.text-list li ul li {padding-left:0;}
.text-list li ul li:before {content:none;}
.text-bgtype {margin-bottom:10px;background: #fffaf4;padding: 20px;border-radius: 10px;line-height:20px}
.numeral-list {margin-top:15px;}
.numeral-list li {margin-bottom:10px;text-indent: -20px;padding-left: 20px;}
.numeral-list li ul {margin-top:10px;}

/** 회원국 **/
.map_wrap {padding:48px;margin: 50px 0 30px;border-radius:30px;}
.brunei {background: url(/images/web/ach/new/sub/bg_brunei_map.png) no-repeat right 0;}
.cambodia {background: url(/images/web/ach/new/sub/bg_cambodia_map.png) no-repeat right 0;}
.indonesia {background: url(/images/web/ach/new/sub/bg_indonesia_map.png) no-repeat right 0;}
.laos {background: url(/images/web/ach/new/sub/bg_laos_map.png) no-repeat right 0;}
.myanmar {background: url(/images/web/ach/new/sub/bg_myanmar_map.png) no-repeat right 0;}
.malaysia {background: url(/images/web/ach/new/sub/bg_malaysia_map.png) no-repeat right 0;}
.philippine {background: url(/images/web/ach/new/sub/bg_philippine_map.png) no-repeat right 0;}
.singapore {background: url(/images/web/ach/new/sub/bg_singapore_map.png) no-repeat right 0;}
.thailand {background: url(/images/web/ach/new/sub/bg_thailand_map.png) no-repeat right 0;}
.vietnam {background: url(/images/web/ach/new/sub/bg_vietnam_map.png) no-repeat right 0;}
.contry_cont {width: 510px;display: flex;flex-direction: column;background: #faf3ea;border-radius: 30px;box-shadow: 10px 10px 30px rgba(0,0,0,.2);}
.landmark {text-align:center;padding: 11% 0;}
.landmark img {max-width:100%;}
.contry_name {padding: 21px 0;background: #ff5722;text-align: center;color: #fff;border-radius: 0 0 30px 30px;}
.contry_name strong {display: block;margin-bottom:5px;font-size: 30px;}
.contry_name em {font-size:20px;}
.country-flag {display: flex;flex-direction: column;background: url(/images/web/ach/new/sub/bg_line.png) no-repeat center;margin-bottom: 50px;}
.country-flag.b_none {background:none}
.flag-inner {padding: 47px 0 30px;margin: 37px 0;display: flex;align-items: center;gap: 4%;}
.flag-inner span {display: block;width: 17%;}
.flag-inner span img {max-width:100%}
.flag-inner .flag-text {width: 83%;}
.flag-inner strong {font-size: 35px;color: #333;display: inline-block;margin-bottom: 20px;position:relative}
.flag-inner strong:after {content:'';width:100%;height:15px;background:#e8e8e8;position:absolute;bottom:0;left:0;}
.flag-inner strong b {font-weight: 800;position:relative;z-index:1}
.flag-inner p {font-size: 16px;line-height:24px;font-weight: 200;}
.flag-inner p b {color:#000}
.flag-inner.left .flag-text {padding-right:260px;}
.flag-inner.right .flag-text {padding-left:260px;}
.country-desc-wrap {border: 1px solid #ddd;border-radius: 30px;padding: 4%;margin-bottom: 120px;}
.country-desc-wrap .country-desc-box {display: flex;flex-direction: row;align-items: center;gap: 7%;margin-bottom:50px;}
.country-desc-wrap .map-img {flex-grow: 0;position:relative}
.country-desc-wrap .map-img img {max-width:100%;}
.country-desc-wrap .map-img:before {content:'';width:42px;height:58px;background: url(/images/web/ach/new/sub/icon_location.png) no-repeat 0 0;position:absolute;top: -4%;right: 24%;animation: location .8s ease-in-out infinite;}
.country-desc-wrap .map-img.cambodia_:before {top: 52%;right: 48%;}
.country-desc-wrap .map-img.indonesia_:before {top: 38%;right: 72%;}
.country-desc-wrap .map-img.laos_:before {top: 31%;right: 63.6%}
.country-desc-wrap .map-img.myanmars_:before {top: 37%;right: 49.3%}
.country-desc-wrap .map-img.malaysia_:before {top: 44%;right: auto;left: 8.2%}
.country-desc-wrap .map-img.philippine_:before {top: 13%;right: auto;left: 40%;}
.country-desc-wrap .map-img.singapore_:before {top: 27%;right: 46.6%}
.country-desc-wrap .map-img.thailand_:before {top: 30%;right: 49.6%}
.country-desc-wrap .map-img.vietnam_:before {top: 9%;right: 46.7%}
@keyframes location {
  0%,
  100% {transform: translate(0, 0)}
  50% {transform: translate(0, 5px)}
}
.country-desc-wrap .country-desc-inner {flex-grow: 1;}
.country-desc-wrap .country-desc-inner .tit {display:block;margin-bottom:15px;font-size:25px;font-weight:800;color: #ff5722;letter-spacing: -1px;}
.country_intro {display: flex;align-items: flex-start;gap: 5%;justify-content: flex-start;margin-top: 50px}
.country_intro li {text-align: center;}
.country_intro li strong {display: block;background:#f4f1ec;width: 160px;height: 160px;padding-top: 33px;font-size:19px;color:#333;border-radius: 100%;text-align:center;position:relative;margin: 0 auto;margin-bottom: 15px;}
.country_intro li strong:after {content:'';width:100%;height:109px;position:absolute;bottom: 0;left:0;}
.country_intro li strong.population:after {background:url(/images/web/ach/new/sub/img_population.png) no-repeat center 0;}
.country_intro li strong.area:after {background:url(/images/web/ach/new/sub/img_area.png) no-repeat center 0;}
.country_intro li strong.time:after {background:url(/images/web/ach/new/sub/img_time.png) no-repeat center 0;}
.country-desc-list {display: flex;flex-direction: row;flex-wrap: wrap;gap: 15px;}
.country-desc-list li {flex: 1 1 40%;background: #f8f8f8;border-radius: 30px;padding: 30px 15px 35px 150px;position:relative;}
.country-desc-list li.all_w {flex: 1 1 60%}
.country-desc-list li:before {content:'';width:90px;height:90px;position:absolute;left: 32px;top: 50%;margin-top:-45px;;border-radius:100%;}
.country-desc-list li.bg01:before {background:#fff url(/images/web/ach/new/sub/icon_country01.svg) no-repeat center;background-size:40px;}
.country-desc-list li.bg02:before {background:#fff url(/images/web/ach/new/sub/icon_country02.svg) no-repeat center;background-size:40px;}
.country-desc-list li.bg03:before {background:#fff url(/images/web/ach/new/sub/icon_country03.svg) no-repeat center;background-size:40px;top:20px;margin-top:0}
.country-desc-list li.bg04:before {background:#fff url(/images/web/ach/new/sub/icon_country04.svg) no-repeat center;background-size:40px;}
.country-desc-list li.bg05:before {background:#fff url(/images/web/ach/new/sub/icon_country05.svg) no-repeat center;background-size:40px;}
.country-desc-list li.bg06:before {background:#fff url(/images/web/ach/new/sub/icon_country06.svg) no-repeat center;background-size:40px;}
.country-desc-list li.bg07:before {background:#fff url(/images/web/ach/new/sub/icon_country07.svg) no-repeat center;background-size:40px;}
.country-desc-list li.bg08:before {background:#fff url(/images/web/ach/new/sub/icon_country08.svg) no-repeat center;background-size:40px;}
.country-desc-list li.bg09:before {background:#fff url(/images/web/ach/new/sub/icon_country09.svg) no-repeat center;background-size:40px;}
.country-desc-list li.bg10:before {background:#fff url(/images/web/ach/new/sub/icon_country10.svg) no-repeat center;background-size:40px;}
.country-desc-list li.bg11:before {background:#fff url(/images/web/ach/new/sub/icon_country11.svg) no-repeat center;background-size:40px;}
.country-desc-list li.bg12:before {background:#fff url(/images/web/ach/new/sub/icon_country12.svg) no-repeat center;background-size:40px;}
.country-desc-list li strong {font-size: 20px;color: #333;margin-bottom: 15px;display: block;}
.country-desc-list li p {}
.country-desc-list li ul li {padding:0 0 0 8px;margin-bottom:0}
.country-desc-list li ul li:before {width: 4px;height: 4px;top: 6px;left: 0;margin-top:auto}

.ach-result {border: 1px solid #ddd;border-radius: 30px;display: flex;flex-wrap: wrap;padding: 30px 50px;background: #f2f2f2;}
.ach-result div {display:flex;align-items: center;flex:1 1 25%}
.ach-result div:before {content:'';width:95px;border-radius:10px;margin-right: 15px;box-shadow: 0 0 5px rgb(0 0 0 / 10%);}
.ach-result div.vod:before {padding: 30px 0;background: #ffffff url(/images/web/ach/new/sub/icon_states01.svg) no-repeat 32px 13px;background-size: 40%;}
.ach-result div.image:before {padding: 30px 0;background: #ffffff url(/images/web/ach/new/sub/icon_states02.svg) no-repeat 32px 13px;background-size: 40%;}
.ach-result div.text:before {padding: 30px 0;background: #ffffff url(/images/web/ach/new/sub/icon_states03.svg) no-repeat 32px 13px;background-size: 40%;}
.ach-result div.document:before {padding: 30px 0;background: #ffffff url(/images/web/ach/new/sub/icon_states04.svg) no-repeat 32px 13px;background-size: 40%;}
.ach-result div strong {margin-right:5px;font-size:18px;color:#333}
.ach-result div p {color:#ff5722;font-size:17px;font-weight:800}

/** 알아두면 좋은 문화 **/
.country_culture {background: #ffe6c3;padding: 100px 50px 50px;border-radius:0 0 30px 30px;position:relative}
.country_culture:before {content:'';width:100%;position:absolute;top:0;left:0;z-index:0}
.culture_wrap > strong {display:block;text-align:center;font-size:40px;font-weight:800;color:#333;z-index:2;position:relative;margin-bottom: 75px;}
.culture_wrap > strong b {font-weight:800;}
.culture_wrap > strong span {display:inline-block;position:relative;}
.culture_wrap > strong span .tip {width:61px;height:55px;padding-top: 16px;background:url(/images/web/ach/new/sub/bg_point.png) no-repeat 0 0;font-size:17px;color:#fff;font-weight:800;position: absolute;top: 50%;left: -70px;margin-top: -32px;padding-right: 5px;}
.culture_wrap > strong.brunei_p span:after {content: '';width: 163px;background: url(/images/web/ach/new/sub/people_brunei.png) no-repeat 0 0 / 100%;position: absolute;top: -60px;right: -174px;height: 212px}
.culture_wrap > strong.brunei_p.cambodia_p span:after {background: url(/images/web/ach/new/sub/people_cambodia.png) no-repeat 0 0 / 100%}
.culture_wrap > strong.brunei_p.indonesia_p span:after {background: url(/images/web/ach/new/sub/people_cambodia.png) no-repeat 0 0 / 100%}
.culture_wrap > strong.brunei_p.laos_p span:after {background: url(/images/web/ach/new/sub/people_laos.png) no-repeat 0 0 / 100%}
.culture_wrap > strong.brunei_p.myanmar_p span:after {background: url(/images/web/ach/new/sub/people_myanmar.png) no-repeat 0 0 / 100%}
.culture_wrap > strong.brunei_p.malaysia_p span:after {background: url(/images/web/ach/new/sub/people_malaysia.png) no-repeat 0 0 / 100%}
.culture_wrap > strong.brunei_p.philippine_p span:after {background: url(/images/web/ach/new/sub/people_philippine.png) no-repeat 0 0 / 100%}
.culture_wrap > strong.brunei_p.singapore_p span:after {background: url(/images/web/ach/new/sub/people_singapore.png) no-repeat 0 0 / 100%}
.culture_wrap > strong.brunei_p.thailand_p span:after {background: url(/images/web/ach/new/sub/people_thailand.png) no-repeat 0 0 / 100%}
.culture_wrap > strong.brunei_p.vietnam_p span:after {background: url(/images/web/ach/new/sub/people_vietnam.png) no-repeat 0 0 / 100%}
.culture_wrap .country_culture_box {background:#fff;border-radius: 30px;box-shadow: 2px 2px 10px 7px rgba(0,0,0,.05);padding: 50px;margin-bottom: 30px;position: relative;z-index: 1;}
.culture_wrap .country_culture_box strong {padding-left: 37px;color: #ff5722;display: inline-block;font-size: 25px;font-weight: 800;border-radius: 20px 20px 0 0;z-index: 0;margin-bottom: 20px;position:relative}
.culture_wrap .country_culture_box strong:before {content:'';width: 30px;height: 24px;background: url(/images/web/ach/new/sub/rest.svg) no-repeat 0 0;position:absolute;top: -1px;left:0;background-size: 30px;}
.culture_wrap .country_culture_box:last-child {margin-bottom:0}

/** 단체방문프로그램 **/
.program-wrap .text-type {margin:0 0 50px 0}
.download.flex {display: flex;gap: 10px;}
.download a {display:inline-block;background: #f2f2f2;padding: 15px 2%;border-radius: 7px;color: #333;margin-top: 10px;max-width: 250px;width: 100%;position:relative}
.download.flex a:after {content:'';width:15px;height:13px;background: url(/images/web/ach/new/sub/icon_download.png) no-repeat 0 0;position:absolute;right:10px;top:50%;margin-top:-6px;}
.download .word {background: #2a569a;color:#fff}
.download .word:after {content:'';width:27px;height:27px;background: url(/images/web/ach/new/sub/ico_office.svg) no-repeat 0 0;position:absolute;right:10px;top:50%;margin-top:-14px;background-size:100%}
.download .korean {background: #1590d1;color:#fff}
.download .korean:after {content:'';width:27px;height:27px;background: url(/images/web/ach/new/sub/ico_office.svg) no-repeat 0 bottom;position:absolute;right:10px;top:50%;margin-top:-14px;background-size:100%}

/** 시설대관 **/
.step-wrap {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;align-items: stretch;gap: 10px;}
.step-wrap li {background: #f2f2f2;flex: 1 1 30%;border-radius: 10px;padding: 25px;}
.step-wrap li strong {font-size: 17px;color: #ed2c0d;margin-bottom: 15px;display: block;}
.step-wrap li p {}


/** 웨이브 애니메이션 **/

.wave-wrap {position:relative;width:100%;height:119px;margin-top: 50px;}
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {overflow: hidden;position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;}
.waveWrapperInner {position: absolute;width: 100%;overflow: hidden;height: 100%;bottom: -1px;}
.bgTop {opacity: 0.5;}
.bgMiddle {opacity: 0.75;}
.bgBottom {}
.wave {position: absolute;left: 0;width: 200%;height: 100%;background-repeat: repeat no-repeat;background-position: 0 bottom;transform-origin: center bottom;}
.waveTop {background-size: 50% 100px;}
.waveAnimation .waveTop {animation: move-wave 3s;-webkit-animation: move-wave 3s;-webkit-animation-delay: 1s;animation-delay: 1s;}
.waveMiddle {background-size: 50% 120px;}
.waveAnimation .waveMiddle {animation: move_wave 10s linear infinite;}
.waveBottom {background-size: 50% 100px;}
.waveAnimation .waveBottom {animation: move_wave 15s linear infinite;}


/** 게시판 검색 **/
.search-wrap {font-size: 15px;color: #333;margin-bottom: 10px;display: flex;justify-content: space-between;align-items: center}
.search-wrap .search-box {width: 60%;display:flex;order: 2;gap:2px}
.search-wrap p {order: 1;}
.search-wrap p em, .search-wrap p strong {font-weight: 800;color: #ed1846;}
.search-wrap select {height:44px;border:1px solid #e3e4e5;border-radius:5px;font-size:15px;color:#333;display: block;flex: 1;background:url(/images/web/ach/new/sub/bl_select.png) no-repeat right center;min-width: 120px;}
.search-wrap .search-input-box {flex: auto;position:relative;padding-right: 46px;}
.search-wrap input[type="text"] {width:100%;height:44px;border:1px solid #e3e4e5;border-radius:5px;font-size:15px;color:#333;padding: 0 10px;}
.search-wrap .btn_search {display: inline-block;height:44px;width: 44px;text-indent: -99999px;background:#f28d0e url(/images/web/ach/new/sub/search.svg) no-repeat center;text-align: left;vertical-align: top;border-radius: 5px;background-size: 18px;position:absolute;top:0;right:0;}

/** table-layout **/
.table-layout table {width:100%;border-top:2px solid #000000;}
.table-layout table thead th {padding:25px 0;border-bottom:1px solid #aaaaaa;background:#f8f8f8;font-size: 15px;color:#333}
.table-layout table td {border-bottom:1px solid #dddddd;font-size: 15px;line-height:18px}
.table-layout.fweight table td {font-weight:normal;color:#333}
.table-layout.fweight table td a {color:#333;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.table-layout table td div {padding:25px 0;}
.table-layout table tbody td.tit_board .new {display: inline-block;width: 18px;height: 18px;margin-right: 5px;line-height: 15px;font-weight: 400;font-size: 0.75rem;color: #ff0022;text-align: center;border: 1px solid #ff0022;vertical-align: top;}
.table-layout table tbody td.file em {display: inline-block;width: 24px;height: 24px;text-indent:-9999px;background: url(/images/web/ach/new/sub/download.svg) no-repeat center;background-size: 24px;}

/** 일반게시판 테이블 **/
input:focus {outline:none}
input[type="checkbox"] {vertical-align: -3px;width:15px;height:15px;margin: 0 0 0 5px;}
input[type="radio"] {vertical-align: -3px;width:15px;height:15px;margin: 0 0 0 5px;}
.table-layout02 table tbody tr:hover {box-shadow: 0px 1px 7px 0px rgb(41 41 41 / 20%); background:#fff;}


/** 일반게시판 보기 **/
.board-text-view .tit_board {width:100%;padding: 20px 0;border-top:2px solid #000000;border-bottom: 1px solid #aaaaaa;background: #f8f8f8;text-align:center;font-size:15px;}
.board-text-view .tit_board strong {display:block;margin-bottom: 20px;font-size: 24px;color:#222;}
.board-text-view .textview {padding:20px 15px;color:#333;line-height: 1.3rem}

/** 일반게시판 쓰기 **/
.table-layout03 {margin-bottom:30px;}
.table-layout03 table tbody th {border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;background:#f8f8f8;}
.table-layout03 table tbody td .write-form {padding: 10px;}
.table-layout03 table tbody td .write-form input[type="text"] {width:100%;border: 1px solid #ddd;padding: 0 10px;height: 38px;border-radius: 5px;}
.table-layout03 table tbody td .write-form .checkbox-wrap {display:block;margin-top:4px}
.table-layout03 table tbody td .write-form .input-file-button {display:inline-block;background:#333;color:#fff;padding: 10px 24px 10px 20px;border-radius:5px}
.table-layout03 table tbody td .write-form .input-file-button span {display:inline-block;padding-left: 23px;position:relative}
.table-layout03 table tbody td .write-form .input-file-button span:before {content:'';width: 15px;height: 15px;background: url(/images/web/ach/new/sub/search.svg) no-repeat center;background-size: 15px;position:absolute;top: 50%;left:0;margin-top: -7px;}
.table-layout03 table tbody td .write-form .file-name {color:#333;margin-top:10px;}
.table-layout03 table tbody td .write-form .file-name .delete {display:inline-block;width:15px;height:15px;text-indent:-9999px;background: url(/images/web/ach/new/sub/bt_delete.png) no-repeat 0 0;margin-left:20px;vertical-align:middle;border-radius:2px}

.board_pre_next {width:100%;margin-top:50px;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;display:flex;flex-direction: row;flex-wrap: wrap;align-items: center;}
.board_pre_next li {width:100%;border-top: 1px solid #dfdfdf;display:flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;}
.board_pre_next li:first-child {border-top:0;}
.board_pre_next li strong {display:inline-block;width:15%;min-width:70px;border-right: 1px solid #dfdfdf;background: #f8f8f8;color:#333;font-weight:600;flex:1 1 auto;text-align:center;padding: 15px 0;}
.board_pre_next li a {display:inline-block;width:85%;color:#333;flex:1 1 auto;padding-left: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.file-download {margin-top: 50px;background: #ecf1f5;padding: 10px 15px;border-radius: 5px}
.file-download a:not(.pro_thumb) {display:block;color:#333;padding: 7px 0 7px 24px;position:relative;}
.file-download a:hover {color:#ff7700;}
.file-download a:not(.pro_thumb):before {content:'';display:inline-block;width:15px;height:13px;background: url(/images/web/ach/new/sub/icon_download.png) no-repeat  0 0;position:absolute;top: 50%;left: 0;margin-top: -7px;}
.file-download a:hover, .board_pre_next li a:hover, .table-layout.fweight table td a:hover {color:#ff7700;}
.file-download.pro-wrap{
	background:#f8f8f8;
	margin-top:-120px;
	border-radius:50px;
	padding:70px;
}

/** 버튼공통 **/
.btn-basic {display:inline-block;background: #ffa533;color:#fff;padding: 11px 50px;border:2px solid #ffa533;border-radius: 5px;min-width: 85px;}
.btn-bg-gray {background: #333;border:2px solid #333;}
.btn-bg-none {background: none;border:2px solid #333;color:#333;font-weight:600}

/** 칼라공통 **/
.color_01 {color:#f70;}
.color_02 {color:#333;}
.color_03 {color:#ff5722;}

/** paging **/
.webtong-paging {text-align: center;margin: 30px 0;line-height: 32px}
.webtong-paging.text_left {text-align: left}
.webtong-paging.text_right {text-align: right}
.webtong-paging a {display: inline-block;width: 36px;height: 36px;text-indent: -999em;margin: 0;font-size: 15px;line-height: 36px;border-radius: 5px;background: #f6f6f6;border: 1px solid #f6f6f6;color:#333}
.webtong-paging > a:hover {background-color:#efefef}
.webtong-paging .first {border:1px solid #e6e6e6;border-radius:5px;background: url(/images/web/ach/new/sub/first_page.png) no-repeat center}
.webtong-paging .previous {border:1px solid #e6e6e6;border-radius:5px;background: url(/images/web/ach/new/sub/previous_page.png) no-repeat center}
.webtong-paging .next {border:1px solid #e6e6e6;border-radius:5px;background:url(/images/web/ach/new/sub/next_page.png) no-repeat center}
.webtong-paging .last {border:1px solid #e6e6e6;border-radius:5px;background:url(/images/web/ach/new/sub/last_page.png) no-repeat center}
.webtong-paging span em {display: inline-block;width: 36px;height: 36px;margin: 0;color: #ffffff;background: #ffa533;line-height: 36px;border-radius: 5px;font-weight: 800;border: 1px solid #ffa533;}
.webtong-paging span a {text-indent: 0;}
.webtong-paging span a.end {display:none}

/** 캘린더일정 **/

.calendar_wrap > p {width:100%;margin-bottom:10px}
.calendar_wrap > p span.Ym {font-family:'play','NotoSansKR',sans-serif,'돋움', Dotum, Arial;font-size:23px;margin:0px 10px;font-weight:bold;color:#1b1b1b}
.calendar_wrap > p a {display:inline-block;vertical-align:bottom;line-height:23px;font-weight:bold}
.calendar_wrap > ul > li > div.today {background:#fffbe5 }
.calendar_wrap > ul > li > div.Sun > time, .calendar_wrap > ul > li > div.Sun > time span {color:#cc2220}
.calendar_wrap > ul > li > div.Sat > time, .calendar_wrap > ul > li > div.Sat > time span {color:#2453a5}
.event_list {padding: 0 3px;min-height: 135px;margin: 5px 0 9px}
.event_list li {margin: 0px 3px 3px 0px;padding: 3px}
.event_list li a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 100%;font-size: 14px;}
.event_list li a:hover, .event_list li a:focus {color: #0043ff;text-decoration: underline}
.calendar_list {padding: 12px 0;border-radius: 21px;font-size: 15px;display: flex;justify-content: flex-end}
.calendar_list .cal {font-weight: 400;color: #1b1b1b;margin-left: 9px}
.cal {margin-left: 0}
.cal > i {display: inline-block;text-indent: -999em;width: 10px;height: 10px;border-radius: 50%;line-height: 10px;margin: 0 3px;background-color: #d3d3d3}
.cal_01 > i {background-color: #ffa533}
.cal_02 > i {background-color: #ff4d33}
.cal_03 > i {background-color: #ac33ff}
.cal_04 > i {background-color: #3fb7ff}
.button-cal {position: relative;top: auto;background: #fff;border: 1px solid #c7c7c7;width: 37px;height: 37px;left: auto;right: 0;margin: 0;border-radius: 50%;font-size: 16px;line-height: 37px}



.sub_tab_wrap {margin-bottom:60px}
.tab_wrap {border:1px solid #e5e5e5;margin:0px auto;display: flex;width: 50%;justify-content: space-evenly;}
.tab_wrap li {text-align:center;position:relative;flex: 1 1 100%;}
.tab_wrap li:before {content:"";display:block;width:1px;height: 20px;background-color: #e5e5e5;position:absolute;top:50%;margin-top: -10px;left: -1px;z-index:-1}
.tab_wrap li:first-child:before {display:none}
.tab_wrap li a {display:block;padding: 19px 0;}
.tab_wrap li span {display:table; width:100%; height: 50px}
.tab_wrap li span em {display:table-cell; vertical-align:middle}
.tab_wrap li.on a {color: #fff;background-color: #424242;}

/** 갤러리 게시판 **/
.gallery-list-inner {display: flex;flex-wrap: wrap;}
.gallery-list-inner li {width:25%;padding: 0 20px 20px;}
.gallery-list-inner li a {display:block}
.gallery-list-inner li .img {display: block;position: relative;overflow: hidden;padding-top: 142%;border-radius: 30px;}
.gallery-list-inner li .img em {position: absolute;top: 0;right: 0;background: #e93429;color: #fff;width: 120px;display: block;text-align: center;font-size: 17px;font-weight: 500;padding: 15px;border-radius: 0 30px;}
.gallery-list-inner li .img em.end {background:rgba(0,0,0,.8)}
.gallery-list-inner li .img img {width: 100%;height:100%;position: absolute;top: 0;left: 0;}
.gallery-list-inner li .text-wrap {padding: 20px 15px;}
.gallery-list-inner li strong {font-size: 18px;margin-bottom:10px;color: #333; overflow: hidden;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height:44px;line-height:1.2;}
@media (max-width: 550px)
	.gallery-list-inner li strong{
	min-height:40px;
}
.gallery-list-inner li.ex_title strong {-webkit-line-clamp: 2;min-height:43px;}
.gallery-list-inner li ul {display: block;}
.gallery-list-inner li ul li {flex: auto;overflow: hidden;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 20px;color: #919191;font-weight: 300;width: auto;padding: 0;}
.gallery-list-wrap02 .gallery-list-inner li {width:33.3333%}
.gallery-list-wrap02 .gallery-list-inner li .img {padding-top: 64%;}
.gallery-list-wrap02 .gallery-list-inner li ul li {width:auto}
.gallery-list-wrap03 .gallery-list-inner li .img {padding-top: 65%;border-radius:20px}
.gallery-list-wrap03 .gallery-list-inner li p {min-height:56px;line-height:1.2;overflow: hidden;margin-bottom:10px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.gallery-list-wrap03 .gallery-list-inner li ul {display:flex;justify-content: space-between;}
.gallery-list-wrap03 .gallery-list-inner li ul li.views {text-align:right}
.ebook .gallery-list-inner li .img {border: 1px solid #dadada;}
.ebook .gallery-list-inner li strong {margin-bottom: 20px;}
.collection-list .gallery-list-inner li {width:25%}
.collection-list .gallery-list-inner li .img {padding-top: 66%;background:#efefef}
.collection-list .gallery-list-inner li .img img {max-width:100%;max-height:100%;position:absolute;top:0;left:0;right:0;bottom:0;width:auto;margin:auto;}
.collection-list .gallery-list-inner li .text-wrap {text-align:center}
.collection-list .gallery-list-inner li ul li  {width:100%}
.gallery-list-inner ul.nation {display:flex}
.gallery-list-inner ul.nation li {font-size:15px;width:auto}
.gallery-list-inner ul.nation li.text-align {text-align:right}
.gallery-list-inner ul.nation li i {vertical-align: -1px;}

/** 갤러리 게시판 보기 **/
.gallery-view-inner {display: flex;align-items: center;gap: 5%;background: #f8f8f8;border-radius: 50px;padding: 70px;margin-bottom:50px;}
.gallery-view-inner .img {flex-shrink: 0;}
.gallery-view-inner .img img {width:auto;height:100%;max-height:500px;min-height:500px;max-width:500px;max-width:100%;}
.gallery-view-inner .text-wrap {flex-basis: 100%;}
.gallery-view-inner .text-wrap > strong {font-size: 30px;color: #222;display: block;border-bottom: 1px solid #dbdbdb;padding: 0 15px 20px;margin-bottom: 30px;}
.gallery-view-inner .text-wrap ul {margin-bottom:50px;padding:0 15px}
.gallery-view-inner .text-wrap ul li {display: flex;flex-direction: row;align-items: flex-start;font-size: 17px;color: #333;line-height: 20px;margin-bottom:15px;}
.gallery-view-inner .text-wrap ul li strong {width: 100px;font-weight: 800;display: inline-block;}
.gallery-view-inner .text-wrap ul li p {}
.gallery-view-text {border-top: 2px solid #000;border-bottom: 1px solid #dfdfdf;padding: 50px 0;}
.gallery-view-text, .gallery-view-text a{color:#111 !important;line-height:1.6;}
.gallery-view-text .img-wrap {margin-top:30px;}
.gallery-view-text table{width: 100%;}

/*국가선택(해시태그)*/
.hashTags{color:#006FD6;margin-top:10px;}

/*지도*/
.prg_dtl_cont#infoTab2 dl.mapInfo .mapBox{ width: 100%; height: 300px; border: 1px solid #ddd; margin-bottom:1rem;}
.prg_dtl_cont#infoTab2 dl.mapInfo dd .info { margin-top: 1rem; text-align:left;}
.prg_dtl_cont#infoTab2 dl.mapInfo dd .info > li { position: relative; min-height:2.25rem; line-height: 1.3; padding-top: .5rem; padding-bottom: .5rem; padding-left: 4.5rem; }
.prg_dtl_cont#infoTab2 dl.mapInfo dd .info > li + li { margin-top: .5rem; border-top: 1px dashed #ddd; }
.prg_dtl_cont#infoTab2 dl.mapInfo dd .info > li strong { position: absolute; left: 0; top: .75rem; width: 4.5rem; font-size: .9rem; font-weight: 600; }
.prg_dtl_cont#infoTab2 dl.mapInfo dd .info > li strong:before{display:none;}
.prg_dtl_cont#infoTab2 dl.mapInfo dd .info > li p:before{top:.4rem;}
.prg_dtl_cont#infoTab2 dl.mapInfo dd .info > li strong {
    position: absolute;
    left: 0;
    top: 0.75rem;
    width: 4.5rem;
    font-size: 1rem;
    font-weight: 600;
}
.prg_dtl_cont#infoTab2 li > strong {
    position: relative;
    float: left;
    width: 100px;
    font-size: 1.1rem;
    color: #000;
    font-family: "SCDream";
    font-weight: 600;
}
.prg_dtl_cont#infoTab2 .bu_st3 {
    margin-left: 1rem;
    color: #666;
}
.prg_dtl_cont#infoTab2 .bu_st3 {
    position: relative;
    padding-left: 0.75rem;
    margin-top: 0.25rem;
    margin-left: 0.5rem;
}
.prg_dtl_cont#infoTab2 dl.mapInfo dd .info > li p:before {
    top: 0.4rem;
}
.prg_dtl_cont#infoTab2 .bu_st3:before, .prg_dtl_cont#infoTab2 .list_st3 > li:before {
    content: '';
    position: absolute;
    top: 0.6rem;
    left: 0;
    width: 3px;
    height: 3px;
    background: #9a9a9a;
}
.related-content {margin-top:100px;background: #fff;border-radius: 30px;box-shadow: 0px 0px 20px rgba(0,0,0,.05);padding: 30px 50px;border: 1px solid #f6f1f1;position: relative;}
.related-content .sstit {margin:0 0 30px 0;text-align:center}
.swiper-container-related {overflow:hidden}
.s_btn_wrap .swiper-btn button {background:none;font-size:26px;}
.related-content ul {}
.related-content ul li {}
.related-content ul li span {display:block;border: 1px solid #dadada;}
/*.related-content ul li span img {max-width: 100%;max-height:100%;margin:auto}*/
.related-content ul li span img {max-width: 100%;margin:auto;height:248px;}
.related-content ul li strong {overflow: hidden;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 10px;line-height: 20px;color: #333;height: 37px;}
.related-content.photo-list ul li a {display: block;}
.related-content.photo-list ul li span {position:relative;padding-top: 69%;display: block;overflow: hidden;background: #fbfbfb;}
.related-content.photo-list ul li span img {position: absolute;top: 0;left: 0;height: 100%;right: 0;bottom: 0;}
.related-content ul li ul {display:flex;justify-content: space-between;margin-top:15px;}
.related-content ul li ul li {width:auto;padding:0;font-size:14px;}
.related-content .swiper-slide{max-width: 195.5px}
.collection-view .img {flex-shrink: 1;flex-basis: 100%;}
.button-wrap {text-align:right}
.button-wrap a {color: #fff;padding: 7px 15px;border-radius: 3px;}
.button-wrap a i {vertical-align:-1px}
.bg_color01 {background:#f02b4c}
.bg_color02 {background:#ff7918}
.bg_color03 {background:#44c0e2}
.bg_color04 {background: #3d62b2;}

/** 아카이브 게시판 **/
.board-text-view.archive_view .tit_board {margin-bottom:50px}
.archive-etc {display: flex;justify-content: center;}
.archive-etc em {margin:0 10px;position:relative;padding-left:10px;}
.archive-etc em:before {content:'';width:3px;height:3px;background:#666;position:absolute;top:50%;left:0;margin-top:-1px;}
.webtong_tab_wrap .m-menu {display:none}
.webtong_tab_type {margin-top:50px;width:100%;display: flex;flex-direction: row;border-bottom:1px solid #444;margin-bottom: 50px;}
.webtong_tab_type li {height: 50px;position: relative;margin-left: -1px;width: 25%;min-width: 110px;}
.webtong_tab_type li a {position:relative;height:50px;border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7;line-height:50px;text-align:center;display:block;border-right: 1px solid #e7e7e7;}
.webtong_tab_type li.on a, .webtong_tab_type li a:hover {position:relative;border-left:1px solid #444;border-right:1px solid #444;z-index:1}
.webtong_tab_type li.on a:before, .webtong_tab_type li a:hover:before {content:'';position:absolute;top:-1px;left:0;width:100%;height:3px;background:#444}
.webtong_tab_type li.on a:after, .webtong_tab_type li a:hover:after {content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;background: #fff;}

.webtong_tab_type.write_tab{
	margin-bottom: 0;
	margin-left: 2px;
}
.tab_td{
	padding:0 !important;
}

/** 아카이브 동영상 상세페이지 **/

.richText-toolbar:last-child{
	z-index:-1;
}
.richText-dropdown{
    height: 306px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 4% !important;
}
.richText-dropdown-close{
	right: 0 !important;
}
/* rich text editor 끝*/

.vod_records{
	border: 1px solid #aaa;
    padding: 15px;
    position: relative;
    overflow: hidden;
}
.vod_records .vod_no{
	margin-bottom:10px;
	font-weight:bold;
	font-size:18px;
}
.vod_records label{
	font-size:13px;
	font-weight:bold;
}
.vod_records input, .vod_records .richText{
	margin-top:5px;
}
.vod_records:not(:last-child){
	margin-bottom:10px;
}
.vod_records .btnBox{
	float:left;
	margin-top:10px;
	margin-right:10px;
}
.vod_records .fieldBtn{
	padding: 5px 30px;
	text-align: center;
	border:2px solid #000;
	border-radius:5px;
}
.vod_records .fieldBtn:hover{
	background:#eee;
}
.vod_records .deleteBtn{
	border-color:red;
	color:red;
}

.video_wrap {max-width:1400px;display: flex;}
.video_wrap:after {content: "";display: block;clear: both}
.video_wrap .video_play {width: 63%;margin-right:40px;}
.video_wrap .video_inner {position: relative;width: 63%;height: auto;padding-top: 35.5%;overflow: hidden}
.video_wrap .video_inner iframe {z-index: 1;top: 0;left: 0;position: absolute;width: 100%;height: 100%}
.video_content .vod_bg {}
.video_content .vod_bg img {width:100%;height:100%}
.video_content h2 {font-size: 18px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;position:relative;padding-right: 29px;font-weight: 300;margin-bottom: 13px;cursor:pointer;height: 29px;font-weight: 600}
.video_content h2.y_icon, .thumbnail_text a h4.y_icon {padding-left: 23px;position: relative}
.video_content h2.v_icon, .thumbnail_text a h4.v_icon {position: relative;}
.video_content h2.y_icon:before, .thumbnail_text a h4.y_icon:before {content: '';background: url(/images/sub/vod_icon.png) no-repeat;width: 21px;height: 16px;left: 0;top: 5px;display: inline-block;position: absolute}
.video_content h2.v_icon:before, .thumbnail_text a h4.v_icon:before {/* content: ''; */background: url(/images/sub/vod_icon.png) no-repeat -23px 0;width: 21px;height: 16px;left: 0;top: 5px;display: inline-block;position: absolute}
.video_content h2.vod_open {height: auto;-webkit-line-clamp: initial}
.video_content h2 .open {position: absolute;right: 0;top: 9px;width: 20px;height: 7px;background: url(/images/common/vod_open.png) no-repeat;text-indent: -999em}
.video_content h2 .open.btn_up {background-position: 0 -7px;top: 8px}
.video_content .source {font-weight: 200;font-size: 13px;}
.video_wrap .video_list {height:100%;max-height:486px;overflow:hidden;width: 37%;float: left;position: relative;z-index: 1}
/* .video_wrap .video_list .video-list-inner {margin-bottom:50px;position:relative} */
.video_wrap .video_list h3 {
	margin-bottom: 20px !important;
	text-align: left;
	font-size: 18px !important;
	background:#fff;
	padding:0 !important;
	border-top:none !important;
	color:#2a2a2a !important;
}
.video_wrap .video_list:hover{
	overflow-y: auto;
}
.video_wrap .video_list .video-list-inner .vod-total{
	padding: 0 15px 15px 2px;
}
.video_wrap .video_list .video-list-inner .vod-total em{
	font-weight: 800;
    color: #ed1846;
}
.video_wrap .video_list .video-list-inner .bt-more {position:absolute;top:0;right:0;}
/* .vpp_text_wrap {margin-bottom:80px} */
.vpp_text_wrap.collection{margin-top:-60px;margin-bottom:100px;line-height:1.6;}

.vpp_tac{margin-top:80px;}
.vpp_text_wrap strong {display: block;border-bottom: 1px solid #e7e7e7;margin: 50px 0 30px;padding-bottom: 15px;font-size: 17px;color: #333;}
.vpp_text_wrap.collection {margin-top:-60px;}
.thumbnail_wrap li {margin-bottom: 7px;padding:15px;border:1px solid transparent;}
.thumbnail_wrap li:hover, .thumbnail_wrap li.vid-active{background:#efefef;border:1px solid #aaa;cursor:pointer;}
.thumbnail_inner {position: relative}
.thumbnail_inner:after {content: "";display: block;clear: both}
.thumbnail_inner > span {display: block;float: left;width: 35%;}
.thumbnail_inner span img {max-width: 100%;}
.thumbnail_inner .thumbnail_text {float: left;width: 65%;padding: 10px;line-height:1.5;max-height:103px;overflow:hidden;}
.thumbnail_inner .thumbnail_text > a {display: block;margin-bottom: 5px;}
.thumbnail_inner .thumbnail_text > a i {display: inline-block;width: 15px;height: 15px;text-indent: -999em;vertical-align: -5px;margin-right: 7px}
.thumbnail_inner .thumbnail_text > a .u_icon {background: url(/images/sub/vod_icon.png) no-repeat}
.thumbnail_inner .thumbnail_text > a .k_icon {background: url(/images/sub/vod_icon.png) no-repeat -24px 0}
.thumbnail_inner .thumbnail_text a h4 {font-size: 15px;font-weight: 500;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: 58px;padding: 0;line-height: 20px;}
.thumbnail_inner .thumbnail_text a h3 {}
.thumbnail_inner .thumbnail_text span {font-size: 14px}
.thumbnail_inner .thumbnail_text span.txt_s {padding: 0;display: block;font-size: 13px;font-weight: 200;margin-bottom: 5px;}
.thumbnail_inner .thumbnail_text span.txt_s > a {float: right}
.video_fixed {position: absolute;max-width: 1400px;z-index: 1;width: 100%;}
.textbook_wrap {max-width: 1200px;margin: 0 auto;padding: 50px 0}
.textbook_inner {max-width: 861px;margin: 0 auto 60px}
.textbook_inner:after {content: "";display: block;clear: both}
.textbook_inner > span {float: left;width: 40%;display: block;background-color: #f3f3f3;padding: 50px}
.textbook_contents {float: left;width: 60%;display: block;padding-left: 126px;padding-top: 11%}
.textbook_contents h3 {border-bottom: 1px solid #e2e2e2;padding-bottom: 33px;font-size: 25px;margin-bottom: 34px}
.textbook_contents span {display: block;font-size: 17px;margin-bottom: 9px}
.textbook_contents em {font-size: 17px}
.explanation {border-top: 2px solid #8e8e8e}
.explanation h4 {font-size: 18px;border-bottom: 1px solid #e2e2e2;padding: 10px 21px;background-color: #f5f8f9}
.explanation p {border-bottom: 1px solid #e2e2e2;padding: 25px}
.sns-down {display:flex;justify-content: space-between;margin-top:10px;}
.sns-down .sns-box a {display: inline-block;width: 45px;border-radius: 100%;color: #fff;text-align: center;line-height: 43px;font-size: 18px;margin-right: 5px;}
.sns-down .sns-box .twitter {background:#44c0e2}
.sns-down .sns-box .facebook {background:#3d62b2}
.sns-down .down-box a {margin-left:10px;font-family:'play';}
.sns-down .down-box a i {color:red}

/** 아카이브 사진 상세보기 **/
.photo-wrap .photo-inner {max-width: 1400px;padding: 30px;border: 1px solid #cdcdcd;border-radius: 30px;}
.photo-wrap .big-img {margin:0 auto 15px;overflow:hidden;position:relative;max-height: 700px;width: 100%;border-radius: 20px;}
.photo-wrap .big-img img {width:100%;}
.photo-wrap .thumb-list-wrap {display: flex;flex-wrap: wrap;justify-content: flex-start;margin-top: 30px;border-top: 1px solid #cdcdcd;padding-top: 20px;}
.photo-wrap .thumb-list-wrap li {width: 10%;max-height: 91px;padding: 3px;}
.photo-wrap .thumb-list-wrap li a img {width:100%;height: 100%;border-radius: 5px;}
.photo-wrap .thumb-list-wrap li.on{border:1px solid #333;border-radius:5px;}
.pic_info{font-size:16px;line-height:1.5;}

/** 아카이브 포스터 상세보기 **/
.gallery-view-inner {position:relative}
.gallery-view-inner .text-wrap .sns-down {position:absolute;bottom:30px;right:30px;align-items: center;}

/** 아카이브 온라인전시 **/
.online-exhibition-list {border-top:2px solid #000}
.online-exhibition-list li {display: flex;border-bottom: 1px solid #dddddd;padding: 20px 15px;}
.online-exhibition-list li .img {flex-shrink: 0;border: 2px solid #e8e8e8;}
.online-exhibition-list li .img img {max-width: 200px;min-width:200px;width: 100%;min-height:282px;}
.online-exhibition-list li .text-wrap {padding: 30px;position:relative;}
.online-exhibition-list li .text-wrap strong {display: block;font-size: 20px;color: #333;font-weight: 800;margin-bottom: 10px;}
.online-exhibition-list li .text-wrap em {display:block;color: #adadad;margin-bottom:30px;}
.online-exhibition-list li .text-wrap p {overflow: hidden;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 62px; line-height:1.5;}
.online-exhibition-list li .text-wrap .view-btn-wrap {position:absolute;bottom: 30px;}
.online-exhibition-list li .text-wrap .vr-view {border: 2px solid #f2340e;color: #f2340e;padding: 15px 30px;border-radius: 10px;}
.online-exhibition-list li .text-wrap .ytb-view {border: 2px solid red;color: #f2340e;padding: 15px 30px;border-radius: 10px;}


/** 소장품 **/
.copyright-box {margin-bottom:50px;padding:30px 50px;background: #fffaf4;border-radius: 30px;position:relative;}
.copyright-box strong {font-size:17px;color:#333;display:block;margin-bottom:10px}
.copyright-box .img {position:absolute;top:50%;right:50px;margin-top:-22px;}

/** 통합검색 **/

.search-info{
	margin:0 0 25px 0;
	color:#333;
}
.search-info em, .search-info strong {
    font-weight: 800;
    color: #ed1846;
}

.search-area {border: 1px solid #dadada;border-radius: 30px;padding: 50px 100px;box-shadow: 5px 5px 10px rgba(0,0,0,.05);margin-bottom: 50px;}
.search-area .search-box {display: flex;justify-content: center;flex-direction: row;align-items: center;width: 100%;gap: 5px;}
.search-area.gallery-search .search-box {width:50%;margin:0 auto}
.search-area.calendar-search .search-box {flex-direction: column;}
.search-area .search-box fieldset {display: flex;flex-direction: row;flex-grow:1;align-items: center;gap: 5px;position: relative;}
.search-area.calendar-search .search-box fieldset {width:70%}
.search-area.calendar-search .search-box fieldset strong {flex-shrink:0;color:#333}
select {height: 44px;border: 1px solid #e3e4e5;border-radius: 5px;font-size: 15px;color: #333;display:inline-block;background: url(/images/web/ach/new/sub/bl_select.png) no-repeat right center;min-width: 160px;}
.search-area .search-box fieldset input[type="text"] {width: 100%;height: 44px;border: 1px solid #e3e4e5;border-radius: 5px;font-size: 15px;color: #333;padding: 0 10px;}
.search-area .search-box .search-inner {}
.search-area .search-box fieldset .input-box {position:relative;display:block;width: 100%;}
.search-area .search-box fieldset .btn-search {background:#f28d0e;color:#fff;font-size: 17px;font-weight: 600;height: 44px;width: 80px;border-radius: 5px;position: absolute;top: 0;right: 0;}
.search-area .search-box fieldset .input-box .btn-search {top:0;}
.search-area .search-box .search-in-detail {height: 44px;display: block;background: #3f3f3f;border-radius: 5px;padding: 13px 2% 0 3%;}
.search-area .search-box .search-in-detail a {display: block;font-size: 17px;font-weight: 600;text-align: center;color:#fff}
.search-area .search-box .search-in-detail a i {font-size: 19px;display: inline-block;vertical-align: -2px;}
.search-area .detail-search-wrap {display:none;margin-top:30px;padding-bottom: 17px;}
.search-area .detail-search-wrap .sequence {display:block;background: #f5f5f5;padding: 15px;border-radius: 5px;}
.search-area .search-term {padding-top: 10px;}
.search-area.calendar-search .search-box .search-term {width:70%}
.search-area .search-term li {display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;margin-top:10px;}
.search-area .search-term li.valign-m {align-items: center;}
.search-area .search-term li strong {flex-basis: 85px;color: #333;}
.search-area .search-term li .search-term-inner {position:relative}
.search-area .search-term li .date-wrap {position:absolute;max-width: 438px;top: -12px;right: -450px;}
.search-area .detail-search-wrap .search-term li .date-wrap {display:none}
.date-wrap {display:block}
.date-wrap span {display: inline-block;height: 44px;padding: 0 20px 0 10px;border: 1px solid #e3e4e5;border-radius: 5px;position: relative;width: 47%;}
.date-wrap span input[type="text"] {border:0;height:42px;width:100%}
.date-wrap span .ui-datepicker-trigger {position: absolute;top: 50%;right: 10px;margin-top: -7px;}
.ui-datepicker-title select {appearance: none;border: solid 1px #d2d2d2;height: 29px;padding: 0 40px 0 10px;background: url(/images/web/ach/new/sub/ico_select.png) right center no-repeat #fff;border-radius: 3px;vertical-align: top;}
.search-title {margin-bottom:30px;text-align:center}
.search-title strong {font-size: 20px;color: #333;}
.search-results-wrap {display: flex;flex-direction: row;justify-content: space-around;gap:30px;}
.search-results-wrap .search-results-left {flex-basis:75%}
.search-results-wrap .search-results-right {flex-basis:25%}
.tab_wrap.search-results {width:100%;}
.results-list {margin-top:50px;position:relative}
.results-list h4 {padding-bottom:20px;color:#333;font-size:25px;font-weight:800;border-bottom:2px solid #575757}
.results-list .search-board li {border-bottom: 1px solid #e5e5e5;padding: 30px 0;}
.results-list ul li strong {display:block;font-size:17px;color:#333;margin-bottom:15px;line-height: 22px;}
.results-list ul li strong i {vertical-align:-1px;}
.results-list ul li span {color:#adadad;display:block;margin-top:10px;}
.results-list ul li a > p {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: #a1a1a1;}
.results-list ul li > p , .results-list ul li div > p {margin-top:25px;color: #d40a0a;}
.results-list ul li > p > a, .results-list ul li div > p > a {color: #d40a0a;}
.results-list .btn-more {position:absolute;top:10px;right:0;}
.results-list .search-photo-list {}
.results-list .search-photo-list li {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;gap: 30px;border-bottom: 1px solid #e5e5e5;padding: 30px 0;}
.results-list .search-photo-list li > span {margin-top:0}
.results-list .search-photo-list li span img {width: 250px;border: 1px solid #ececec;}
.results-list .search-gallery-list { display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;gap: 30px;margin-top:30px}
.results-list .search-gallery-list li {flex: 1 1 30%;}
.results-list .search-gallery-list li span {margin:0 0 15px 0}
.results-list .search-gallery-list li span img {width:100%}
.results-list .search-gallery-list li strong {line-height:22px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom:0}
.results-list .search-photo-list.f-type strong {font-size:20px;color:#ff5722}
.results-list .search-photo-list.f-type span, .results-list .search-board.f-type p {color: #000;}
.fame_wrap {border: 1px solid #dadada;margin-bottom:20px;}
.fame_wrap strong {font-size: 17px;color: #333333;display: block;padding: 20px 15px 15px;background: #f5f5f5;border-bottom: 1px solid #dadada;}
.fame_wrap .ranking_box {padding: 68px 20px 20px;}
.fame_wrap .ranking_box .tab_small {position: relative}
.fame_wrap .ranking_box .tab_small li {}
.fame_wrap .ranking_box .tab_small li > a {display: block;border: 1px solid #dfdfdf;padding: 9px 0;text-align: center;position: absolute;left: 33.333333%;width: 33.6%;top: -49px;}
.fame_wrap .ranking_box .tab_small li:first-child > a {left: 0;margin-left:0}
.fame_wrap .ranking_box .tab_small li:last-child > a {left: 66.666666%;}
.fame_wrap .ranking_box .tab_small li.on > a {background: #f28d0e;color:#fff;z-index: 1;border-color: #f28d0e;}
.fame_wrap .ranking_box .tab_small li .ranking_list {visibility: hidden;height:0;opacity:0}
.fame_wrap .ranking_box .tab_small li.on .ranking_list {visibility: visible;height:auto;opacity:1}
.fame_wrap .ranking_box .ranking_list li {font-size:13px;padding-bottom: 10px;}
.fame_wrap .ranking_box .ranking_list li em {display: inline-block;width: 17px;height: 17px;background: #ebebeb;text-align: center;padding: 2px;margin-right:3px}
.fame_wrap .ranking_box .ranking_list li a {display:inline-block;width:auto;border:0;position:relative;top:auto;left:auto;padding:0;margin:0}
.fame_wrap .ranking_box .ranking_list li:first-child a, .fame_wrap .ranking_box .ranking_list li:last-child a {left:auto}
.fame_wrap .ranking_box.keyword {padding:20px;}

/** 아카이브 개인&기관 **/
.directory-list-wrap {display: flex;flex-wrap: wrap;gap:20px}
.directory-list-wrap li {flex:1 1 30%;padding: 10px;border-radius:10px;border: 1px solid #dddddd;}
.directory-list-wrap li a {display: flex;align-items: center;}
.directory-list-wrap li .img img {width: 100%;max-width: 220px;border-radius:7px;}
.directory-list-wrap li .text-wrap {padding-left: 15px;}
.directory-list-wrap li .text-wrap strong {font-size: 20px;color: #333;}
.directory-list-wrap li .text-wrap strong span {display:block;margin-top:5px}
.directory-list-wrap li .text-wrap div {margin-top:30px}
.directory-list-wrap li .text-wrap div a {font-size: 17px;display: inline-block;background: #f0f0f0;padding: 10px 30px;color: #333;border-radius: 3px;margin-bottom: 5px;}
.directory-view-head {background: #f8f8f8;border-radius: 20px;padding: 30px 50px;display: flex;align-items: center;gap: 20px;}
.directory-view-head .sstit {margin:0}
.directory-view-head .select-box select {background: #fff url(/images/web/ach/new/sub/bl_select.png) no-repeat right center;}
.directory-view-wrap .results-list {margin-top:20px}
.directory-view-wrap .results-list .search-photo-list li span img {}
.directory-view-wrap .results-list .search-photo-list li p {display:block;color:#878787}
.directory-view-wrap .results-list .search-photo-list li .info-list span {display:inline-block;margin:10px 0 0 5px;}
.directory-view-wrap .results-list .search-photo-list li .info-list span a i {font-size: 17px;width: 30px;height: 30px;background: #333;text-align: center;border-radius: 100%;padding: 6px 0;color: #fff;}
.directory-view-wrap .results-list .search-photo-list li .info-list span.facebook a i {background: #345cbf;}
.directory-view-wrap .results-list .search-photo-list li .info-list span.instar a i {background: linear-gradient(rgba(65,31,246,10), rgba(255,0,105,10), rgba(225,169,0,10));}
.directory-view-wrap .results-list .search-photo-list li .info-list span.youtube a i {background: #ff1d25;}

/** 게시판 검색 **/
.search-wrap {font-size: 15px;color: #333;margin-bottom: 10px;display: flex;justify-content: space-between;align-items: center}
.search-wrap .search-box {width: 60%;display:flex;order: 2;gap:2px}
.search-wrap p {order: 1;}
.search-wrap p em, .search-wrap p strong {font-weight: 800;color: #ed1846;}
.search-wrap select {height:44px;border:1px solid #e3e4e5;border-radius:5px;font-size:15px;color:#333;display: block;flex: 1;background:url(/images/web/ach/new/sub/bl_select.png) no-repeat right center;min-width: 120px;}
.search-wrap .search-input-box {flex: auto;position:relative;padding-right: 46px;}
.search-wrap input[type="text"] {width:100%;height:44px;border:1px solid #e3e4e5;border-radius:5px;font-size:15px;color:#333;padding: 0 10px;}
.search-wrap .btn_search {display: inline-block;height:44px;width: 44px;text-indent: -99999px;background:#f28d0e url(/images/web/ach/new/sub/search.svg) no-repeat center;text-align: left;vertical-align: top;border-radius: 5px;background-size: 18px;position:absolute;top:0;right:0;}

/** table-layout **/
.table-layout table {width:100%;border-top:2px solid #000000;}
.table-layout table thead th {padding:25px 0;border-bottom:1px solid #aaaaaa;background:#f8f8f8;font-size: 15px;color:#333}
.table-layout table td {border-bottom:1px solid #dddddd;font-size: 15px;line-height:18px}
.table-layout.fweight table td {font-weight:normal;color:#333}
.table-layout.fweight table td a {color:#333;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.table-layout table td div {padding:25px 0;}
.table-layout table tbody td.tit_board .new {display: inline-block;width: 18px;height: 18px;margin-right: 5px;line-height: 15px;font-weight: 400;font-size: 0.75rem;color: #ff0022;text-align: center;border: 1px solid #ff0022;vertical-align: top;}
.table-layout table tbody td.file em {display: inline-block;width: 24px;height: 24px;text-indent:-9999px;background: url(/images/web/ach/new/sub/download.svg) no-repeat center;background-size: 24px;}
.table-layout table tbody td.bd-r-type {border-right:1px solid #dddddd}
.table-layout table td div.tal {padding:13px 15px;}

/*테이블 레이아웃 by DHC*/
.bbs_WriteA table th{
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	background: #f8f8f8;
	text-align: center;
}
.bbs_WriteA table td{
	padding: 10px;
	border-bottom: 1px solid #dddddd;
}
.bbs_WriteA table td input[type=text]:not(.hasDatepicker), .bbs_WriteA table td label{
	width: 100%;
}
.bbs_WriteA table td input[type=text]{
	border: 1px solid #ddd;
    padding: 0 10px;
    height: 38px;
    border-radius: 5px;
}
.bbs_WriteA table td .hasDatepicker{
	margin-right:5px;
}
.bbs_WriteA .tr_division{
	border-bottom:2px solid #000;
}
@media all and ( max-width: 377px){
	.bbs_WriteA table td{padding: 0;}
}
/** 일반게시판 테이블 **/
input:focus {outline:none}
input[type="checkbox"] {vertical-align: -3px;width:15px;height:15px;margin: 0 0 0 5px;}
input[type="radio"] {vertical-align: -3px;width:15px;height:15px;margin: 0 0 0 5px;}
.table-layout02 table tbody tr:hover {box-shadow: 0px 1px 7px 0px rgb(41 41 41 / 20%);}


/** 일반게시판 보기 **/
.board-text-view .tit_board {width:100%;padding: 30px 0;border-top:2px solid #000000;border-bottom: 1px solid #aaaaaa;background: #f8f8f8;text-align:center;font-size:15px;}
.board-text-view .tit_board strong {display:block;margin-bottom: 20px;font-size: 24px;color:#222;}
.board-text-view .textview {padding:20px 15px;color:#333;line-height: 1.3rem}
.board-text-view .textview img {max-width:100%}
.board-text-view.general .tit_board {padding:35px 20px;background:none;display:flex;justify-content: space-between;align-items: center;text-align:left}
.board-text-view.general .tit_board strong {margin-bottom:0;width: 80%;line-height: 30px;}
.board-text-view.general .tit_board em {flex-shrink: 0;}

/** 일반게시판 쓰기 **/
.table-layout03 {margin-bottom:30px;}
.table-layout03 table tbody th {border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;background:#f8f8f8;}
.table-layout03 table tbody td .write-form {padding: 10px;}
.table-layout03 table tbody td .write-form input[type="text"] {width:100%;border: 1px solid #ddd;padding: 0 10px;height: 38px;border-radius: 5px;}
.table-layout03 table tbody td .write-form .checkbox-wrap {display:block;margin-top:4px}
.table-layout03 table tbody td .write-form .input-file-button {display:inline-block;background:#333;color:#fff;padding: 10px 24px 10px 20px;border-radius:5px}
.table-layout03 table tbody td .write-form .input-file-button span {display:inline-block;padding-left: 23px;position:relative}
.table-layout03 table tbody td .write-form .input-file-button span:before {content:'';width: 15px;height: 15px;background: url(/images/web/ach/new/sub/search.svg) no-repeat center;background-size: 15px;position:absolute;top: 50%;left:0;margin-top: -7px;}
.table-layout03 table tbody td .write-form .file-name {color:#333;margin-top:10px;}
.table-layout03 table tbody td .write-form .file-name .delete {display:inline-block;width:15px;height:15px;text-indent:-9999px;background: url(/images/web/ach/new/sub/bt_delete.png) no-repeat 0 0;margin-left:20px;vertical-align:middle;border-radius:2px}

.board_pre_next {width:100%;margin-top:50px;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;display:flex;flex-direction: row;flex-wrap: wrap;align-items: center;}
.board_pre_next li {width:100%;border-top: 1px solid #dfdfdf;display:flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;}
.board_pre_next li:first-child {border-top:0;}
.board_pre_next li strong {display:inline-block;width:15%;min-width:70px;border-right: 1px solid #dfdfdf;background: #f8f8f8;color:#333;font-weight:600;flex:1 1 auto;text-align:center;padding: 15px 0;}
.board_pre_next li a {display:inline-block;width:85%;color:#333;flex:1 1 auto;padding-left: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/** 버튼공통 **/
.btn-basic {display:inline-block;background: #ffa533;color:#fff;padding: 11px 50px;border:2px solid #ffa533;border-radius: 5px;min-width: 85px;}
.btn-bg-gray {background: #333;border:2px solid #333;}
.btn-bg-none {background: none;border:2px solid #333;color:#333;font-weight:600}
.btn-basic.interpark {background:#ef3f43;border:2px solid #ef3f43;}
.btn-basic.naver {background:#03c75a;border:2px solid #03c75a;}
.btn-basic span {position:relative;display:inline-block;padding-left:26px}
.btn-basic.interpark span:before {content:'';width:20px;height:18px;background: url(/images/web/ach/new/sub/ico_btn_interparc.png) no-repeat  0 0;position:absolute;top:-1px;left:0;}
.btn-basic.naver span:before {content:'';width:20px;height:18px;background: url(/images/web/ach/new/sub/ico_btn_naver.png) no-repeat  0 0;position:absolute;top:-1px;left:0;}

/** 칼라공통 **/
.color_01 {color:#f70;}
.color_02 {color:#333;}
.color_03 {color:#ff5722;}
.color_04 {color:#0043f2;}

/** paging **/
.webtong-paging {text-align: center;margin: 30px 0;line-height: 32px}
.webtong-paging.text_left {text-align: left}
.webtong-paging.text_right {text-align: right}
.webtong-paging a {display: inline-block;width: 36px;height: 36px;text-indent: -999em;margin: 0;font-size: 15px;line-height: 36px;border-radius: 5px;background: #f6f6f6;border: 1px solid #f6f6f6;color:#333}
.webtong-paging > a:hover {background-color:#efefef}
.webtong-paging .first {border:1px solid #e6e6e6;border-radius:5px;background: url(/images/web/ach/new/sub/first_page.png) no-repeat center}
.webtong-paging .previous {border:1px solid #e6e6e6;border-radius:5px;background: url(/images/web/ach/new/sub/previous_page.png) no-repeat center}
.webtong-paging .next {border:1px solid #e6e6e6;border-radius:5px;background:url(/images/web/ach/new/sub/next_page.png) no-repeat center}
.webtong-paging .last {border:1px solid #e6e6e6;border-radius:5px;background:url(/images/web/ach/new/sub/last_page.png) no-repeat center}
.webtong-paging span em {display: inline-block;width: 36px;height: 36px;margin: 0;color: #ffffff;background: #ffa533;line-height: 36px;border-radius: 5px;font-weight: 800;border: 1px solid #ffa533;}
.webtong-paging span a {text-indent: 0;}
.webtong-paging span a.end {display:none}

.img-wrap {position: relative}
.aside_box {position: absolute;top: 0;right: 0;border: 1px solid #c9c9c9;text-align: left;padding: 14px 20px 7px;border-radius: 11px;min-width: 232px;background-color:#fff}
.aside_box h4 {border-bottom: 1px solid #ddd;margin-bottom: 15px;padding-bottom: 12px;font-size: 16px}
.aside_box .aside_box_inner li {display: flex;margin-bottom: 9px;font-size: 14px;justify-content: space-between}
.aside_box .aside_box_inner li strong {flex-shrink: 1;min-width: 89px;padding-right: 6px;display: flex;align-items: center}
.aside_box .aside_box_inner li strong:before {content:'';border: 1px solid #f67878;width: 8px;height: 8px;display: inline-block;border-radius: 50%;margin-right: 5px;background-color: #ffc3c3}
.aside_box .aside_box_btn {position: absolute;top: 7px;right: 16px;display: inline-block;width: 33px;height: 33px;text-indent: -999em;background: #e9e9e9 url(/images/sub/out_in.png) no-repeat center -13px;border-radius: 50%}
.aside_box.action {min-width: 42px;padding: 120px;border-radius: 50%;border-color:transparent}
.aside_box.action .aside_box_btn {background-position:center 11px}
.aside_box.action h4,.aside_box.action .aside_box_inner, .aside_box.action p {display:none}
.aside_box.action .aside_box_btn,.aside_box .aside_box_btn {transition: all .1s;-webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .5s;-ms-transition: all .1s}


@media all and ( max-width: 1480px){
	.sub_title {}

}
@media all and ( max-width: 1400px){
	/** 상징 **/
	.building-box {background-size: 44%;padding: 90px 60px;font-size: 30px;line-height: 40px;}
}
@media all and ( max-width: 1220px){
	#header .logo.on img.m-logo {display:none;}
	#header .logo.on img.m-logo02 {display:block !important;width: 140px;}
	.nav-open-btn .line, #header.fixed .nav-open-btn .line {}
	.sub_title {height: 250px;top: 110px;}
	.sub_title h2 {margin-bottom: 15px;font-size: 35px;}
	.sub_title span {font-size: 22px;}
	#myMenu {display:none}
	.visual_wrap:after {content:none}
	.sub_contents_wrap {padding-left:0}
	.sub_nav {border-radius:0;padding:0;margin-top:0;margin-left: 0}
	.sub_nav .sub_nav_wrap {border-radius:0;border-left:0;border-right:0;padding-right: 70px;}
	.sub_nav .sub_nav_wrap .sub_nav_inner > a {width:10%;background-size: 17px;height: auto;padding: 13px 0 13px 12px;}
	.sub_nav .sub_nav_wrap .sub_nav_inner > ul {width:30%}
	.sub_nav .sub_nav_wrap .sub_nav_inner > ul > li > a {font-size:15px;padding: 15px 60px 15px 30px;background: url(/images/web/ach/new/sub/bl_sub_nav.png) no-repeat right -3px;background-size:23px 102px;font-weight:bold;min-width:auto}
	.sub_nav .sub_nav_wrap .sub_nav_inner > ul > li.on > a {background-position: right -56px;background-size: 23px 102px;}
	.sub_nav .sub_nav_wrap .sub_nav_inner ul li ul {top:45px;width:100%;border-radius:0;left:0}
	.print_icon {background: none;padding: 0;margin-top: -9px;}
	.print_icon a.share, .print_icon a.favorites {margin: 0px 4px;}
	.print_icon a.share {background: url(/images/web/ach/new/sub/icon_share_m.png) no-repeat 0 0;background-position: 0 0;}
	.print_icon a.favorites {background: url(/images/web/ach/new/sub/icon_favorites_m.png) no-repeat 0 0;background-position: 0 0;}
	.print_icon a:first-child {display:none}
	.print_icon #favBtn{
	    right: 3px;
    	top: -2px;
	}
	.print_icon #favBtn i{
		color:#111;
	}
	
	.sub_contents_wrap .contents {padding: 100px 20px 50px 20px}
	.text-type strong {font-size: 18px;}
	.tit-type {font-size: 35px;}
	.table-layout-wrap {padding-left: 230px;}
	
	/** 아세안 소개 **/
	.asean-wrap .asean-logo span .logo_img {width: 130px;margin: -35px 0 0 -65px;}
	.asean-wrap .asean-logo div {padding: 90px 50px;}
	.asean_list li .desc_text {position:relative;margin-top:10px;display:block;bottom:auto;left:auto;}
	
	/** 브루나이 **/
	.country-desc-wrap .country-desc-box {flex-direction: column;}
	.country-desc-wrap .map-img {margin-bottom: 15px;}
	.country_intro {justify-content: center;align-items: flex-start;}
	.country-desc-wrap .country-desc-inner .tit, .country-desc-wrap .country-desc-inner p {text-align:center}
	
	/** 해당국가 캐릭터 사이즈 **/
	.country_culture {padding: 60px 15px 50px;}
	.culture_wrap .country_culture_box {border-radius: 10px;padding: 30px}
	.culture_wrap .country_culture_box strong {font-size: 19px;}
	.culture_wrap > strong {font-size: 32px;margin-bottom: 40px;}
	.culture_wrap > strong.brunei_p span:after {width: 115px;height: 149px;right: -130px;top: -58px}
	
	/** 갤러리 **/
	.gallery-list-inner ul.nation {flex-direction: column;}
	.gallery-list-inner ul.nation li.text-align {text-align:left}
	
	/** 개인&기관 **/
	.directory-list-wrap li {flex:1 1 40%}
}
@media all and ( max-width: 1080px ) {
	.country-flag {background:none}
	.flag-inner {margin:0}
	.flag-inner.left {padding-right:0;}
	.flag-inner.right {border-top:1px dashed #e1e1e1;}
	.flag-inner.left .flag-text {padding-right:0;}
	.flag-inner.right .flag-text {padding-left:0;}
}
@media all and ( max-width: 1024px ){
	.greeting .greeting-inner {flex-direction: column;}
	.greeting .greeting-inner .img img {display:none}
	.greeting .greeting-inner .img {width: 100%;position: relative;overflow: hidden;padding-top: 45%;background: url(/images/web/ach/new/sub/img_greeting.png) no-repeat center/cover;}
	/** 포토갤러리 게시판 보기 **/
	.related-content ul li {}
	
	/** 회원국 **/
	.ach-result div {margin-bottom:10px;flex:1 1 40%}
}

@media all and ( max-width: 990px ) {
	.img-wrap .tablet {display:block;margin: 0 auto;}
	.img-wrap .pc, .img-wrap .mobile {display:none}
	
	/** 상징 **/
	.building-box {padding: 58px 40px;font-size: 25px;line-height: 34px;}
	
	/** 아세안 소개 **/
	/*.asean-wrap .asean-logo span {height: 250px;}
	.asean-wrap .asean-logo span .logo_img {width:100px;margin: -27px 0 0 -50px;}
	.asean-wrap .asean-logo div {padding: 60px 50px;margin-top: 55px;}
	.asean-wrap .asean-logo div strong {font-size:30px;}
	.asean-wrap .asean-logo div p {font-size:18px;}*/
	.country_list li {width: 25%;}
	
	/** 포토갤러리 **/
	.gallery-list-inner li {width:33.3333%;padding:0 10px 20px}
	.gallery-list-inner li .img img {border-radius: 10px;}
	.gallery-list-inner li .img em {border-radius:0 10px;width:100px;padding:10px;font-size:15px;}
	.gallery-list-inner li .text-wrap {padding: 20px 0;}
	
	/** 포토갤러리 게시판 보기 **/
	.gallery-view-inner {padding: 30px;border-radius: 10px;}
	.gallery-view-inner .text-wrap > strong {font-size:25px;}
	.related-content ul li {width:20%;}
	
	/** 일반게시판 보기 **/
	.table-layout02 table {table-layout:auto; text-align:left; }
	.table-layout02 table colgroup {display:none; } /* 200325 추가 */
	.table-layout02 table thead {display:none; }
	.table-layout02 table tbody tr {position:relative;display:block;padding: 37px 0 0;border-bottom:1px solid #c6cace;}
	.table-layout02 table tbody tr:after {content:""; display:block; clear:both; overflow:hidden; }
	.table-layout02 table tbody td {display:inline-block;vertical-align: middle;padding: 0 1rem;border:none;color:#666;position:relative}
	.table-layout02 table tbody td:after {content:'';width:1px;height:10px;background: #d9d9d9;position:absolute;top:50%;right:0;margin-top: -4px;}
	.table-layout02 table tbody td:last-child:after, .table-layout02 table tbody td.tit_board:after {content:none}
	.table-layout02 table tbody td:first-child, .table-layout02 table tbody td:last-child, .table-layout02 table tbody td.tit_board {background:none; }
	.table-layout02 table tbody td.tit_board {position:absolute; left:0; top:0.5rem; width:100%; padding:0 0.5rem; float:none; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;color:#333;font-weight:800 }
	.table-layout table tbody td.file em {width: 20px;height: 20px;background-size: 20px;}
	.table-layout02 table tbody td.file {display:none;}
	.table-layout02 table tbody td.file.file-have {display: inline-block;}
	
	/** 다운로드 **/
	.download.flex {gap: 4px;flex-wrap: wrap;flex-direction: row;justify-content: space-between;max-width:none}
	.download.flex a {margin-top: 0;max-width: none;flex:1 1 40%}
	
	/** 일반게시판 보기 **/
	.board-text-view .tit_board strong {margin-bottom:10px;font-size: 18px;font-weight:800}
	
	/** 해당국가 캐릭터 사이즈 **/
	.country-desc-wrap {border-radius: 10px;padding: 10% 4% 4% 4%;margin-bottom: 70px;}
	.culture_wrap > strong {font-size: 22px}
	.culture_wrap > strong.brunei_p span:after {width: 97px;height: 124px;right: -106px;top: -45px}
	
	/** 통합검색 **/
	.search-area {padding:30px;border-radius: 10px;margin-top: -50px;position: relative;z-index: 1;}
	.search-area.gallery-search {margin:0 0 30px 0}
	.search-area.gallery-search .search-box {width:100%}
	.search-area .search-box fieldset .btn-search {font-size: 15px;}
	.search-area .search-box .search-in-detail a {font-size: 15px;}
	.search-area .search-term li .date-wrap {position: relative;top: auto;right: auto;}
	.search-area .search-term li .search-term-inner .radio-box {display:inline-block;margin-bottom:5px;}
	.search-results-wrap {flex-direction: column;}
	.search-area.calendar-search {margin:0 0 30px 0}
	.search-area.calendar-search .search-box fieldset {width:100%}
	.search-area.calendar-search .search-box .search-term {width:100%}
	
	/** 아카이브 동영상 상셉기 **/
	.archive-etc {flex-wrap: wrap;margin-top: 20px;}
	.archive-etc em {flex:1 1 40%;text-align: left;margin-bottom: 5px;}
	
}
@media all and ( max-width: 800px ){
	.sub_title {height: 170px;top: 82px;}
	.sub_title h2 {font-size:25px;}
	.sub_title span {font-size:16px;}
	.contents h3 {font-size: 23px;margin-bottom:30px;}
	.sub_nav {padding:0 0 50px 0;}
	.sub_nav .sub_nav_wrap {padding-right:50px}
	.sub_nav .sub_nav_wrap {border:0;border-radius:0;border-bottom: 1px solid #dadada;z-index:1}
	.sub_nav .sub_nav_wrap .sub_nav_inner > ul > li > a {font-size:13px;padding: 13px 0 13px 12px;background: url(/images/web/ach/new/sub/bl_sub_nav_m.png) no-repeat right 0;}
	.sub_nav .sub_nav_wrap .sub_nav_inner > ul > li.on > a {background: url(/images/web/ach/new/sub/bl_sub_nav_m.png) no-repeat right bottom;}
	.sub_nav .sub_nav_wrap .sub_nav_inner > a:after, .sub_nav .sub_nav_wrap .sub_nav_inner > ul > li > a:after {height: 100%;top: 0;margin:0}
	.print_icon {margin-top: -7px;right: 5px;}
	.print_icon #favBtn{
		font-size: 17px;
	    right: 0px;
	}
	.sub_nav .sub_nav_wrap .sub_nav_inner ul li ul {top:39px}
	.print_icon a.btnPrintNew, .print_icon a.share, .print_icon a.favorites {margin: 0 1px;width:15px;height:14px;}
	.print_icon a.share, .print_icon a.favorites {background-size: 15px;}
	.text-type {margin-top:20px}
	.text-type strong {font-size:15px;padding: 20px 30px;line-height:18px}
	.table-layout-wrap {padding:0;margin-top:50px}
	.table-layout-wrap .tit-type {position: relative;top: auto;left: auto;font-size: 20px;letter-spacing: 0;margin-bottom: 15px;display: block;text-align: center;width: auto;line-height: 22px;}
	.tit-type:before {height:11px;top: -16px;}
	.table-layout-wrap .tit-type i {display:none}
	.sub_contents_wrap .contents {padding: 25px 15px 50px;}
	.sstit {font-size:18px;}
	
	/** 인사말 **/
	strong.text-type {font-size: 20px;line-height: 28px;margin-bottom: 30px;}
	.greeting .greeting-inner .greeting-text {padding-top: 30px;}
	.greeting .greeting-inner .greeting-text strong {font-size:18px;margin-bottom: 10px;letter-spacing:0}
	
	/** 연혁 **/
	.summary_list li {padding: 28px 0 28px 90px;}
	.summary_list li > strong {min-width:74px;font-size:18px;margin-right:20px}
	
	/** 상징 **/
	.building-box {background-position:center bottom;text-align:center;padding: 43px 0 260px;background-size: 330px;font-size: 20px;line-height: 27px;}
	.building-box em {font-size:15px;margin-bottom:10px}
	
	/** 아세안 소개 **/
	/*.asean-wrap .asean-logo {flex-direction: column;align-items: center;padding:50px 30px;}
	.asean-wrap .asean-logo span {width:100%;height: auto;background-size:cover;border-radius:30px 30px 0 0;padding: 30% 0;}
	.asean-wrap .asean-logo span .logo_img {max-width:130px;width:100%;top:50%;left:50%;margin:-35px 0 0 -65px;}
	.asean-wrap .asean-logo div {width:100%;padding: 30px 20px;text-align: center;margin-top:0;border-radius:0 0 30px 30px;}
	.asean-wrap .asean-logo div strong {font-size: 20px;margin-bottom: 15px;border: 0;padding: 0;}
	.asean-wrap .asean-logo div p {font-size: inherit;}
	.asean_list li {padding: 20px 0 20px 20px;}
	.asean_list li strong {flex-basis: 180px;}*/
	.asean_list {flex-wrap: wrap;}
	.asean_list li {flex: 1 1 48%;}
	.country_list li {width:33.3333%}
	.symbol-box {flex-direction: column;gap:15px;}
	
	/** 회원국 **/
	.flag-inner {flex-direction: column;align-items: center;}
	.flag-inner span {width: 150px;order:0;}
	.flag-inner .flag-text {order:1}
	.flag-inner.left .flag-text {width:100%;text-align:center;}
	.flag-inner .flag-text.tar {text-align:center;width: 100%;}
	.flag-inner strong {font-size:25px;margin-top:20px}
	.flag-inner strong:after {height:10px;}
	.country-desc-wrap .country-desc-inner {flex-grow:none}
	.country-desc-wrap .country-desc-inner .tit {font-size: 18px;}
	.country_intro {margin-top:30px;gap:2%}
	.country_intro li {width:33%}
	.country_intro li strong {width: 120px;height: 120px;font-size:16px;}
	.country_intro li strong:after {height: 71px;}
	.country_intro li strong.population:after, .country_intro li strong.area:after, .country_intro li strong.time:after {background-size: 78%;}
	.country-desc-list {flex-direction: column;}
	.country-desc-list > li:before {top: 62px;left: 50%;width: 70px;height: 70px;margin-left: -35px}
	.country-desc-list li {border-radius: 10px;padding: 103px 20px 20px 20px;}
	.country-desc-list li strong {font-size:17px;font-weight:800}
	.history-list li .years {font-size: 18px;}
	.country-flag {margin-bottom:0}
	
	/** 포토갤러리 게시판 **/
	.gallery-list-inner li .img, .gallery-list-inner li .img img {border-radius:5px}
	.gallery-list-inner li strong {font-size:16px;}
	.gallery-list-wrap02 .gallery-list-inner li {width:50%}
	.ebook .gallery-list-inner li strong {margin-bottom:10px}
	
	/** 포토갤러리 게시판 보기 **/
	.gallery-view-inner {flex-direction: column;}
	.gallery-view-inner .img {width:100%;margin-bottom:20px;}
	.gallery-view-inner .text-wrap {width:100%;}
	.gallery-view-inner .text-wrap .btn-basic {width:100%;text-align:center}
	.gallery-view-inner .text-wrap > strong {font-size: 20px;padding: 0 0 10px;margin-bottom: 10px;}
	.gallery-view-inner .text-wrap ul {margin-bottom:30px;padding:0}
	.gallery-view-inner .text-wrap ul li {font-size:15px;margin-bottom:4px}
	.related-content ul li {width:25%;}
	.text-list.bd_type {padding:28px 0}
	
	/** 게시판 검색 **/
	.search-wrap {display:block;}
	.search-wrap .search-box {margin-bottom:20px;flex-wrap: nowrap;width:100%}
	.search-box select {width: 30%;}
	.search-wrap .search-input-box {width: 40%;}
	
	/** 테이블 **/
	.table-layout table thead th, .table-layout table td div {padding: 13px 0;font-size:14px;}
	
	
	/** 푸터 메뉴 **/
	#footerTop {padding:10px 1.5%}
	#footer .ftBtn_wrap {position:relative;left:0;right:0;top: 0}
	#footer .ftBtn_wrap .ftBtn {width:100%}
	#footer .ftBtn_wrap .ftBtn > button {border-radius:0;font-size: 15px}
	
	/** 캘린더 일정 메뉴 **/
	.tab_wrap {width:100%;}
	.calendar_wrap > p span.Ym {font-size:20px}
	.button-cal {line-height: 31px;width: 30px;height: 30px;font-size: 12px}
	.sub_tab_wrap {margin-bottom:40px} 
	.tab_wrap li:before {height: 17px; margin-top:-7.5px;}
	.tab_wrap li a {font-size:13px;padding: 14px 0;}
	.tab_wrap li span {height:40px; }
	
	/** 통합검색 **/
	.tab_wrap {border:0;flex-direction: row;flex-wrap: wrap;}
	.tab_wrap li {flex:1 1 30%}
	.tab_wrap li:before {content:none}
	.tab_wrap li a {border:1px solid #e5e5e5;margin:-1px 0 0 -1px}
	.tab_wrap.w-50 li {flex:1 1 40%}
	.search-title strong {font-size:18px;line-height: 24px;}
	.results-list h4 {font-size: 18px;padding-bottom: 15px;}
	.results-list ul li strong {font-size: 16px;word-break:break-all;}
	.results-list .search-gallery-list {gap: 25px;}
	.fame_wrap strong {font-size: 15px;padding: 13px 15px 10px;}
	.results-list .btn-more {top:2px}
	.results-list ul.search-board.add_file li > p {margin-top:10px;}
	.results-list .search-board li {padding:15px 0;}
	
	/** 신청방법 및 절차 **/
	.step-wrap li {flex: 1 1 40%;}
	
	/** 다운로드 버튼 **/
	.download a {padding: 10px 15px;max-width: 190px;}
	.download .word:before, .download .korean:before {width:24px;height:24px;margin-top:-12px;}
	
	/** 아카이브 동영상 상세보기 **/
	.webtong_tab_type {margin-bottom:30px}
	.thumbnail_inner > a {float:none;width:100%}
	.thumbnail_inner .thumbnail_text {float:none;width:100%;padding-left:0}
	
	/** 아카이브 사진 상세보기 **/
	.photo-wrap .photo-inner {padding:15px;border-radius:10px}
	.photo-wrap .big-img {border-radius:10px}
	.photo-wrap .thumb-list-wrap li {width:16.6666%}
	
	/** 아카이브 개인&기관 **/
	.directory-list-wrap li {gap: 15px;}
	.directory-list-wrap li .img img {border-radius:5px}
	.directory-list-wrap li .text-wrap strong {font-size:18px}
	.directory-list-wrap li .text-wrap div {margin-top:15px}
	.directory-list-wrap li .text-wrap div a {font-size:15px;}
	
	/** 소장품 */
	.collection-list .gallery-list-inner li {width:33.3333%}
	.copyright-box .img {display:inline-block;position:relative;top:auto;right:auto;margin-top:10px;}
	
}
@media only screen and (max-width : 760px){
	/** 캘린더 일정 **/
	.calendar_wrap > p {text-align:center;margin-bottom: 5px;}
	.calendar_wrap > ul {width:100%;display:block;border-top:2px solid #48443b;margin:0 0 15px;padding:0}
	.calendar_wrap > ul > li {display:block}
	.calendar_wrap > ul > li > div {width:100%;table-layout: fixed;display: table;border-bottom: 1px solid #dfd8c6;}
	.calendar_wrap > ul > li.header {display:none}
	.calendar_wrap > ul > li > div.empty {display:none}
	.calendar_wrap > ul > li > div > .time {display:table-cell;vertical-align:middle;border-right:1px solid #dfd8c6;text-align:right;padding: 10px 8px 10px 0;background:#fbfaf7;font-weight:bold;min-width: 72px;width: 72px;}
	.calendar_wrap > ul > li > div > .time span.Ym {font-size: 13px;display:block;line-height: 13px;}
	.calendar_wrap > ul > li > div > .time span.W {margin-left: 2px;}
	.calendar_wrap > ul > li > div ul {display:table-cell;padding:5px 10px;vertical-align:middle;width: 100%;}
	.calendar_wrap > ul > li > div ul li {margin:2px 2px 2px 0px;padding:3px}
	
	/** 개인&기관 **/
	.directory-list-wrap li {flex:none;width:100%}
}
@media only screen and (min-width : 761px){
	/** 캘린더 일정 **/
	.calendar_wrap > p {text-align:center}
	.calendar_wrap > ul {display:table;width:100%;margin:0 0 15px;padding:0;table-layout: fixed;}
	.calendar_wrap > ul > li {display:table-row;width:100%}
	.calendar_wrap > ul > li > div {display:table-cell;width:14%;border-right: 1px solid #ededed;border-bottom: 1px solid #ededed;}
	.calendar_wrap > ul > li > div:last-child {border-right:0px}
	.calendar_wrap > ul > li.header > div {height: 40px;line-height: 40px;border-top: 2px solid #48443b;border-right: 1px solid #dfd8c6;border-bottom: 1px solid #afafaf;background: #f1f1f1;color: #363636;font-weight: bold;text-align: center}
	.calendar_wrap > ul > li.header > div:last-child {border-right:0px}
	.calendar_wrap > ul > li.header > div.Sun {color:#cc2220}
	.calendar_wrap > ul > li.header > div.Sat {color:#005dff}
	.calendar_wrap > ul > li > div.empty {background: #fafafa;}
	.calendar_wrap > ul > li > div > .time {display:block;padding:3px 0 3px 7px;font-weight:bold;min-height:15px}
	.calendar_wrap > ul > li > div > .time span {display:none}
}

@media all and ( max-width: 700px){
	.sub_nav {position:relative}
	.sub_nav .sub_nav_wrap .sub_nav_inner > a {display:none;}
	.sub_nav .sub_nav_wrap .sub_nav_inner ul li {position: initial;}
	.sub_menu01 {display:none;}
	.sub_nav .sub_nav_wrap .sub_nav_inner > ul.sub_menu02 {width:50%;}
	.sub_nav .sub_nav_wrap .sub_nav_inner > ul.sub_menu03 {width:50%}
	
	/** 연혁 **/
	.summary_list li {flex-direction: column;align-items: normal;}
	.summary_list li:before {width: 60px;height: 60px;top:20px;margin-top:0;}
	.summary_list li > strong {margin:0 0 10px 0;}
	.summary_list li.bussiness .bussiness-box {margin:0 0 10px 0;}
	
	/** 아세안소개 **/
	/*.asean_list li strong {flex-basis:auto}
	.asean_list li .brnone {display:none}
	.asean_list li span.img {display:block;text-align:center;padding:0 0 10px 0}
	.asean_list li span.img img {width:auto;max-width:100%;height:auto}*/
}
@media all and ( max-width: 640px) {
	.search-wrap .search-box {justify-content: space-between;flex-wrap: wrap;}
	.search-wrap .search-box .search-item {flex:1 1 40%}
	.file-download a {font-size:14px;}
	
	/** 아세안소개 **/
	.country_list li {width: 50%;}
	
	/** 회원국 **/
	.map_wrap {padding:0;}
	.brunei {background:none}
	.contry_cont {width:100%;box-shadow:none;border-radius:15px;}
	.contry_name {padding: 16px 0;border-radius: 0 0 15px 15px;}
	.contry_name strong {font-size:20px;}
	.contry_name em {font-size:15px;}
	.flag-inner strong {font-size:18px;}
	.flag-inner p {font-size:15px;}
	.country-desc-wrap .country-desc-inner {width:100%}
	.country-desc-wrap .map-img:before {width: 32px;height: 45px;background-size: 32px;top: -2%;right: 25%;}
	.country-desc-list li strong {margin-bottom:5px}
	.ach-result {border-radius:15px;padding: 15px;}
	.ach-result div:before {width:60px}
	.ach-result div.vod:before {padding: 25px 0;background-position: 20px 14px;background-size: 25px;}
	.ach-result div.image:before {padding: 25px 0;background-position:20px 14px;background-size: 25px;}
	.ach-result div.text:before {padding: 25px 0;background-position:20px 14px;background-size: 25px;}
	.ach-result div.document:before {padding: 25px 0;background-position:20px 14px;background-size: 25px;}
	.ach-result div strong {font-size:15px;}
	.ach-result div p {font-size:15px;}
	
	/** 포토갤러리 게시판 **/
	.gallery-list-inner li {width:50%}
	
	/** 포토갤러리 게시판 보기 **/
	.gallery-view-inner {padding:20px;}
	.related-content ul li {width:33.3333%}
	
	
	/** 게시판 검색 **/
	.search-wrap .search-input-box {padding-right: 40px;}
	.search-box select, .search-wrap input[type="text"] {height:38px;}
	.search-wrap .btn_search {width:38px;height:38px;background-size: 16px;}
	
	/** 일반게시판 쓰기 **/
	.table-layout03 table tbody th {display:block;padding:15px 0;border-right:0}
	.table-layout03 table tbody td {display:block;}
	
	/** 작은 탭메뉴 **/
	.webtong_tab_wrap {position:relative}
	.webtong_tab_wrap .m-menu {display: block;border-top: 2px solid #444;border-left: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;padding: 15px;position:relative}
	.webtong_tab_wrap .m-menu .ico-arrow {position:absolute;top:50%;right:15px;margin-top:-7px}
	.webtong_tab_wrap .webtong_tab_type {display:none;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;border-bottom:0;position:absolute;top:48px;background:#fbfbfb;z-index: 1;}
	.webtong_tab_wrap .webtong_tab_type.on {display:block;}
	.webtong_tab_wrap .webtong_tab_type li {width:100%;border:0}
	.webtong_tab_wrap .webtong_tab_type li a {border:0;border-bottom: 1px solid #e7e7e7;}
	.webtong_tab_wrap .webtong_tab_type li.on a, .webtong_tab_wrap .webtong_tab_type li.on a:hover {border:0;border-bottom: 1px solid #e7e7e7;}
	.webtong_tab_wrap .webtong_tab_type li.on a:before, .webtong_tab_wrap .webtong_tab_type li a:hover:before, .webtong_tab_wrap .webtong_tab_type li.on a:after, .webtong_tab_wrap .webtong_tab_type li a:hover:after {content:none}
	
	/** paging **/
	.webtong-paging span em {border:0;background:none;color:#ed1846}
	.webtong-paging span a {display:none;position:relative}
	.webtong-paging span a:last-child {display:inline-block;border:0;background:none;}
	.webtong-paging span a:before {content:'';width: 1px;height: 14px;background: #d0d0d0;position: absolute;left: 0;top: 50%;margin-top: -7px;transform: rotate(30deg)}
	
	/** 해당국가 캐릭터 사이즈 **/
	.wave-wrap {height: 62px}
	.waveTop, .waveMiddle, .waveBottom {background-size: 50% 50px;}
	.country_culture {padding: 73px 15px 15px;border-radius: 0 0 10px 10px;}
	.culture_wrap .country_culture_box {padding: 20px;}
	.culture_wrap .country_culture_box strong {font-size: 17px;}
	.culture_wrap > strong {font-size: 18px;    margin-bottom: 20px;}
	.culture_wrap > strong.brunei_p span:after {content:none}
	.culture_wrap > strong span .tip {left: 50%;margin-left: -29px;top: -39px}
	
	/** 통합검색 **/
	.results-list {margin-top:20px}
	.results-list .search-photo-list li {flex-direction: column;}
	.results-list .search-photo-list li > .text-box {text-align:center}
	.results-list .search-board.f-type strong {font-size:18px;}
	.search-area .search-box {display:block;}
	.search-area .search-box fieldset input[type="text"] {height:35px;font-size:15px;}
	.search-area .search-box fieldset select {height:35px;width:100%;font-size:15px;}
	.search-area .search-box fieldset .btn-search {height:35px;top: 40px;}
	.search-area.calendar-search .search-box fieldset .btn-search {top: 60px;}
	.search-area.gallery-search .search-box fieldset .btn-search {top:0}
	.search-area .search-box .search-in-detail {height: 38px;padding-top: 10px;margin-top: 5px;}
	.search-area .search-box fieldset {flex-direction: column;}
	.search-area .detail-search-wrap {margin-top: 15px;}
	.search-area .search-term li {flex-direction: column;align-items: flex-start;gap: 10px;margin-top: 15px;}
	.search-area .search-term li.valign-m {align-items: flex-start;}
	.search-area .search-term li strong {flex-basis:auto;}
	.search-area .search-term li .date-wrap span {height:35px;}
	.search-area .search-term li .date-wrap span input[type="text"] {height:33px}
	.search-area.calendar-search .search-box fieldset {align-items: flex-start;}
	
	/** 아카이브 동영상 상세보기 **/
	.archive-etc {flex-direction: column;}
	.board-text-view.archive_view .tit_board {padding:20px;}
	.video_wrap {flex-direction: column;}
	.video_wrap .video_play {width:100%}
	.video_wrap .video_inner {width: 100%;padding-top: 56.3%;}
	.video_wrap .video_list {width:100%;padding: 20px 0;border-top: 1px solid #e7e7e7;margin-top: 30px;}
	.thumbnail_inner > a {float: left;width: 43%;}
	.thumbnail_inner .thumbnail_text {float: left;width: 57%;padding-left: 17px;}
	.sns-down {align-items: center;}
	.sns-down .sns-box a {width: 32px;line-height: 32px;font-size: 14px;}
	.vpp_text_wrap strong {margin: 30px 0 15px;}
	
	/** 아카이브 사진 상세보기 **/
	.photo-wrap .thumb-list-wrap li {width:20%}
	
	/** 아카이브 개인&기관 **/
	.directory-list-wrap {gap: 10px;}
	.directory-list-wrap li {gap: 0;}
	.directory-list-wrap li .text-wrap {width:100%}
	.directory-list-wrap li .text-wrap div {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 5px;}
	.directory-list-wrap li .text-wrap div a {padding: 10px 0;flex: 1 1 49%;text-align: center;margin-bottom: 0;}
	
	/** 소장품 */
	.collection-list .gallery-list-inner li {width:50%}
	.button-wrap {text-align:left}
	.vpp_text_wrap.collection {margin-top:0}
	
	/** FAQ **/
	.faq_wrap {font-size: 15px;}
}
@media all and ( max-width: 480px ){
	.img-wrap .mobile {display:block;margin: 0 auto;}
	.img-wrap .pc, .img-wrap .tablet {display:none}
	
	/** 아세안 소개 **/
	.country_list li a {padding: 10px 15px;}
	.asean_list li .brnone, .country_intro .brnone {display:none}
	
	/** 회원국 **/
	.country_intro {flex-direction: column;align-content: space-between;}
	.country_intro li {width:100%;margin-bottom: 15px;}
	.country_intro li strong {width:100%;border-radius:10px;height: 54px;text-align: left;padding: 20px 35px;margin-bottom: 10px;}
	.country_intro li strong:after {width: 100px;height: 76px;left: auto;right: 14px;bottom: 6px;}
	.country_intro li strong.population:after, .country_intro li strong.area:after, .country_intro li strong.time:after {background-size: 100px;}
	.country-desc-wrap .map-img:before {top: -6%;right: 23.5%;}
	.country-desc-list li {padding: 20px;}
	.country-desc-list > li:before {content:none}
	.culture_wrap .country_culture_box strong {padding-left: 28px;}
	.culture_wrap .country_culture_box strong:before {width: 24px;height: 19px;background-size: 24px;}
	
	/** 신청방법 및 절차 **/
	.step-wrap li {flex: 1 1 100%;}
	
	/** 연혁 **/
	.history-list li {flex-direction: column;align-items: flex-start;flex-wrap: nowrap;gap: 5px;padding: 13px 0;}
	.history-list li ul li {gap:15px;}
	.history-list li ul li strong {margin-right:0}
	
	/** 포토갤러리 게시판 **/
	.gallery-list-inner li .img em {width:80px;padding:8px;font-size:15px;}
	
	/** 포토갤러리 게시판 보기 **/
	.related-content ul li {width:50%}
	
	/** 버튼공통 **/
	.btn-basic {padding: 7px 0;}
	
	/** 통합검색 **/
	.search-area .search-term li .search-term-inner .radio-box {display:inline-block;width: 49%;}
	.results-list .search-gallery-list {flex-direction: column;}
	.results-list .search-photo-list li span img {width:100%}
	.results-list .search-gallery-list li strong {text-align:center}
}
@media all and ( max-width: 800px){
	/** 온라인 전시 **/
	.online-exhibition-list li {flex-direction: column;padding: 20px 0;}
	.online-exhibition-list li .img img {max-width:none;}
	.online-exhibition-list li .text-wrap {padding:15px 0}
	.online-exhibition-list li .text-wrap strong {font-size:17px;line-height:24px}
	.online-exhibition-list li .text-wrap em {margin-bottom:10px}
	.online-exhibition-list li .text-wrap .view-btn-wrap {display:block;position: relative;bottom: auto;margin-top: 15px;}
	.online-exhibition-list li .text-wrap .vr-view {display: inline-block;padding: 11px 30px;}
}
@media all and ( max-width: 380px ){
	.ach-result {flex-direction: column;}
}

@media all and ( max-width: 359px ){
	
}