.container { max-width: 1480px; padding: 50px 20px}

.bgline+.container { padding: 50px 0}

.img_fill_white { filter: brightness(0) invert(1)}

.img_fill_black { filter: grayscale(100%) brightness(0)}

.center { text-align: center}

.page_paging { padding: 15px 0; border-bottom: 1px solid #D6D5D3; } 

.page_paging .inner { max-width: 1480px; padding: 0 10px; margin: 0 auto; color: #ACACAC; font-size: 16px}

.page_paging a { display: inline-block; color: #ACACAC; font-size: 16px}

.page_paging .active { color: #121212}

.page_paging span { display: inline-block; width: 1px; height: 15px; margin: 0 10px; background: #D6D5D3}

.new_search_opt { display: flex; position: absolute; top: -65px; right: 0}

.new_search_opt>* { margin-left: 5px}

.new_search_opt select,
.new_search_opt input { width: 270px; border: 1px solid #D6D5D3; border-radius: 5px; line-height: 48px}

.new_search_opt select { width: 100px}

.new_search_opt button { display: inline-flex; align-items: center; width: 48px; height: 48px; border: 1px solid #121212; border-radius: 5px; } 

.new_search_opt button.search_btn { background-color: #121212; } 

.new_search_opt button:focus { outline-color: red; } 

.new_search_filter_wrap { display: none}

.new_search_filter_wrap.active { display: block}

.new_search_filter_wrap .wrap { padding: 20px; border-top: 1px solid #D6D5D3; border-bottom: 1px solid #D6D5D3; } 

.new_search_filter_wrap h2 { margin-bottom: 10px; color: #886C4B; font-size: 20px}

.new_search_filter_wrap .inner { display: flex; flex-wrap: wrap}

.new_search_filter_wrap .inner span { width: 14.28%; cursor: pointer}

.new_search_filter_wrap .inner label { cursor: pointer}

.new_search_filter_wrap input { width: 18px; height: 18px; accent-color: #000; } 

.new_search_filter_wrap .center { margin-top: 20px}

.new_search_filter_wrap button { display: inline-flex; align-items: center; width: auto; height: 45px; padding: 0 20px; border: 1px solid #121212; color: #121212}

.new_search_filter_wrap button img { display: inline-block; margin-right: 10px}

.new_search_filter_wrap button:first-child { background-color: #121212; color: #fff}

.new_search_filter_wrap button:first-child img { width: 16px}

.new_bbs_top_info { margin: 50px 0 0 0}

.new_bbs_top_info>span { color: #8D8D8D; font-size: 16px}

.new_bbs_top_info>span b { color: #121212}

.new_bbs_top_info .new_bbs_filter { position: absolute; top: 0; right: 0}

.new_bbs_top_info a { display: inline-block; color: #CCCCCC; } 

.new_bbs_top_info a.active { color: #121212}

.new_bbs_top_info a span:after { display: inline-block; position: relative; top: -2px; margin: 0 8px 0 5px; font-size: 9px; content: '▼'}

.new_bbs_top_info a.active span:after { content: '▲'; } 

.new_author_list_wrap { overflow: hidden}

.new_author_list_wrap .wrap { margin: 0 -20px}

.new_author_list_wrap .wrap>div { float: left; width: 25%; padding: 20px}

.new_author_list_wrap .wrap div a { display: block; border: 1px solid #D6D5D3; border-radius: 10px; overflow: hidden; background-position: bottom 20px right 20px}

.new_author_list_wrap .wrap div a:hover { background: url('../img/common/new_ic_detail.png') no-repeat bottom 20px right 20px; border-color: #886C4B}

.new_author_list_wrap p { position: relative; height: 220px; background: #F9F9F7; overflow: hidden}

.new_author_list_wrap p img { position: absolute; top: 50%; left: 50%; max-width: 100%; height: auto; transform: translate(-50%, -50%); } 

.new_author_list_wrap .inner { padding:  15px}

.new_author_list_wrap h2 { color: #121212; font-size: 22px}

.new_author_list_wrap b { display: block; height: 24px; color: #8d8d8d; font-size: 16px}

.new_author_list_wrap span { display: block; height: 25px; color: #886C4B; font-size: 16px; font-weight: bold;}

.new_works_list_wrap { overflow: hidden}

.new_works_list_wrap .wrap { margin: 0 -10px}

.new_works_list_wrap .wrap>div { float: left; width: 20%; padding: 10px}

.new_works_list_wrap .wrap div a { display: block; border: 1px solid #D6D5D3; border-radius: 10px; overflow: hidden; height : 435px; background-position: bottom 20px right 20px}

.new_works_list_wrap .wrap div a:hover { background: url('../img/common/new_ic_detail.png') no-repeat bottom 20px right 20px; border-color: #886C4B}

.new_works_list_wrap p { position: relative; height: 270px; background: #F0F0F0}

.new_works_list_wrap p img { position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-height: 100%; transform: translate(-50%, -50%); } 

.new_works_list_wrap .inner { padding: 15px; color: #8D8D8D; font-size: 16px}

.new_works_list_wrap span { display: block; height: 25px; color: #886C4B; font-size: 16px; font-weight: bold;}

.new_works_list_wrap h2 { font-size : 22px; height: 55px; margin-bottom: 5px; color: #121212}

.new_works_list_wrap b { display: block; height: 25px; color: #8d8d8d; font-size: 16px}

.new_view_title { margin-top: 1px; margin-bottom: 10px}

.new_title_icon { position : relative; top : 1px; padding: 5px 10px; border: 1px solid #886C4B; border-radius: 5px; color: #886C4B; font-size: 15px}

.new_view_title a { position: absolute; top: 0; right: 0; width: 25px; height: 25px; background: url('../img/common/new_ic_mark_off.png') no-repeat right top}

.new_view_title a.active { background: url('../img/common/new_ic_mark_on.png') no-repeat right top}

.title { position: relative; padding-right: 50px; margin-bottom: 10px; font-size: 40px}

.title:nth-child(2) { font-size: 36px}

.title p span { background-color: #e5e5e5; color: #666}

.title a { position: absolute; right: 0; bottom: 10px; width: 45px; height: 45px; border: 1px solid #eee; border-radius: 100%; background: url('../img/common/ic_bookmartk.png') no-repeat center center}

.title a.active { border: 1px solid #7a563c; background: url('../img/common/ic_bookmartk_on.png') no-repeat center center}

.title>span { display: block; color: #666666; font-size: 18px}

.title .title_icon { display: inline-block; background-color: #e5e5e5; color: #666; font-size: 14px}

.bbs_detail_date { display: table; table-layout: fixed; } 

.bbs_detail_date dt,
.bbs_detail_date dd { display: table-cell; font-size: 16px; vertical-align: middle}

.bbs_detail_date dt { padding-right: 15px; color: #888888}

.bbs_detail_date i { display: inline-block; position: relative; top: -3px; width: 4px; height: 4px; margin: 0 5px; border-radius: 100%; background: #d7b69d}

.bbs_detail_date dd { padding-right: 50px}

.filterMatch { background-color: #fffb8c; font-weight: bold; font-size: inherit; } 

.sub_title { position: relative; padding-left: 15px; margin: 50px 0 0 0; color: #121212; font-size: 26px}

.sub_title+.new_works_list_wrap { margin-top: 30px}

.sub_title:before { position: absolute; top: 11px; left: 0; width: 3px; height: 16px; background-color: #121212; content: ''}

.sub_title>span { display: inline-block !important; color: #F58A4A; font-size: 26px}

.sub_title a { position: absolute; top: 0; right: 0}

.sub_title_line { position: relative}

.sub_title_line:after { position: absolute; top: 0; left: 5px; width: 100%; height: 1px; background-color: #c29d75; content: ''; } 

.sub_title_line p { display: inline-block; padding: 5px 15px; border-radius: 10px 0; background: #c29d75; color: #fff2e5; } 

.sub_title_line p span { display: inline-block; position: Relative; margin-left: 16px; color: #fff}

.sub_title_line p span:before { position: absolute; top: 8px; left: -8px; width: 1px; height: 10px; background-color: #fff; content: ''; } 

.other_detail_view .top { border-radius: 60px 0; overflow: hidden}

.other_detail_view .top:after { display: block; clear: both; content: ''}

.other_detail_view .top>div { float: left; } 

.other_detail_view .top:before { position: absolute; top: 450px; left: -100px; z-index: -2; content: url('../img/sub/img_other_detail_02.png')}

.other_slide .swiper-button-prev:after,
.other_slide .swiper-button-next:after { display: none}

.other_slide .swiper-button-prev,
.other_slide .swiper-button-next { width: 40px; height: 40px; transition: all .3s ease; } 

.other_slide .swiper-button-next { right: 40px}

.other_slide .swiper-button-prev { left: 22px; background: url('../img/common/ic_slide_prev_w.png') no-repeat center center; } 

.other_slide .swiper-button-next { background: url('../img/common/ic_slide_next_w.png') no-repeat center center}

.other_slide .swiper-button-prev:hover { background: url('../img/common/ic_slide_prev_b.png') no-repeat center center}

.other_slide .swiper-button-next:hover { background: url('../img/common/ic_slide_next_b.png') no-repeat center center}

.other_slide .swiper-pagination-bullet { width: 12px; height: 12px; background-color: rgba(255, 255, 255, 0.5)}

.other_slide .swiper-pagination-bullet-active { width: 30px; border-radius: 5px; background-color: rgba(255, 255, 255, 1)}

.seach_option_wrap { position: relative; padding: 25px 25px 25px 100px; background: #f9f7f6; text-align: right}

.seach_option_wrap>span { top: calc(50% - 15px); left: 25px; font-size: 16px}

.seach_option_wrap>span b { display: inline-block; padding: 0 5px; color: #BB1D11; font-weight: 800; font-size: 16px}

.seach_option { display: inline-block; line-height: 50px}

.seach_option:after { display: block; clear: both; content: ''}

.seach_option * { float: left; margin: 0 5px; border: 1px solid #dbdbdb; line-height: 50px}

.seach_option form { border: none}

.seach_option select { width: auto; min-width: 120px; padding-right: 25px}

.seach_option input[type="text"] { width: 250px}

.seach_option .seach_input_wrap,
.seach_option .seach_input_wrap img { border: none}

.seach_option input.datepicker { width: 150px; padding-left: 30px; background: #fff url('../img/common/ic_cal.png') no-repeat left 10px center}

.seach_option span { width: 10px; margin: 0 5px; border: none}

.seach_option button { width: 100px; background-color: #111; color: #fff; } 

.seach_option button img { position: relative; top: 4px; float: none; margin-right: 10px; border: none}

.author_list_wrap:after { display: block; clear: both; content: ''}

.author_list_wrap>.wrap { margin: 40px -20px}

.author_list_wrap>.wrap:after { display: block; clear: both; content: ''}

.author_list_wrap .wrap>div { float: left; width: calc(33% - 40px); margin: 20px}

.author_list_wrap a { border-radius: 20px; background: #f7f2ef url('../img/common/ic_more_b.png') no-repeat right -80px top -80px; box-shadow: -6px 0 20px 1px #ddd; overflow: hidden
 /* padding-bottom : 285px; */}

.author_list_wrap .top { /* position : relative; */
 height: 185px; padding: 30px; color: #666666}

.author_list_wrap .top span { display: inline-block; padding: 2px 12px; border-radius: 50px; background: linear-gradient(to right, #c29d75 50%, #7a563c 50%); background-color: #c29d75; background-size: 200% 100%; color: #fff; font-size: 16px; background-position: left bottom; transition: all .5s ease}

.author_list_wrap .top p { margin: 30px 0 0 0}

.author_list_wrap .top p b { display: inline-block; position: relative; color: #111; font-weight: 800; font-size: 26px}

.author_list_wrap .top p b:before { position: absolute; bottom: 5px; left: 0; width: 0; height: 12px; background-color: rgba(194, 157, 117, 0.2); content: ''; transition: width .3s ease}

.author_list_wrap a>p { position: relative; height: 285px; overflow: hidden; /* bottom : 0; */
 /* width : 100%; */}

.author_list_wrap a>p span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: sepia(0.2); transition: all .3s ease}

.author_list_wrap a>p img { display: block; position: absolute; top: 50%; left: 50%; width: auto; max-width: 100%; height: auto; max-height: 100% !important; margin: 0 auto; transform: translate(-50%, -50%); } 

.author_list_wrap a>p span.noImg,
.thumbnail_list_wrap span.noImg { display: block; overflow: hidden}

.thumbnail_list_wrap span.noImg { position: relative; height: 100%; background-color: #f5f5f5}

.author_list_wrap a>p span.noImg:before { position: absolute; top: 50%; left: 50%; content: url('../img/common/ic_thumb.png'); transform: translate(-50%, -50%)}

.author_list_wrap a:hover .top span { background-position: right bottom; } 

.author_list_wrap a:hover .top p b:before { width: 100%}

.author_list_wrap a:hover>p span { filter: sepia(0); transform: scale(1.2); } 

.thumbnail_list_wrap span.noImg img { position: absolute; top: 50%; left: 50%; max-height: 100% !important; transform: translate(-50%, -50%)}

.author_list_wrap_effect a:hover { background-color: #fff}

.new_author_wrap { display: flex; } 

.new_author_wrap .left { display: flex; position: relative; width: 340px; flex-shrink: 0; flex-basis: 340px; } 

.new_author_wrap .left:before { position: absolute; top: 0; right: 0; width: 1200px; height: calc(100% + 200px); z-index: -1; background: rgb(178, 158, 135); background: linear-gradient(0deg, rgba(178, 158, 135, 0.7063200280112045) 0%, rgba(211, 200, 187, 0.7035189075630253) 51%, rgba(234, 229, 223, 0.9612219887955182) 84%, rgba(255, 255, 255, 1) 100%); content: ''}

.author_intro h2 { position: relative; padding-right: 50px; font-size: 36px}

.author_intro h2 span { display: block; color: #886C4B; font-weight: bold; font-size: 20px; } 

.author_intro h2 a { position: absolute; top: 13px; right: 0; width: 25px; height: 25px; background: url('../img/common/new_ic_mark_off.png') no-repeat right top}

.author_intro h2 a.active { background: url('../img/common/new_ic_mark_on.png') no-repeat right top}

.author_intro>p { margin: 10px 0 5px 0; color: #8D8D8D; font-size: 16px}

.author_intro .intro_modal { position: relative; padding: 5px 15px; margin-top: 15px; border-radius: 5px; background: #886C4B; color: #fff; text-align: center}

.author_intro .intro_modal a { position: relative; padding: 3px; color: #fff; font-size: 16px}

.author_intro .intro_modal a+a { border-top: 1px solid rgba(255, 255, 255, 0.3)}
.author_intro .new_author_title { padding : 5px; text-align : center; } 
/* .author_intro .intro_modal a:before { content : url('../img/sub/new_ic_author_more.png'); position : absolute; top : 10px; left : 20px } */
#introTextEffect { position: absolute; bottom: -70px; left: 195px; z-index: -1; color: #886C4B; font-size: 120px; letter-spacing: -5px; white-space: nowrap; writing-mode: vertical-rl; transform: rotate(180deg); opacity: .5; } 

#authorSideMenu { padding: 0 15px 0 30px; white-space: nowrap; overflow: auto}

#authorSideMenu a { margin: 15px 0; color: #7d7d7d; font-size: 18px; white-space: nowrap; border-bottom: 2px solid transparent; } 

#authorSideMenu a:hover,
#authorSideMenu a.active { color: #121212; border-color: #121212}

.new_author_right { width: 100%; min-height: 1200px; padding: 0 0 0 35px; } 

.author_content h3 { position: relative; margin-bottom: 20px; color: #886C4B !important; font-size: 20px}

.author_content h3 a { position: absolute; top: 0; right: 0; color: #886C4B; font-size: 15px}

.author_content h3 a img { position: relative; top: 7px; margin-left: 15px}

.author_content .inner * { color: #333333 !important; font-size: 16px !important; word-break: break-all}

.author_content_txt.active .inner { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 13; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } 

.author_content_txt .inner { display : block; } 
.author_content_txt .inner * { font-size : inherit; font-style : inherit; font-family : inherit }
#content05 .inner { height: auto}

.author_content>div { padding: 20px; border-bottom: 1px solid #D6D5D3}

.author_content .inner+a { display: block; margin-top: 10px; text-align: right; } 

.author_content .inner+a span { color: #8D8D8D; font-size: 16px; } 

.author_content .inner+a img { position: relative; top: -3px; width: 8px; height: auto; transform: rotate(180deg); transition: all .3s ease}

.author_content_txt.active .inner+a img { transform: rotate(0)}

.author_content_txt .author_video_inner { display: flex; overflow: hidden}

.author_content_txt .author_video_inner .video_wrap { position: relative; width: calc(25% - 10px); margin: 5px; flex-shrink: 0; } 

.author_content_txt .author_video_inner .video_wrap .play_btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}

.author_content_txt .author_video_inner a { display: block !important}

.author_content_txt .author_video_inner .video_wrap:nth-child(n+5) { display: none}

.author_content_txt.active .author_video_inner { flex-wrap: wrap}

.author_content_txt.active .author_video_inner .video_wrap:nth-child(n+5) { display: block}

.author_slide { position: relative; width: 220px; height: 280px; margin-top: 10px; text-align: center; overflow: hidden}

.author_slide .swiper-button-prev:after,
.author_slide .swiper-button-next:after { display: none}

.author_slide .swiper-button-prev,
.author_slide .swiper-button-next { padding: 0 5px; transition: all .3s ease; } 

.author_slide .swiper-button-prev { left: 0; background: url('../img/common/new_ic_prev_s.png') no-repeat center center}

.author_slide .swiper-button-next { right: 0; background: url('../img/common/new_ic_next_s.png') no-repeat center center}

.author_slide .swiper-pagination-progressbar { top: 276px}

.author_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #000}

.author_slide .swiper-pagination-bullet { width: 12px; height: 12px; background-color: rgba(255, 255, 255, 0.5)}

.author_slide .swiper-pagination-bullet-active { width: 30px; border-radius: 5px; background-color: rgba(255, 255, 255, 1)}

.author_slide .authorSlideImg { display: block; width: auto; height: 400px; height: 100%; max-height: 400px; margin: 0 auto; } 

#connectImage .modal_inner { width: 100%; max-width: 400px}

#connectImage .swiper-button-prev,
#connectImage .swiper-button-next { background-color: rgba(0, 0, 0, 0.5)}

#connectImage .swiper-button-prev:hover,
#connectImage .swiper-button-next:hover { background-color: rgba(0, 0, 0, 0.9)}

#chronoRelativeImgs .author_slide { width: 100%; max-width: 400px; height: 450px}

#chronoRelativeImgs .author_slide p { position: relative; width: 100%; height: 400px; object-fit: contain; } 

#chronoRelativeImgs .author_slide .authorSlideImg { position: absolute; top: 50%; left: 50%; width: 100%; max-width: auto; height: auto; transform: translate(-50%, -50%); } 

#chronoRelativeImgs .author_slide h2 { margin-top: 10px}

#chronoRelativeImgs .author_slide .swiper-pagination-progressbar { top: 450px !important}

.author_detail_view .info_area { position: relative; padding: 60px; background-color: #583a24; color: #fff}

.author_detail_view .info_area:before { position: absolute; top: -50px; right: -30px; content: url('../img/img_author_detail_01.png')}

.author_detail_view .info_area h2 { font-size: 52px}

.author_detail_view .info_area h2 span { display: block; font-size: 32px}

.author_detail_view .info_area h2 sub { display: inline-block; position: relative; padding-left: 40px; color: #927a6a; font-weight: 600; font-size: 24px; } 

.author_detail_view .info_area h2 sub:before { position: absolute; top: 10px; left: 15px; width: 2px; height: 15px; background-color: #796150; content: ''}

.author_detail_view .info_area>p { display: inline-block; padding: 2px 15px; margin: 15px 0; border-radius: 10px; background-color: #352316; color: #fff}

.author_detail_view .info_area>p img { margin-right: 5px; filter: brightness(0) invert(1)}

.author_detail_view .txt { padding: 25px; border-radius: 10px; background-color: #462e1d; color: #b19a8a; } 

.author_detail_view .txt p { margin-bottom: 10px; color: #fff; font-size: 20px}

.author_detail_view a { padding: 10px; margin: 15px 0 0 0; border: 1px solid #fff; border-radius: 30px; background-color: rgba(255, 255, 255, 0.1); color: #fff; text-align: center}

.author_detail_view a img { position: relative; top: 2px; left: 5px}

.author_detail_view .intro_box { padding: 50px 0; color: #333333; line-height: 180%; } 

#authorPaging { position: fixed; top: 250px; right: 100px; width: 135px; z-index: 2; white-space: nowrap; overflow: auto}

#authorPaging a { display: block; position: relative; padding: 5px 20px; margin: 10px 0; border-radius: 5px; background: #F9F9F7; color: #ACACAC; font-size: 15px; white-space: nowrap; } 

#authorPaging a.active,
#authorPaging a:hover { background-color: #111; color: #fff}

#authorPaging a.active:before,
#authorPaging a.active:after { position: absolute; top: 11px; width: 1px; height: 10px; background-color: #fff; content: ''; } 

#authorPaging a.active:before { left: 10px}

#authorPaging a.active:after { right: 10px}

.author_history_wrap h4 { margin: 100px 0 30px 0; font-size: 24px}

.author_history_wrap h4:first-child { margin-top: 50px}

.author_history_wrap ul li { position: relative; padding-left: 140px; margin: 10px 0}

.author_history_wrap ul li span { position: absolute; top: 0; left: 0; } 

.author_history_wrap p { margin: 20px 0; color: #898989}

.author_history_wrap .top { padding: 20px 0 135px 0; overflow: hidden}

.author_history_wrap .top>div { float: left; width: 50%}

.author_history_wrap .top>div.top_txt { float: right}

.author_history_wrap .slide_area { max-width: 540px; color: #666; font-size: 16px; text-align: center}

.author_history_wrap .author_slide { margin-bottom: 10px; border-radius: 50px; overflow: hidden}

.author_history_wrap .has_year { position: relative}

.author_history_wrap .has_year>p { position: absolute; top: 0; right: 0; margin-top: -50px; color: #fff; font-weight: 700; font-size: 140px; text-align: right; text-shadow: -1px 0 #7a563c, 0 1px #7a563c, 1px 0 #7a563c, 0 -1px #7a563c}

.author_history_wrap .has_year .top_txt { padding-top: 150px}

.history_list .top.has_year { padding-top: 80px}

.history_list .has_year>p { top: 80px}

.author_history_wrap .top_txt span { background-color: #e5e5e5; color: #666; } 

.author_history_wrap .top_txt span img { position: relative; top: 2px; margin-right: 5px}

.author_history_wrap .top_txt h3 { margin: 0 0 20px; color: #0033a5; font-size: 44px}

.author_history_wrap .hide_txt { height: 205px; line-height: 170%; overflow: hidden}

.author_history_wrap .hide_txt_wrap { padding-bottom: 60px}

.author_history_wrap .hide_txt_wrap.active .hide_txt { height: auto}

.author_history_wrap .hide_txt_wrap a { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0; background: rgb(255, 255, 255); background: rgb(255, 255, 255); background: url('../img/common/ic_more_bg.png') repeat-x bottom left; line-height: 63px; text-align: center; } 

.author_history_wrap .hide_txt_wrap a.active { bottom: -30px; padding: 10px; color: #7a563c}

.author_history_wrap .hide_txt_wrap a:hover { color: #7a563c}

.author_history_wrap .hide_txt_wrap a i { position: relative; top: -4px; left: 5px; padding: 3px; border-color: solid #4f4f4f}

.author_history_wrap .hide_txt_wrap a:hover i,
.author_history_wrap .hide_txt_wrap a.active i { border-color: #7a563c}

.author_history_wrap .hide_txt_wrap a.active i { top: -1px; transform: rotate(-135deg)}

.plusminus { display: block; position: absolute; top: 20px; right: 20px; width: 25px; height: 25px; cursor: pointer; } 

.history_title { position: relative; padding: 20px; font-size: 20px; border-top: 1px solid #111; border-bottom: 1px solid #111}

.plusminus:before,
.plusminus:after { display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background-color: #333; content: ""; transition: 0.35s; } 

.plusminus:before { transform: translatey(-50%); } 

.plusminus:after { transform: translatey(-50%) rotate(90deg); } 

.history_list_count.active .plusminus:before { opacity: 0}

.history_list_count.active .plusminus:after { transform: translatey(-50%) rotate(0); } 

.history_list { margin: 10px 0 -11px 0}

.history_list .top,
.history_list .content { display: none; } 

.history_list.active .top,
.history_list.active .content { display: block; } 

.history_list dl { display: table; width: 100%; margin: 70px 0; table-layout: fixed}

.history_list dl dt,
.history_list dl dd { display: table-cell; vertical-align: top; } 

.history_list dl dt { width: 360px; color: #666666; font-size: 16px; text-align: center}

.history_list dl dt p { height: 250px; margin: 0; border-radius: 20px; overflow: hidden}

.history_list dl dd { padding: 0 0 0 60px}

.history_list dl dt .author_slide { height: 250px; border-radius: 20px}

#historySideMenu { position: fixed; top: 310px; left: calc(50% - 720px); transition: all .3s ease}

#historySideMenu.active { top: 300px}

#historySideMenu.active2 { top: inherit; bottom: 500px}

#historySideMenu a { margin: 30px 0; border: 2px solid transparent; color: #afafaf}

#historySideMenu a:hover,
#historySideMenu a.active { color: #0033a5; font-weight: bold; border-bottom: 2px solid #0033a5; } 

.author_body { position: relative; background: url('../img/sub/bg_author_top.png') no-repeat center right}

.author_body:before { position: absolute; top: 100px; left: 0; content: url('../img/sub/bg_author_left.png')}

.author_wrap { background: url('../img/sub/bg_author_right.png') no-repeat bottom 20px right 20px}

.author_review_wrap .review_title { font-weight: 800; font-size: 36px; text-align: center; } 

.author_review_wrap .review_title sub { display: block; margin-bottom: 10px}

.author_review_wrap .review_title span { display: block; margin-top: 10px; color: #666; font-size: 16px}

.author_review_wrap h4 { margin: 50px 0 20px 0; font-size: 20px}

.author_body .author_txt { margin-top: 20px; color: #333; line-height: 180%}

.author_explain_wrap .explain_title { margin: 60px 0 20px 0; font-weight: 800; font-size: 36px; } 

.author_explain_wrap p { margin: 30px 0 -10px 0; color: #666; font-weight: 600; font-size: 24px; } 

.movie_slide_wrap { padding: 60px 170px; background: url('../img/img_author_detail_02.png') no-repeat top 100px left}

.movie_slider { overflow: hidden}

.movie_slider .swiper-slide { position: relative; overflow: hidden}

.movie_slider .swiper-slide .play_btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5)}

.movie_slider .swiper-slide .play_btn a { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); } 

.movie_thumb_wrap { position: relative; max-width: 1440px; padding: 0 50px}

.movie_thumb { position: relative; margin: 0 auto; overflow: hidden}

.movie_thumb .swiper-slide { position: relative; width: 20%; height: 100px; text-align: center; overflow: hidden; } 

.movie_thumb .swiper-slide a { height: 100%; margin: 0 10px}

.movie_thumb .swiper-slide-active a { border: 1px solid #000; border-radius: 10px; box-shadow: -6px 0 20px 1px #ddd; } 

.movie_thumb .swiper-slide-active:after { position: absolute; right: 20px; bottom: 10px; z-index: 1; content: url('../img/common/ic_play_w.png')}

.movie_thumb .swiper-slide img { width: 100%; height: auto !important; } 

.author_movie_wrap .swiper_btn { position: absolute; top: calc(50% - 40px); opacity: 0.3}

.author_movie_wrap .swiper_btn:hover { opacity: 1; } 

.author_movie_wrap .swiper_btn_prev { left: 0}

.author_movie_wrap .swiper_btn_next { right: 0}

.movie_txt_wrap { max-width: 1100px; height: 200px; padding: 30px; margin: 30px auto; border: 1px solid #f1eee8; background: #fff; line-height: 160%}

.author_side_nav a { position: relative; padding: 0 25px; margin: 10px 0; border: 1px solid #d5d7df; border-radius: 4px; background-color: #fff; color: #62626A; font-size: 16px; line-height: 40px}

.author_side_nav a:hover,
.author_side_nav a.active { background-color: #121212; color: #fff; border-color: #121212}

.author_side_nav a.active:before,
.author_side_nav a.active:after { position: absolute; top: calc(50% - 5px); width: 1px; height: 10px; background-color: #fff; content: ''; } 

.author_side_nav a.active:before { left: 10px}

.author_side_nav a.active:after { right: 10px}

.author_list_wrap_bg { position: relative; height: auto !important; } 

.author_list_wrap_bg:after { position: absolute; right: 0; bottom: 352px; z-index: -1; content: url('../img/sub/bg_author_btm.png')}

.author_list_wrap_bg header+div.container:before { position: absolute; top: 200px; left: -150px; z-index: -1; content: url('../img/sub/img_author_detail_02.png')}

.author_list_wrap2 { position: relative}

.author_list_wrap2:after { display: block; clear: both; content: ''}

.author_list_wrap2 .wrap { margin: 40px -20px}

.author_list_wrap2 .wrap>div { float: left; width: calc(25% - 40px); margin: 20px}

.author_list_wrap2.cut_5 .wrap>div { width: calc(20% - 20px); margin: 10px}

.author_list_wrap2.cut_5 .wrap>div a { height: 265px}

.no_anc_icon a:hover:after { display: none !important}

.author_list_wrap2 a { position: relative; background-color: #dcdcdc; overflow: hidden; } 

.author_list_wrap2 a>p { height: 330px; vertical-align: middle; overflow: hidden; } 

.author_list_wrap2 a>p img { display: block; position: absolute; top: 50%; left: 50%; width: auto; max-width: 100%; height: auto; max-height: 100% !important; margin: 0 auto; transform: translate(-50%, -50%); } 

.author_list_wrap2 div.over { display: flex; position: absolute; bottom: -100%; left: 0; align-items: flex-end; width: 100%; height: 100%; padding: 30px 35px; background-color: rgba(0, 0, 0, 0.5); color: #fff; transition: all .3s ease}

.author_list_wrap2 div.over .wrap>div { position: relative; padding-left: 100px; margin: 10px 0}

.author_list_wrap2 div.over .wrap>div span { position: absolute; top: 0; left: 0; } 

.author_list_wrap2 div.over span { display: inline-block; width: 80px; padding: 2px 10px; margin-right: 5px; border-radius: 30px; background-color: #7a563c; color: #fff; font-size: 16px; text-align: center}

.author_list_wrap2 div.over h2 { margin: 7px 0 15px 0; font-size: 20px}

.author_list_wrap2 div.over h2.multiline { height: 55px}

.author_list_wrap2 div.over p { font-size: 16px}

.author_list_wrap2 a:after { position: absolute; top: 30px; right: 30px; content: url('../img/common/ic_plus.png'); opacity: 0}

.author_list_wrap2 a:hover:after { opacity: 1}

.author_list_wrap2 a:hover div.over { bottom: 0}

.author_list_wrap2 a:hover div.over li { margin: 5px 0}

.author_list_wrap2.author_list_wrap4 div.over span { padding: 0; background: none; color: #888; font-size: 16px}

.author_list_wrap2.author_list_wrap4 div.over h2 { font-weight: bold; font-size: 18px}

.author_list_wrap2.author_list_wrap4 div.over li,
.author_list_wrap2.author_list_wrap4 div.over li span { color: #fff; font-size: 15px}

.author_list_wrap2.author_list_wrap4 div.over li span { display: inline-block; width: 60px}

.author_history_wrap { position: relative; padding-left: 240px}

.author_history_wrap .left { position: absolute; top: 100px; left: 0}

.thumbnail_list_wrap .wrap { margin: 0 -20px}

.thumbnail_list_wrap .wrap:after { display: block; clear: both; content: ''}

.thumbnail_list_wrap .wrap>div { float: left; width: 50%; padding: 20px}

.thumbnail_list_wrap .wrap>div a { border: 1px solid #dbdbdb; border-radius: 5px; overflow: hidden}

.thumbnail_list_wrap .wrap>div a:hover { color: #7a563c}

.thumbnail_list_wrap a { color: #999; font-size: 16px; overflow: hidden}

.thumbnail_list_wrap dl { display: table; width: 100%; table-layout: fixed}

.thumbnail_list_wrap dl dt,
.thumbnail_list_wrap dl dd { display: table-cell; vertical-align: middle; } 

.thumbnail_list_wrap dl dt { width: 240px}

.thumbnail_list_wrap dl dt p { height: 240px}

.thumbnail_list_wrap dl dt p.noimg { position: relative; background: linear-gradient(132deg, rgba(247, 242, 225, 0.9220063025210083) 0%, rgba(255, 255, 255, 0.4766281512605042) 50%, rgba(249, 248, 247, 0.9051995798319328) 100%); } 

.thumbnail_list_wrap dl dt p.noimg:before { position: absolute; top: 50%; left: 50%; content: url('../img/common/ic_thumb.png'); transform: translate(-50%, -50%)}

.thumbnail_list_wrap dd { padding: 25px}

.thumbnail_list_wrap dd span { padding: 2px 20px; background-color: #e5e5e5; color: #666; text-align: center; transition: all .3s ease}

.thumbnail_list_wrap span img { position: relative; top: 1px; right: 5px}

.thumbnail_list_wrap p.noimg { position: relative; background: linear-gradient(132deg, rgba(247, 242, 225, 0.9220063025210083) 0%, rgba(255, 255, 255, 0.4766281512605042) 50%, rgba(249, 248, 247, 0.9051995798319328) 100%); } 

.thumbnail_list_wrap p.noimg:before { position: absolute; top: 50%; left: 50%; content: url('../img/common/ic_thumb.png'); transform: translate(-50%, -50%)}

.thumbnail_list_wrap h2 { position: relative; font-size: 22px; } 

.thumbnail_list_wrap h2.multiline { height: 44px; line-height: 100%; } 

.thumbnail_list_wrap h3 { margin: 5px 0; color: #696969; font-weight: normal; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}

.thumbnail_list_wrap p { } 

.thumbnail_list_wrap p img { display: inline-block; margin-right: 5px}

.thumbnail_list_wrap p span.noimg { position: relative; background: linear-gradient(132deg, rgba(247, 242, 225, 0.9220063025210083) 0%, rgba(255, 255, 255, 0.4766281512605042) 50%, rgba(249, 248, 247, 0.9051995798319328) 100%); } 

.thumbnail_list_wrap p span.noimg:before { position: absolute; top: 50%; left: 50%; content: url('../img/common/ic_thumb.png'); transform: translate(-50%, -50%)}

.thumbnail_list_wrap h2 b { font-weight: 700; font-size: 22px; } 

/* .thumbnail_list_wrap a:hover h2 b { color : #7a563c; background-repeat: no-repeat; background-position: bottom left; background-image: linear-gradient(#efe4da, #efe4da); background-size: 100% 30%; animation-name: textHighlight; animation-duration: 1s; animation-direction: alternate; } */
.exhibition_slide_wrap2 .quotation_wrap a:hover span img { filter: brightness(0) invert(1)}

@keyframes textHighlight { 
 from { background-size: 0% 30%; } 

 to { background-size: 100% 30%; } 
 }

.seach_filter_select_wrap { display: flex; height: 365px; margin: 30px 0; border: 1px solid #D6D5D3; border-radius: 10px}

.seach_filter_select_wrap .inner { width: 16.66%; padding: 25px; border-right: 1px solid #d6d5d3}

.seach_filter_select_wrap .inner:last-child { border-right: none}

.seach_filter_select_wrap h2 { margin-bottom: 15px; color: #886C4B; font-size: 20px}

.seach_filter_select_wrap .inner ul { height: calc(100% - 40px)}

.seach_filter_select_wrap .inner li { margin: 5px 0}

.seach_filter_select_wrap .inner input { width: 15px; height: 15px}

.seach_filter_select_wrap .inner li label { margin-left: 10px; font-size: 16px}

.exhibition_view_wrap .top { margin-bottom: 40px; overflow: hidden}

.exhibition_view_wrap .left { position: relative; float: left; width: 940px}

.exhibition_view_wrap .left img { display: block; width: 100%}

.exhibition_view_wrap .top>.right { float: right; width: calc(100% - 1000px); } 

.exhibition_view_wrap .right dl { display: table; width: 100%; table-layout: fixed; } 

.exhibition_view_wrap .right dl dt,
.exhibition_view_wrap .right dl dd { display: table-cell; position: relative; vertical-align: middle}

.exhibition_view_wrap .right dl dt { width: 55px; height: 55px; overflow: hidden}

.exhibition_view_wrap .right dl dt img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}

.exhibition_view_wrap .right dl dd { padding-left: 15px}

.exhibition_view_wrap .right dd h2 a { font-weight: 700; font-size: 20px; } 

.exhibition_view_wrap .right dd h2 a i { position: relative; top: -2px; padding: 4px; margin-left: 5px}

.exhibition_view_wrap .right dd p { color: #666666; } 

.exhibition_view_wrap .right dd>a { position: absolute; top: 0; right: 0; padding: 10px 20px; font-size: 16px}

.exhibition_view_wrap .right dd>a img { position: relative; top: 1px; margin: 0 0 0 5px}

.exhibition_view_wrap .top_info { padding: 20px 0; color: #5E5E5E; font-size: 16px}

.exhibition_view_wrap .top_info p { margin: 0 0 20px 0; color: #111; font-weight: bold; font-size: 22px; } 

.exhibition_view_wrap .top_btm_info { padding: 20px 30px; border-radius: 4px; background-color: #f5f5f5; overflow: hidden}

.exhibition_view_wrap .top_btm_info li { display: flex; position: relative; min-height: 24px; padding-left: 70px; margin: 7px 0; font-size: 16px}

.exhibition_view_wrap .top_btm_info li span { position: absolute; top: 0; left: 0; color: #5C5C5C; font-size: 16px}

.exhibition_view_wrap .top_btm_info li span img { display: inline-block; position: relative; top: 2px; margin-right: 8px; filter: brightness(0)}

.exhibition_view_wrap .top_btm_info li .new_img_icon { top: 2px !important}

.new_exhibition_view_wrap .author_wrap { display: flex; justify-content: space-between; align-items: center; margin: 20px 0}

.new_exhibition_view_wrap dl { display: flex}

.new_exhibition_view_wrap .author_wrap a { font-weight: 700; font-size: 20px; } 

.new_exhibition_view_wrap .author_wrap p { color: #666}

.new_exhibition_view_wrap .author_wrap dl dt { width: 50px; height: 50px; margin-right: 10px; border: 1px solid #eee}

.new_exhibition_view_wrap .author_wrap>a { padding: 5px 10px; font-size: 16px}

.new_exhibition_view_wrap .author_wrap>a img { position: relative; top: 2px}

.new_exhibition_info { border-top: 1px solid #886C4B}

.new_exhibition_info .sub_title { font-size: 22px}

.new_exhibition_info dl { display: flex; flex-wrap: wrap}

.new_exhibition_info dl dt,
.new_exhibition_info dl dd { width: 50%; margin: 5px 0 20px 0; font-weight: bold; font-size: 18px}

.new_exhibition_info dl p { margin-bottom: 5px; color: #8D8D8D; font-weight: normal; font-size: 14px; } 

.new_exhibition_author { margin: -20px 0}

.new_exhibition_author .wrap { height: 350px; overflow: hidden}

.new_exhibition_author.active .wrap { height: auto}

.new_exhibition_author .wrap+a { background-color: transparent; text-align: center}

.new_exhibition_author .wrap+a i { margin-left: 4px}

.new_exhibition_author.active a i { transform: rotate(-135deg); } 

#exDetail01 .author_list_wrap>ul { margin: 0}

.exhibition_slide_wrap { position: relative; margin: 30px 0; } 

.exhibition_slide_wrap .author_list_wrap,
.exhibition_slide_wrap .author_list_wrap2 { overflow: hidden}

.exhibition_slide_wrap .author_list_wrap .wrap,
.exhibition_slide_wrap .author_list_wrap2 .wrap { margin: 0}

.exhibition_slide_wrap .author_list_wrap .wrap>div,
.exhibition_slide_wrap .author_list_wrap2 .wrap>div { float: none; margin: 0}

.exhibition_slide_wrap .author_list_wrap.active .wrap { margin: 0 -20px}

.exhibition_slide_wrap .author_list_wrap.active .wrap>div { margin: 0 20px}

.exhibition_slide_wrap .author_list_wrap2.active .wrap>div { margin: 0 10px}

.exhibition_slide_wrap .swiper-pagination { position: absolute; top: -40px; right: 0; height: 30px; font-size: 16px; text-align: right; } 

.exhibition_slide_wrap .swiper-pagination .swiper-pagination-current { color: #ea2819}

.exhibition_slide_wrap .swiper-pagination span { font-size: 16px}

.exhibition_slide_wrap .swiper-button-next:after,
.exhibition_slide_wrap .swiper-button-prev:after { display: none}

.exhibition_slide_wrap .swiper-button-disabled { display: none}

.exhibition_slide_wrap .swiper-button-next { right: -15px}

.exhibition_slide_wrap .swiper-button-prev { left: -15px}

#editionSlide .swiper-slide div.edition_thumb { width: 265px; height: 265px; margin: 0 auto; border-radius: 20px; overflow: hidden}

.swiper-btn span { position: relative; z-index: 13}

#editionSlide11 .swiper-slide div.edition_thumb { width: 265px; height: 265px; margin: 0 auto; border-radius: 20px; overflow: hidden}

.tabsearch_content .sub_title+div { margin-top: 10px}

.quotation_wrap { padding: 20px 30px; border: 1px solid #eee; border-radius: 5px; color: #888888; overflow: hidden; background-position: bottom 20px right 20px; transition: all .3s ease}

.quotation_wrap:hover { background: url('../img/common/new_ic_detail.png') no-repeat bottom 20px right 20px; border-color: #886C4B; box-shadow: 0 0 15px 2px #ccc}

.quotation_wrap span { display: block; height: 25px; padding: 0; color: #886C4B; font-weight: bold; font-size: 16px}

.quotation_wrap h2 { height: 53px;; margin-top: 5px; color: #111111; font-size: 22px; line-height: 120%}

.quotation_wrap i { display: inline-block; position: relative; top: -5px; width: 4px; height: 4px; margin: 0 8px; border-radius: 100%; background-color: #d3ae92}

.quotation_wrap p { margin-top: 5px}

.quotation_wrap p img { position: relative; top: 2px; margin-right: 5px}

.exhibition_slide_wrap2 { display: flex; justify-content: space-between; flex-wrap: wrap; } 

.exhibition_slide_wrap2 .quotation_wrap { width: calc(50% - 15px); margin: 15px 0; /* box-shadow: -6px 0 20px 1px #ddd; */}

.author_list_wrap3 a:hover { border-radius: 0 !important; box-shadow: none !important; } 

.tabcontent .author_list_wrap2:before { display: none}

.tabcontent .author_list_wrap2 span { margin-top: 20px; background-color: #e5e5e5; color: #666}

.tabcontent .author_list_wrap2 h2 { font-weight: normal; font-size: 20px}

/*.tabcontent .author_list_wrap2 a:hover span { background-color : #7a563c; color : #fff; margin-top : 0 } */
.tabcontent .author_list_wrap2 a:hover h2 { color: #7a563c !important}

.tabcontent .author_list_wrap2 a p { transition: all .3s ease}

.tabcontent .author_list_wrap2 a:hover p { border-radius: 20px; box-shadow: -6px 0 20px 1px #ddd}

.tabcontent .author_list_wrap2 a:hover .multiline { border-radius: 0; color: #fff; box-shadow: none}

.tabcontent .author_list_noslide>ul>li { float: left !important; width: calc(25% - 40px) !important}

.exhibition_tab_wrap { margin: 20px 0}

.exhibition_tab_wrap a { padding: 10px 25px; border: 1px solid #dbdbdb; color: #696969; } 

.exhibition_tab_wrap a+a { margin: 0 10px 0}

.exhibition_tab_wrap a.active,
.exhibition_tab_wrap a:hover { background-color: #7a563c; color: #fff}

.tabcontent .author_list_wrap a { border: 1px solid transparent; box-shadow: none}

.tabcontent .author_list_wrap a:hover { border: 1px solid #7a563c}

.bgline { position: relative; } 

.bgline:before,
.bgline:after { position: absolute; top: 50%; left: 0; width: 200%; height: 1px; background: #dbdbdb; content: ''; } 

.bgline:before { left: -100%}

.bgline:after { right: -100%}

.keyword_wrap { overflow: hidden}

.keyword_wrap ul { margin: -10px}

.keyword_wrap ul li { float: left; width: 25%; padding: 10px}

.keyword_wrap dl { display: table; width: 100%; padding: 0 40px; border: 1px solid transparent; border-radius: 60px; background-color: #f7f2ef; table-layout: fixed; background-position: right center; overflow: hidden; transition: all .3s ease}

.keyword_wrap dl dt,
.keyword_wrap dl dd { display: table-cell; padding: 25px 0; vertical-align: middle}

.keyword_wrap dl dt { width: 55px}

.keyword_wrap dl dt p { width: 55px; height: 55px; border-radius: 8px}

.keyword_wrap dl dd,
.keyword_wrap li div { padding: 20px; color: #888888; font-size: 16px}

.keyword_wrap dl dd h2,
.keyword_wrap li div h2 { color: #111; font-size: 20px}

.keyword_wrap dl dd i { display: inline-block; position: relative; top: -4px; width: 3px; height: 3px; margin: 0 5px; border-radius: 100%; background: #d3ae92}

.keyword_wrap dl dd p,
.keyword_wrap li div p { margin-top: 3px; color: #888888; font-size: 16px}

.keyword_wrap dl dd p img,
.keyword_wrap li div p img { position: relative; top: 2px; margin-right: 5px}

.keyword_wrap li div { padding: 20px 40px; border-radius: 60px; background-color: #f7f2ef; overflow: hidden; } 

.keyword_wrap a:hover dl { background: #fff url('../img/common/ic_more_b.png') no-repeat right 40px center; box-shadow: 0px 0px 15px #e8d5c6}

.keyword_wrap a:hover dl h2 { color: #7a563c}

.txt_box_wrap { position: relative; margin-top: 20px}

.txt_box_wrap h2 { margin: 20px 0; font-size: 20px}

.txt_box_wrap .txt_box { max-height: 300px; color: #333333; line-height: 180%; overflow: hidden; transition: all .3s ease}

.txt_box_wrap.active .txt_box { max-height: inherit !important; overflow-y: auto !important; } 

.txt_box_wrap .sub_box { padding: 25px 35px; margin: 20px 0; background-color: #f2f2f2; font-size: 16px}

.txt_box_wrap2 .sub_box { padding: 0; background: transparent; } 

.txt_box_wrap2 ul li { position: relative; padding-left: 110px; margin: 10px 0}

.txt_box_wrap2 ul li span { position: absolute; top: 0; left: 15px}

.txt_box_wrap2 ul li span:before { position: absolute; top: 13px; left: -15px; width: 5px; height: 5px; border-radius: 100%; background: #000; content: ''}

.txt_box_wrap>a,
.bbs_more_btn { position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; line-height: 45px; text-align: center; } 

.bbs_more_btn.relative { position: relative !important}

.txt_box_wrap>a.active i,
.bbs_more_btn.active i,
.txt_box_wrap.active i { transform: rotate(-135deg)}

.txt_box_wrap>a i,
.bbs_more_btn i,
.txt_box_wrap i { margin-left: 5px}

.txt_box_wrap>a.active { position: relative}

.no_data { position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%)}

.modal_wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background-color: rgba(0, 0, 0, 0.5)}

.modal_wrap.active { display: block}

.modal_wrap .modal_inner { position: absolute; top: 50%; left: 50%; width: auto; max-width: 90%; max-width: 1200px; min-width: 300px; height: 100%; max-height: 80%; min-height: 500px; padding: 40px; border-radius: 15px; background-color: #fff; transform: translate(-50%, -50%); overflow: hidden auto; } 

.modal_wrap .modal_inner .modal_close { position: absolute; top: 30px; right: 50px; z-index: 2; padding: 10px 0; opacity: 0.3}

.modal_wrap .modal_inner .modal_close:hover { opacity: 1}

.modal_wrap .modal_inner>.inner { height: calc(100% - 80px); padding-right: 10px; overflow : auto; } 

.modal_wrap .modal_title { position: relative; padding-bottom: 20px; margin-bottom: 30px; font-size: 20px; border-bottom: 1px solid #111; } 

.modal_wrap .modal_title span { position: absolute; right: 0; bottom: 0; font-weight: bold; } 

.modal_wrap .modal_txt { line-height: 180%; } 

.modal_wrap .modal_txt h4 { font-size: 600}

.modal_wrap .modal_txt ul { margin: 0 0 10px 0}

.modal_wrap .modal_txt ul li { position: relative; padding-left: 10px; } 

.modal_wrap .modal_txt ul li:before { position: absolute; top: 14px; left: 0; width: 5px; height: 5px; border-radius: 100%; background-color: #000; content: ''}

.modal_wrap .modal_txt a { color: #608cba; text-decoration: underline; } 

.modal_txt .author_txt a:before { display: inline-block; position: relative; top: -5px; width: 5px; height: 5px; margin: 0 5px 0 0; border-radius: 100%; background-color: #121212; content: ''; } 

#originDataModal .modal_inner { width : 100%; max-width : 400px }
#originDataModal .modal_scroll,
#authorTeamModal .modal_scroll { height : calc(100% - 100px); overflow : auto } 

.more_thumb_list_wrap .wrap>div:nth-child(n+6) { display: none}

.more_thumb_list_wrap.active .wrap>div:nth-child(n+6) { display: block}

.collection_list_wrap ul { display: flex; flex-direction: row; margin: 0 -10px; flex-wrap: wrap}

.collection_list_wrap ul li { flex-basis: 25%; } 

.collection_list_wrap ul li a { margin: 40px 20px; border: 1px solid #dbdbdb}

.collection_list_wrap p { height: 330px; border-bottom: 1px solid #dbdbdb; overflow: hidden}

.collection_list_wrap a div { padding: 25px; color: #666; font-size: 16px}

.collection_list_wrap h2 { height: 52px; margin: 10px 0; color: #000; font-size: 20px; line-height: 130%}

.collection_list_wrap a span.btn_xs { background-color: #e5e5e5; color: #666}

.collection_list_wrap a span.noImg { display: block; position: relative; width: 100%; height: 100%; background-color: #e5e5e5; color: #666}

.collection_list_wrap a span.noImg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}

.collection_list_wrap ul li a:hover { border-radius: 50px; overflow: hidden; box-shadow: 0px 0px 15px #ccc}

.collection_list_wrap ul li a:hover span { background-color: #7a563c; color: #fff}

.collection_list_wrap ul li a:hover h2 { color: #7a563c}

.web_magazine_body { overflow: hidden}

.web_magazine_body header { background-color: #fff; } 

.web_magazine_body section { position: relative; min-height: 100vh; padding-top: 92px; background-size: cover !important; background-position: center center !important; } 

.web_magazine_body section .scroll { max-height: 200px; transition: all .3s ease}

.web_magazine_body .first .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}

.web_magazine_body .first * { text-align: center; } 

.web_magazine_body .first a { width: 45px; height: 45px; margin: 0 auto 40px; border: 1px solid #d5d7df; border-radius: 100%; line-height: 45px}

.web_magazine_body .first p span { background: #e5e5e5; font-size: 16px}

.web_magazine_body .first h2 { margin: 50px 0 70px; font-size: 62px; line-height: 100%}

.web_magazine_body .first .txt_box { max-width: 600px}

.web_magazine_body .second .txt_box2 { position: absolute; bottom: 50px; left: 50%; width: 100%; max-width: 780px; height: 200px; transform: translateX(-50%)}

.web_magazine_body .scroll h2 { margin: 50px 0 0 0; font-size: 24px}

.web_magazine_body .scroll h2:first-child { margin-top: 0}

.web_magazine_body .third .container { display: flex; flex-direction: row; justify-content: space-between; color: #fff}

.web_magazine_body .third .container>div { height: 100%; max-height: 680px; border-radius: 40px; flex-basis: 48%; overflow: hidden}

.web_magazine_body .third .container>div:last-child { height: 680px; padding: 45px; background-color: rgba(0, 0, 0, 0.5)}

.web_magazine_body .third .container .scroll { height: 100%; max-height: 100%}

.web_magazine_body .third .container p { height: 680px; } 

.web_magazine_body .fourth { padding: 0}

.web_magazine_body .fourth .container { max-width: 1000px; padding-top: 0}

.web_magazine_body .fourth p { height: 60%; } 

.web_magazine_body .fourth p img { display: block; width: 100% !important; height: auto !important; margin: 0 auto; } 

.web_magazine_body .fourth .inner { height: 30vh; padding: 70px 0}

.web_magazine_body .fourth .scroll { height: 100%}

.web_magazine_body .fifth .top { display: flex; flex-direction: row; height: calc(70vh - 92px); margin: 0 -20px}

.web_magazine_body .fifth .top div { height: 100%; margin: 0 20px; border: 1px solid #dcdcdc; flex-basis: 33.33%}

.web_magazine_body .fifth .container { height: 100vh; padding: 0}

.web_magazine_body .fifth .inner { height: 30vh; padding: 50px 90px}

.web_magazine_body .fifth .scroll { height: 100%}

.web_magazine_body .video { padding-top: 92px}

.web_magazine_body .video img { width: 100% !important; height: 100% !important}

.web_magazine_body section.footerSection { height: auto; min-height: auto; padding: 0}

.connection_info { position: fixed; top: 100px; right: 0; width: 40px; z-index: 100; padding: 10px 10px 10px 20px; border-radius: 20px 0 0 20px; background-color: #0033a5; color: #fff; font-size: 14px; line-height: 110%; word-wrap: break-word}

.connection_info_Wrap { position: fixed; top: 0; right: -100%; width: 80%; height: 100%; z-index: 99; background-color: #fff; overflow: auto; transition: right .3s ease}

.web_magazine_body.active .connection_info_Wrap { right: 0}

.web_magazine_body .connection_info:before { position: absolute; top: 50px; left: 7px; content: url('../img/common/ic_connec.png'); transform: rotate(180deg); transition: transform .3s ease}

.web_magazine_body.active .connection_info:before { transform: rotate(0deg)}

.swipder_3d_slide_wrap { margin: 100px 0; overflow: hidden}

.swipder_3d_slide_wrap .swiper-3d-slide { position: relative}

.swipder_3d_slide_wrap .swiper-slide { width: 600px; height: 640px}

.swipder_3d_slide_wrap .swiper-slide div { width: 100%; height: 600px; } 

.swipder_3d_slide_wrap .swiper-slide a { padding-top: 5px; color: #7a563c; font-weight: bold; text-align: right; opacity: 0}

.swipder_3d_slide_wrap .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0.5))}

.swipder_3d_slide_wrap .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0.5)); } 

.swipder_3d_slide_wrap .swiper-3d { perspective: 1000px; } 

.swipder_3d_slide_wrap .swiper-3d-prev,
.swipder_3d_slide_wrap .swiper-3d-next { position: absolute; top: 50%; z-index: 2}

.swipder_3d_slide_wrap .swiper-3d-prev { left: 25%}

.swipder_3d_slide_wrap .swiper-3d-next { right: 25%}

.swipder_3d_slide_wrap .swiper-slide.swiper-slide-active a { opacity: 1}

.bbs_detail_post { max-width: 760px; margin: 0 auto}

.post_title { font-size: 46px; line-height: 120%; text-align: center}

.post_title span { display: block; color: #7a563c; font-size: 16px; } 

.post_title img { display: block; margin: 40px auto}

.post_flex { margin: 80px 0}

.post_flex .post_flex_img { padding: 0; flex-basis: 320px}

.post_flex div { padding: 0 50px}

.post_flex div h2 { margin-bottom: 20px; font-size: 32px; line-height: 120%}

.post_flex div h2.color_brown { padding-bottom: 20px; border-bottom: 1px solid #7a563c}

.post_flex div p { margin: 20px 0; color: #9c9c9c; font-size: 20px}

.post_flex .post_flex_img p { margin: 0; font-size: 16px; text-align: center}

.post_txt { margin: 180px 0}

.post_txt p { display: inline-block; position: relative; padding: 40px; margin: 0 0 20px 0; background-color: #7a563c; color: #fff; font-weight: bold; font-size: 34px; line-height: 120%; letter-spacing: -1px}

.post_txt p span { display: block; margin: 0 0 10px 0; font-size: 14px}

.post_txt p:before,
.post_txt p:after { position: absolute; background-color: #7a563c; content: ''}

.post_txt p:before { top: 0; right: -5px; width: 1px; height: 99%}

.post_txt p:after { bottom: -5px; left: 0; width: 99%; height: 1px}

.post_list_img { margin: 20px -10px}

.post_list_img li { padding: 0 10px; color: #9c9c9c; font-size: 16px; text-align: center; flex-basis: 33.33%}

.post_list_img li p { width: 100%; height: 180px; } 

.bbs_detail_post { margin-top: 100px}

.bbs_detail_post>h3 { color: #7a563c; font-size: 32px}

.bbs_detail_post>h3 span { display: inline-block; margin-left: 10px; color: #9c9c9c; font-size: 20px}

.bbs_detail_post .normal_title { margin: 100px 0 20px 0; font-size: 24px}

.light_black { margin: 10px 0; color: #333}

.post_big_img { margin: 100px 0}

.post_big_img img { display: block; width: 100%; height: auto !important}

.post_big_img p { color: #9c9c9c; font-size: 16px; text-align: center}

.bbs_detail_post dl { display: table; width: 100%; table-layout: fixed; } 

.bbs_detail_post dt,
.bbs_detail_post dd { display: table-cell; line-height: 170%; vertical-align: top}

.bbs_detail_post dt { width: 80px; color: #7a563c; font-size: 60px; line-height: 100%}

.bbs_detail_post div.color_brown { margin: 100px 0; } 

.post_quote { font-size: 22px; text-align: center; font-style: italic}

.post_quote img { display: block; margin: 25px auto}

.bbs_detail_post div.color_brown p { margin: 20px 0 0 0; color: #9c9c9c; font-size: 16px; text-align: right}

.post_btm_wrap { padding-top: 30px; margin: 100px 0 150px 0; background: url('../img/common/ic_title_dashed.png') repeat-x top left}

.post_btm_wrap dt { width: 150px; color: #111; font-weight: bold; font-size: 20px; } 

.post_btm_wrap p { margin-top: 20px}

.post_btm_wrap p:first-child { margin-top: 0}

.post_btm_wrap span { background-color: #e5e5e5; color: #666}

.post_btm_wrap dd { color: #666666; font-size: 16px; } 

.bbs_series_list ul { display: flex; flex-direction: row; margin: 20px -20px; flex-wrap: wrap}

.bbs_series_list ul li { padding: 20px; flex-basis: 25%}

.bbs_series_list a { border: 1px solid #dbdbdb}

.bbs_series_list p { height: 330px; } 

.bbs_series_list .btm { padding: 20px; color: #888888; font-size: 16px}

.bbs_series_list .btm h2 { margin: 0 0 10px 0; color: #111; font-size: 20px}

.bbs_series_list .btm img { position: relative; top: 1px}

.video_list p { position: relative}

.video_list p:before { position: absolute; top: 50%; left: 50%; content: url('../img/common/ic_video.png'); transform: translate(-50%, -50%); } 

.video_detail_wrap { position: relative; max-width: 1100px; margin: 50px auto}

.video_detail_wrap p { position: relative; height: 620px; margin: 0 0 30px 0}

.video_detail_wrap p:before { position: absolute; top: 50%; left: 50%; content: url('../img/common/ic_video.png'); transform: translate(-50%, -50%)}

.video_detail_wrap .scroll { max-height: 250px}

.bbs_has_side_wrap { display: flex; flex-direction: row; justify-content: space-between; } 

.bbs_has_side_wrap #toggleBtm { display: none}

.bbs_has_side_inner { width: calc(100% - 240px); padding-left: 50px}

.bbs_has_side_wrap .bbs_side_nav { flex-basis: 240px; } 

.bbs_has_side_wrap .bbs_side_nav a { position: relative; padding: 0 15px; margin-top: -1px; border: 1px solid #dbdbdb; font-size: 16px; line-height: 45px}

.bbs_has_side_wrap .bbs_side_nav a i { position: absolute; top: 15px; right: 15px; padding: 4px; border-color: #adadad; transition: all .3s ease}

.bbs_has_side_wrap .bbs_side_nav ul ul { height: 0; overflow: hidden; transition: all .3s ease}

.bbs_has_side_wrap .bbs_side_nav>ul>li.active ul { height: auto}

.bbs_has_side_wrap .active i { top: 19px; transform: rotate(224deg)}

.bbs_has_side_wrap .bbs_side_nav>ul>li>a.active { background-color: transparent; color: #111}

.bbs_has_side_wrap .bbs_side_nav>a.active,
.bbs_side_nav ul ul a.active { background: #0033a5; color: #fff}

.bbs_has_side_wrap .exhibition_view_wrap .left { width: 700px}

.bbs_has_side_wrap .exhibition_view_wrap .top>.right { width: calc(100% - 750px)}

.bbs_has_side_wrap #editionSlide .swiper-slide div.edition_thumb { width: 100%}

.bbs_has_side_wrap .tabcontent { padding-top: 50px}

.bbs_has_side_wrap #exDetail01 .author_list_wrap>ul { margin: -20px}

.bbs_has_side_wrap .keyword_wrap ul li { width: 33.33%}

.gusul_title { font-size: 20px}

.gusul_detail_wrap dl { display: table; width: 100%; margin: 20px 0; table-layout: fixed}

.gusul_detail_wrap dl dt,
.gusul_detail_wrap dl dd { display: table-cell; font-size: 20px}

.gusul_detail_wrap dl dt { width: 240px}

.gusul_detail_wrap dl dt img { position: relative; top: 8px; margin-right: 7px; } 

.gusul_scroll { max-height: 320px; padding: 25px; border: 1px solid #f1eee8}

.gusul_scroll p { margin-bottom: 25px; font-weight: bold; font-size: 20px !important}

.gusul_scroll p * { font-size: 17px !important}

.gusul_author { margin-top: 60px}

.gusul_author h3 { margin-bottom: 20px; font-size: 22px}

.gusul_author>div { padding: 0 10px; flex-basis: 50%}

.gusul_author>div>p { display: inline-block; padding: 15px 35px; margin: 5px 10px 0 0; border-radius: 50px; background: #f7f2ef; font-size: 20px; overflow: hidden}

.gusul_file_title p { position: absolute; top: 0; right: 0}

.gusul_file_title p a { display: inline-block; position: relative; padding: 0 30px; color: #afafaf}

.gusul_file_title p a.active { color: #7a563c; font-weight: bold; } 

.gusul_file_title p a:before { position: absolute; top: 9px; left: 0; width: 1px; height: 12px; background: #dbdbdb; content: ''}

.gusul_file_title p a:first-child:before { display: none}

.gusul_file_wrap { margin: 80px 0}

.gusul_file_wrap ul { display: flex; flex-direction: row; justify-content: space-between; margin: 0 -20px 20px -20px; flex-wrap: wrap}

.gusul_file_wrap ul li { padding: 20px; flex-basis: 50%}

.gusul_file_wrap ul a { position: relative; padding: 50px 50px 50px 175px; border-radius: 30px; color: #888888; font-size: 16px; box-shadow: -6px 0 20px 1px #eee9e7; overflow: hidden}

.gusul_file_wrap ul a>img { position: relative; top: 2px; margin: 0 5px 0 0}

.gusul_file_wrap ul p { position: absolute; top: 50%; left: 50px; width: 100px; height: 100px; margin-top: -50px; border-radius: 100%; background-color: #f7f2ef; } 

.gusul_file_wrap ul p img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}

.gusul_file_wrap ul h2 { margin: 0 0 10px 0; color: #111; font-size: 20px; -webkit-line-clamp: 1; } 

.gusul_file_wrap .bbs_more_btn { position: relative}

.gusul_file_wrap .bbs_more_btn i { position: relative; top: -3px; padding: 3px}

.gusul_file_wrap .bbs_more_btn.active i { top: 0}

.api_wrap .scroll { max-height: 375px; padding: 15px; border-top: 1px solid #161616; border-bottom: 1px solid #161616; } 

.checkbox { padding: 10px; text-align: center}

.checkbox label { position: relative; top: 2px}

.checkbox input { display: inline-block; width: 26px; height: 26px; margin-left: 10px; border: 1px solid #7a563c}

.checkbox input[type=checkbox]:checked { accent-color: #7a563c; } 

.api_wrap dl { display: table; width: 100%; margin: 40px 0; table-layout: fixed}

.api_wrap dl dt,
.api_wrap dl dd { display: table-cell; } 

.api_wrap dl dt { width: 370px; font-weight: bold; font-size: 24px}

.api_wrap dl dd span { display: inline-block; max-width: 320px}

.api_wrap span input[type="checkbox"] { width: 26px; height: 26px}

.api_wrap span input[type=checkbox]:checked { accent-color: #7a563c; } 

.api_wrap span label { position: relative; top: 2px}

.api_wrap span { display: inline-block; margin: 0 20px 0 0}

.api_wrap select { width: 150px; border: 1px solid #dbdbdb; line-height: 30px}

.api_wrap .email_wrap span { margin: 0}

.api_wrap .email_wrap span:nth-child(2) { margin: 0 5px}

.api_wrap textarea { display: block; width: 100%; height: 300px}

.bbs_btn { display: inline-block; padding: 12px 18px; margin: 50px 0; border-radius: 10px; background-color: #7a563c; color: #fff; font-size: 16px}

.faq_wrap .list a { position: relative; padding: 20px 50px 20px 70px; background: url('../img/common/new_ic_qna_q.png') no-repeat left 30px top 20px; font-size: 18px; border-top: 1px solid #D6D5D3}

.faq_wrap .list a span { position: absolute; top: 20px; right: 20px; transition: all .3s ease}

.faq_wrap .list .faq_reply { display: none; padding: 30px 30px 30px 70px; background: #fff url('../img/common/new_ic_qna_a.png') no-repeat left 30px top 30px; } 
.faq_wrap .list .faq_reply table { table-layout: auto; } 

.faq_wrap .list.active .faq_reply { display: block; border-bottom: 1px solid #dbdbdb}

.faq_wrap .list.active a { background-color: #F9F9F7; color: #7a563c; font-weight: bold; border-top: 1px solid #7a563c; } 

.faq_wrap .list.active a span { transform: rotate(180deg)}

.faq_wrap .list.active .plusminus:before { transform: translatey(-50%) rotate(-90deg); opacity: 0; } 

.faq_wrap .list.active .plusminus:after { transform: translatey(-50%) rotate(0); } 

.info_detail_wrap { max-width: 1060px; margin: 130px auto}

.info_detail_wrap div { display: flex; flex-direction: column; justify-content: center; height: 315px; border-radius: 10px; color: #666666; font-size: 20px; text-align: center; overflow: hidden}

.info_detail_wrap div:nth-child(even) { flex-basis: 65px; } 

.info_detail_wrap div:nth-child(even) img { width: 41px; margin: 0 auto}

.info_detail_wrap div:nth-child(odd) { width: 33.33%; background-color: #f7f2ef; } 

.info_detail_wrap div p { height: 95px}

.info_detail_wrap div h2 { color: #333; font-size: 26px}

.info_detail_list p { position: relative; padding-left: 20px; margin: 20px 0}

.info_detail_list p:before { position: absolute; top: 9px; left: 0; width: 7px; height: 7px; border-radius: 100%; background: #d3ae92; content: ''; } 

.info_detail_list p span { font-size: inherit !important}

.mypage_top_wrap { display: flex; position: relative; justify-content: space-between; border-radius: 10px; background: #f9f7f6; text-align: right; overflow: hidden}

.mypage_top_wrap .default { display: flex; justify-content: space-between; align-items: center; width: 50%; padding: 40px; } 

.mypage_top_wrap .default p { text-align: center}

.mypage_top_wrap .default p a { display: inline-block; padding: 0 15px 0 0; color: #111; font-size: 18px}

.mypage_top_wrap .default p a.screening_add { font-size: 16px}

.mypage_top_wrap .default p a i { display: inline-block; position: relative; top: -2px; width: 8px; height: 8px; margin: 0 5px 0 0; border-radius: 100%; background: #205adb}

.mypage_top_wrap .default p a.screening i { background-color: #888888}

.mypage_top_wrap .default p a.screening_reject i { background-color: #ea2819}

.mypage_top_wrap .default p span { color: #888888; font-size: 15px; } 

.mypage_top_wrap .default>a { padding: 10px 20px; margin: 0 0 0 10px; border: 1px solid #dbdbdb; border-radius: 5px; color: #111; font-size: 16px}

.mypage_top_wrap .default>a img { position: relative; top: 1px; margin: 0 5px 0 0}

.mypage_top_wrap .default div a { width: 100px; border: 1px solid #121212 !important; border-radius: 5px; line-height: 40px; text-align: center}

.mypage_tab_link { position: relative; margin: 70px 0; } 

.mypage_tab_link:before,
.mypage_tab_link:after { position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #dbdbdb; content: ''}

.mypage_tab_link:before { left: -50%}

.mypage_tab_link:after { right: -50%}

.mypage_tab_link a { display: inline-block; color: #222; font-weight: bold; font-size: 24px; border-bottom: 3px solid transparent}

.mypage_tab_link a+a { margin-left: 40px}

.mypage_tab_link a.active { color: #7a563c; border-bottom: 3px solid #7a563c}

.myinfo_wrap { display: flex; align-items: center; width: 700px; padding: 50px; background: #886C4B; text-align: left; transition: width .3s ease}

.myinfo_wrap>span { width: 40px; border-radius: 10px; background-color: rgba(255, 255, 255, 0.5); color: #fff; line-height: 40px; text-align: center; } 

.myinfo_wrap h2 { position: relative; padding: 0 20px; color: #fff; font-size: 30px; line-height: 120%}

.myinfo_wrap h2:after { position: absolute; top: 12px; right: 0; width: 2px; height: 15px; background-color: #fff; content: ''}

.myinfo_wrap h2 span { margin-left: 2px; font-size: 30px}

.myinfo_wrap p.mypage_email { margin: 0 15px; color: #fff; } 

.myinfo_wrap p.mypage_email img { position: relative; top: 2px; margin-right: 8px}

.myinfo_wrap p.membership_rank { position: relative; top: 2px}

.myinfo_wrap p.membership_rank a { padding: 3px 18px; margin-left: 40px; border: 1px solid #fff; border-radius: 5px; color: #fff}

.myinfo_wrap i { display: inline-block; width: 2px; height: 15px; margin: 0 5px; background-color: #fff}

.mypage_nav_wrap { white-space: nowrap; overflow: auto}

.mypage_nav_wrap a { display: inline-block; margin: 0 22px; color: #7b7b7b; font-weight: bold; font-size: 22px; white-space: nowrap}

.mypage_nav_wrap a:first-child { margin-left: 0}

.mypage_nav_wrap a.active { color: #7a563c}

.mypage_nav_wrap a span { display: inline-block; position: relative; top: -3px; padding: 1px 8px; margin: 0 0 0 5px; border: 5px; border-radius: 20px; background-color: #dadada; font-size: 14px}

.mypage_nav_wrap a.active span { background-color: #7a563c; color: #fff}

.mypage_author { margin-top: 0 !important}

.inline_tag * { display: inline-block !important}

.sub_title.has_line { padding: 0; margin: 0; font-size: 22px}

.sub_title.has_line:before { display: none}

.modal_wrap .sub_title span { position: absolute; right: 0; bottom: 10px; color: #888888; font-size: 16px}

#membershipAddModal .modal_inner { max-width: 800px; width : 80%; } 
#membershipAddModal.modal_wrap .modal_inner>.inner { height : calc(100% - 85px) !important } 
#membershipAddModal dl { display: table; width: 100%; margin: 0 0 20px 0; table-layout: fixed}

#membershipAddModal dl dt,
#membershipAddModal dl dd { display: table-cell; vertical-align: middle; } 

#membershipAddModal dl dt { width: 160px}

.mypage_modal_ul { display: flex; width: 100%}

.mypage_modal_ul li:first-child { padding-right: 10px; flex-basis: 180px; } 

.mypage_modal_ul li:last-child { width: 100%}

#membershipAddModal dl input,
#membershipAddModal dl select { display: block; width: 100%; min-width: 160px; border: 1px solid #dbdbdb; line-height: 50px}

#membershipAddModal dd>p { display: flex}

#membershipAddModal dd>p select { width: 140px}

#membershipAddModal dd>p button { width: 100px; margin: 0 5px; background-color: #7a7a7a; color: #fff}

#membershipAddModal dd>p span { display: block; position: relative; padding-right: 20px; font-size: 16px; line-height: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 

#membershipAddModal dd>p span a { position: absolute; top: 0; right: 0}

#membershipAddModal .bbs_btn_center a { width: 130px; line-height: 50px}

#membershipAddModal input[type=file] { margin-top: 10px; border: none; } 

#membershipAddModal input[type=file]::file-selector-button { width: 120px; height: 45px; border: none; border-radius: 3px; background: #9a9a9a; color: #fff; cursor: pointer}

#membershipAddModal .file_down_btn { width: 150px; border-radius: 3px; background-color: #000; color: #fff; line-height: 45px; text-align: center}

#membershipAddModal .file_down_btn img { display: inline-block; width: 15px; margin-right: 10px; } 

.thema_type { padding: 25px; padding: 25px; border-radius: 5px; background: #F9F9F7}

.thema_type .seach_top { position: relative; max-width: 600px; margin: 0 auto; border: 1px solid #D6D5D3; border-radius: 5px}

.thema_type input { padding: 0 50px 0 20px; border: none; font-size: 18px; line-height: 50px}

.thema_type input::placeholder { color: #ACACAC}

.thema_type button { position: absolute; top: 0; right: 0; width: auto; padding: 5px 15px 0; line-height: 50px}

.thema_step_search { display: flex; padding: 0; background: none}

.thema_step_search .seach_top { width: 100%; max-width: 400px; margin: 0}

.thema_type01 .seach_top_option { padding: 10px 30px; margin-top: 30px; border: 1px solid #dbdbdb; border-radius: 10px}

.thema_type01 .seach_top_option ul { margin: 20px 0; overflow: hidden; } 

.thema_type01 .seach_top_option li { float: left; width: 48%; line-height: 50px}

.thema_type01 .seach_top_option li:nth-child(2) { width: 4%; text-align: center}

.thema_type01 .seach_top_option li input.datepicker { background: url('../img/common/ic_cal.png') no-repeat right 15px center}

.seach_filter_nav { margin: 20px 0; border-radius: 10px; overflow: hidden}

.seach_filter_nav li { float: left; width: 16.66%}

.seach_filter_nav li a { background-color: #f3f3f3; color: #666; line-height: 50px; text-align: center}

.seach_filter_nav li.active a { border-radius: 10px; background-color: #0033a5; color: #fff}

.seach_filter_nav li a i { position: relative; top: -4px; padding: 3px; margin-left: 10px; border-color: #b7b7b7}

.seach_filter_nav li.active a i { top: 0; transform: rotate(-135deg); border-color: #fff}

.reset_filter_btn { margin: 40px 0; text-align: center}

.reset_filter_btn button { display: inline-block; width: 240px; border: 1px solid #7a563c; color: #7a563c; font-weight: 500; font-size: 16px; line-height: 60px}

.reset_filter_btn button+button { margin-left: 20px; background-color: #7a563c; color: #fff}

.reset_filter_btn button img { position: relative; top: 4px; margin-right: 8px}

.search_page_tab_link { display: flex; margin: 30px 0; } 

.search_page_tab_link a { display: inline-flex; justify-content: space-between; align-items: center; min-width: 140px; height: 45px; padding: 0 13px; margin: 0 5px; border: 1px solid #D6D5D3; border-radius: 25px; color: #ACACAC; letter-spacing: -2px; } 

.search_page_tab_link a span { display: inline-block; margin-left: 10px}

.search_page_tab_link a.active,
.search_page_tab_link a:hover { background-color: #876C4C; color: #fff}

.thema_type02 { padding: 40px; border: 1px solid #dbdbdb; border-radius: 10px}

.thema_type02 .inner { max-width: 600px; margin: 0 auto}

.thema_type02 .seach_top { background: #fff}

.thema_title { font-size: 16px}

.thema_title span { color: #0033a5; font-weight: 500; font-size: 16px; text-transform: uppercase; } 

.type_select { display: flex; padding: 0 0 0 10px}

.type_select a { display: inline-block; padding: 10px 20px;; margin: 0 5px; border: 1px solid #121212; border-radius: 5px}

.type_select a:first-child { margin-left: 0}

.type_select a.active,
.type_select a:hover { background-color: #121212; color: #fff}

.type_select2 span { display: block; margin: 20px 0 10px; color: #886C4B; font-weight: 600; font-size: 15px}

.type_select2 a { display: inline-block; padding: 5px 17px; margin: 0 3px; border: 1px solid #D6D5D3; border-radius: 15px; background-color: #fff; color: #666666; font-size: 15px}

.thema_search_opt { display: flex; flex-direction: row; justify-content: space-between; margin: 0 -5px; margin-top: 30px; flex-wrap: wrap}

.thema_search_opt .inner { width: calc(16.66% - 10px); margin: 0 5px; flex-basis: calc(16.66% - 10px); } 

.thema_search_opt h2 { padding: 10px; border-radius: 10px; background-color: #7a563c; color: #fff; text-align: center}

.thema_search_opt .input_wrap { position: relative; padding-right: 50px; border-bottom: 1px solid #dbdbdb}

.thema_search_opt .input_wrap button { position: absolute; top: 0; right: 0; width: 50px; height: 50px; padding-top: 12px}

.thema_search_opt .input_wrap input { top: 0; width: 100%; height: 52px; border: none; } 

.thema_search_opt .wrap { border: 1px solid #dbdbdb; border-radius: 10px; overflow: hidden}

.thema_search_opt .scroll { height: 250px; padding: 15px 25px}

.thema_search_opt .scroll p { margin: 10px 0}

.thema_search_opt .scroll p:first-child { margin-top: 0}

.thema_search_opt .scroll label { padding-left: 5px; font-size: 16px}

.thema_search_opt.active { display: flex}

.thema_type04 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 0 0 20px 0}

.thema_type04 .reset_filter_btn { width: 290px; margin: 0}

.thema_type04 .reset_filter_btn button { width: 130px; line-height: 50px}

.thema_type04 p { flex-basis: calc((100% - 300px) /2); } 

.thema_type04 select { width: 100%; border: 1px solid #dbdbdb; line-height: 50px}

.thema_type04_map_wrap { position: relative; padding: 50px; padding-left: 200px; border: 1px solid #dbdbdb; border-radius: 30px}

#mapLeft { position: absolute; top: 50px; left: 50px; width: 360px; min-height: 360px; border-radius: 20px; background-color: #f9f7f6; overflow: hidden}

.background { border-radius: 20px; fill: #f9f7f6; overflow: hidden}

#states path { fill: #fff; stroke: #000000; stroke-width: 1px; } 

#states path:hover { fill: #d1c0b4; } 

#states .active { fill: #7a563c; } 

#states path { cursor: pointer; } 

#mapInner { padding-left: 300px; text-align: center}

.mapFilter { cursor: pointer; stroke: #000; } 

.rightMap { display: none}

.rightMap.active { display: block}

.rightMap path { stroke-width: 1; fill: #f1f1f1; } 

.rightMap path:hover,
.rightMap path.active { fill: #7a563c; } 

.rightMap g text { fill: #000 !important; text-anchor: middle !important; } 

.rightMap path.active { fill: #7a563c; } 

.tooltipDiv { position: fixed; max-width: 200px; padding: 5px 10px; border-radius: 5px; background-color: #7a563c; color: #fff; font-size: 15px; cursor: pointer; overflow: hidden; } 

/* SVG */
#svgchart { position: relative; width: 100% !important; border: 1px solid #dbdbdb; border-radius: 20px; background-color: white; overflow: hidden}

.links { stroke: #d7d7d7; } 

.node { fill: transparent; } 

div.tooltip { position: absolute; padding: 5px; border: 1px solid black; border-radius: 8px; background: honeydew; font: 16px sans-serif; font-weight: bold; text-align: center; pointer-events: none; } 

.top_info_count { position: relative; font-size: 16px}

.top_info_count span { color: #ea2819; font-weight: bold; } 

.top_info_count p { position: absolute; top: 0; right: 0}

.top_info_count p a { display: inline-block; position: relative; padding: 0 10px; color: #9d9d9d}

.top_info_count p a:last-child { padding-right: 0}

.top_info_count p a.active { color: #111111}

.top_info_count p a:before { position: absolute; top: 10px; right: -2px; width: 1px; height: 8px; background-color: #dbdbdb; content: ''; } 

.top_info_count p a:last-child:before { display: none}

#gallery { position: relative; padding-bottom: 80px; overflow: hidden; } 

#gallery:after { display: block; clear: both; content: ''}

#gallery .wrap { display: block; position: relative; float: left; padding-bottom: 100px; margin: 5px; overflow: hidden; } 

#gallery .wrap .img { border-radius: 10px; } 

#gallery .wrap .inner { position: absolute; bottom: 20px; left: 0; width: 100%; height: 70px}

.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden}

#gallery .wrap p { color: #666; font-size: 14px; } 

#gallery .wrap p i { position: relative; top: -2px; margin: 0 5px; border-color: #bdbdbd}

#gallery .wrap h2 { font-weight: 500; } 

.gridImage { overflow: hidden}

.item { float: left; margin-bottom: 15px; } 

.item .img_wrap { border: 1px solid #f3f3f3; background-color: #f3f3f3; border-radius: 10px; overflow: hidden}

.item img { width: 100%; max-width: 100%; height: 250px !important; vertical-align: bottom; object-fit: contain; } 

.first-item { clear: both; } 

.last-row,
.last-row~.item { margin-bottom: 0; } 

.item .inner p { padding: 10px 0 5px 0; font-size: 16px; } 

#gallery p { color: #666; font-size: 14px; } 

#gallery p i { position: relative; top: -2px; margin: 0 5px; border-color: #bdbdbd}

#gallery h2 { font-weight: 500; } 

.main_search_area { position: relative; padding: 50px; text-align: center; } 

.main_search_area:before,
.main_search_area:after { position: absolute; top: 0; left: -100%; width: 200%; height: 100%; z-index: -1; background-color: #F9F9F7; content: ''}

.main_search_area:after { left: 100%; } 

.main_search_area>p { font-weight: bold; font-size: 18px; } 

.main_search_area>p span { color: #F58A4A; font-weight: bold; font-size: 18px}

.main_search_area .inner { display: inline-flex; position: relative; flex-direction: row; margin-bottom: 30px; border: 2px solid #886C4B; border-radius: 5px}

.main_search_area .input_wrap input,
.main_search_area .input_wrap button,
.main_search_area .input_wrap a { display: flex; align-items: center; width: inherit; height: 100%; border: none; background-color: transparent; line-height: 60px; } 

.main_search_area input { width: 685px; padding-right: 110px; padding-left: 20px; font-weight: bold; } 

.main_search_area input::placeholder { color: #666; font-size: 18px}

.main_search_area .input_wrap a { position: absolute; top: 0; right: 60px}

.main_search_area .input_wrap button { position: absolute; top: 0; right: 0}

.search_auto_wrap { display: none; position: absolute; top: 64px; left: 0; width: 100%; z-index: 1; padding-top: 5px; border-radius: 0 5px 5px 0; background: #fff}

.search_auto_wrap.active { display: block; box-shadow: 0 0 20px #ccc}

.search_auto_wrap .autocompleteList { height: 200px; overflow: auto}

.search_auto_wrap a { padding: 5px 20px; font-weight: bold; font-size: 16px; text-align: left; } 

.search_auto_wrap>a span { font-weight: bold; } 

.search_auto_wrap>a:hover { background-color: #f7f2ef; text-decoration: underline; } 

.search_auto_wrap p a { padding: 15px; color: #666666; text-align: right; border-top: 1px solid #dbdbdb}

.main_search_area #search02 { padding-right: 80px; background: url('../img/common/ic_bbs_btm.png') no-repeat right 60px center}

.main_search_area #search02.active { background: url('../img/common/ic_bbs_top.png') no-repeat right 60px center}

.new_area_wrap { display: flex; align-items: center; width: 100%; max-width: 700px; height: 55px; margin: 0 auto; background-color: #fff; } 

.new_area_wrap button { position: relative; top: 2px; width: 50px}

.new_area_wrap a { position: relative; top: 2px; width: 60px}

.new_area_wrap input { border: none; font-size: 18px}

.selectBox2 { position: relative; width: 115px; cursor: pointer; } 

.selectBox2:after { position: absolute; top: calc(50% - 5px); right: -10px; width: 2px; height: 10px; background-color: #dbdbdb; content: ''}

.selectBox2 .label { display: block; position: relative; width: 115px; background: transparent; font-size: 16px; line-height: 60px; text-align: left; cursor: pointer; } 

.selectBox2 .label i { position: absolute; top: calc(50% - 4px); right: 5px; } 

.selectBox2 .optionList { position: absolute; top: 64px; left: 0; width: 100%; max-height: 0; background-color: #fff; overflow: hidden; transition: .3s ease-in; } 

.selectBox2.active .optionList { max-height: 500px; } 

.selectBox2.active .label i { top: 50%; transform: rotate(-135deg)}

.selectBox2 .optionItem { padding: 5px 10px; font-size: 16px; text-align: left; transition: .1s}

.selectBox2 .optionItem:hover { background: #f7f2ef}

.selectBox2 .optionItem:last-child { border-bottom: 0 none; } 

.has_search_filter { padding: 0 300px 50px 20px; } 

.has_search_filter .author_list_wrap>ul { margin: 0 -20px; overflow: hidden}

.has_search_filter .search_page_tab_link { margin: 60px -20px 30px -20px}

.has_search_filter .author_list_wrap li a { box-shadow: none}

.has_search_filter .author_list_wrap li a:hover { box-shadow: 3px 3px 15px 13px #ece7e3; } 

.has_search_filter .author_list_wrap .top { height: 155px}

.has_search_filter .author_list_wrap .top p { margin: 20px 0 0 0; color: #666666; font-size: 20px}

.has_search_filter .author_list_wrap li a { padding-bottom: 215px; } 

.has_search_filter .author_list_wrap a>p { height: 215px}

.new_result_wrap { display: flex; justify-content: space-between; padding: 50px 0; } 

.new_result_wrap .result_right { width: 300px; padding-left: 20px; flex-basis: 0}

.search_filter_panel_wrap { width: 280px; background-color: #fff; border-top: 2px solid #000
 /* overflow : auto; */}

.new_result_wrap .result_left .sub_title { margin: 40px 0 0 0; font-size: 28px}

.new_result_wrap .result_left .sub_title span { display: inline-block; padding-left: 10px; color: #F58A4A; font-size: 28px}

.new_result_wrap .result_left .new_works_list_wrap,
.new_result_wrap .result_left .exhibition_slide_wrap { margin-top: 10px}

.search_filter_panel_wrap .inner>a { position: relative; padding: 0 15px; padding-bottom: 5px; font-weight: bold; line-height: 45px; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb}

.search_filter_panel_wrap .inner>a b { color: #8d8d8d}

.search_filter_panel_wrap button { display: none}

.search_filter_panel_wrap .inner.active>a { border-bottom: 2px solid #000}

.search_filter_panel_wrap i { position: absolute; top: 20px; right: 5px; padding: 3px; border-color: #888}

.search_filter_panel_wrap .inner.active i { top: 22px; transform: rotate(-135deg)}

.search_filter_panel_wrap .inner ul { display: none; border-bottom: 1px solid #dbdbdb}

.search_filter_panel_wrap .inner.active ul { display: block; padding: 10px 20px; background-color: #F7F7F7}

.search_filter_panel_wrap li a { position: relative; margin: 15px 0; color: #7C7C7C; font-size: 16px}

.search_filter_panel_wrap li a span { color: #888; font-size: 16px}

.search_filter_panel_wrap li a img { display: none}

.search_filter_panel_wrap li.active span { display: none}

.search_filter_panel_wrap li.active img { display: inline-block; position: relative; top: 3px; margin-left: 5px}

.filter_select_wrap { position: relative; min-height: 35px; padding: 0 0 0 160px; font-size: 16px}

.filter_select_wrap>p { position: absolute; top: -2px; left: 0; color: #886C4B; font-size: 18px}

.filter_select_wrap .reset_btn { display: inline-block; width: 35px; height: 35px; margin-left: 10px; border: 1px solid #D6D5D3; border-radius: 5px; line-height: 35px; text-align: center}

.filter_select_wrap .reset_btn img { top: 0; margin: 0}

.filter_select_wrap span { display: inline-block; padding: 5px 10px; margin: 2px; background-color: #F2F2F2; color: #8d8d8d; font-size: 16px; } 

.filter_select_wrap a { display: inline-block; font-weight: bold; font-size: 16px; } 

.filter_select_wrap a img { position: relative; top: 2px; margin: 0 0 0 5px}

.filter_select_wrap i { position: relative; top: -2px; margin: 0 5px; border-color: #adadad; border-width: 0 1px 1px 0; } 

.has_search_filter .sub_title { margin: 50px 0 15px 0}

.has_search_filter .sub_title span { position: relative; top: -4px; padding: 5px 10px; margin: 0 0 0 5px; border-radius: 20px; background-color: #0033a5; color: #fff; font-size: 14px}

.has_search_filter .sub_title a,
.has_search_filter .collection_list_wrap a { margin: 0 10px}

.has_search_filter .collection_list_wrap a:hover { border-radius: 0}

.has_search_filter .thumbnail_list_wrap .wrap>div { padding: 0 20px}

.has_search_filter .quotation_bbs_wrap { display: flex; flex-direction: row; margin: 0 -20px}

.has_search_filter .quotation_bbs_wrap>.quotation_wrap { margin: 0 20px; flex-basis: 50%}

#siteMapMenuDiv { display: flex; flex-direction: row; flex-wrap: wrap; } 

#siteMapMenuDiv>li { margin: 20px 10px; flex-basis: calc(25% - 20px); border-top: 2px solid #7a563c}

#siteMapMenuDiv .sitemap_1depth_title { position: relative; padding: 10px 25px; border-radius: 0; font-weight: 500; font-size: 30px; text-align: left; border-bottom: 1px solid #dbdbdb; } 

#siteMapMenuDiv .sitemap_1depth_title span { display: none; position: absolute; top: 0; right: 0; width: 100px; height: 100%; z-index: 3; background: url('../img/main/ic_minus.png') no-repeat right 20px center / 20px 20px; color: transparent}

#siteMapMenuDiv .sitemap_1depth_title span.open { display: block; background: url('../img/main/ic_plus.png') no-repeat right 20px center / 20px 20px}

#siteMapMenuDiv .sitemap_1depth_item:nth-child(6) span,
#siteMapMenuDiv .sitemap_1depth_item:nth-child(7) span,
#siteMapMenuDiv .sitemap_1depth_item:nth-child(6) ul,
#siteMapMenuDiv .sitemap_1depth_item:nth-child(7) ul { display: none !important}

#siteMapMenuDiv>li.active span.open { display: none}

#siteMapMenuDiv>li.active span.close { display: block}

#siteMapMenuDiv .sitemap_2depth { display: none; padding: 10px 0; margin-top: -1px; overflow: hidden}

#siteMapMenuDiv>li.active .sitemap_2depth { display: block}

#siteMapMenuDiv .sitemap_2depth a { padding: 10px 20px; font-size: 20px}

.mission_wrap { padding: 50px 0}

.mission_wrap dl { display: table; width: 100%; table-layout: fixed; } 

.mission_wrap dl dt,
.mission_wrap dl dd { display: table-cell; vertical-align: middle; } 

.mission_wrap dt { width: 240px; background: url('../img/sub/ic_mission_01.png') no-repeat right 40px center; color: #7a563c; font-weight: bold; font-size: 36px}

.mission_wrap dd div { max-width: 800px; padding: 30px 0; border-radius: 100px; background: #726659; color: #fff; font-weight: 600; font-size: 28px; line-height: 120%; letter-spacing: -2px; text-align: center}

.mission_wrap dl:last-child dd div { background-color: #7a563c}

.mission_wrap dd:nth-child(2) { max-width: 680px}

.mission_wrap dl:nth-child(2) { max-width: 1000px}

.mission_wrap dl:nth-child(2) dt { background: url('../img/sub/ic_mission_02.png') no-repeat right 40px center}

.mission_wrap dl:nth-child(2) dd:last-child { color: #666666; font-size: 20px}

.mission_wrap ul { position: relative; width: 600px; margin: 0 auto; overflow: hidden; } 

.mission_wrap ul:after { position: absolute; top: 50%; left: 50%; width: 430px; height: 430px; z-index: -1; border-radius: 100%; background-color: #e6e6e6; content: ''; transform: translate(-50%, -50%)}

.mission_wrap ul li { float: left; width: 240px; margin: 50px 0; overflow: hidden}

.mission_wrap ul li:nth-child(2n) { float: right}

.mission_wrap ul li p { position: relative; width: 240px; margin: 0 auto; border: 1px solid #805f46; border-radius: 100%; background: #fff; color: #7a563c; font-weight: bold; font-size: 32px; line-height: 240px; letter-spacing: -2px; text-align: center; vertical-align: middle}

.mission_wrap ul span { display: block; margin-top: 5px; font-size: 23px}

.rule_wrap { display: flex; justify-content: space-between; margin: 30px -20px; flex-wrap: wrap}

.rule_wrap .wrap { margin: 20px; border: 1px solid #f7f3f0; border-radius: 20px; flex-basis: calc(25% - 40px); overflow: hidden}

.rule_wrap .top { padding: 35px; } 

.rule_wrap .top h2 { height: 80px; font-size: 26px; line-height: 120%}

.rule_wrap .top span { color: #666666; font-size: 20px}

.rule_wrap .inner { position: relative; height: 280px}

.rule_wrap .inner * { position: static}

.rule_wrap .inner .uploaded-item-cell { display: inline-block !important}

.rule_wrap .inner p { position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 30px; text-align: center}

.rule_wrap .inner p a { display: inline-block; width: 120px; border-radius: 50px; background-color: #eadace; color: #7a563c; font-weight: bold; font-size: 16px; line-height: 40px; } 

.rule_wrap .inner p a+a { margin-left: 20px}

.rule_wrap .inner p a img { position: relative; top: 3px; margin-left: 10px}

.rule_wrap .noImg { position: relative; background: rgb(255, 251, 247); background: linear-gradient(307deg, rgba(255, 251, 247, 1) 0%, rgba(251, 243, 233, 1) 50%, rgba(241, 228, 215, 1) 100%); } 

.rule_wrap .noImg:before { position: absolute; top: 50%; left: 50%; content: url('../img/common/ic_thumb_01.png'); transform: translate(-50%, -50%)}

.rule_wrap .inner>p { width: 50%}

.rule_wrap .uploaded-item-holder { position: absolute !important; bottom: 0; width: 100%}

.rule_wrap .uploaded-item-cell { position: absolute !important; bottom: 0; width: 50%}

.rule_wrap .uploaded-item-holder .uploaded-item-cell:nth-child(6) { left: 0}

.rule_wrap .uploaded-item-holder .uploaded-item-cell:nth-child(7) { left: 50%}

.thumbnail_list_wrap2 dl { border: 1px solid #dbdbdb; border-radius: 8px; overflow: hidden}

.thumbnail_list_wrap2 dl:hover { border-color: #7a563c}

.thumbnail_list_wrap2 dd { padding: 20px 30px}

.thumbnail_list_wrap2 a { display: inline-block; width: 165px; border-radius: 50px; background-color: #efe4da; color: #7a563c; font-weight: bold; font-size: 16px; line-height: 40px; text-align: center; box-shadow: none !important}

.thumbnail_list_wrap2 dl:hover h2 b { background-size: 100% 30%; color: #7a563c; background-repeat: no-repeat; background-position: bottom left; background-image: linear-gradient(#efe4da, #efe4da); animation-name: textHighlight; animation-duration: 1s; animation-direction: alternate; } 

.thumbnail_list_wrap2 a+a { margin-left: 20px}

.thumbnail_list_wrap2 a img { position: relative; top: 3px; margin-left: 10px}

.thumbnail_list_wrap2 dd div { margin-top: 20px; text-align: right}

#ruleDetailModal .modal_inner,
#authorTeamModal .modal_inner { width: 100%; max-width : 1200px; } 
#authorTeamModal .modal_inner { height : 80% } 

#ruleDetailModal .inner,
#authorTeamModal .inner { padding: 20px; border: 1px solid #dbdbdb; border-radius: 20px; color: #a7a7a7; font-size: 16px}

#authorTeamModal ul { margin-top: 10px; margin-bottom: 40px}

#authorTeamModal li { position: relative; padding-left: 15px}

#authorTeamModal li:before { position: absolute; top: 10px; left: 0; width: 6px; height: 6px; border-radius: 100%; background: #222; content: ''}

#authorTeamModal h4 { position: relative}

#authorTeamModal h4 a { position: absolute; right: 0; bottom: 0; width: 125px; border-radius: 50px; background-color: #efe4da; color: #7a563c; font-weight: bold; font-size: 16px; line-height: 40px; text-align: center}

#authorTeamModal h4 a img { position: relative; top: 3px; margin-left: 10px}

#authorTeamModal .scroll { height: calc(100% - 350px); padding: 20px; margin-top: 20px; border: 1px solid #dbdbdb; border-radius: 10px}
#authorTeamModal .scroll * { font-size : inherit; font-style : inherit; font-family : inherit }
.doc_txt p { margin: 40px 0 20px 0}

.doc_txt b { font-weight: bold; } 

.doc_txt a { display: inline-block}

.doc_txt a:hover { text-decoration: underline; } 

.doc_txt .doc_box { padding: 25px 50px; border: 1px solid #111}

.doc_txt .doc_box ul { overflow: hidden}

.doc_txt .doc_box ul li { float: left; width: 50%; margin: 5px 0}

.doc_txt h4 { margin: 40px 0 0 0; font-size: 20px}

.doc_txt h4+p { margin-top: 10px}

.doc_txt table thead { background-color: #f1efe8; border-top: 1px solid #7a563c}

.doc_txt table thead th { color: #7a563c}

.doc_txt table th,
.doc_txt table td { padding: 10px 0; border: 1px solid #dbdbdb; font-weight: 500; text-align: center; } 

.doc_txt table th:first-child,
.doc_txt table td:first-child { border-left: none}

.doc_txt table th:last-child,
.doc_txt table td:last-child { border-right: none}

.doc_txt table+table { margin-top: 20px}

.doc_txt>ul { padding-left: 100px}

.api_step_wrap { display: flex; flex-direction: row; align-items: center; } 

.api_step_wrap li { width: 25%; height: 315px; padding: 50px 0 0 0; border-radius: 10px; background-color: #f7f2ef; color: #666666; font-size: 20px; text-align: center}

.api_step_wrap li p { display: flex; align-items: center; height: 100px}

.api_step_wrap li h3 { margin-bottom: 10px; color: #111; font-size: 26px}

.api_step_wrap li p img { margin: 0 auto}

.api_step_wrap li:nth-child(2n) { width: 80px; height: inherit; background: none}

.no_data_txt { padding: 50px 20px; text-align: center}

.subtxt { display: inline-block; position: relative; top: -12px; color: blue; font-weight: bold; font-size: 14px; } 

#RESOURCE_Div .wrap { overflow: hidden}

.has_search_filter #RESOURCE_Div { padding-top: 30px}

.has_search_filter #RESOURCE_Div .sub_title { margin: 40px 0 20px 0}

.textHighlight { display: inline-block !important; color: #F58A4A !important; font-size: inherit !important}

.new_img_icon { display: inline-block; position: relative !important; top: 5px !important; left: 5px; width: auto; } 

.new_img_icon img { display: inline-block; width: 21px}

.remote_relative { position: relative; z-index: 2}

.remote_btn { position: absolute; top: 10px; right: 10px; width: auto; z-index: 10; padding: 15px 15px 10px 15px; background-color: rgba(255, 255, 255, 0.5)}

.new_author_history_wrap .top_nav { overflow: auto}

.new_author_history_wrap .top_nav .inner { width: max-content; min-width: 100%; white-space: nowrap; overflow: auto hidden; } 

.new_author_history_wrap .top_nav a { display: block; position: relative; float: left; width: 11.11%; min-width: 100px; color: #D0D0D0; font-weight: bold; font-size: 20px; text-align: center}

.new_author_history_wrap .top_nav a.active,
.new_author_history_wrap .top_nav a:hover { color: #111}

.new_author_history_wrap .top_nav a:before,
.new_author_history_wrap .top_nav a:last-child:after { position: absolute; top: calc(50% - 2px); width: 4px; height: 4px; border-radius: 100%; background-color: #111; content: ''}

.new_author_history_wrap .top_nav a:before { left: 0}

.new_author_history_wrap .top_nav a:last-child:after { right: 0}

.author_history_list { margin-top: 40px}

.author_history_list .wrap { position: relative}

.author_history_list .wrap>button { display: none; position: absolute; top: 20px; right: 250px; width: auto !important; z-index: 5; padding: 5px 15px; border: none !important}

.author_history_list .wrap>button img { display: inline-block; position: relative; top: 2px; margin-left: 4px}

.author_history_list ul { border-bottom: 1px solid #D6D5D3}

.author_history_list ul li { border-top: 1px solid #D6D5D3}

.author_history_list a { padding: 20px}

.author_history_list dl { display: table; width: 100%; table-layout: fixed; } 

.author_history_list dl dt,
.author_history_list dl dd { display: table-cell; vertical-align: middle; /* height: 45px; */}

.author_history_list dl dt { width: 110px}

.author_history_list dl dd:nth-child(3) { width: 175px; font-size: 16px; text-align: right}

.author_history_list dl dd:nth-child(4) { width: 60px; text-align: right}

.author_history_list dl dd:nth-child(5) img { position: relative; top: 2px}

.author_history_list dl span { position: relative; top: 3px; width: 80px; border-radius: 8px; background-color: transparent; text-align: center}

.author_history_list li div.inner { display: none}

.author_history_list li .wrap.active div { display: block; padding-top: 15px; font-size: 16px}

.author_history_list li .wrap.active { background-color: #F9F9F7; border-top-color: #111}

.author_history_list li .wrap.on button { display: block}

.new_connect_img { overflow: hidden}

.new_connect_img .wrap { display: flex; margin: 0 -10px; flex-wrap: wrap}

.new_connect_img .wrap>div { width: calc(20% - 20px); margin: 0 10px}

.new_connect_img .wrap p { height: 230px}

.new_connect_img .wrap h2 { margin-top: 10px; font-size: 18px; line-height: 120%}

.new_connect_img .wrap>div:nth-child(n + 6) { display: none}

.new_connect_img.active .wrap>div:nth-child(n + 6) { display: block}

.info_bg { padding: 50px 70px; margin-top: 40px; background: #F9F8F6 no-repeat right center / contain}

.info_bg#type01 { background-image: url('../img/sub/bg_useinfo_01.png')}

.info_bg#type02 { background-image: url('../img/sub/bg_useinfo_02.png')}

.info_bg#type03 { background-image: url('../img/sub/bg_useinfo_03.png')}

.info_bg h2 { margin-bottom: 10px; color: #886C4B; font-size: 30px}

.info_content { margin-top: 50px}

.info_content dl { display: table; width: 100%; table-layout: fixed; border-top: 1px solid #D6D5D3}

.info_content dl dt,
.info_content dl dd { display: table-cell; padding: 50px 0; vertical-align: top}

.info_content dl dt { width: 340px; font-weight: bold; font-size: 28px; letter-spacing: -1px; } 

.info_content .inner_border { padding: 30px 40px; border: 1px solid #d6d5d3; border-radius: 5px}

.info_content .flex { justify-content: start}

.info_content p { align-items: center; color: #886C4B; font-weight: bold; font-size: 22px; white-space: nowrap; } 

.info_content p img { vertical-align: middle; } 

.info_content .inner_border+.inner_border { margin-top: 20px}

.info_content .inner_border .flex p { width: 90px; flex-shrink: 0; } 

.info_content .inner_border h2 { color: #886C4B; font-size: 22px}

.info_content .inner_border ul { display: flex; padding: 30px; margin-top: 30px; border-radius: 5px; background-color: #F9F9F7; flex-wrap: wrap}

.info_content .inner_border ul li { width: 50%; padding: 15px 20px}

.info_content .inner_border ul li:nth-child(odd) { border-right: 1px solid #d6d5d3}

.info_content .inner_border b { display: block; margin-bottom: 5px; font-weight: bold}

.info_content .bg_border { display: flex; align-items: center; padding: 30px 45px; border-radius: 5px; background: #F9F9F7}

.info_content .bg_border+.bg_border { margin-top: 20px}

.info_content .bg_border p { width: 150px; flex-shrink: 0; } 

.info_content .bg_border p img { display: inline-block; margin-right: 10px}

.info_content .bg_border div { padding-left: 30px; font-weight: 300; border-left: 1px dotted #886C4B; } 

.btm_border_txt { padding: 10px 15px; margin-top: 40px; border: 1px solid #d6d5d3; color: #8D8D8D; font-size: 14px}

.btm_border_txt p { margin-top: 5px; color: #666666; font-size: 14px; white-space: inherit; } 

.info_content .info_step ul { display: flex; align-items: center; margin: 40px 0}

.info_content .info_step .wrap { display: flex; flex-direction: column; align-items: center; width: 320px; height: 320px; padding-top: 100px; margin: 0 auto; border: 1px solid #D6D5D3; border-radius: 100%; text-align: center; } 

.info_content .info_step h2 { font-size: 30px}

.info_content .info_step ul li:nth-child(2n) { width: 55px; } 

.info_content .bg_border_01 { display: flex; justify-content: space-between; } 

.info_content .bg_border_01 .inner { width: 48%; padding: 30px 40px; border-radius: 5px; background-color: #F9F9F7}

.info_content .bg_border_01 h2 { margin-bottom: 10px; color: #886C4B}

.info_content ol li { position: relative; padding-left: 15px; margin: 0 0 10px 0}
.info_content ol.ol_has_sub li { padding-left : 100px } 
.info_content ol.ol_has_sub li span { display : block; width : 100px; position : absolute; top : 0; left : 10px } 


.info_content ol li:before { display: block; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 100%; background-color: #D6D5D3; content: ''}

.info_content .txt_wrap h2 { margin-bottom: 10px; color: #886C4B}

.info_content .line { height: 1px; margin: 25px 0; background-color: #D6D5D3}

.fa.fa-file { display: none !important}


.tab_nav_link > li { display : inline-block; padding : 0 !important } 
.tab_nav_link > li:before { display : none } 
.tab_nav_link > li + li { margin-left : 10px; } 
.tab_nav_link > li a { display : block; padding : 5px 10px; border : 1px solid #000; } 
.tab_nav_link > li.active a { background-color: #000; color : #fff; } 
.tab_content { display : none } 
.tab_content.active { display: block; } 

#changeAuthorTitle { position: relative; margin-bottom: 20px; color: #886C4B !important; font-size: 20px}





@media (max-width : 1600px){
 .author_history_wrap { padding-left: 150px}

 #historySideMenu { left: 50px}

 .seach_filter_select_wrap h2 { font-size: 18px} 
 }

@media (max-width : 1500px) {
 .mission_wrap dd div,
 .mission_wrap ul li p { font-size: 28px}

 .mission_wrap dt { font-size: 30px}

 .mission_wrap dd:last-child { background-position: left 20px center}

 .mission_wrap dd:last-child { font-size: 18px}

 .info_content .info_step ul { justify-content: center; } 

 .info_content .info_step .wrap { width: 290px; height: 290px} 
 }

@media (max-width : 1450px){
 .author_history_wrap { padding-left: 150px}

 #historySideMenu { left: 50px}

 .author_history_wrap .top>div { width: 60%}

 .author_history_wrap .slide_area { width: 40%; max-width: 430px}

 .author_history_wrap dt .slide_area { width: 100%}

 .thumbnail_list_wrap h2 { height: 66px; font-size: 20px}
 .thumbnail_list_wrap h2.multiline { height: 40px }

 .exhibition_view_wrap .left { width: 800px}

 .exhibition_view_wrap .top>.right { width: calc(100% - 850px)}

 .myinfo_wrap { width: 670px}

 #siteMapMenuDiv .sitemap_1depth_title { font-size: 25px}

 #siteMapMenuDiv .sitemap_2depth a { font-size: 18px}

 .api_step_wrap li { font-size: 18px; } 

 .api_step_wrap li h3 { font-size: 24px}

 .seach_filter_select_wrap .inner { padding: 25px 10px 25px 15px}

 .type_select a { padding: 10px 15px}

 .info_content .info_step .wrap { width: 260px; height: 260px; padding-top: 80px} 
 }

@media (max-width : 1300px){
 .new_works_list_wrap .wrap>div { width: 25%}

 .container { padding: 35px 20px}

 .title { font-size: 30px}

 .author_history_wrap .slide_area { max-width: 380px}

 .seach_filter_select_wrap.active { padding: 35px}

 .keyword_wrap ul li { width: 33.33%}

 .myinfo_wrap { padding: 35px}

 .mypage_top_wrap .default { padding: 40px 20px}

 .mission_wrap dt { width: 200px; font-size: 25px}

 .mission_wrap dd div,
 .mission_wrap ul li p { font-size: 24px}

 .mission_wrap ul { width: 500px}

 .mission_wrap ul li { width: 200px; line-height: 200px}

 .mission_wrap ul li p { width: 200px; line-height: 200px}

 .mission_wrap ul:after { width: 400px; height: 400px}

 #ruleDetailModal .modal_inner { width: 1000px}

 .doc_txt table th,
 .doc_txt table td { font-size: 16px} 
 }

@media (max-width : 1200px){
 .new_author_list_wrap .wrap>div { width: 33.33%}

 .new_works_list_wrap .wrap>div { width: 33.33%}

 .bgline:after { right: 0; width: 100%}

 .author_side_nav { display: none}

 .seach_option>* { font-size: 14px}

 .seach_option select { width: 100px}

 .seach_option input { width: 200px}

 .seach_option input.datepicker { width: 120px}

 .author_list_wrap .wrap>div { width: calc(50% - 40px)}

 .movie_thumb .swiper-slide { width: 33.33%}

 .movie_slide_wrap { padding: 35px}

 .author_list_wrap2 .wrap>div { width: calc(25% - 20px)}

 .new_exhibition_author .wrap>div { width: calc(33.33% - 40px)}

 #historySideMenu { display: none}

 .author_history_wrap { padding-left: 0}

 .author_history_wrap .top>div { float: none; width: 100%}

 .author_history_wrap .has_year>p { position: relative; font-size: 80px; text-align: left}

 .author_history_wrap .top { padding: 50px 0}

 .history_list .has_year>p { top: 0}

 .author_history_wrap .slide_area { width: 100%; max-width: 100%}

 .author_history_wrap .has_year .top_txt { padding-top: 30px}

 .author_history_wrap .hide_txt_wrap { padding-bottom: 30px}

 .author_history_wrap .top_txt h3 { font-size: 34px}

 .history_list dl,
 .history_list dl dt,
 .history_list dl dd { display: block; width: 100%}

 .history_list dl { margin: 50px 0}

 .history_list dl dt p { border: 1px solid #ccc; background-color: #eee !important; background-size: contain !important}

 .history_list dl dd { padding-top: 30px; padding-left: 0}

 .author_explain_wrap .explain_title { font-size: 30px}

 .thumbnail_list_wrap dl dt { width: 200px; height: 200px}

 .thumbnail_list_wrap dl dt p { height: 100%}

 .exhibition_view_wrap .left,
 .exhibition_view_wrap .top>.right { width: 48% !important}

 .keyword_wrap ul li { width: 50%}

 .collection_list_wrap ul li { flex-basis: 33.33%}

 .web_magazine_body .first h2 { font-size: 50px}

 .post_title { font-size: 35px}

 .post_flex div h2 { font-size: 26px}

 .bbs_detail_post dt { font-size: 50px}

 .post_btm_wrap dt { font-size: 18px}

 .bbs_series_list ul li { flex-basis: 33.33%; } 

 .gusul_detail_wrap dl dt,
 .gusul_detail_wrap dl dd { font-size: 18px}

 .gusul_detail_wrap dl dt { width: 200px}

 .gusul_scroll p { font-size: 18px}

 .gusul_scroll { font-size: 16px}

 .gusul_author h3 { font-size: 20px}

 .gusul_file_title p a { padding: 0 15px; font-size: 15px}

 .gusul_file_title p a:before { top: 4px; left: -1px}

 .gusul_file_wrap ul a { padding: 40px 30px 40px 155px}

 .gusul_file_wrap ul p { left: 30px}

 .gusul_file_wrap ul h2 { font-size: 18px}

 .api_wrap .scroll { font-size: 16px}

 .checkbox input { width: 18px; height: 18px}

 .api_wrap dl dt { width: 250px; font-size: 17px}

 .api_wrap dl label,
 .api_wrap dl select { font-size: 16px}

 .info_detail_wrap div h2 { font-size: 22px}

 .myinfo_wrap { position: relative}

 .mypage_top_wrap .default { float: none; justify-content: center}

 .myinfo_wrap h2,
 .myinfo_wrap h2 span { font-size: 26px}

 .myinfo_wrap h2:after { top: 8px}

 .myinfo_wrap p.mypage_email { top: 0}

 .mypage_top_wrap .default div a { display: inline-block}

 .mypage_tab_link { margin: 40px 0}

 .mypage_nav_wrap a { margin: 0 10px; font-size: 18px}

 #membershipAddModal dl dt { width: 120px; font-size: 15px}

 #membershipAddModal dl dt label { font-size: 15px}

 #membershipAddModal dd>p { flex-wrap: wrap}

 #membershipAddModal dd>p span { flex-basis: 100%; } 

 .reset_filter_btn button { width: 180px}

 .seach_filter_nav li a { font-size: 16px}

 .thema_type02 .type_select a { font-size: 14px}

 .thema_search_opt .inner { width: calc(33.33% - 10px); margin: 5px; flex-basis: calc(33.33% - 10px)}

 .thema_search_opt h2 { margin-bottom: 10px; font-size: 16px}

 .thema_search_opt .input_wrap input { font-size: 15px}

 #siteMapMenuDiv>li { flex-basis: calc(33.33% - 20px); } 

 #siteMapMenuDiv .sitemap_1depth_title { font-size: 22px}

 .mission_wrap dl,
 .mission_wrap dl dt,
 .mission_wrap dl dd { background: none !important}

 .mission_wrap dt { width: 130px}

 .mission_wrap dd:last-child { padding: 0 0 0 20px}

 .mission_wrap dd div,
 .mission_wrap ul li p { padding: 60px 0; font-size: 22px}

 .mission_wrap ul li p { padding: 0; line-height: 200px}

 #ruleDetailModal .modal_title { font-size: 30px}

 .has_search_filter { padding: 0 30px}

 .has_search_filter .search_page_tab_link { margin: 60px -10px 20px -10px}

 .has_search_filter .search_page_tab_link a { margin: 0 10px; font-size: 20px}

 .search_filter_panel_wrap { position: fixed; top: 0; right: -230px; width: 230px; height: 100%; z-index: 999; border-left: 1px solid #ccc; transition: all .3s ease; } 

 .search_filter_panel_wrap.active { right: 0; background-color: #fff; } 

 .search_filter_panel_wrap>div { height: 100%; box-shadow: none; overflow: auto; } 

 .search_filter_panel_wrap button { display: block; position: absolute; top: 130px; left: -31px; width: 30px; z-index: 2222; padding: 10px 5px; border-radius: 5px 0 0 5px; background-color: #F58A4A; color: #fff; line-height: 110%; transition: none; word-break: break-all; } 

 .search_filter_panel_wrap .inner>a { font-size: 16px}

 .has_search_filter .collection_list_wrap ul li { margin: 20px 0; flex-basis: 50%}

 .new_result_wrap { display: block; padding: 50px 0; } 

 #COLLECTION_Div .collection_list_wrap { margin-top: 50px}

 .bbs_has_side_wrap { display: block}

 .bbs_has_side_wrap #toggleBtm { display: block; position: absolute; top: calc(50% - 22px); right: -35px; width: auto; padding: 10px 15px; border-radius: 0 5px 5px 0; background-color: #205adb; color: #fff; } 

 .bbs_has_side_wrap #toggleBtm i { border-color: #fff}

 .bbs_has_side_wrap .bbs_side_nav.on #toggleBtm i { transform: rotate(135deg)}

 .bbs_has_side_inner { width: 100%}

 .bbs_has_side_wrap .bbs_side_nav { position: fixed; top: 200px; left: -200px; width: 200px; z-index: 2; background-color: #fff; transition: all .3s ease}

 .bbs_has_side_wrap .bbs_side_nav.on { left: 0}

 .template_type29 .template_tit p { flex-shrink: inherit}

 .rule_wrap .wrap { flex-basis: calc(50% - 40px); } 

 .new_exhibition_info dl { flex-wrap: wrap}

 .new_exhibition_info dl dd { width: calc(100% - 110px)}

 .new_author_wrap { flex-direction: column; } 

 .new_author_wrap .left { display: block; width: 100%; flex-basis: 100%; } 

 .author_intro { position: relative; width: 500px; padding-right: 250px; margin: 0 auto}

 .new_author_wrap .slide_area { position: absolute; top: 0; right: 0}

 .new_author_wrap .author_slide { height: 220px}

 #introTextEffect { display: none}

 #authorSideMenu { padding: 15px; margin-top: 50px; text-align: center; } 

 #authorSideMenu a { display: inline-block; margin: 0 15px}

 #authorPaging { position: static; width: 100%; margin: 20px 0; text-align: center}

 #authorPaging a { display: inline-block}

 #authorTabList { margin-top: 20px}

 #authorTabList .new_search_opt { position: static; text-align: right; } 

 .new_author_wrap .left { padding: 30px; border-radius: 5px; background-color: rgba(178, 158, 135, 0.14)}

 .new_author_right { padding: 15px 0}

 .new_author_wrap .left:before { display: none}

 .search_page_tab_link { justify-content: flex-start; flex-wrap: wrap; } 

 .search_page_tab_link a { width: calc(20% - 10px); margin: 5px}

 .seach_filter_select_wrap { height: auto; flex-wrap: wrap}

 .seach_filter_select_wrap .inner { width: 25%; height: 250px; border-bottom: 1px solid #d6d5d3}

 .seach_filter_select_wrap .inner:last-child { border-right: 1px solid #d6d5d3}

 .thema_step_search { flex-wrap: wrap}

 .thema_step_search .seach_top { margin: 0 auto 10px}

 .thema_step_search .type_select { width: 100%; flex-wrap: wrap}

 .type_select a { padding: 8px 13px; margin: 5px; font-size: 16px}

 .info_content .info_step .wrap { width: 220px; height: 220px; padding-top: 60px}

 .info_content .info_step h2 { font-size: 22px} 
 }

@media (max-width : 1050px){
 .seach_input_wrap { position: relative; padding-right: 130px; margin: 0}

 .seach_input_wrap button { position: absolute; top: 0; right: 0}

 .seach_option #seacInput { width: 100%}

 .author_detail_view .top>div { float: none; width: 100%; height: 400px}

 .author_detail_view .top>div:first-child { width: 100%}

 .author_detail_view .top .author_slide { height: 400px}

 .author_detail_view .info_area { padding: 35px}

 .author_detail_view .info_area h2 { font-size: 30px}

 .author_detail_view .info_area h2 span { font-size: 24px}

 .author_detail_view .txt p { font-size: 18px}

 .author_detail_view .txt,
 .author_detail_view a { font-size: 16px}

 .author_detail_view .info_area { height: auto; padding-bottom: 30px}

 .author_detail_view a { margin-top: 10px}

 .movie_txt_wrap { padding: 15px; font-size: 15px}

 .author_list_wrap2 .wrap>div { width: calc(50% - 20px)}

 .new_exhibition_author .wrap { height: 300px}

 .new_exhibition_author .wrap>div { width: calc(50% - 40px)}

 .author_list_wrap2 div.over h2 { font-size: 18px}

 .author_list_wrap2 a>p { height: 280px}

 .thumbnail_list_wrap .wrap>div { float: none; width: 100%; padding: 0; margin: 20px 0}

 .thumbnail_list_wrap h2 { height: auto}

 .exhibition_view_wrap .left,
 .exhibition_view_wrap .top>.right { float: none; width: 100% !important}

 .exhibition_view_wrap .top>.right { margin-top: 20px}

 .exhibition_view_wrap .top_info { padding: 20px 15px}

 .sub_title_line p { font-size: 16px}

 .exhibition_tab_wrap a { padding: 7px 18px; font-size: 16px}

 .exhibition_tab_wrap a+a { margin: 0 0 0 5px}

 .web_magazine_body { overflow: auto}

 .web_magazine_body section { padding: 20px}

 .web_magazine_body .first { padding-top: 100px}

 .web_magazine_body .first .inner { top: 0; left: 0; width: 100%; height: 100%; padding: 120px 20px 20px 20px; transform: none; overflow: auto; } 

 .web_magazine_body .first h2 { margin: 30px 0; font-size: 40px}

 .web_magazine_body .first a { margin: 0 auto 20px}

 .web_magazine_body .first .txt_box { max-width: 100%}

 .web_magazine_body section .scroll { font-size: 16px}

 .web_magazine_body .second .txt_box2 { padding: 20px}

 .web_magazine_body .third .container { display: block}

 .web_magazine_body .third .container p { height: 250px}

 .web_magazine_body .third .container>div { border-radius: 0}

 .web_magazine_body .third .container>div:last-child,
 .web_magazine_body .fourth .inner { height: 350px}

 .web_magazine_body .third .container .scroll { height: auto; } 

 .web_magazine_body .fifth .top { flex-direction: column; margin: 0}

 .web_magazine_body .fifth .top div { width: 100%; height: 100px; margin: 10px 0; flex-basis: 100%}

 .web_magazine_body .fifth .inner { height: auto; padding: 30px}

 .web_magazine_body .fifth .container { height: auto}

 .web_magazine_body .video { min-height: inherit; padding-top: 20px}

 .swipder_3d_slide_wrap .swiper-slide { width: 500px; height: 530px}

 .swipder_3d_slide_wrap .swiper-slide div { height: 500px}

 .swipder_3d_slide_wrap .swiper-3d-prev { left: 20px}

 .swipder_3d_slide_wrap .swiper-3d-next { right: 20px}

 .gusul_author>div>p { padding: 10px 25px; font-size: 17px}

 .gusul_file_wrap ul { margin: 10px -10px}

 .gusul_file_wrap ul li { padding: 10px; flex-basis: 100%}

 .reset_filter_btn button { width: 150px; line-height: 40px}

 .thema_type04_map_wrap { display: none}

 .mission_wrap { padding: 0}

 .mission_wrap dl,
 .mission_wrap dl dt,
 .mission_wrap dl dd { display: block; width: 100% !important; max-width: 100% !important}

 .mission_wrap dl { margin: 50px 0}

 .mission_wrap dl dd { text-align: center}

 .mission_wrap dd div { margin: 20px auto}

 .mission_wrap dd:last-child br { display: none}

 .mission_wrap ul:after { display: none}

 .mission_wrap ul { display: flex; flex-direction: row; justify-content: space-between; width: 100%; } 

 .mission_wrap ul li { float: none !important; } 

 .mission_wrap dd div { padding: 35px 10px}

 #ruleDetailModal .modal_inner { width: 80%}

 .thumbnail_list_wrap .wrap { margin: 0}

 .doc_txt table th,
 .doc_txt table td { font-size: 14px}

 .title { font-size: 26px}

 .gusul_file_title p { position: static; top: inherit; right: inherit; margin-top: 10px}

 .gusul_file_title p a { padding: 0 8px}

 .gridImage .item { width: 50%; padding: 10px}

 .exhibition_slide_wrap2 .quotation_wrap { width: 100%}

 .mypage_top_wrap { flex-wrap: wrap}

 .mypage_top_wrap>* { justify-content: center; width: 100% !important; } 

 .info_bg { padding: 30px; background-image: none !important}

 .info_bg h2 { font-size: 25px}

 .info_content dl dt { width: 200px}

 .info_content .info_step ul { flex-direction: column; } 

 .info_content .info_step ul img { transform: rotate(90deg)}

 .info_content .info_step h2 { font-size: 26px}

 .author_content .inner * { text-indent : inherit !important } 
 }

@media (max-width : 1100px){
 .api_step_wrap li { font-size: 16px; } 

 .api_step_wrap li h3 { font-size: 20px}

 .item img { background-color: #f9f9f9; object-fit: contain; } 

 .template_type29 .template_tit p { flex-shrink: 0; flex-basis: min-content; } 
 }

@media (max-width : 965px){
 .new_author_list_wrap .wrap>div { width: 50%}

 .new_works_list_wrap .wrap>div { width: 50%}

 .api_step_wrap { display: block}

 .api_step_wrap li { width: 300px; margin: 0 auto; font-size: 16px}

 .api_step_wrap li h3 { font-size: 20px}

 .api_step_wrap li:nth-child(2n) { width: 100%; padding: 10px 0}

 .api_step_wrap li:nth-child(2n) img { transform: rotate(90deg)}

 .history_title { font-size: 16px}

 .author_history_wrap .has_year>p { font-size: 60px}

 .info_content dl,
 .info_content dl dt,
 .info_content dl dd { display: block; width: 100%}

 .info_content dl dt,
 .info_content dl dd { padding: 30px 0}

 .info_content dl dd { padding-top: 0} 
 }

@media (max-width : 900px){
 .myinfo_wrap { flex-wrap: wrap}

 .myinfo_wrap p.membership_rank { flex-basis: 100%; } 

 .myinfo_wrap p.membership_rank a { display: inline-block; margin-left: 60px; font-size: 15px}

 #membershipAddModal .modal_inner { width: 85%; max-width: 90%}

 .mission_wrap ul { flex-wrap: wrap}

 .mission_wrap ul li { margin: 10px 0; flex-basis: 50%}

 .main_search_area { padding: 30px}

 .selectBox2,
 .selectBox2 .label { width: 100%; z-index: 4}

 .selectBox2 { padding-right: 15px; background-color: #fff}

 .selectBox2:after { display: none}

 .main_search_area .inner { display: block; } 

 .input_wrap { display: flex; position: relative}

 .input_wrap>a { top: 0px !important}

 .input_wrap>a img { margin-top: inherit !important}

 .main_search_area #search02 { width: 100%; height: 68px; font-size: 26px; line-height: 68px; background-position: right 100px center !important}

 .main_search_area .inner>button { position: absolute; top: 19px; right: 0; width: auto}

 .search_auto_wrap { top: 130px}

 .new_search_opt { top: -50px}
 .new_search_filter_wrap { padding-top : 10px } 

 .author_history_list .wrap>button { top: 20px; right: 17px; } 

 .author_history_list dl { position: relative}

 .author_history_list dl,
 .author_history_list dl dt,
 .author_history_list dl dd { display: block; width: 100% !important; text-align: left !important}

 .author_history_list dl span { width: auto !important}

 .author_history_list dl dd:nth-child(4) { position: absolute; right: 0; bottom: 0; width: auto !important}

 .author_history_list dl dd:nth-child(3) { height: 25px}

 .author_history_list li.active dl button { position: absolute; top: 0; right: 0; } 

 .new_search_filter_wrap .inner span { width: auto; margin : 0 5px; white-space: nowrap; } 

 .new_search_filter_wrap .inner label { font-size: 15px; white-space: nowrap; } 
 }

@media (max-width : 850px){
 .keyword_wrap ul { margin: 0}

 .keyword_wrap ul li { float: none; width: 100%}

 .collection_list_wrap ul li { flex-basis: 50%}

 .post_flex { display: block}

 .post_flex { margin: 30px 0}

 .post_flex img { display: block; margin: 0 auto}

 .post_flex div { padding: 0}

 .post_flex .post_flex_img { margin-bottom: 30px}

 .post_txt { margin: 100px 0}

 .post_flex+.post_flex { margin-top: 100px}

 .post_flex div+.post_flex_img { margin-top: 30px}

 .post_list_img.flex { flex-direction: column; } 

 .post_list_img li { flex-basis: 100%; } 

 .bbs_detail_post dt { width: 60px; font-size: 40px}

 .post_btm_wrap dl,
 .post_btm_wrap dt,
 .post_btm_wrap dd { display: block; width: 100%}

 .post_btm_wrap dt { padding: 0 0 20px 0; font-size: 20px}

 .bbs_series_list ul li { flex-basis: 50%; } 

 .api_wrap dl dt { width: 200px}

 .info_detail_wrap { flex-direction: column; margin: 60px 0}

 .info_detail_wrap div:nth-child(odd) { width: 315px; margin: 0 auto}

 .info_detail_wrap div:nth-child(even) img { transform: rotate(90deg); } 

 .seach_filter_nav li { width: 33.33%}

 .search_page_tab_link a { width: calc(33.33% - 10px); font-size: 16px}

 .search_page_tab_link a span { font-size: 14px}

 .thema_type01 input { font-size: 14px}

 .thema_type04 { flex-wrap: wrap}

 .thema_type04 p { flex-basis: 49%; } 

 .thema_type04 .reset_filter_btn { margin: 20px 0 0 0; flex-basis: 100%}

 #siteMapMenuDiv>li { flex-basis: calc(50% - 20px); } 

 .has_search_filter .search_page_tab_link a { margin: 5px 0; font-size: 18px}

 .search_page_tab_link a span { top: -1px; padding: 1px 8px; font-size: 14px}

 .has_search_filter .quotation_bbs_wrap { flex-wrap: wrap}

 .has_search_filter .collection_list_wrap ul li,
 .has_search_filter .quotation_bbs_wrap>.quotation_wrap { margin: 10px; flex-basis: 100%}

 .thema_type02 .seach_top { padding: 5px}

 .seach_filter_select_wrap.active { padding: 35px 20px}

 .api_intro_wrap .mgt100 { margin-top: 30px !important}

 .title { font-size: 24px}

 .exhibition_view_wrap .right dd { padding-right: 100px}

 .exhibition_view_wrap .right dd h2 a { font-size: 18px}

 .exhibition_view_wrap .right dd p { font-size: 14px}

 .exhibition_view_wrap .right dd>a { padding: 5px 15px; font-size: 14px; } 

 .exhibition_view_wrap .top_info p { font-size: 18px}

 #authorPaging a { padding: 5px 10px}

 #authorPaging a:before,
 #authorPaging a:after { display: none}

 .author_intro { width: 100%; padding: 0}

 .new_author_wrap .slide_area { display: none}

 #connectImage .slide_area { display: block !important; position: static}

 .seach_filter_select_wrap h2 { height: 45px}

 .seach_filter_select_wrap .inner { width: 33.33%; height: 200px}

 .myinfo_wrap,
 .mypage_top_wrap .default { flex-direction: column; } 

 .myinfo_wrap h2 { padding: 0}

 .myinfo_wrap h2:after,
 .myinfo_wrap i { display: none}

 .info_content .inner_border ul { display: block}

 .info_content .inner_border ul li { width: 100%; padding: 10px 0; border: none !important}

 .info_content .bg_border_01 { flex-direction: column; } 

 .info_content .bg_border_01 .inner { width: 100%; margin: 10px 0}

 .info_content .bg_border_01 .inner:first-child { margin-top: -10px}
 .main_search_area input { width : 100% !important } 
 }

@media (max-width : 700px){
 .seach_option_wrap { padding: 15px}

 .seach_option_wrap>span { display: none}

 .seach_option { display: block; position: relative; padding-left: 120px}

 .seach_input_wrap { width: 100%; padding-right: 110px}

 .seach_input_wrap button { width: 90px}

 .seach_option select { position: absolute; top: 0; left: 0; width: 80px}

 .movie_thumb .swiper-slide { width: 50%}

 .author_list_wrap2 .wrap>div { float: none; width: 100%; margin: 20px 0; } 

 .author_list_wrap2.cut_5 .wrap>div { float: left; width: calc(50% - 20px)}

 .author_list_wrap2 .wrap { margin: 0}

 .new_exhibition_author .wrap { height: 250px}

 .web_magazine_body .first h2 { margin: 30px 0; font-size: 30px}

 .gusul_detail_wrap dl,
 .gusul_detail_wrap dl dt,
 .gusul_detail_wrap dl dd { display: block; width: 100%}

 .gusul_detail_wrap dl dd { margin: 10px 0}

 .gusul_author { flex-direction: column; } 

 .gusul_author>div { margin: 20px 0; flex-basis: 100%}

 .author_list_wrap .wrap>div { float: none; width: calc(100% - 40px)}

 .myinfo_wrap { padding: 25px}

 .myinfo_wrap>span { display: none}

 .myinfo_wrap h2 { padding-left: 0}

 .myinfo_wrap p.membership_rank a { margin-left: 0}

 .mypage_top_wrap .default { display: block; padding: 20px; text-align: center}

 .mypage_top_wrap .default div { margin: 0 0 20px 0; } 

 .mypage_top_wrap .default p a,
 .mypage_top_wrap .default>a { display: inline-block}

 .mypage_top_wrap .default>a { margin-top: 10px}

 .thema_search_opt .inner { width: calc(50% - 10px); flex-basis: calc(50% - 10px)}

 .thema_search_opt .scroll { height: 150px}

 .bbs_detail_date { display: flex; flex-wrap: wrap}

 .bbs_detail_date dt { width: 50px}

 .bbs_detail_date dd { width: calc(100% - 50px)}

 .rule_wrap .wrap { flex-basis: calc(100% - 20px); } 


 .author_content>div { padding: 20px 0}

 .author_content h3 a img { margin-left: 5px}

 .author_intro>p+span { padding-left: 0}

 .info_content .bg_border { display: block}

 .info_content .bg_border div { padding: 20px 0 0 0; border: none} 
 }

@media (max-width : 600px){
 .collection_list_wrap ul li { flex-basis: 100%}

 .collection_list_wrap ul li a { margin: 10px 20px}

 .bbs_series_list ul { margin: 20px 0}

 .bbs_series_list ul li { padding: 10px; flex-basis: 100%}

 .bbs_detail_date dt { width: 50px}

 .bbs_detail_date dd { padding: 0 10px}

 .api_wrap dl,
 .api_wrap dl dt,
 .api_wrap dl dd { display: block}

 .thumbnail_list_wrap dl,
 .thumbnail_list_wrap dl dt,
 .thumbnail_list_wrap dl dd { display: block; width: 100%}

 .thumbnail_list_wrap2 dd div { margin-top: 0; text-align: center}

 .seach_option input[type="text"] { width: 100%; margin: 0}

 .seach_option { padding: 0; line-height: inherit}

 .seach_option select,
 .seach_input_wrap button { position: static; width: 100%; margin: 5px 0}

 .seach_input_wrap { padding: 0}

 .seach_option #seacInput { margin: 5px 0}

 .seach_filter_nav li { width: 50%}

 .thema_search_opt .inner { width: calc(100% - 10px); margin: 5px; flex-basis: calc(100% - 10px)}

 .reset_filter_btn button { width: 140px}

 .bbs_paging { margin: 40px -20px}

 .bbs_paging a.paging_btn { width: 30px; margin: 0; line-height: 30px}

 .bbs_paging a { padding: 0 7px; font-size: 14px}

 .search_page_tab_link a { width: calc(50% - 10px); font-size: 16px}

 .new_search_opt { position: static}

 .info_content .inner_border { padding: 20px 30px}

 .info_content .bg_border_01 .inner { padding: 20px 30px}

 .sub_title.has_line { font-size : 20px } 
 #membershipAddModal dl,
 #membershipAddModal dl dt,
 #membershipAddModal dl dd { display : block; width : 100%; } 
 #membershipAddModal .mypage_modal_ul { flex-direction: column; } 
 .mypage_modal_ul li:first-child { flex-basis: inherit; padding-right : 0; margin-bottom : 10px } 
 
 #membershipAddModal .file_down_btn,
 #membershipAddModal input[type=file] { line-height : 35px; font-size : 16px } 
 }

@media (max-width : 500px){
 .new_author_list_wrap .wrap { margin: 0}

 .new_author_list_wrap .wrap>div,
 .new_works_list_wrap .wrap>div { float: none; width: 100%}

 .keyword_wrap dl dd { padding: 15px 10px}

 .mission_wrap ul li { flex-basis: 100%; } 

 .thumbnail_list_wrap .wrap>div a { display: block; margin: 5px auto}

 .author_list_wrap2.cut_5 .wrap>div { float: none; width: 100%; margin: 10px 0}

 .seach_filter_select_wrap .inner { width: 50%}

 .new_search_opt { justify-content: space-between; flex-wrap: wrap; } 

 .new_search_opt select { display: block; width: 100%; margin-bottom: 10px}

 .new_search_opt input { width: calc(100% - 115px); margin-left: 0; } 

 #newSearchOpt .new_search_opt input,
 .new_author_wrap .new_search_opt input { width: calc(100% - 65px); margin-left: 0; } 

 .info_content .inner_border .flex p { display: none}

 .info_content ol.ol_has_sub li { padding : 0 0 0 15px } 
 .info_content ol.ol_has_sub li span { position : static; font-weight: bold; } 
 }

.divWidth100 { width: 100% !important; } 

.tips { padding: 15px; margin-top: 17px; border: 1px solid #D6D5D3; border-radius: 4px; color: #000; font-size: 16px; text-align: left; }