@charset 'utf-8';

@media (max-width: 840px) {

/**/
#design h2 {text-align: center;margin-bottom: 25px;font-size: 24px;}
#design h2 span {display: inline-block;padding: 0 12px 10px;background-image: url(../img/bg_h2.png);background-repeat: no-repeat;background-position: 50% 100%;background-size: auto 6px;}
#design h3 {margin-bottom: 20px;padding: 3px 0 3px 0;font-size: 23px;}
#design h4 {margin-bottom: 15px;padding: 1px 0 1px 37px;font-size: 18px;font-weight: 600;color: #2d2d88;background-image: url(../img/bullet_h4.png);background-repeat: no-repeat;background-position: 0 0;background-size: auto 25px;}

/**/
#design .con_wp {margin-top: 50px;}
#design .con_wp.first {margin-top: 0;}
#design .con_s_wp {margin-top: 30px;}
#design .con_s_wp.first {margin-top: 0;}

/* .mDiv */
#design .mDiv {display:block;position:relative;}
#design .mDiv img {width: 100%;}
#design .mDiv .mSpan {position:absolute;right:0;bottom:0;width:40px;height:40px;background: rgba( 0, 0, 0, 0.5 ) url(../img/btn_clk.png) no-repeat center 50%;background-size:20px;text-indent:-99999em;cursor: pointer;}

/**/
#design ul ul {margin-top: 8px;}

#design ul.con_list {margin-top:10px;}
#design ul.con_list > li {position: relative;z-index: 0;padding-left: 12px;font-size: 15px;color: #333; line-height: 22px;}
#design ul.con_list > li + li {margin-top: 10px;}
#design ul.con_list > li::before {content: '';position: absolute;top: 9px;left: 0;width: 5px;height: 5px;background-color: #222;border-radius: 50%;}

#design ul.con02 > li {position: relative;padding-left: 15px;font-size: 14px;font-weight: 400;color: #333;}
#design ul.con02 > li + li {margin-top: 7px;}
#design ul.con02 > li::before {content: '＞';position: absolute;top: 3px;left: 0;font-size: 9px;font-weight: 600;color: #333;}

#design ul.con03 > li {position: relative;padding-left: 15px;font-size: 14px;font-weight: 400;color: #333;}
#design ul.con03 > li + li {margin-top: 10px;}
#design ul.con03 > li::before {content: '';position: absolute;top: 10px;left: 0;width: 7px;height: 1px;background-color: #aaa;}

#design ul.con03 ul.con04 {margin-top: 10px;}
#design ul.con04 > li {position: relative;padding-left: 10px;font-size: 13px;font-weight: 400;color: #555;}
#design ul.con04 > li + li {margin-top: 5px;}
#design ul.con04 > li::before {content: '';position: absolute;top: 8px;left: 0;width: 3px;height: 3px;background-color: #333;border-radius: 3px;}

/**/
#design ul.number_list > li {position: relative;font-size: 14px;line-height: 1.4em;color: #000;align-items: flex-start;}
#design ul.number_list li ul {margin-top: 10px;}
#design ul.number_list > li + li {margin-top: 12px;}
#design ul.number_list > li span {display: block;padding: 10px 0;text-align: left;}
#design ul.number_list > li span.num {flex-shrink: 0;flex-grow: 0;padding: 2px 10px;margin-top: 3px;border-radius: 10px;font-size: 14px;font-weight: 400;line-height: 34px;color: var(--mainColor);border: 1px solid var(--mainColor);background-color: #fff;}

/**/
#design .txt-msg-box {display: flex;flex-wrap: wrap; margin: 50px 0;justify-content: center; color:#777;}
#design .txt-msg-box > h4 {background:none; padding:0; width:100%; text-align:center; margin-bottom:0; color:#444;}
#design .txt-msg-box > ul {margin: 15px;}
#design .txt-msg-box > ul.con_list > li {position: relative;z-index: 0;padding-left: 0;margin-top: 20px; font-size: 15px;color: #777; text-align:center;}
#design .txt-msg-box > ul.con_list > li + li {margin-top: 10px;}
#design .txt-msg-box > ul.con_list > li::before {content: '';display:none;}

#design ul.no_bg > li {padding-left: 0;background: none;font-size: 13px;color: #555;}
#design ul.no_bg > li + li {margin-top: 7px;}
#design ul.no_bg > li::before {display: none;}

#design ul.th_list > li {padding: 10px 12px;border: 1px solid #ddd;border-top: 0;font-size: 14px;}
#design ul.th_list > li:first-child {border-top: 1px solid #333;}
#design ul.th_list > li > div {position: relative;padding-left: 50px;}
#design ul.th_list > li > div > strong {position: absolute;top: 1px;left: 0;width: 50px;height: 100%;}
#design ul.th_list > li.full > div {padding: 0;}
#design ul.th_list > li.full > div > strong {position: static;display: block;width: 100%;margin-bottom: 10px;}

/**/
#design .add_txt {margin-top: 10px;font-size: 13px;color: #757575;}
#design .txt_type1 {font-size: 15px;color: #555;line-height: 1.5em;}
#design .txt_type2 {font-size: 13px;color: #555;line-height: 1.5em;}

/**/
#design .admin_note {padding: 20px;background-color: #f6f6f6;margin-bottom: 20px;}
#design .admin_note p {font-size: 14px;color: #333;}
#design .admin_note p span {display: block;}
#design .admin_note p span.title {margin-bottom: 10px;font-size: 18px;font-weight: 500;}
#design .admin_note p span.title strong {text-decoration: underline;}
#design .admin_note p span + span {margin-top: 4px;}

/**/
#design a.link {display: inline-block;padding: 0 40px 5px 0;}
#design a.link::after {content: '';display: inline-block;width: 30px;height: 30px;margin-left: 7px;background-image: url(../img/ico_link_file.png);background-repeat: no-repeat;background-position: 100% 0;background-size: auto 28px;vertical-align: top;}

/**/
#design p.summary {margin-bottom: 20px;padding: 20px;background-color: #f6f7f6;font-size: 15px;font-weight: 400;color: #333;}

/****************************** 서브 컨텐츠 ******************************/
/* 작가지원 행사 */
.con-wrap {padding:50px 0; border-bottom:1px solid #464c53;}
.con-wrap:first-child {padding-top:20px;}
.con-wrap:last-child {padding-bottom:0; border-bottom:0;}
.con-wrap .item + .item {margin-top:50px;}
.con-wrap .event-type {display:inline-block; margin-bottom:15px; padding:8px 10px; color:#fff; font-weight:600; font-size: 16px;}
.con-wrap .event-type.type1 {background:var(--colorBlue);}
.con-wrap .event-type.type2 {background:var(--subColor);}
.con-wrap .event-type.type3 {background:var(--mainColor);}
.con-wrap .event-type.type4 {background:var(--colorPurple);}
.con-wrap .event-type.type5 {background:#c42335;}
.con-wrap h3.con-title {font-size:25px !important; margin-bottom:10px !important; line-height:32px;}
.con-wrap .con-title-sub {font-size:16px; line-height:24px;}
.con-wrap .event-images {display:flex; flex-wrap: wrap; gap:20px; margin-top:20px;}
.con-wrap .event-images li img {position:relative; width:100%; height: 180px; object-fit: cover; object-position: center; transition: transform 0.3s ease; border:0;}
.con-wrap .event-images li img:hover {transform: scale(1.05);}
.con-wrap .event-images li .txt-secondary {margin-top:10px; font-size:15px; font-weight:500;}
.con-wrap .event-images.col2 li {width:calc(100% / 2 - 10px);}
.con-wrap .event-images.col3 li {width:calc(100% / 3 - 15px);}
.con-wrap .event-images.col4 li {width:calc(100% / 2 - 10px);}
.con-wrap .event-images.col5 li {width:calc(100% / 3 - 14px);}

.con-wrap .poster-images {display:flex; flex-wrap: wrap; gap:20px; margin-top:20px;}
.con-wrap .poster-images li img {position:relative; width:100%; height: auto; object-fit: cover; object-position: center; transition: transform 0.3s ease; border:0;}
.con-wrap .poster-images li img:hover {transform: scale(1.05);}
.con-wrap .poster-images.col2 li {width:calc(100% / 2 - 10px); }
.con-wrap .poster-images.col5 li {width:calc(100% / 2 - 10px); }


/* 문학나눔 신진작가 인터뷰 */
.interview-wrap {position: relative; width: 100%; padding:0 0 50px; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 50px 0;}
.interview-wrap::before {content: ""; position: absolute; z-index: 0; left: 0; right: 0; top: 210px; height: 170px; background:#eeedee;}

/* 인터뷰 - 책 표지 */
.book-cover {position: relative; width:100%; max-width:270px; margin:0 auto;}
.book-cover img {display: block; width: 100%; height: auto;}

/* 인터뷰 - 컨텐츠 */
.interview-content {position: relative; width:100%; z-index: 2;}
.interview-head {text-align:center;}
.interview-head .interview-label {display: block;  color: #222; font-size: 16px; font-weight: 400;}
.interview-head .interview-label::after {content: ""; display: block; width: 1px; height: 20px; margin:20px auto; background: #000;}
.interview-head .book_name strong {display: block; margin-bottom: 25px; font-size: 20px; font-weight: 800;}
.interview-head .book_name span {display: block; font-size: 30px; line-height: 1.3; font-weight: 700;}
.interview-head .publisher {display: inline-block; margin-top: 35px; padding: 7px 12px; background: #222; color: #fff; font-size: 16px; font-weight: 500;}

.interview-body .video_area {margin-top:50px;}
.interview-body .intro-text {margin:30px 0; font-size: 16px; line-height: 1.7;}
.interview-body .intro-text p {margin: 0 0 15px;}
.interview-body .intro-text p:last-child {margin-bottom: 0;}

.interview-images figure {margin-bottom:10px;}
.interview-images figure:last-child {margin-bottom: 0;}
.interview-images img {display: block; width: 100%; height: auto !important;}

.interview-qa .qa-item {margin-top: 40px;}
.interview-qa .qa-item .question {margin-bottom:15px; font-size: 21px; line-height: 1.5; font-weight: 700;}
.interview-qa .qa-item .question .q {color:var(--mainColor); margin-right:10px;}
.interview-qa .qa-item .answer {font-size: 16px; line-height: 1.7;}


/**/
.bookList_guide {display:flex; flex-wrap: wrap; justify-content: center; gap:30px 0;}
.bookList_guide .bookList-img {width:100%; max-width:300px; text-align:center; line-height:0; /*font-size:0;*/ border:1px #111 solid;}
.bookList_guide .bookList-img img {border:10px #fff solid;}
.bookList_guide .bookList-txt {width: 100%; font-size: 16px; line-height: 26px; padding: 40px 5%; border-bottom: 1px #111 solid; border-top: 1px #111 solid; display: flex; flex-wrap: wrap; align-content: center;}
.bookList_guide .bookList-txt .guide-lst {margin-bottom:30px;}
.bookList_guide .bookList-txt .guide-lst li {list-style:none; counter-increment: list-number; position: relative; padding-left: 37px; margin-bottom:8px;}
.bookList_guide .bookList-txt .guide-lst li:before {content: counter(list-number, decimal-leading-zero); position: absolute; left: 0; top: 0; width: 26px; height: 26px; background: #222; font-size:13px; font-weight:600; color: #fff; display: flex; justify-content: center; align-items: center;}
.bookList_guide .bookList-txt .guide-lst li:last-child {margin-bottom:0;}
.bookList_guide .bookList-txt em {display:inline-block; padding:0 8px; font-weight:600; background: #f3f4f9;}
.bookList_guide .bookList-txt strong {color:var(--colorRed); text-decoration: underline; text-underline-offset: 6px;}
.bookList_guide .bookList-btn {width:100%;}
.bookList_guide .bookList-btn a {display:inline-block; width:100%; padding:14px 5px; font-weight:600; color:#fff; text-align:center; background-color:#222;}
.bookList_guide .bookList-btn a:after {content:''; width:20px; height:20px; margin-left:8px; display:inline-block; background:url(../img/icon_blank.svg) 0 0 no-repeat; background-size:cover; vertical-align:middle;}
.bookList_guide .bookList-btn a:hover {background-color:var(--mainColor);}

/**/
.introDesc {display:flex; flex-wrap: wrap; align-items: flex-start; gap:40px 0; padding:20px 0; border-top:1px #111 solid;}
.introDesc .intro-img {display:flex; justify-content: center; width:100%; padding-bottom:20px; border-bottom:1px #111 solid;}
.introDesc .intro-img img {width:90%; max-width:400px;}
.introDesc .intro-txt {width:100%; font-size:16px;}
.introDesc .intro-txt .title {width:90%; margin:0 auto 30px; font-size:30px; font-weight:700; line-height:42px;}
.introDesc .intro-txt .item {position:relative; width:90%; margin:30px auto; line-height:26px;}
.introDesc .intro-txt .item p {margin-bottom:10px; font-size:20px; font-weight:600;}
.introDesc .intro-txt .item p strong {position:relative; color:#111; display:inline-block; padding:0 7px 1px 20px; font-weight:600;}
.introDesc .intro-txt .item p strong:before {content: ''; position: absolute; top: 8px; left: 0; width: 10px; height: 10px; border-radius: 12px; display: block; margin-bottom: 14px; background: var(--mainColor);}
.introDesc .intro-txt .item:last-child {padding-bottom:0; margin-bottom:0;}


/**/
#design .int_wp .int_title {margin-bottom: 10px;font-size: 17px;font-weight: 600;color: var(--subColor);}
#design .int_wp .int_top .img {margin-bottom: 20px;}
#design .int_wp .int_top .img img {width: 100%;max-width: 500px;box-shadow: 7px 7px 15px rgba(0,0,0,0.1);}
#design .int_wp p.title {margin-bottom: 15px;font-size: 22px;font-weight: 600;color: var(--subColor);}
#design .int_wp p.title span {display: inline-block;border-bottom: 1px solid var(--subColor);}
#design .int_wp p.sub_title {font-size: 18px;line-height: 1.5em;font-weight: 500;color: var(--colorPurple);}
#design .int_wp p.sub_stitle {font-size: 16px;line-height: 1.5em;font-weight: 500;color: #333;}
#design .int_wp p.sub_title .imp {font-weight: 700;color: var(--colorGreen);}
#design .int_wp .writer_wp {margin-top: 20px;}
#design .int_wp .writer_wp > div {padding: 20px;border-radius: 5px;background-color: #fff;border: 1px solid #000;}
#design .int_wp .writer_wp > div + div {margin-top: 10px;}
#design .int_wp .writer_wp > div .img {margin-bottom: 20px;font-size: 0;}
#design .int_wp .writer_wp > div .img img {max-height: 150px;max-width: calc(50% - 10px);margin-right: 10px;border: 1px solid #ddd;}
#design .int_wp .writer_wp > div.writer8 .img img {max-width: calc(33.33333% - 10px);}
#design .int_wp .writer_wp > div .info {font-size: 16px;font-weight: 500;color: #000;}
#design .int_wp .writer_wp > div .info .book {display: block;margin-top: 5px;font-size: 15px;font-weight: 500;color: #555;}
#design .int_wp .int_img {margin-top: 7px;}
#design .int_wp .int_img img {max-height: 200px;margin: 3px 10px 3px 0;vertical-align: top;}
#design .int_wp .writer_wp > div .logo {margin-bottom: 12px;}
#design .int_wp .writer_wp > div .logo img {max-height: 40px;}
#design .int_wp .writer_wp > div .con + .img {margin-top: 20px;}
#design .int_wp .writer_wp > div .store_img img {margin: 3px 0 3px 0;vertical-align: top;max-width: 100%;max-height: 100%;}
#design .int_wp .con_summary {padding: 15px;border: 1px solid #000;border-radius: 5px;font-size: 15px;font-weight: 500;color: #333;}
#design .int_wp ul + .con_summary {margin-top: 20px;}

#design .pr_list > div + div {margin-top: 30px;padding-top: 30px;border-top: 1px dashed #ddd;}
#design .pr_title {margin-bottom: 15px;font-size: 19px;font-weight: 600;color: var(--subColor);}
#design .pr_title span {display: inline;border-bottom: 1px solid var(--subColor);}

#design .nation_wp > div {}
#design .int_wp .writer_wp.nation_wp > div .img {margin: 0 0 15px 0;}
#design .int_wp .writer_wp.nation_wp > div .img img {max-width: 100%;}
#design .nation_wp > div .con > span {display: block;font-size: 15px;font-weight: 500;color: #555;}
#design .nation_wp > div .con > span + span {margin-top: 10px;}
#design .nation_wp > div .con > span.tit {margin-bottom: 12px;font-size: 18px;font-weight: 600;color: #000;}
#design .nation_wp > div .con > span.city {color: var(--mainColor);}

/**/
#design div + .book_wp {margin-top: 30px;}
#design .book_btn {}
#design .book_btn .img {max-width: 200px;margin-bottom: 20px;transform: scaleX(-1)}
#design .book_btn .img img {}
#design .book_btn .txt {font-size: 20px;font-weight: 500;color: #000;}
#design .book_btn .txt a.more {display: inline-block;margin-top: 20px;padding: 10px 30px;font-size: 15px;border: 1px solid #000;}
#design .book_btn .bookList-guide-txt {margin: 10px 0;font-size: 14px;padding: 20px;border-radius: 20px;background-color: #f3f3f3;}

/**/
#design .sub_program {position: relative;}
#design .sub_program a.open_modal {display: inline-block;margin-bottom: 20px;font-size: 16px;padding: 8px 20px;border: 2px solid var(--mainColor);border-radius: 10px;color: var(--mainColor);}
#design .pr_wrap .pr_content > div + div {padding-top: 40px;margin-top: 40px;border-top: 1px dashed #dfdfdf;}
#design .pr_wrap p.title {margin-bottom: 20px;padding: 12px 20px;background-color: var(--mainColor);color: #fff;font-size: 18px;font-weight: 600;line-height: 1.1em;border-radius: 7px;}
#design .pr_wrap p.title::before {content: '';display: inline-block;width: 30px;height: 30px;margin-right: 10px;background-image: url(../img/ico_pr_title.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;vertical-align: middle;}
#design .pr_wrap p.s_title {margin-bottom: 12px;font-size: 17px;font-weight: 500;color: var(--mainColor);}

#design .pr_wrap .pr_tabs {margin-bottom: 30px;}
#design .pr_wrap .pr_tabs ul {display: flex;flex-wrap: wrap;}
#design .pr_wrap .pr_tabs ul > li {margin: 2px;flex: 1 1 calc(50% - 4px);}
#design .pr_wrap .pr_tabs ul > li > a {display: block;padding: 15px 25px;background-color: #fff;border: 1px solid #eaeaea;text-align: center;font-size: 16px;font-weight: 500;border-radius: 15px;color: #454545;}
#design .pr_wrap .pr_tabs ul > li > a:hover{background-color: var(--mainColor);color: #fff;transition: all 0.5s;}
#design .pr_wrap .pr_tabs ul > li > a span {display: block;}
#design .pr_wrap .pr_tabs ul > li > a span.num {margin-bottom: 3px;font-size: 20px;font-weight: 600;color: var(--mainColor);}
#design .pr_wrap .pr_tabs ul > li > a:hover span.num {color: #fff;}

@media all and (max-width: 360px) {
	#design .pr_wrap .pr_tabs ul > li {margin: 2px 0;flex: 1 1 100%;}
	#design .pr_wrap .pr_tabs ul > li > a span {display: inline-block;}
	#design .pr_wrap .pr_tabs ul > li > a span.num {margin: 0 5px 0 0;}
}

#design .pr_wrap .img_wp {display: block;}
#design .pr_wrap .img_wp img {max-width: 100%;border: 1px solid #ddd;margin-bottom: 20px;}
#design .pr_wrap .pr_list > li {display: flex;}
#design .pr_wrap .pr_list > li > span + span {position: relative;z-index: 0;padding-left: 35px;}
#design .pr_wrap .pr_list > li > span + span::before {content: '';position: absolute;top: 12px;left: 10px;display: inline-block;width: 15px;height: 1px;background-color: #ccc;}
#design .pr_wrap .pr_list > li span.txt span {position: relative;z-index: 0;padding-left: 25px;display: block;font-size: 98%;color: #000;}
#design .pr_wrap .pr_list > li span.txt span::before {content: '';position: absolute;top: 10px;left: 0;width: 5px;height: 5px;background-color: #888;}
#design .pr_wrap .pr_list > li span.txt span + span {margin-top: 12px;}
#design .pr_wrap .pr_list > li.full {display: block;}
#design .pr_wrap .pr_list > li.full > span.txt_full {display: block;width: 100%;margin-top: 15px;padding-left: 25px;}
#design .pr_wrap .pr_list > li.full > span.txt_full::before {left: 0;}
#design .pr_wrap .img_box {margin-top: 30px;}
#design .pr_wrap .img_box img {max-width: 48%;margin: 1px 0;vertical-align: top;font-size: 0;}
#design .pr_wrap .s_con {padding: 15px 20px;background-color: #f4f4f4;border-radius: 7px;}
#design .pr_wrap ul + .s_con,
#design .pr_wrap div + .s_con {margin-top: 20px;}
#design .pr_wrap .s_con > span {display: block;font-size: 15px;color: #333;}
#design .pr_wrap .s_con > span.tit {margin-bottom: 10px;font-size: 17px;font-weight: 500;color: #000;}

#design .pr_list + .pr_box {margin-top: 20px;}
#design .pr_box + .pr_box {margin-top: 12px;}
#design .pr_wrap .pr_box {padding: 20px;background-color: #f4f4f4;border-radius: 12px;}
#design .pr_wrap .pr_box .title {margin-bottom: 12px;font-size: 17px;font-weight: 600;color: #000;}

/* 2025-08-20 구조변경 */
#design .pr_wrap .pr_thum .pr_box_wp .pr_box .img {margin-top: 15px;}
#design .pr_wrap .pr_thum .pr_box_wp .pr_box .img img {max-height: 250px;}
#design .pr_wrap .pr_thum .pr_box_wp .pr_box .title + p {font-size: 14px;font-weight: 500;color: #555;}
#design .pr_wrap .pr_thum .pr_box_wp .pr_box p + .con_list {margin-top: 12px;}

#prSc {overflow-x: hidden;overflow-y: auto;width: 100%;max-width: 780px;height: 95%;padding: 10px;}
#prSc .img_wp {padding-top: 30px;}
#prSc.modal a.close-modal {top: 10px;right: 10px;}
#prSc.modal a.close_btn {display: inline-block;width: 30%;min-width: 200px;padding: 15px 25px;margin-bottom: 20px;background-color: #333;color: #fff;font-size: 15px;border-radius: 10px;}

/**/
#design .book_wp form {margin-bottom: 30px;padding: 5px 15px;border: 1px solid #000;}
#design .book_wp form dl {padding: 15px 0;}
#design .book_wp form dl + dl {border-top: 1px solid #ddd;}
#design .book_wp form dl dt {display: block;font-size: 16px;font-weight: 600;color: #000;}
#design .book_wp form dl dd {display: flex; flex-wrap: wrap; gap: 5px 32px; margin-top: 5px;font-size: 15px;font-weight: 400;color: #333;}
#design .book_wp form dl dd span {display: inline-block;}
#design .book_wp form dl dd input,
#design .book_wp form dl dd label {vertical-align: middle;line-height: 1.2em;}
#design .book_wp form dl .chk_box {margin-left:0 !important;}
#design .book_wp .search_bar {display: flex;padding: 10px 0 15px;flex-wrap: wrap; gap:4px;}
#design .book_wp .search_bar select,
#design .book_wp .search_bar input,
#design .book_wp .search_bar button {height: 36px;margin: 0;border: 1px solid #ddd;background-color: #fff;font-family: inherit;vertical-align: top;font-size: 14px;color: #333;}
#design .book_wp .search_bar select {width: auto;min-width: 100%;padding: 0 15px;background-color: #f4f4f4;}
#design .book_wp .search_bar input[type="text"] {width: 100%;max-width: 600px;flex-grow: 1;}
#design .book_wp .search_bar button {width:calc(50% - 2px); padding: 0 15px;background-color: var(--mainColor);color: #fff; border:0 !important;}
#design .book_wp .search_bar input[type="button"] {width:calc(50% - 2px); padding: 0 15px;background-color: #333;color: #fff; border:0;}
#design .book_wp .bk_result {position: relative;z-index: 0;margin-bottom: 15px;font-size: 16px;font-weight: 500;}
#design .book_wp .bk_result .num {color: var(--subColor);font-weight: 600;}
#design .book_wp .book_list {}
#design .book_wp .book_list .book_con {width: 100%;margin: 10px 0;padding: 20px;background-color: #f4f4f4;}
#design .book_wp .book_list .book_con:nth-child(-n+2) {margin-top: 0;}
#design .book_wp .book_list .book_con .img img {max-height: 150px;border: 1px solid #333;}
#design .book_wp .book_list .book_con .info {margin-top: 10px;}
#design .book_wp .book_list .book_con .theme {display: inline-block;margin-bottom: 12px;padding: 5px 10px;font-size: 13px;background-color: var(--subColor);color: #fff;font-weight: 500;border-radius: 2px;}
#design .book_wp .book_list .book_con .info p.title a {display: block;margin-bottom: 15px;font-size: 18px;line-height: 1.3em;font-weight: 600;color: #000;text-overflow: ellipsis;}
#design .book_wp .book_list .book_con .info .list > li {position: relative;display: flex;padding-left: 12px;z-index: 0;font-size: 15px;font-weight: 400;color: #333;}
#design .book_wp .book_list .book_con .info .list > li + li {margin-top: 7px;}
#design .book_wp .book_list .book_con .info .list > li::before {content: '';position: absolute;top: 8px;left: 0;width: 4px;height: 4px;border-radius: 5px;background-color: #000;}
#design .book_wp .book_list .book_con .info .list > li span.tit {flex: 0 0 50px;padding-right: 5px;font-weight: 600;color: var(--mainColor);}

@media all and (max-width: 320px) {
	#design .book_wp .search_bar input {width: 100%;margin: 2px 0 0;}
}

/**/
#design .loc_wp .txt > span {display: block;font-size: 15px;line-height: 1.5em;font-weight: 500;}
#design .loc_wp .txt > span.tit {font-size: 22px;font-weight: 600;color: var(--mainColor);}
#design .loc_wp .txt > span.addr {margin-top: 40px;padding: 10px 0 10px 45px;font-size: 16px;background-image: url(../img/ico_map.png);background-repeat: no-repeat;background-position: 0 0;background-size: auto 36px;}
#design .loc_wp .txt > span + span {margin-top: 15px;}
#design .loc_wp .map {margin-top: 5px;}

/**/
#design .con_tab {margin-bottom: 20px;}
#design .con_tab > ul {display: flex;flex-wrap: wrap;}
#design .con_tab > ul > li {width: calc(50% - 4px);margin: 2px;text-align: center;font-size: 14px;line-height: 1;background-color: #f4f4f4;border: 1px solid #ccc;}
#design .con_tab > ul > li.active {border-color: var(--subColor1);background-color: #fff;}
#design .con_tab > ul > li button {width: 100%;height: 100%;padding: 12px;font-size: inherit;color: #555;}
#design .con_tab > ul > li.active button {font-size: 15px;color: var(--subColor1);font-weight: 700;}

#design .con_tab_con > div {display: none;}
#design .con_tab_con > div.active {display: block;}
#design .con_tab_con .txt + .txt {margin-top: 50px;}
#design .con_tab_con .txt .img {margin-bottom: 15px;}

/**/
#design .con_tab2 {margin-bottom: 30px;}
#design .con_tab2 > ul {font-size: 0;}
#design .con_tab2 > ul > li {display: inline-block;}
#design .con_tab2 > ul > li + li {margin-left: 30px;}
#design .con_tab2 > ul > li > button {padding: 0 10px;font-size: 18px;}
#design .con_tab2 > ul > li:first-child > button {padding-left: 0;}
#design .con_tab2 > ul > li.tab_on > button {font-size: 19px;color: var(--mainColor);font-weight: 500;border-bottom: 1px solid var(--mainColor);}

/**/
#design .process > ul {display: flex;flex-wrap: wrap;}
#design .process > ul > li {font-size: 0;}
#design .process > ul.dv2 li,
#design .process > ul.dv3 li,
#design .process > ul.dv4 li {width: 50%;margin: 5px 0;}
#design .process > ul.dv5 li {width: 33.33333%;margin: 5px 0;}
#design .process > ul li::after {content: '';display: inline-block;width: 30px;height: 100%;vertical-align: middle;background-image: url(../img/arrow_process.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 16px;}
#design .process > ul li:last-child::after {background-image: none;}
#design .process > ul li > div {display: inline-block;width: calc(100% - 30px);height: 100%;padding: 15px;border: 1px solid #ddd;font-size: 14px;color: #333;vertical-align: middle;border-radius: 10px;}

/*********************************** table ***********************************/
/**/
#design .mobile_table {display: block;font-size: 14px;padding: 12px 0 12px 50px;background: url(../img/mobile_table.png) no-repeat left 50%;}
#design .table_wp {overflow-x: auto;}
#design .table_wp.table_wide {overflow-x: auto;}
#design .table_wp table {width: 100%;}
#design .table_wp.table_wide table {min-width: 840px;}

/*기본*/
#design div + table {margin-top: 10px;}
#design table {position: relative;z-index: 0;width: 100%;border-collapse: collapse;border-spacing: 0;text-align: center;background-color: #fff;}
#design table::before {content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 1px;}
#design table th,
#design table td {border: 1px solid #e3e3e3;}
#design table thead th {height: 40px;padding: 7px;font-weight: 600;font-size: 15px;color:#333;background: #f6f7f6;border-bottom: 0;border-top: 2px solid #111;}
#design table thead th:first-child {border-left: 0;}
#design table thead th:last-child {border-right: 0;}
#design table tbody th, 
#design table tbody td {height: 40px;padding: 7px;font-size: 14px;color: #333;vertical-align: middle;}
#design .table_wide table tbody td {padding: 3px;font-size: 13px;}
#design table tbody th {font-weight: 400;}
#design table tbody th:first-child {border-left: 0;}
#design table tbody th:last-child {border-right: 0;}
#design table tbody td:first-child {border-left: 0;}
#design table tbody td:last-child {border-right: 0;}
#design table tbody th.item,
#design table tbody td.item {background:#f5f5f5;border-bottom:1px solid #ddd;text-align:center;}
#design table tfoot th,
#design table tfoot td{padding: 7px;font-size: 14px;font-weight: 400;border-top: 3px double #aaa;}
#design table tfoot td:first-child {border-left: 0;}
#design table tfoot th:first-child {border-left: 0;}
#design table tfoot td:last-child {border-right: 0;}
#design table tfoot th:last-child {border-right: 0;}

/*반응형테이블*/
#respon_table {margin-bottom:10px;}
#respon_table table.tstyle_col, 
#respon_table table.tstyle_col tbody, 
#respon_table table.tstyle_col tr, 
#respon_table table.tstyle_col td, 
#respon_table table.tstyle_col th {display: inline-table;}
#respon_table table.tstyle_col tr:first-child {border-top:1px solid #e3e3e3;}
#respon_table table.tstyle_col .item {background-color: #f9f9f9;border-right: 0px;border-left: 0px;font-weight: 500;width: 39%;line-height: 40px;border-top: 0px;text-align: left;}
#respon_table table.tstyle_col .tal {text-align: left;width: 60%;height: 30px;line-height: 40px;border-left: 0px;border-right: 0px;border-top: 0px;}
#respon_table table.tstyle_col caption {font-size: 1.2em;}
#respon_table table.tstyle_col tr {margin-bottom: 0;width: 100%;}
#respon_table table.tstyle_col td,
#respon_table table.tstyle_col th {text-align: left;position: relative;}
#respon_table table.tstyle_col td:before,
#respon_table table.tstyle_col th:before {content: attr(data-label);position: relative;left: 0px;padding: 10px !important;font-weight: bold;text-align: left;}
#respon_table table.tstyle_col td[data-label] {display: block;text-align: left;padding-left: 0;} /*각 열에 'data-label' 속성 사용 */


/*달력 테이블*/
#contain #design .calendar_date {overflow:hidden; position:relative; padding-top:10px; padding-bottom:20px;}
#contain #design .calendar_date .c_left {overflow:hidden;position: static;display: flex;justify-content: center;}
#contain #design .calendar_date .c_left h3 {float: none;font-size: 28px;padding: 0 15px; font-weight: 600;margin: 0;line-height: 1;}
#contain #design .calendar_date .c_left button {color:#777;cursor:pointer;float: none; display:block; width:30px;height:30px;margin: 0;line-height:26px;background:#fff;border:1px solid #d2d2d2; font-size:16px;}
#contain #design .calendar_date .dk_search {margin-top: 15px;text-align: center;}

#contain #design .concert_calendar .calendar_point {padding: 12px 20px;margin: 10px 0;background-color: #f4f4f4;}
#contain #design .concert_calendar .calendar_point span {display: inline-flex;align-items: center;margin: 0 30px 0 0;font-size: 13px;}
#contain #design .concert_calendar .calendar_point span::before {content: '';width: 12px;height: 12px;margin-right: 5px;border-radius: 50%;}
#contain #design .concert_calendar .calendar_point span.c1::before {background: var(--colorc1); }
#contain #design .concert_calendar .calendar_point span.c2::before {background: var(--colorc2);}
#contain #design .concert_calendar .calendar_point span.c3::before {background: var(--colorc3);}
#contain #design .concert_calendar .calendar_point span.c4::before {background: var(--colorc4);}
#contain #design .concert_calendar .calendar_point span.c5::before {background: var(--colorc5);}
#contain #design .concert_calendar .calendar_point span.c6::before {background: var(--colorc6);}

#contain #design .concert_calendar table tbody tr:first-child th,
#contain #design .concert_calendar table tbody tr:first-child td {border-top: 0 !important;}
#contain #design .concert_calendar table.calendar_table tbody th, 
#contain #design .concert_calendar table.calendar_table tbody td {border-top: 0 !important;}
#contain #design .concert_calendar table.calendar_table colgroup,
#contain #design .concert_calendar table.calendar_table thead {display: none;}
#contain #design .concert_calendar table.calendar_table tbody th,
#contain #design .concert_calendar table.calendar_table tbody td {display: block;height: auto;border: 0;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list {display: table; padding:0;min-height: 120px;justify-content: center;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list.active {position: static;width: 100%;height: auto;box-shadow: none;border: 0;border-top: 1px solid #ddd;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list.hiddenTd {display: none;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .day {display:table-cell; width:80px; padding:20px 10px;margin:0; text-align: center; background-color:#fafafa; font-size:15px;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .day .month {display: inline !important;}
#contain #design .concert_calendar table.calendar_table tbody td:first-child .day .month {color:#e60e5a !important;}
#contain #design .concert_calendar table.calendar_table tbody td:last-child .day .month {color:#344ead !important;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .day .date {display: none;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .day .t_day {display: block !important; margin-top:5px; text-align: center; font-size:14px;font-weight: 400;color: #555;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .box {display:table-cell; width:calc(100% - 80px); padding:20px 10px; min-height: auto;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_more {position: static;margin: 0 0 15px 77px;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_close {position: static;margin: 0 0 15px 80px;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li > a > em.time {font-size: 12px;margin-bottom: 2px;}


/**/
#program .dk_table table th,
#program .dk_table table td {font-size: 13px;}

/**/
#dkboard .dk_table table.tstyle *{margin:0;padding:0;border:0;list-style-type:none;font-size:14px;color:#555}
#dkboard .dk_table table.tstyle{width:100%;border-collapse:collapse;border-top:1px solid #1c2645; border-bottom:1px solid #ddd;}
#dkboard .dk_table table.tstyle caption{font-size: 0;line-height: 0;height: 0;}
#dkboard .dk_table table.tstyle tbody tr:hover { background:#fafafa;}
#dkboard .dk_table table.tstyle tbody tr:hover td[scope=row] { background:#f7f7f7; border-right:1px solid #ddd;}
#dkboard .dk_table table.tstyle tbody tr.notice td {border-bottom:1px solid #c5d7e0;background:#f3f3f1}
#dkboard .dk_table table.tstyle thead th{padding: 10px 10px;font-weight: 400;font-size: 14px;color: #333;border-left: none;border-right:none;border-bottom: 1px solid #ddd;background: #f5f5f5;text-align: center;}
#dkboard .dk_table table.tstyle tbody td{padding:9px 10px; font-size:14px;color:#555;text-align:center;border-right:1px solid #eaeaea;border-bottom:1px solid #ddd;}
#dkboard .dk_table table.tstyle tbody td[scope=row] span{display:block;width:36px;color:#fff;height:20px;background:#333;margin:0 auto;font-size:12px;line-height:20px;text-align:center;border-radius:4px}
#dkboard .dk_table table.tstyle tbody td[scope=row] span.bt-content{display:inline;background:none;color:#2285ce;font-family:arial;font-size:14px;font-weight:400}
#dkboard .dk_table table.tstyle tbody td a{padding: 2px;font-size:14px;color:#555}
#dkboard .dk_table table.tstyle tbody td a.company{display:block;padding:7px 0 0 30px;font-size:16px;color:#000;background:url(../img/ico_company.png) no-repeat 0 50%}
#dkboard .dk_table table.tstyle tbody td img{vertical-align:middle}
#dkboard .dk_table table.tstyle tbody td ul{text-align:left}
#dkboard .dk_table table.tstyle tbody td li{font-size:14px;line-height:20px;color:#555}
#dkboard .dk_table table.tstyle tbody td.subject{text-align:left;/*padding-top:15px;*/}
#dkboard .dk_table table.tstyle tbody td.subject div{position:relative;padding:5px 0;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#dkboard .dk_table table.tstyle tbody td.subject a{display:inline-block;padding:0 0 0 0 !important;font-size:14px;font-weight:normal;color:#555;}
#dkboard .dk_table table.tstyle tbody td.subject a:hover { color:#4079e6;}
#dkboard .dk_table table.tstyle tbody td.subject span{font-size:11px;font-weight:800}

#dkboard .dk_table table.tstyle tbody td.subject .new{display:inline-block;width: 15px;height:15px;background:url(../img/ico_new.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden; vertical-align: middle !important;}
#dkboard .dk_table table.tstyle tbody td.subject .secret{display:inline-block;top:2px;width:17px;height:15px;background:url(../img/ico_secret.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden; vertical-align:middle !important;}
#dkboard .dk_table table.tstyle tbody td.subject .reply{display:inline-block;position:relative;left:-2px;padding:0 0 0 10px; background:url(../img/ico_reply.png) no-repeat 0px -38px;text-indent:-9999em;overflow:hidden; vertical-align:top !important;width: 1px;}
#dkboard .dk_table table.tstyle tbody td.subject .list_reply{color:#aa6801}
#dkboard .dk_table table.tstyle tbody td.subject notice{background:#f3f3f1;border-bottom:1px solid #c5d7e0}

#dkboard .dk_table table.tstyle tbody td div.tac{padding:100px 0}
#dkboard .dk_table table.tstyle tbody td .this{font-size:13px;color:#f30}
#dkboard .dk_table table.tstyle tbody td .notice{font-size:13px;color:#0054FF}
#dkboard .dk_table table.tstyle tr:first-child td{background:url(../img/board/table_td.png) repeat-x 0 0}
#dkboard .dk_table table.tstyle tr th:last-child{border-right:0}
#dkboard .dk_table table.tstyle tr td:last-child{border-right:0}

#contain #design div.visitor_num_guid{color:#617295;font-size:0.92em;font-weight:normal;line-height:130%;padding:7px 0 3px ;text-align:left}
#txt_box{margin:10px 0;padding:20px;border:1px solid #ccc;background:#fafafa}

/**/
#contain #design table.responsive {width:100%;}
#contain #design table.responsive colgroup {display: none;}
#contain #design table.responsive thead{display:none}
#contain #design table.responsive tbody tr {display: flex; flex-wrap: wrap; gap:5px 0; border-bottom: 1px solid #dedede; padding: 10px; position: relative;}
#contain #design table.responsive tbody tr:last-child {border-bottom:0;}
#contain #design table.responsive tbody td {display: inline-flex;align-items: flex-start; align-items: center; border-bottom: 0;text-align: left;font-size: .9rem;padding: 0;border:0;height:auto;}
#contain #design table.responsive tbody td:not(.subject) {order: 1;}
#contain #design table.responsive tbody td.subject {order: 0;width: 100%;margin: 3px 0 7px;font-size: 1.1em !important;font-weight: 600 !important;align-items: center;gap: 5px; text-align:left !important; display: inline-block;}
#contain #design table.responsive tbody td[data-th="첨부"] {display:none;}

#contain #design table.responsive tbody td.t-item {min-width: 50%;box-sizing: border-box;margin-bottom: 3px;padding-right: 10px;}
#contain #design table.responsive tbody td.t-item.full {min-width: 100%;}
#contain #design table.responsive tbody td.t-item:before {content: attr(data-th);background: #5757571a;color: #767676;margin-right: 5px;padding: 4px 5px;}
#contain #design table.responsive tbody td:not(.t-item):last-child:before {display: none;}
#contain #design table.responsive tbody td:not([class], :last-child) {padding-right: 7px;margin-right: 7px;position: relative;}
#contain #design table.responsive tbody td:not([class], :last-child):after {content:''; display: block; width: 1px;height: 70%;background: #b6b6b6;position: absolute;right:0;top:0;bottom:0;margin:auto;}

#contain #design table.responsive tbody td .bt-content a {padding: 2px; display:inline-block; color:#222; font-size: 16px; line-height: 22px; font-weight: 500;}
#contain #design table.responsive tbody td .bt-content span {display:inline !important;margin:0 !important;width:auto !important;text-align:left !important;color:#333;}
#contain #design table.responsive tbody td .notice{background:none !important}
#contain #design table.responsive tbody td .new{position:relative;top:3px;display:inline-block;padding-left: 15px;font-size:11px;font-weight: 400;background:url(../img/ico_new.png) no-repeat 0 50%}
#contain #design table.responsive tbody td .secret{position:relative;top:2px;display:inline-block;padding-left:12px;font-size:11px;background:url(../img/ico_secret.png) no-repeat 0 50%}
#contain #design table.responsive tbody th{float:left\9;width:100%\9;display:block;position:relative;font-weight:800;color:#000;background:#f9f9f9 !important}
#contain #design table.responsive tbody th span{background:transparent !important}





/* 이용신청서 */
#design .form_wrap {}
#design .form_wrap .necessary::before {content: '*';display: inline-block;margin-right: 3px;color: var(--colorRed);}
/*#design .form_wrap .input_wp {font-size: 15px;}*/
#design .form_wrap .input_wp + .input_wp {margin-left: 15px;}
#design .form_wrap .agree_wrap {margin-top: 20px;padding: 10px;background-color: #f4f4f4;text-align: center;font-size: 15px;display: flex;border-radius: 10px;flex-direction: column;}
#design .form_wrap .agree_wrap > p {margin-bottom: 5px;}
#design .form_wrap .agree_terms > p {font-size: 16px;}
#design .form_wrap .agree_terms > p + p {margin-top: 10px;}
#design .form_wrap .agree_terms > p + table {margin-top: 10px;}
#design .form_wrap .agree_terms .add_txt {margin-top: 7px;font-size: 15px;color: #555;}

/*
#design input[type=checkbox]{display:none;}
#design input[type=checkbox]+ label{display:inline-block;position:relative;padding:0 0 0 23px !important;margin-right:10px;cursor:pointer}
#design input[type=checkbox]+ label:before{content:"";display:inline-block;position:relative;top:0px;width:16px;height:16px;margin-right:10px;position:absolute;left:0;bottom:4px;border:1px solid #c4c4c4;background:#fff;border-radius:0}
#design input[type=checkbox]:checked + label:before{content:"\2713";font-size:13px !important;font-weight:800;color:#03a98f;background:#fff;text-align:center;line-height:16px}
#design input[type=radio]{display:none;display:block}
#design input[type=radio]+ label{display:inline-block;position:relative;padding:0 0 0 23px !important;margin-right:10px;cursor:pointer}
#design input[type=radio]+ label:before{content:"";display:inline-block;position:relative;top:0px;width:16px;height:16px;margin-right:10px;position:absolute;left:0;bottom:4px;border:1px solid #c4c4c4;background:#fff;border-radius:20px}
#design input[type=radio]:checked + label:before{content:"\2022";font-size:16px !important;font-weight:800;color:#03a98f;background:#fff;text-align:center;line-height:16px}
*/

/*
#design .guide_box{margin:30px 0;padding:30px 30px;-moz-box-shadow:inset 0 0 10px #B2B2B2;-webkit-box-shadow:inset 0 0 10px #B2B2B2;box-shadow:inset 0 0 10px #B2B2B2;border-radius:10px;background:url(../img/common/guide_box_bg.gif) no-repeat 100% 100%}
#design .guide_box h3{color:#551ca9;font-size:17px}*/

/*
#design .stage{border-bottom:1px solid #ccc;overflow:hidden}
#design .stage *{}
#design .stage dt{float:left;width:70%;font-size:18px;font-family:Arial, Helvetica, sans-serif}
#design .stage dt img{display:block;padding:20px 0}
#design .stage dd{float:left;padding:30px 0;width:30%}
#design .stage dd ul{overflow:hidden}
#design .stage dd li{float:left;width:50%;font-size:15px}*/

/********** 탭메뉴 **********/
/**/
#design .tabmenu{margin:0 0 60px 0;font-size: 0;}
#design .tabmenu ul {display:flex; gap:0 20px; white-space: nowrap; overflow-y: auto; flex-wrap: nowrap;}
#design .tabmenu li{display:inline-block;}
#design .tabmenu li a{display: inline-block;position: relative;padding: 0;line-height: 40px;font-size: 18px;font-weight: 600;letter-spacing: -1px;color: #b5b5b5;text-align: center;background: #fff; transition: all 0.2s;border-bottom:3px solid #fff;}
#design .tabmenu li a .window {width:16px; margin-left:2px; opacity:.3; vertical-align:-1px;}
#design .tabmenu li a:hover{}
#design .tabmenu li a.sel{position:relative;z-index:5;color:#119347;box-sizing:border-box;border-color:#119347;}
#design .tabmenu li.mTabOn a{position:relative;z-index:5;color:#242b36;border:2px solid #1c2645;background:#fff;line-height:40px;box-sizing:border-box;}
#design .tabmenu li.lib0,
#design .tabmenu li.lib1,
#design .tabmenu li.lib2,
#design .tabmenu li.lib3,
#design .tabmenu li.lib4 {width: 33.3333%;}
#design .tabmenu li.lib1 a {background-color: #fff;color: var(--mainColor);border: 2px solid var(--mainColor);}
#design .tabmenu li.lib1 a.sel {background-color: var(--mainColor);color: #fff;font-weight: 500;}
#design .tabmenu li.lib2 a {background-color: #fff;color: var(--libColor2);border: 2px solid var(--libColor2);}
#design .tabmenu li.lib2 a.sel {background-color: var(--libColor2);color: #fff;font-weight: 500;}
#design .tabmenu li.lib3 a {background-color: #fff;color: var(--libColor3);border: 2px solid var(--libColor3);}
#design .tabmenu li.lib3 a.sel {background-color: var(--libColor3);color: #fff;font-weight: 500;}
#design .tabmenu li.lib4 a {background-color: #fff;color: #fb612b;border: 2px solid #fb612b;}
#design .tabmenu li.lib4 a.sel {background-color: #fb612b;color: #fff;}

/**/
#design .depthmenu{padding:0;margin:0 -5px 10px -5px;*zoom:1}
#design .depthmenu:before,
#design .depthmenu:after{clear:both;display:table;content:"";line-height:0}
#design .depthmenu li{float:left;width:50%}
#design .depthmenu li a{display:block;position:relative;margin:5px;line-height:37px;font-size:15px;font-weight:600;letter-spacing:-1px;color:#fff;text-align:center;border:2px solid #b1b1b1;background:#b1b1b1;border-radius:5px;transition:all 0.2s}
#design .depthmenu li a i{display:none}
#design .depthmenu li a:hover{position:relative;z-index:5;color:#fff;border:2px solid #014fbb;background:#014fbb;transition:all 0.2s}
#design .depthmenu li a.sel{position:relative;z-index:5;color:#242b36;border:2px solid #014fbb;background:#fff;box-shadow:0 3px 0 #e2e2e2}
#design .depthmenu li a.sel i{display:none}


/*만족도*/
#design .sub_charge {display:flex; flex-wrap: wrap; justify-content: space-between; gap:8px; margin-top:80px; padding:20px 20px; border:1px solid #ddd; border-bottom:0; background-color:#f4f5f6; font-size:14px;}
#design .sub_charge ul {display:flex; flex-wrap: wrap; gap:8px 30px; width:100%;}
#design .sub_charge ul li {position:relative;}
#design .sub_charge ul li strong {font-weight:500;}
#design .sub_charge .limit strong {font-weight:500;}

#design .sub_research {position:relative; padding:20px 20px; border:1px solid #ddd; font-size:16px;}
#design .sub_research .tit {margin-bottom:15px; font-size:15px; font-weight:500; line-height:20px;}
#design .sub_research .pick {display:flex; gap:10px; margin-bottom:20px;}
#design .sub_research .pick li {display:flex; flex-wrap: wrap; justify-content: center; font-size:15px;}
#design .sub_research input.research_input {width:80%;height:40px;}
#design .sub_research input.research_btn {width:calc(20% - 5px); height:40px; line-height:38px; background:#222; color:#fff; font-size: 14px; font-weight:500;}


/**/
#design .tabstyle > ul {overflow: hidden;position:relative;z-index: 0;margin-bottom: 15px;}
#design .tabstyle > ul::after {content: '';position: absolute;bottom: 0;left: 0;z-index: -1;}
#design .tabstyle > ul > li {float: left;margin: 2px;}
#design .tabstyle > ul > li > a {display: block;height: 40px;padding: 0 12px;font-size: 15px;font-weight: 400;color: #555;line-height: 40px;background-color: #f8f8f8;border: 1px solid #333;}
#design .tabstyle > ul > li > a.sel {background-color: #fff;color: #8813d3;font-weight: 500;}
#design .tabstyle > ul > li > a:hover {background-color: #333;color: #fff;transition: all 0.3s;}
/*#design .tabstyle{position:relative;}
#design .tabstyle ul{position:relative;z-index:1;height:42px; margin-bottom:20px;border-bottom:2px solid #4079e6}
#design .tabstyle li{float:left}
#design .tabstyle li:first-child a{margin:0}
#design .tabstyle li a{display:block;position:relative;z-index:0;margin:0 0 0 -1px;padding:0 24px;line-height:41px;font-size:15px;color:#333;text-align:center;border:1px solid #ccc;border-bottom:1px solid #4079e6;background:#fff}
#design .tabstyle li a span{font-size:15px}
#design .tabstyle li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #4079e6;background:#4079e6;transition:all 0.3s}
#design .tabstyle li a.sel,
#design .tabstyle li a.selected {position:relative;z-index:5;padding:0 15px;height:41px;color:#333;border:2px solid #4079e6;border-bottom:1px solid #fff;background:#fff}
#design .tabstyle li a span{color:#f30}
#design .tabstyle .clock{ padding-bottom:10px;}*/
#design .tabstyle .clock{padding: 15px;margin-bottom: 15px;background-color: #f6f7f6;text-align: center;font-size: 15px;}

#dkboard .dk_tabmenu{padding:0;margin:0 -5px 10px -5px;}
#dkboard .dk_tabmenu:before,
#dkboard .dk_tabmenu:after{clear:both;display:table;content:"";line-height:0}
#dkboard .dk_tabmenu li{float:left;width:50%}
#dkboard .dk_tabmenu li a{display:block;position:relative;margin:5px;line-height:37px;font-size:15px;font-weight:600;letter-spacing:-1px;color:#fff;text-align:center;border:2px solid #b1b1b1;background:#b1b1b1;border-radius:5px;transition:all 0.2s}
#dkboard .dk_tabmenu li a i{display:none}
#dkboard .dk_tabmenu li a:hover{position:relative;z-index:5;color:#fff;border:2px solid #1c2645;background:#1c2645;transition:all 0.2s}
#dkboard .dk_tabmenu li a.sel{position:relative;z-index:5;color:#242b36;border:2px solid #1c2645;background:#fff;box-shadow:0 3px 0 #e2e2e2}
#dkboard .dk_tabmenu li a.sel i{display:none}


/**/
#design #program .subtit{padding:20px 0;font-size:18px;text-align:center;border-top:0px solid #ccc;border-bottom:0px solid #ccc;background:url(../img/culture.png) no-repeat 50% 0}
#design #program .subtit strong{font-size:18px;font-weight:400;color:#c62337}
#design #program .title{position:relative;overflow:hidden}
#design #program .title p{padding: 0 0 5px;font-size: 13px;text-align: right;}
#design #program .title .year{position:absolute;top:10px;right:0}
#design #program .title .year strong{float:left;display:block;width:60px;line-height:20px;font-size:16px;color:#333;text-align:center}
#design #program .title .year strong span{padding-left:5px;font-size:16px;color:#333}
#design #program .title .year a{float:left;display:block;width:19px;height:19px;line-height:19px;font-size:11px;font-weight:800;font-family:"돋움", "굴림";text-align:center;color:#fff;background:#b7b7b7}
#design #program .title .year a span{display:none}
#design #program .point h3 {border-bottom:0px solid #ccc}
#design #program .table + .title {margin-top: 40px;}
/*#design #program .table{padding-bottom:20px}
#design #program .table .tar{padding:10px 0}*/

#program .title{position:relative;font-size: 15px;font-weight:500;color:#000;margin-bottom: 5px;}
#program .table + .title {margin-top: 50px;}
#program .title p {position:absolute;bottom: 0;right:0;font-size: 12px;font-weight: 400}

/**/
#design .chart{position:relative;padding-bottom:5px}
#design .chart > ul {padding:0 0 15px;}
#design .chart > ul > li {font-size: 14px;}
/*#design .chart > ul > li{padding:0 0 6px 17px;line-height:19px;background:url(../img/dp2.png) no-repeat 5px 6px}
#design .chart > ul > li strong{color:#c62336}*/
#design .chart li strong{font-weight:400}
#design .chart li strong.orange{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff !important;background:#ef770c;border-radius:22px}
#design .chart li strong.pgreen{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff;background:#235704;border-radius:22px}
#design .chart li strong.gold{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff;background:#9f791e;border-radius:22px}
#design .chart li p{padding:0 0 15px 0}
#design .chart li p .ipin{color:#246e8b}
#design .chart li ul{margin: 10px 0;}
/*#design .chart li ul li{padding:3px 0;font-size:13px}*/
#design .chart li .table{position:relative;top:-10px;padding:0 0 20px 70px}
#design .chart dl{margin:0 0 30px 0;padding:10px 20px 10px 100px;overflow:hidden;border:1px solid #e3e3e3;background:#fff url(../img/ico_point.png) no-repeat 30px 50%;border-radius:5px;box-shadow:1px 3px 1px #fafafa}
#design .chart dt{padding:5px 20px;font-size:16px;color:#526c9b}
#design .chart dd{padding:0 20px 10px 20px;font-size:13px}
#design .chart dd li{font-size:13px}
#design .chart .down{display:inline-block;margin:0 2px 4px 2px;padding:2px 5px;font-size:13px;letter-spacing:-1px;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:3px}
#design .chart .bot{padding:12px 0;border-top:1px dashed #ccc;overflow:hidden}
#design .chart p{padding-bottom:10px;overflow:hidden}
#design .arrow{padding-bottom:50px;background:url(../img/ico_b_arrow.png) no-repeat 50% -20px}

#design .photos {margin: 0 0 20px 0;border-bottom:1px solid #ccc}
#design .photos dl {position:relative;padding:10px 0;}
#design .photos dt {}
#design .photos dt img {max-width: 100%;max-height: 300px;box-shadow: 3px 3px 15px rgba(0,0,0,0.15);}
#design .photos dd {padding: 10px 0 0;}
#design .photos dd li{font-size:14px}
/*#design .photos dd li span,
#design .photos dd li strong{font-size:11px}
#design .photos ul{padding:0 0 5px 0}
#design .photos ul li{padding:0 0 4px 14px;background:url(../img/dp2.png) no-repeat 5px 8px}
#design .photos ul li strong{color:#c62336}*/


/**/
#design .booklist{padding:0 0 30px 0}
#design .booklist ul{overflow:hidden}
#design .booklist li{float:left;width:20%}
#design .booklist li dt{margin:0 auto;width:132px}
#design .booklist li dt a{display:block}
#design .booklist li dt img{display:block;width:132px;height:178px;border:1px solid #333}
#design .booklist li dd{padding-bottom:20px;text-align:center}
#design .booklist li dd a{display:block}
#design .booklist li dd strong{display:block;padding:10px 20px 0 20px;height:47px;line-height:18px;font-size:15px;font-weight:600;overflow:hidden/*;white-space:nowrap;text-overflow:ellipsis*/}
#design .booklist li dd span{display:block;font-size:13px}

/**/
#design .onelist{padding:0 0 30px 0}
#design .onelist ul{margin:0 -10px;overflow:hidden}
#design .onelist li{float:left;width:100%}
#design .onelist li dl{position:relative;margin:10px;overflow:hidden}
#design .onelist li dt a{display:block}
#design .onelist li dt img{display:block;width:132px;height:178px;border:1px solid #333}
#design .onelist li dd{position:absolute;top:0;left:150px}
#design .onelist li dd a{display:block}
#design .onelist li dd strong{display:block;margin:0 0 10px 0;font-size:15px;font-weight:600;overflow:hidden/*;white-space:nowrap;text-overflow:ellipsis*/}
#design .onelist li dd span{display:block;font-size:14px}

/**/
#design .bookgroup{background:url(../img/bookgroup.png) no-repeat 100% 80%}
#design .booktitle{position:relative;margin-bottom:20px;padding:20px;border:1px solid #e0e0e0;border-bottom:1px solid #9c9c9c;background:#fff;border-radius:2px;border-bottom-right-radius:0px;box-shadow:1px 3px 1px #f0f0f0}
#design .booktitle h2{background: none;padding: 0 0 7px 0;font-size: 21px;font-weight: 600;}
#design .booktitle h2 strong{font-size:18px;font-weight:600;color:#000}
#design .booktitle p{line-height:20px;font-size:14px;color:#4c4c4c;word-break:break-all}
#design .booktitle p br{display:none}
#design .booktitle p strong{font-size:14px;font-weight:400;color:#479e33}
#design .booktitle p i{position:absolute;bottom:0px;right:0px;width:0;height:0;border-bottom:30px solid #f7f7f7;border-left:30px solid transparent}
#design .booktitle .ct1{position:absolute;top:30px;left:0;display:none;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_culture.png) no-repeat 50% 50%}
#design .booktitle .ct2{position:absolute;top:30px;left:0;display:none;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_event.png) no-repeat 50% 50%}
#design .booktitle .ct3{position:absolute;top:30px;left:0;display:none;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_onebook.png) no-repeat 50% 50%}
#design .booktitle .ct4{position:absolute;top:30px;left:0;display:none;width:170px;height:150px;border-right:1px solid #eee;background:url(../img/bookstart.png) no-repeat 50% 50%}
#design .booktitle .sv1{position:absolute;top:30px;left:0;display:none;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_ebook.png) no-repeat 50% 50%}
#design .booktitle .sv2{position:absolute;top:30px;left:0;display:none;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_oneservice.png) no-repeat 50% 50%}
#design .booktitle .sv3{position:absolute;top:30px;left:0;display:none;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_booksea.png) no-repeat 50% 50%}
#design .booktitle .sv4{position:absolute;top:30px;left:0;display:none;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_bookdream.png) no-repeat 50% 50%}
#design .booktitle .blue{color:#00539b !important}
#design .booktitle .green{color:#479e33 !important}
#design .booktitle .red{color:#c62338 !important}
#design .booktitle .orange{color:#ec9035 !important}
#design .booktitle .silver{color:#696969 !important}

/*#design .boxst {padding:20px;margin-bottom:30px;border:1px solid #ccc;border-top:3px solid #1c2645;}
#design .boxst h2 {background:none;padding: 0 0 16px 0;font-size:16px;font-weight:bold;}
#design .boxst .txt {font-size:14px;}
#design .boxst .txt span {font-size:inherit;}
#design .boxst .txt span.linefeed {display:inline;}
#design .bst1 {background:none;}
#design .bst2 {background:none;}
#design .bst3 {background:none;}*/

/*
#design .text{margin-bottom:40px;padding:30px 30px 30px 160px;min-height:120px;font-size:16px;border:1px solid #ccc;background:#fff;border-radius:5px;box-shadow:1px 3px 1px #f0f0f0}
#design .text strong{font-size:16px;color:#c62337}
#design .tx1{background:#fff url(../img/ico_culture.png) no-repeat 40px 50%}
#design .tx2{background:#fff url(../img/ico_event.png) no-repeat 40px 50%}*/

/*
#design .culture{}
#design .culture .time{margin:0 auto;padding:20px 0;width:420px;overflow:hidden;display:none}
#design .culture .time h2{float:left;padding:0 10px 0 35px;line-height:40px;font-size:18px;font-weight:300;letter-spacing:-1px;color:#777;background:url(../img/ico_clock.png) no-repeat 0 50%}
#design .culture .time div{float:left;color:#c62337;overflow:hidden}
#design .culture .time div strong{float:left;display:block;position:relative;width:35px;line-height:40px;font-size:18px;text-align:center;border:1px solid #c62337;background:#fff;border-radius:4px}
#design .culture .time div strong i{position:absolute;top:0;right:-10px;display:block;width:4px;height:40px;background:url(../img/ico_minute.png) no-repeat 50% 50%}
#design .culture .time div strong.t1{color:#fff;border:1px solid #a51628;background:#c62337}
#design .culture .time div strong.t2{color:#fff;border:1px solid #a51628;background:#c62337}
#design .culture .time div strong.t3{color:#fff;border:1px solid #a51628;background:#c62337}
#design .culture .time div span{float:left;display:block;line-height:40px;font-size:14px;color:#c62337;padding:0 10px 0 5px}
#design .culture .time div span.none{text-indent:-9999em;overflow:hidden}
#design .culture .list{padding-bottom:20px}
#design .culture .list ul{border-top:1px solid #aaa}
#design .culture .list li div{padding:15px 20px;font-size:16px;border:1px solid #eee;border-top:0;border-right:0;border-left:0}
#design .culture .list li div strong{font-size:16px !important}
#design .culture .bg_bookstart {background:none;}
*/
#design .ls_process {padding-top:30px;border-top:1px dashed #ccc;}
#design .ls_process .process {overflow:hidden;margin-bottom:10px;}
#design .ls_process .process li {width:100%;}
#design .ls_process .process li .img {margin-bottom:20px;border:1px solid #dadada;border-radius:5px;}
#design .ls_process .process li .img img {width:100%;height:initial;}
#design .ls_process .process li .txt {text-align:center;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
#design .ls_process .process li .in {padding-bottom:30px;margin-bottom:20px;background:url(../img/arr2.png) no-repeat center bottom;}
#design .ls_process .process li .in_none {padding-bottom:30px;margin-bottom:20px;background:url(../img/arr2.png) no-repeat center bottom;}
#design .ls_process .process li .in_none2 {padding-bottom:40px;}

/**/
#calendar {position:relative}
#calendar .aConfirm {position: absolute;top: 100px;right:0;padding: 0 20px;height: 32px;line-height: 32px;text-align: center;color: #fff;background: #1e2c5d;border-radius: 5px;}
#calendar .days{text-align:center;padding-bottom: 15px;}
#calendar .days a{display:inline-flex;justify-content: center;align-items: center; position:relative;top:0px;width:40px;height:40px;line-height:40px;font-size:15px;color:#c62337;/*border:1px solid #e3e3e3;border-radius:50px;*/overflow:hidden;transition:all 0.2s}
#calendar .days a i{/*position:absolute;top:0;*/width:30px;height:30px}
#calendar .days .prev{text-indent:-9999px;}
#calendar .days .prev i{left:0;background:url(../img/arrow_prev.svg) no-repeat 50% 50%;background-size: 30px auto !important;}
#calendar .days .next{text-indent:-9999px;}
#calendar .days .next i{right:0;background:url(../img/arrow_next.svg) no-repeat 50% 50%;background-size: 30px auto !important;}
#calendar .days strong{display:inline-block;position:relative;top: 6px;padding:0 20px;line-height:40px;font-size: 30px;color:#222;font-weight:800;}
#calendar .days strong span{position:relative;top:-2px;font-size:20px;font-weight:700;}
#calendar .even{margin-bottom:10px;}
#calendar .even ul{display:flex; gap:0 10px; text-align:center;}
#calendar .even li{position:relative;display: inline-block;text-align:left;margin: 3px;}
#calendar .even li strong{font-weight:400;padding-left:20px;font-size: 13px;vertical-align: middle;}
#calendar .even li i{position: absolute;top:2px;left:0px;z-index: 9; width: 16px;height: 16px;border-radius: 50%;}
#calendar .dk_search{padding-bottom:20px}
#calendar .dk_search fieldset{float:none !important;text-align:center !important}

#contain #calendar .calendar thead th {background: #F0F8FF;color: #000;}
#contain #calendar .calendar tbody td {height: 50px;padding: 3px 5px;font-size: 12px;vertical-align: top;background-color: #fff;border: 1px solid #ddd !important;}
#contain #calendar .calendar tbody td a.appList {display: table;width: 100%;height: 60px;background-color: #ececec;}
#contain #calendar .calendar tbody #addTr .vr_con {position: relative;padding: 10px 0;border-bottom: 1px solid #ddd;text-align: left;}
#contain #calendar .calendar tbody #addTr .reserv_date {position: relative;z-index: 0;font-size: 16px;font-weight: 500;color: #000;}
#contain #calendar .calendar tbody #addTr .reserv_date::after {content: '';position: absolute;bottom: -5px;left: 0;z-index: -1;width: 100%;height: 3px;background-color: #def1ff;}
#contain #calendar .calendar tbody #addTr .vr_con > div > span {font-size: 14px;vertical-align: middle;}
#contain #calendar .calendar tbody #addTr .vr_con > div > span.vr_num {display: block;color: #003fe0;font-weight: 500;}
#contain #calendar .calendar tbody #addTr .vr_con > div > span.vr_time {display: block;margin: 2px 0 5px;}
#contain #calendar .calendar tbody #addTr .vr_con > div > span.vr_count {display: block;font-size: 15px;font-weight: 500;}
#contain #calendar .calendar tbody #addTr .vr_con > div > span.vr_count strong {color: #7000b7;}
#contain #calendar .calendar tbody #addTr .vr_con > .vr_btn {position: absolute;top: 15px;right: 0;}
#contain #calendar .calendar tbody #addTr .vr_close {position: absolute;top: 0;right: 0;width: 35px;height: 35px;background-color: #0f185f;background-image: url(../img/ico_close_white.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;background-size: auto 16px;}

#contain #calendar.vr_calendar .calendar tbody td {padding: 0;vertical-align: middle;}
#contain #calendar .calendar tbody td a.vrSel {background-color: #0f185f;}
#contain #calendar .calendar tbody td a.appList .day_num {display: table-cell;vertical-align: middle;}
#contain #calendar .calendar tbody td a.appList .day_num span {display: inline-block;padding: 10px;border-radius: 50%;background-color: #fff;}
#contain #calendar .calendar tbody td a.vrSel .day_num span {font-size: 115%;font-weight: 700;}
#contain #calendar .calendar tbody #addTr {overflow-y: auto;position: absolute;top: 50%;left: 5%;width: 90%;max-height: 90%;padding: 15px;box-shadow: 7px 7px 20px rgba(0,0,0,0.2);background-color: #fff;transform: translateY(-50%);border: 5px solid #0f185f;}
#contain #calendar.vr_calendar .calendar tbody td .day_num {font-size: 3vmin;}

#contain #calendar .calendar tbody td .result{}
#contain #calendar .calendar tbody td .day_num {text-align: left;margin-bottom: 5px;}
#contain #calendar .calendar tbody td .result span.claendar_holiday {display: block;margin-bottom: 3px;padding: 1px 3px;border: 1px solid #008489;}
#contain #calendar .calendar tbody td .result span.claendar_holiday + br {display: none;}
#contain #calendar .calendar tbody td .result > a {display: block;line-height: 1.3em;font-size: 12px;}
#contain #calendar .calendar tbody td .result > a + a {margin-top: 7px;}
#contain #calendar .calendar tbody td .playout {display: none !important;}
#contain #calendar .calendar tbody td .none{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#f23737;border:1px solid #ccc;border-radius:4px}
#contain #calendar .calendar tbody td .end{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#000;border:1px solid #ccc;background:#eee;border-radius:4px}
#contain #calendar .calendar tbody td .start{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#fff;border:1px solid #005997;background:#005997;border-radius:4px}

#contain #calendar .visit_calendar {display: none;}

/**/
#scheduleList{}
#scheduleList .scheduleList{}
#scheduleList .scheduleList dl {position:relative;margin-top: 10px;border-top: 1px solid #222;border-bottom: 1px solid #ccc;}
#scheduleList .scheduleList dl:first-child {margin-top: 0;}
#scheduleList .scheduleList dl.skip {/*position: absolute;*/display: none;}
#scheduleList .scheduleList dt{background:#f4f4f4;}
#scheduleList .scheduleList dt a{display:block;text-align:left;padding:7px 10px;font-size:14px;color:#1c2645;font-weight:600;font-family:Arial, Helvetica, sans-serif;}
#scheduleList .scheduleList dd{/*padding:5px 0;min-height:40px;*/text-align:center;}
/*#scheduleList .scheduleList dd a{display:block;padding:5px 10px;font-size:13px;border-top:1px solid #eee;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}*/
#scheduleList .scheduleList dd a img{position:relative;top:1px}
#scheduleList .scheduleList dd .result {padding: 5px 0;}
#scheduleList .scheduleList dd .result > a {display: block;padding: 2px;font-size: 12px;}
#scheduleList .scheduleList dd .result > a + a {margin-top: 5px;}
#scheduleList .scheduleList dd .result > a.btn {display: inline-block;}
#scheduleList .scheduleList dd span.end { display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#000;border:1px solid #ccc;background:#eee;border-radius:4px}
/*#scheduleList .scheduleList dd a {display:inline-block;max-width: 100%;box-sizing: border-box;padding:2px 10px;color:#000;border:1px solid #005997;border-radius:4px}*/

/*
#design .service{}
#design .service .bookbox{position:relative;margin-bottom:30px;padding:20px 30px;min-height:120px;line-height:22px;font-size:15px;border:1px solid #ccc;background:#fff;border-radius:5px;box-shadow:1px 3px 1px #f0f0f0}
#design .service .bookbox *{line-height:22px;font-size:15px}
#design .service .bookbox strong{font-weight:400;color:#c62337}
#design .service .bookbox span{}
#design .service .ebook{position:relative}
#design .service .ebook i{position:absolute;top:120px;right:0;display:none;width:220px;height:150px;background:url(../img/img_ebook.png) no-repeat 100% 0%}
#design .service .dream{position:relative}
#design .service .dream i{position:absolute;top:-30px;right:0;display:none;width:220px;height:150px;background:url(../img/img_dream.png) no-repeat 100% 0%}
#design .service .eb01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_ebook.png) no-repeat 20px 50%}
#design .service .eb02{padding:30px 30px 30px 130px;background:#fff url(../img/ico_info.png) no-repeat 20px 50%}
#design .service .eb03{padding:30px 30px 30px 130px;background:#fff url(../img/ico_mobile.png) no-repeat 20px 50%}
#design .service .os01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_oneservice.png) no-repeat 20px 50%}
#design .service .os02{padding:30px 30px 30px 130px;background:#fff url(../img/ico_members.png) no-repeat 20px 50%}
#design .service .bs01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_ebook.png) no-repeat 20px 50%}
#design .service .bl01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_bookdream.png) no-repeat 20px 50%}
#design .service .schema{position:relative;padding:10px 0 30px 0}
#design .service .schema ol{position:absolute;top:-30px;right:0;overflow:hidden}
#design .service .schema ol li{float:left;position:relative;margin-right:10px;padding-left:25px}
#design .service .schema ol .sc1 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl01.png) no-repeat 50% 50%}
#design .service .schema ol .sc2 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl02.png) no-repeat 50% 50%}
#design .service .schema ol .sc3 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl03.png) no-repeat 50% 50%}
#design .service .schema div{padding-bottom:30px}
#design .service .schema div h4{padding:0 0 4px 28px;font-size:16px;font-weight:400;color:#333 !important;background:url(../img/dp2.png) no-repeat 13px 9px}
#design .service .schema div ul{margin:0 -10%;overflow:hidden}
#design .service .schema div ul li{float:left;position:relative;width:100%;text-align:center}
#design .service .schema div ul li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;display:none;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%}
#design .service .schema div ul li span{display:block;margin:10px 10%;height:150px;border:1px solid #ccc;background:#fafafa;border-radius:10px}
#design .service .schema div ul li strong{font-size:16px;font-weight:400;color:#333 !important}
#design .service .schema .img1 *{color:#96c41c}
#design .service .schema .img1 li span{border:1px solid #ccc}
#design .service .schema .img1 .sa1 span{background:url(../img/ico_nl11.png) no-repeat 50% 50%}
#design .service .schema .img1 .sa2 span{background:url(../img/ico_nl12.png) no-repeat 50% 50%}
#design .service .schema .img1 .sa3 span{background:url(../img/ico_nl13.png) no-repeat 50% 50%}
#design .service .schema .img2 *{color:#53b5e6}
#design .service .schema .img2 li span{border:1px solid #ccc}
#design .service .schema .img2 .sa1 span{background:url(../img/ico_nl21.png) no-repeat 50% 50%}
#design .service .schema .img2 .sa2 span{background:url(../img/ico_nl22.png) no-repeat 50% 50%}
#design .service .schema .img2 .sa3 span{background:url(../img/ico_nl23.png) no-repeat 50% 50%}*/

/**/
#design .faq_list{border-top:1px solid #000;font-size: 14px;letter-spacing: -0.4px;}
#design .faq_list .faq .faq_q{position:relative;/*padding: 7px 7px 7px 35px;*/border-bottom:1px solid #ccc;overflow:hidden;}
#design .faq_list .faq .faq_q::after {content:"";position: absolute;display: inline-flex;top: 40%;right: 0;width: 10px;height: 10px;padding-right:30px;background-image: url(../img/arrow_down.png);background-repeat: no-repeat;background-position: center;background-size: 40%;transition: 0.4s ease-in-out;}
#design .faq_list .faq .faq_q dt{/*position:absolute;top: 12px;left:5px*/}
#design .faq_list .faq .faq_q dt img{display:block;width:20px}
#design .faq_list .faq .faq_q dd{/*padding:5px 0*/}
#design .faq_list .faq .faq_q dd a {color:#333;}
#design .faq_list .faq .faq_q dd a{display:block;font-size: 14px;}
#design .faq_list .faq .faq_a{position:relative;/*padding: 7px 7px 7px 35px;*/border-bottom:1px solid #ccc;background:#fafafa;font-size:14px;overflow:hidden;}
#design .faq_list .faq .faq_a dt{/*position:absolute;top: 12px;left:5px*/}
#design .faq_list .faq .faq_a dt img{display:block;width:20px}
#design .faq_list .faq .faq_a dd{height:auto;min-height:60px;margin:5px 0;}
/*#design .faq_list .faq .faq_a dd * {font-size: 13px;line-height: 1.4em;}*/
#design .faq_list .faq .disnone{display:none}

#design .faq_list .faq_qna dl {padding: 10px 10px;}
#design .faq_list .faq_qna dl dt {margin-bottom: 8px;font-size: 15px;font-weight: 500;}
#design .faq_list .faq_qna dl.faq_q dt {color: var(--mainColor);}
#design .faq_list .faq_qna dl.faq_a dt {color: var(--colorOrange);}
#design .faq_list .faq_qna dl dd {font-size: 13px;line-height: 1.5em;}
#design .faq_list .faq_qna dl.faq_a dd p b {display: block;font-size: 14px;font-weight: 500;margin-bottom: 7px;}
#design .vote_list + .title {margin-top: 30px;}

#design .book_vote_list .faq .faq_q {padding: 15px;font-size: 16px;line-height: 1.2em;font-weight: 500;}
#design .book_vote_list .faq .faq_a {padding: 15px;font-size: 14px;line-height: 1.4em;font-weight: 400;color: #555;}

#design .survey_list .faq .faq_q {padding: 15px;font-size: 16px;line-height: 1.2em;font-weight: 500;}
#design .survey_list .faq .faq_a {padding: 15px;font-size: 14px;line-height: 1.4em;font-weight: 400;color: #555;}

/**/
#design #program .author_list p.title {font-size: 17px;font-weight: 500;padding-bottom: 10px;border-bottom: 3px solid #00b24f;}
#design #program .author_list div.img {margin: 10px 0;}
#design #program .author_list p.con {margin-top: 10px;padding-top: 10px;border-top: 1px solid #ddd;font-size: 14px;color: #555;line-height: 1.6em;}

#design #program .author_view .name {font-size: 17px;font-weight: 500;}

/**/
#design .serve{position:relative}
#design .serve i{position:absolute;top:120px;right:0;width:370px;height:510px;background:url(../img/img_serve.png) no-repeat 100% 0%}
#design .dream{position:relative}
#design .dream i{position:absolute;top:-30px;right:0;width:220px;height:150px;background:url(../img/img_dream.png) no-repeat 100% 0%}
#design .monitor{position:relative}
#design .monitor i{position:absolute;top:-120px;right:25px;width:220px;height:150px;background:url(../img/img_monitor.png) no-repeat 100% 0%}
#design .locker_list {display:none;}
#design .ta_mo_none {font-size:20px;text-align:center;padding:50px;}

/*#design #dkboard .community {font-size: 14px !important;}*/

/**/
#design .member{}
#design .member .infomation{margin:0 0 20px 0;padding:20px 0 20px 110px;color:#555;border:1px solid #d3d0d8;background:url(../img/infomation.png) no-repeat -10px 50%}
#design .member .infomation dl{overflow:hidden}
#design .member .infomation dt{float:left;display:block;padding-right:10px;line-height:30px;font-size:20px;font-weight:600;color:#2b3b56}
#design .member .infomation dd{float:left;display:block;line-height:30px;font-size:16px}
#design .member .infomation ul{padding-top:1px;overflow:hidden}
#design .member .infomation ul li{float:left;padding:0 0 0 15px;margin-right:30px;line-height:20px;font-size:15px;background:url(../img/ico_dot.png) no-repeat 0 50%}
#design .member .infomation ul li span.mem_num{color:#a28354}
#design .member .infomation ul li span.use_ok{color:#498bbf}
#design .member .infomation ul li span.use_no{color:#c14e33}
#design .member .idpw {padding-bottom:70px;margin-bottom:50px;border-bottom:1px dashed #ccc;}
#design .member .idpw.id_icon {background:url(../img/id_icon.png) no-repeat center bottom}
#design .member .idpw.pw_icon {background:url(../img/pw_icon.png) no-repeat center bottom}
#design .idpw_result {border:1px dashed #ddd;text-align:center;font-size:16px;padding:90px 20px 20px;background:url(../img/end_icon.png) no-repeat center 26px}

/*
#design .terms{padding:10px 0}
#design .terms *{line-height:19px;font-size:14px;font-weight:400;color:#333}
#design .terms h3{padding-bottom:10px;font-size:17px;font-weight:600;color:#263b98}
#design .terms h4{padding:0 5px 5px 8px;font-weight:400}
#design .terms ul{padding:0 17px}
#design .terms ul li{padding-bottom:3px}
#design .terms p{padding:0 5px 0 10px;line-height:20px}
#design .terms table th{padding:3px 0 !important}
#design .terms .termsbox{position:relative;margin-bottom:20px;padding:20px;line-height:25px;border:1px solid #e0e0e0;border-bottom:1px solid #9c9c9c;background:#fff;border-radius:10px;border-bottom-right-radius:0px;box-shadow:1px 3px 1px #f0f0f0}
#design .terms .termsbox strong{font-weight:400}
#design .terms .box{margin-bottom:10px}
#design .terms .tgroup{padding-bottom:20px}
#design .terms .tgroup > ul > li ul{margin-top:5px;padding:8px 0;border:0px solid #e0e0e0}
#design .terms .tgroup > ul > li ul strong{display:block;padding-bottom:6px}
#design .terms .tgroup > ul > li > ul > li > ul{border:0px solid #e0e0e0;}
#design .terms .tgroup > ul > li > ul > li > ul > li > ul{padding:12px;border:0px solid #e0e0e0;background:#f9f9f9}
#design .terms .point{padding:0 5px 5px 5px;font-weight:600;color:#00877d}
#design .terms .pb5{padding-bottom:5px}
#design .terms .pb10{padding-bottom:10px}
#design .terms .pb15{padding-bottom:15px}
#design .terms .btn{padding:0 6px 1px 6px;font-size:12px;color:#fff;border:1px solid #696969;background:#777;border-radius:3px}
#design .terms .btn:hover{border:1px solid #111;background:#333}
*/

/*
#design .email{}
#design .email *{line-height:25px;font-size:15px;font-weight:400}
#design .email .emailbox{position:relative;margin-bottom:20px;padding:20px 50px 50px 0px;line-height:25px;color:#333;border-top:1px solid #e0e0e0;border-bottom:0px solid #9c9c9c;background:#fff;background:url(../img/mail_bg.png) no-repeat 90% 100%;border-radius:0px;border-bottom-right-radius:0px;}
#design .email .emailbox br{display:none}
#design .email .emailbox strong{color:#c62338;font-weight:600}
#design .email .emaildate{padding:60px 0 120px 0;font-size:15px;font-weight:600;color:#00877d}*/

/* 설문조사 */
#design .polltit{margin-top: 20px;padding: 0;position:relative;overflow:hidden}
#design .polltit h4 {position:relative;font-size:16px;line-height: 1.4em;font-weight: 500;letter-spacing:-1px;color:#333}
#design .polltit h4 strong {font-size:16px;padding-right: 5px;color: var(--mainColor)}
#design .pollitem{margin-bottom:20px;padding:6px 0 30px 0;border-bottom:1px solid #e7e7e7}
#design .pollitem ul{overflow:hidden}
/*#design .pollitem ul li{padding-bottom:10px}*/
#design .pollitem ul li + li {margin-top: 7px;}
#design .pollitem .question{padding-bottom:1px;font-size: 14px;}
#design .pollitem .question strong{padding-right:3px;vertical-align: middle;}
#design .pollitem .question label{padding-right:10px;height: auto;line-height: 1.2em;}
/*#design .pollitem .question input{height:25px;line-height:25px}*/
#design .pollitem .graph{position:relative;margin:0 120px 0 20px;height:10px;background:url(../../wdVote/img/poll_graph_bg01.gif) repeat-x}
#design .pollitem .graph .graphitem{height:10px;text-align:center;background:url(../../wdVote/img/poll_graph_bg02.gif) repeat-x}
#design .pollitem .graph strong{position:absolute;top:-5px;right:-100px}

#design .poll_condition {display: block;padding: 15px;margin: 0 0 10px;background-color: #f0f0f0;text-align: center;color: #555;font-size: 14px;}
#design .ending {color:#c00;background:#feeeee}
#design .ready {background-color: #e3eaf8;color: #09327d;}

#design .poll_privacy {margin-bottom: 20px;}
#design .poll_privacy > strong {display: block;margin: 0 !important;}

#poll_outline{width:99%;padding-top:15px;clear:both;border:3px #cacaca solid;border-top-left-radius:10px;border-bottom-right-radius:10px}
#poll{padding:0 15px 15px}
#poll dl dd{padding:0;margin-left:23px;line-height:150%}
#poll dl dd.tit{font-size:1.1em;font-weight:600;padding-bottom:10px;color:#1256A1}
#poll dl dt{float:left;width:28px;padding:0;margin:0}
#poll_info{float:left;;padding-top:20px}
#poll_tit{float:left;background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;font-weight:600}
#poll_pass #poll_pass_title{background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;margin-bottom:5px;width:757px;font-weight:600}
#poll_table{margin-bottom:10px}
#poll_pop{margin:15px}



#timUser{display: inline-flex;flex-wrap: wrap;flex-direction: column;width: 100%;}
#timUser .userNum{float:left;display:block;width:100%;padding:4px 0}

/**/
#contain #design .nocontent{clear:both;padding: 100px 0;font-size: 16px;font-weight:400;color:#757575;text-align:center;border-bottom:0px solid #ccc;}


/**/
#dkboard .dk_fieldset{position:relative}
#dkboard .dk_fieldset fieldset{position:relative;margin:0 80px 30px 80px;padding:20px 0 0 0;border:1px solid #d9d9d9}
#dkboard .dk_fieldset fieldset legend{display:none}
#dkboard .dk_fieldset .type{position:relative;*zoom:1}
#dkboard .dk_fieldset .type:before,
#dkboard .dk_fieldset .type:after{clear:both;display:table;content:"";line-height:0}
#dkboard .dk_fieldset .type label{display:block;margin:0 20% 5px 20%;line-height:25px}
#dkboard .dk_fieldset .type label strong{position:absolute;top:0;left:10%;line-height:25px;font-size:14px;font-weight:400}
#dkboard .dk_fieldset .type label span{display:block;border:1px solid #ccc}
#dkboard .dk_fieldset .type label input{padding:5px 0;width:100%;text-indent:10px}
#dkboard .dk_fieldset .type label select{padding:5px;width:100%;border:1px solid #ccc;text-indent:6px}
#dkboard .dk_fieldset .order{margin:20px 0 0 0;padding:10px 0;border-top:1px solid #ccc;background:#f7f7f7}
#dkboard .dk_fieldset .order .hunmin{text-align:center}
#dkboard .dk_fieldset .order .hunmin a{display:inline-block;padding:5px;border:1px solid #ccc;background:#fff;border-radius:3px}
#dkboard .dk_fieldset .button{position:absolute;top:24px;right:50px}
#dkboard .dk_fieldset .button button{width:80px;height:72px;font-size:15px;color:#fff;border:0;border-top:4px solid #035ca9;background:#0480ce}

/**/
#design .dk_view {}
#design .dk_content {padding:30px 15px; border-bottom:1px solid #ababab;}
#design .dk_view:after{content: '';display: block;clear: both;}
#design .dk_view h2 {padding:20px 15px; margin-bottom:0; font-size:20px; font-weight:600; line-height:25px; border-top:2px solid #333; border-bottom:1px solid #ccccdd; text-align:left;}

#design .dk_view .view_detail {display:flex; padding:12px 15px; font-size:15px; border-bottom:1px solid #e3e3e3; border-top:0;}
#design .dk_view dl {display:flex; align-items:center; padding:6px 0;}
#design .dk_view dl + dl:before {content:''; width:1px; height:10px; background:#ddd; display:inline-block; margin:0 15px; vertical-align:middle;}
#design .dk_view dl.period dd {color:var(--mainColor);}
#design .dk_view dl.lik,
#design .dk_view dl.add {align-items:flex-start; flex-wrap: wrap; width:100%; padding:14px 20px; vertical-align:middle;}
#design .dk_view dl.lik dt,
#design .dk_view dl.add dt {margin-right:15px;}
#design .dk_view dl.add a {overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap; font-size:15px;}
#design .dk_view dl.add a + a {margin-top:10px;}
#design .dk_view dl.add img{padding:0; margin:0; padding-right:6px; vertical-align:top;}
#design .dk_view dt,
#design .dk_view dd {display:inline-block;}
#design .dk_view dt {display:none; margin-right:15px; font-weight:500; color:#333;}
#design .dk_view dd {font-weight:500; color:#666;}
#design .dk_view dd a {display:block;}
#design .dk_view dd a + a {margin-top: 3px;}
#design .dk_view dd a img {vertical-align: top;margin-right: 5px;}

#design .dk_view .img{float:left;width:30%}
#design .dk_view .img img{width:100%;border:1px solid rgba(0,0,0,0.4);}
#design .dk_view .info{float:right;margin:0 0 20px 0;width:65%}
#design .dk_view .cominfo{margin:0 0 20px 0}
#design .dk_view .contents{clear:both;position:relative;z-index:2;top:-1px;padding:10px;min-height:200px;background:none!important;width:auto !important;border-top:0px solid #e0e0e0;border-bottom:0px solid #d2d2d2}
#design .dk_view .answer_wrap {border-top: 1px solid #333;padding: 10px;border: 1px solid;border-radius: 10px;}
#design .dk_view .viewfile{margin-bottom:20px;padding:0 20px;border-bottom:1px solid #d2d2d2;background:#fff;overflow:hidden}
#design .dk_view .viewfile li{position:relative;padding:7px 0 7px 11%;min-height:40px;border-bottom:0px solid #eee;overflow:hidden}
#design .dk_view .viewfile li strong{position:absolute;top:10px;left:0px;padding:0 0 0 12px;line-height:20px;font-size:13px;background:url(../img/ico_clip.png) no-repeat 0 2px}
#design .dk_view .viewfile li a{display:block;padding:5px 0 5px 20px;font-size:12px}
#design .dk_view .viewfile li a.alz{background:url(../../wdBoard/img/alz.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.bmp{background:url(../../wdBoard/img/bmp.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.doc{background:url(../../wdBoard/img/doc.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.gif{background:url(../../wdBoard/img/gif.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.hwp{background:url(../../wdBoard/img/hwp.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.jpg{background:url(../../wdBoard/img/jpg.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.pdf{background:url(../../wdBoard/img/pdf.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.png{background:url(../../wdBoard/img/png.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.ppt{background:url(../../wdBoard/img/ppt.gif) no-repeat 0 3px}
#design .dk_view .viewfile li a.xls{background:url(../../wdBoard/img/xls.gif) no-repeat 0 3px}

/***** 북큐레이션 *****/
#themeGallery .theme_gallery > ul::after {content: '';display: block;clear: both;}
#themeGallery .theme_gallery > ul > li {float: left;width: 49%;margin: 20px 1% 0;text-align: center;}
#themeGallery .theme_gallery > ul > li:nth-child(2n-1) {margin-left: 0;}
#themeGallery .theme_gallery > ul > li:nth-child(2n) {margin-right: 0;}
#themeGallery .theme_gallery > ul > li div.img {}
#themeGallery .theme_gallery > ul > li div.img a {display: block;height: 180px;padding: 10px;background-color: #f2f2f2;}
#themeGallery .theme_gallery > ul > li div.img img {height: 100% !important;max-width: 100%;}
#themeGallery .theme_gallery > ul > li p.title a {overflow: hidden;padding: 12px 0;display: block;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;font-weight: 500;}

#design #curationBook .curation {height: 340px;padding: 20px 0;background-color: #f4f4f4;}
#design #curationBook .curation .slider li img {margin: 0 auto;height: 300px !important;max-width: 100%;}
#design #curationBook .curation .slick-arrow {position: absolute;top: 50%;z-index: 109;width: 40px;height: 40px;margin-top: -20px;text-indent: -9999px;background-color: rgba(0,0,0,0.5);color: #fff;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 15px;}
#design #curationBook .curation .slick-prev {left: 0;background-image: url(../img/arrow_lib_prev.png);}
#design #curationBook .curation .slick-next {right: 0;background-image: url(../img/arrow_lib_next.png);}

#design .relative_book > ul::after {content: '';display: block;clear: both;}
#design .relative_book > ul > li {float: left;width: 49%;margin: 30px 1% 0;text-align: center;}
#design .relative_book > ul > li:nth-child(2n-1) {margin-left: 0;}
#design .relative_book > ul > li:nth-child(2n) {margin-right: 0;}
#design .relative_book > ul > li:nth-child(-n+2) {margin-top: 0;}
#design .relative_book > ul > li dt {margin-bottom: 10px;}
#design .relative_book > ul > li dt img {height: 180px !important;max-width: 100%;padding: 7px;background-color: #f2f2f2;}
#design .relative_book > ul > li dd {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;font-weight: 500;color: #333;text-align: center;}

/**/
#design .dk_movie{margin:0 -10px;overflow:hidden;*zoom:1}
#design .dk_movie:before,
#design .dk_movie:after{clear:both;display:table;content:"";line-height:0}
#design .dk_movie .webzine{width:100%}
#design .dk_movie .webzine dl{position:relative;margin:10px;padding:0 0 0 25%;border:1px solid #d2d2d2; min-height:180px;*zoom:1;transition:all 0.3s ease-in-out}
#design .dk_movie .webzine dl:before,
#design .dk_movie .webzine dl:after{clear:both;display:table;content:"";line-height:0}
#design .dk_movie .webzine dl:hover{border:1px solid #1c2645;box-shadow:0px 2px 2px 0px rgba(0,0,0,0.16);transition:all 0.3s ease-in-out}
#design .dk_movie .webzine dt{position:absolute;top:0;left:0;width:100%}
#design .dk_movie .webzine dt .tit{padding:10px 20px;border-bottom:1px solid #eee}
#design .dk_movie .webzine dt .tit{background:none}
#design .dk_movie .webzine dt .tit a{display:block;font-size:16px;font-weight:500;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#design .dk_movie .webzine dt .img{margin:10px 20px}
#design .dk_movie .webzine dt .img a{display:inline-block;border:1px solid #eee;height:110px;}
#design .dk_movie .webzine dt .img .noimg{display:block;width:75px;height:100px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px}
#design .dk_movie .webzine dt .img img{width:75px;height:100%;}
#design .dk_movie .webzine dd{padding:55px 20px 10px 0}
#design .dk_movie .webzine dd ul{padding:0 0 5px 0}
#design .dk_movie .webzine dd li{padding:0 10px;font-size:14px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#design .dk_movie .webzine dd li span{font-size:13px;color:#777}
#design .dk_movie .webzine dd .txt{margin-bottom:10px;padding:0 10px;height:48px;line-height:16px;font-size:13px;color:#333;overflow:hidden}
#design .dk_movie .webzine p{height:60px;line-height:20px;color:#888;overflow:hidden}
#design .dk_movie .webzine .more{position:absolute;top:10px;right:10px;color:#4079e6}
#design .dk_movie .detail{}
#design .dk_movie .detail dl{position:relative;margin:10px;padding:0;border:1px solid #d2d2d2;*zoom:1;transition:all 0.3s ease-in-out}
#design .dk_movie .detail dl:before,
#design .dk_movie .detail dl:after{clear:both;display:table;content:"";line-height:0}
#design .dk_movie .detail dt{width:100%}
#design .dk_movie .detail dt .tit{padding:10px 20px 8px 20px;display:block; margin-bottom:12px; text-align:center;font-size:17px;font-weight:bold;color:#1c368d;border-bottom:1px solid #eee}
#design .dk_movie .detail dt .img{margin:0 auto; display:block; width:150px; font-size:0px; padding:0;}
#design .dk_movie .detail dt .img a{display:inline-block;border:1px solid #eee}
#design .dk_movie .detail dt .img .noimg{display:block;width:150px;height:214px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px}
#design .dk_movie .detail dt .img img{width:150px}
#design .dk_movie .detail dd{padding:15px}
#design .dk_movie .detail dd ul{padding:0 0 20px 0}
#design .dk_movie .detail dd li{position:relative;padding:3px 0px 3px 0px;text-align:center;line-height:20px;font-size:13px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px}
#design .dk_movie .detail dd li span{display:block; text-align:center;font-size:14px; font-weight:bold; padding-bottom:2px;color:#df5400}
#design .dk_movie .detail dd .txt{padding:20px 0 50px 0;line-height:25px;font-size:13px;color:#333;border-top:1px solid #eee;text-align:justify;word-break:break-all}
#design .dk_movie .detail p{height:60px;line-height:20px;color:#888;overflow:hidden}

/**/
#dkboard .dk_detail{margin-bottom:20px;*zoom:1}
#dkboard .dk_detail:before,
#dkboard .dk_detail:after{clear:both;display:table;content:"";line-height:0}
#dkboard .dk_detail *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px}
#dkboard .dk_detail h2{margin:10px 0 30px;padding:20px 30px;font-size:16px;color:#0473ba;border-top:2px solid #0473ba;border-bottom:1px solid #0473ba;background:#fff}
#dkboard .dk_detail h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;background:#f9f9f9}
#dkboard .dk_detail table *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px}
#dkboard .dk_detail table{width:100%;border-collapse:collapse;border-top:1px solid #ccc}
#dkboard .dk_detail table caption{display:none}
#dkboard .dk_detail table th{padding:10px 20px;text-align:left;border-bottom:1px solid #ccc;background:#fff}
#dkboard .dk_detail table td{padding:10px;font-size:14px;color:#333;border-bottom:1px solid #ccc;background:#fff}
#dkboard .dk_detail table td a{font-size:14px;color:#333}
#dkboard .dk_detail .capacity{min-height:50px;overflow:hidden}
#dkboard .dk_detail .capacity dl{float:left;width:11.11%;text-align:center;position:static}
#dkboard .dk_detail .capacity dt{display:block;padding:5px 0;background:#ecf9f4}
#dkboard .dk_detail .capacity dd{display:block;padding:5px 0}
#dkboard .dk_detail .img{float:left;width:30%}
#dkboard .dk_detail .img img{width:100%;border:1px solid rgba(0,0,0,0.4)}
#dkboard .dk_detail .info{margin:0 0 20px 0}
#dkboard .dk_detail .info dl{position:relative;padding-left:160px;border-top:1px solid #ccc;overflow:hidden}
#dkboard .dk_detail .info dt{position:absolute;top:10px;left:20px;line-height:20px}
#dkboard .dk_detail .info dd{padding:10px 0;line-height:20px}

/**/
#dkboard .basic_write input[type="text"],
#dkboard .basic_write input[type="password"]{padding:0 10px;height:30px;border:1px solid #ccc;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;line-height:30px\9;font-size:14px;font-family:inherit}

/**/
#dkboard .faqlist *{margin:0;padding:0;list-style-type:none}
#dkboard .faqlist li{padding:20px 0;border-bottom:1px solid #ccc}
#dkboard .faqlist li dl{padding:10px 0;position:relative}
#dkboard .faqlist li dt{position:absolute;top:10px;left:0}
#dkboard .faqlist li dt strong{font-size:24px;font-family:Arial, Helvetica, sans-serif}
#dkboard .faqlist li dd{padding-left:40px}
#dkboard .faqlist li dd br{display:none}

/**/
#dkboard .terms dl {font-size: 15px;}
#dkboard .terms dl > dt {font-size: 14px;font-weight:600;}
#dkboard .terms dl > dd {font-size: 14px;margin-left: 20px;}
#dkboard .terms .chk {padding:5px;font-weight:600;font-size: 16px;text-align: center;}

/**/
#dkboard .prevnext{margin:30px 0 50px;}
#dkboard .prevnext *{margin:0;padding:0;border:0;list-style-type:none;font-size:15px; color:#333;}
#dkboard .prevnext ul {border-top:1px solid #e3e3e3;}
#dkboard .prevnext li {position:relative; display: flex; align-items: center; border-bottom:1px solid #e3e3e3;}
#dkboard .prevnext li strong {position:relative; display:inline-block; width:78px; padding:17px 5px; text-align:left;}
#dkboard .prevnext li strong:before {content:''; display:block; position:absolute; top:calc(50% - 5px); right:5px; width:14px; height:7px; background:url('../img/board_post_arrow.png') center center no-repeat;}
#dkboard .prevnext li.next strong:before {transform:rotate(180deg);}
#dkboard .prevnext li p{color:#999;}
#dkboard .prevnext li p,
#dkboard .prevnext li a {display:inline-block; overflow:hidden; width:calc(100% - 78px); margin-left:2%; font-weight:400; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;}
#dkboard .prevnext li a:hover {text-decoration:underline;}
#dkboard .prevnext li span{position:absolute;top:11px;right:18px;display:block;color:#999}
#dkboard .prevnext li span.reply {display:none;}

/**/
#dkboard .dk_pass{padding:40px 0}
#dkboard .dk_pass .box{padding:30px;font-size:20px;text-align:center;border:1px solid #d2d2d2;background:#fafafa}
#dkboard .dk_pass .button button,
#dkboard .dk_pass .button a{padding:5px 30px}

/*게시판 모달 스타일 */
#dkboard .board-modal {display: none; position: absolute;font-size: 14px !important;text-align: left;bottom: 100%;width: 300px;height: auto;transform: translateX(-100%); background-color: white;padding: 20px !important;!i;!;border: 1px solid #ccc !important;border-radius: 10px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);z-index: 1000; }
#dkboard .board-modal::before {content: '';position: absolute;bottom: -10px; left: 70%;transform: translateX(-50%);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid white;}
#dkboard .board-modal > .modal-content > .close-btn {position: absolute;top: 15px;right: 15px;cursor: pointer;color: #333;font-size: 20px !important;}
#dkboard .board-modal > .modal-content > p {margin-bottom:10px !important;}

/* 게시판 상단 */
#design .board_top {display: flex; flex-wrap: wrap; flex-direction: column-reverse; margin: 0 0 20px;}
#design .board_top .total {font-size:15px; font-weight:500; color:#444; margin-top:15px;}
#design .board_top .total strong {color:#2baa71; font-weight:600;}
#design .board_top .dk_search {}

/* 게시판 검색 */
#design .dk_search {position:relative;}
#design .dk_search:after{content: '';display: block;clear: both;}
#design .dk_search fieldset {display: inline-flex;align-items: center; justify-content: flex-end;gap:4px; width:100%;}
#design .dk_search fieldset legend {position: absolute;top: -9999px;left: -9999px;font-size: 0;}
#design .dk_search fieldset select {display: inline-block;width: 50%;height: 45px;min-width: 130px;padding: 5px 35px 5px 15px; margin:0; font-size:15px; font-weight:400; color: #777; background: #f1f1f1 url('../img/sel_arr.png') top 50% right 15px no-repeat; vertical-align: middle;}
#design .dk_search select {background: none;/*  outline:none; */ -moz-appearance:none; -webkit-appearance:none; appearance:none; -webkit-appearance: none; -webkit-border-radius: 0;}
#design .dk_search select::-ms-expand {display:none;}
#design .dk_search select,
#design .dk_search input {border-color:#ebebeb !important;}
#design .dk_search .search_inp {display:flex;}
#design .dk_search .search_inp input[type="text"] {height: 45px;width:calc(100% - 60px);vertical-align: middle;padding: 5px 70px 5px 20px; margin:0; color: #777; background: #f1f1f1;}
#design .dk_search .search_inp button {width: 60px;height: 45px;color:#fff;font-size:15px;border:0;background:#444;cursor:pointer}

#design .comm {position:relative}
#design .comm .sett{}

/**/
#design .dk_search.sett2 {clear: both;float: none;background-color: #f6f6f6;padding: 15px;margin-top: 5px;border-top: 1px solid #222;}
#design .dk_search.sett2 fieldset {float: none;text-align: left;}
#design .dk_search.sett2 fieldset select,
#design .dk_search.sett2 fieldset input,
#design .dk_search.sett2 fieldset button {margin: 2px 0;height: 32px;vertical-align: middle;}
#design .dk_search.sett2 fieldset select {width: auto;min-width: 80px;background-color: #fff;}
#design .dk_search.sett2 fieldset input[type="text"] {min-width: 80px;width: 30%;}

/**/
#design .dk_paging{padding:0 0 10px 0;text-align:center}
#design .dk_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px}
#design .dk_paging .paging{display: flex;padding:20px 0;align-items: center;justify-content: center;flex-wrap: wrap;}
#design .dk_paging .paging span span{color:#2d4594;font-size:11px;display:none}
#design .dk_paging .paging strong{display:block;margin:0 2px;width: 35px;height: 35px;line-height: 35px;font-weight:800;text-align:center;color: #fefefe;border: 1px solid #444;border-radius: 20px;background-color: #444;}
#design .dk_paging .paging .num{display:inline-block;width: 35px;height: 35px;line-height: 35px;border-radius: 20px;margin: 0 2px;color:#888;border:1px solid #d5d5d5}
#design .dk_paging .paging .num:hover{color:#fff;border:1px solid #444;background:#444}
#design .dk_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:0px solid #ccc}
#design .dk_paging .prev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:1px solid #ccc}
#design .dk_paging .next{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:1px solid #ccc}
#design .dk_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:0px solid #ccc}



#design #sg_paging {padding:0 0 10px 0;text-align:center}
#design #sg_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px}
#design #sg_paging .paging {margin: 20px 0 0;}
#design #sg_paging .paging span span{color:#2d4594;font-size:11px;display:none}
#design #sg_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000}
#design #sg_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5}
#design #sg_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:0px solid #ccc}
#design #sg_paging .prev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:1px solid #ccc}
#design #sg_paging .next{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:1px solid #ccc}
#design #sg_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:0px solid #ccc}

/**/
#design .dk_button {position:relative; flex-direction: row-reverse; display:flex; justify-content: space-between; gap:4px; margin-top:15px;}
#design .dk_button * {margin:0;padding:0;border:0;list-style-type:none;font-size:14px}
#design .dk_button a {display:inline-block;padding:8px 12px;color:#fff;border:1px solid #1c2645;background:#1c2645;border-radius:4px; order:1;}
#design .dk_button button {display:inline-block;padding:8px 12px;color:#fff;border:1px solid #1c2645;background:#1c2645;border-radius:4px}
#design .dk_button > div {display:flex; gap:4px; order:0;}

/**/
#gallery_wrap{clear:both; overflow:hidden; padding-top: 10px; border-top:2px #111 solid;}
#gallery_wrap .gallery_list{float:left;width:100%;padding: 15px 0;}
#gallery_wrap .image_bagic{background:#fff;text-align:center;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .image_bagic a{display:block;overflow:hidden;background:url(../img/noimg.png) no-repeat center center;}
#gallery_wrap .image_bagic a img{width:100%;max-width:100%;min-height:140px;margin:0 auto;display:inline-block;height:auto;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .gallery_top{position:relative}
#gallery_wrap .gallery_top > img{position:absolute;top:5px;left:10px}
#gallery_wrap .gallery_top dl{margin-top: 20px; transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .gallery_top dt a{display:block; margin-bottom:10px; font-weight:600; font-size: 20px; color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#gallery_wrap .gallery_top dd .write, 
#gallery_wrap .gallery_top dd .view_count {display:none;}
#gallery_wrap .gallery_top dd br{display:none}
#gallery_wrap .gallery_top .write{font-size:12px;color:#333}
#gallery_wrap .gallery_top .date{font-size:12px;color:#888}
#gallery_wrap .gallery_top .view_count{font-size:12px;color:#888}
#gallery_wrap .gallery_list:hover .image_bagic{transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .gallery_list:hover .gallery_top dl {  border-top:0;}
#gallery_wrap .gallery_list:hover .gallery_top dt a { color:#3394dd;}

/**/
#dk_book{}
#dk_book .dk_book{overflow:hidden;*zoom:1}
#dk_book .dk_book:before,
#dk_book .dk_book:after{clear:both;display:table;content:"";line-height:0}
/*#dk_book .dk_book .webzine{float:left;position:relative; margin-bottom:20px;width:100%}
#dk_book .dk_book .webzine dl{position:relative;padding:20px;border:1px solid #cacaca;*zoom:1}
#dk_book .dk_book .webzine dl:before,
#dk_book .dk_book .webzine dl:after{clear:both;display:table;content:"";line-height:0}
#dk_book .dk_book .webzine dt{position:absolute;top:20px;left:20px}
#dk_book .dk_book .webzine dt img{display:block;padding:4px;width:82px;height:120px;border:1px solid #dedede}
#dk_book .dk_book .webzine dd{padding-left:110px}
#dk_book .dk_book .webzine dd div a{display:block;font-weight:500;color:#1c368d;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#dk_book .dk_book .webzine dd ul{padding:10px 0 0 0;min-height:85px;height:75px\9}
#dk_book .dk_book .webzine dd li{padding:0 0 5px 0;color:#555;font-size: 14px;line-height: 16px;white-space:nowrap;overflow:hidden}
#dk_book .dk_book .webzine dd li span{display:inline-block;width:40px;font-size:14px;color:#060}
#dk_book .dk_book .webzine dd li em{padding:0 10px}
#dk_book .dk_book .webzine .content{height:40px;line-height:20px;font-size:14px;color:#888;overflow:hidden}*/

#dk_book .dk_book .webzine {position: relative;}
#dk_book .dk_book .webzine + .webzine {margin-top: 5px;}
#dk_book .dk_book .webzine dl {padding: 15px;border:1px solid #ccc;background-color: #fff;}
#dk_book .dk_book .webzine dl:before,
#dk_book .dk_book .webzine dl:after{clear:both;display:table;content:"";line-height:0}
#dk_book .dk_book .webzine dt {float:left;width: 100px}
#dk_book .dk_book .webzine dt a {display: block;width: 100%;}
#dk_book .dk_book .webzine dt img {display:block; padding:4px;width: 80px;height: auto;border:1px solid #dedede}
#dk_book .dk_book .webzine dd {float:left;width: calc(100% - 100px);}
#dk_book .dk_book .webzine dd div a {display:block;font-weight:500;color:var(--subColor1);font-size: 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#dk_book .dk_book .webzine dd ul {padding: 10px 0 0 0;}
#dk_book .dk_book .webzine dd li {overflow: hidden;color: #555;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;}
#dk_book .dk_book .webzine dd li.year_book {margin-top: 10px;}
#dk_book .dk_book .webzine dd li + li {margin-top: 3px;}
#dk_book .dk_book .webzine dd li span {display:inline-block;font-size:13px;color: #333;font-weight: 500;}
#dk_book .dk_book .webzine dd li em {padding:0 2px}
#dk_book .dk_book .webzine dd li strong {font-weight: 500;color: #000;}
#dk_book .dk_book .webzine dd .field {display: inline-block;margin-bottom: 5px;padding: 2px 5px;border: 1px solid var(--mainColor);color: var(--mainColor);font-size: 13px;}
#dk_book .dk_book .webzine .content {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;height: 5.6em;margin: 20px 0 0 0;font-size: 14px;color: #333;line-height: 1.4em;text-overflow: ellipsis;-webkit-box-orient: vertical;}

#dk_book .dk_book .more {display:block;padding:7px 20px;font-size:13px;text-align:right;color:#4079e6;border:1px solid #cacaca;border-top:0;background:#fafafa}
#dk_book .dk_book .detail {margin-bottom: 30px;}
#dk_book .dk_book .detail dl {padding: 15px;background-color: #f4f4f4;}
#dk_book .dk_book .detail dl:after {clear:both;display:table;content:"";line-height:0}
#dk_book .dk_book .detail dt {float:left;width:100px;margin-right: 20px;}
#dk_book .dk_book .detail dt img {display:block; padding:4px;width: 100%;height: auto;}
#dk_book .dk_book .detail dd {float:left;width: calc(100% - 120px);}
#dk_book .dk_book .detail dd div {display:block;font-weight:500;color: var(--subColor1);font-size: 18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#dk_book .dk_book .detail dd ul {padding: 15px 0 0 0;}
#dk_book .dk_book .detail dd li {color:#555;font-size: 14px;}
#dk_book .dk_book .detail dd li + li {margin-top: 7px;}
#dk_book .dk_book .detail dd li span {display:inline-block;font-size:14px;color: #333;font-weight: 500;}
#dk_book .dk_book .detail dd li em {padding: 0 2px}
#dk_book .dk_book .detail dd li strong {font-weight: 500;color: var(--mainColor);font-size: inherit;}
#dk_book .dk_book .detail p {height:60px;line-height:20px;color:#888;overflow:hidden}
#dk_book .dk_book .info {margin-top: 5px;padding:12px 15px;border:1px solid #ddd;background:#fff;font-size: 14px;}
#dk_book .dk_book .writer .img {border: 1px solid #ddd;}
#dk_book .dk_book .writer .writer_info {margin-bottom: 15px;}
#dk_book .dk_book .writer .writer_info span.name {display: inline-block;font-size: 18px;font-weight: 500;margin-right: 15px;border-bottom: 1px solid #333;vertical-align: middle;}
#dk_book .dk_book .btn_wrap {padding: 10px;}

/**/
#dk_gallery{}
#dk_gallery .dk_gallery{margin:0 -10px;overflow:hidden;*zoom:1}
#dk_gallery .dk_gallery:before,
#dk_gallery .dk_gallery:after{clear:both;display:table;content:"";line-height:0}
#dk_gallery .dk_gallery .theme{float:left;position:relative;width:100%}
#dk_gallery .dk_gallery .theme dl{margin:0 10px 20px 10px;padding:10px;min-height:250px;height:180px\9;border:1px solid #cacaca;*zoom:1}
#dk_gallery .dk_gallery .theme dl:before,
#dk_gallery .dk_gallery .theme dl:after{clear:both;display:table;content:"";line-height:0}
#dk_gallery .dk_gallery .theme dt{}
#dk_gallery .dk_gallery .theme dt img{display:block;width:100%}
#dk_gallery .dk_gallery .theme dd{}
#dk_gallery .dk_gallery .theme dd div a{display:block;padding:5px 0;font-weight:600;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#dk_gallery .dk_gallery .theme dd ul{padding:5px 0}
#dk_gallery .dk_gallery .theme dd li{padding:0 0 5px 0;color:#555;white-space:nowrap;overflow:hidden}
#dk_gallery .dk_gallery .theme .bagic{text-align:center;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#dk_gallery .dk_gallery .theme .bagic a{display:block;overflow:hidden;background:url(../img/noimg.png) no-repeat center center}
#dk_gallery .dk_gallery .theme dl:hover{border:1px solid #3394dd;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.16);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#dk_gallery .dk_gallery .theme dl:hover a{color:#3394dd;}

#program div.subject_a{margin:10px 0 15px 50px;background:url("../img/pro_content/list_title_line.gif") no-repeat 50px 0.6em}
#program div.subject_a span.head{float:left;width:50px;background:url("../img/common/bullet_list01.gif") no-repeat 0 0.7em;padding:7px 0 0 10px;font-weight:600}
#program div.subject_a input{width:470px;height:17px;border:1px solid #d3d3d3}

.answer_box {   position:relative; z-index:2; padding:15px; background:#f6f6f6;border-bottom:1px solid #d2d2d2; overflow:hidden;}
.answer_box h4 { }
.answer_box .answer_contents { padding:10px 0 15px 0; }
.answer_box span {  font-size:11px; color:#777;}

/*********** 덧글 영역 ************/
div.sg_reply{width:100%}
div.sg_reply .writing{background: url(../img/line_dotted.gif) repeat-x bottom;padding:10px;font-size:0.92em}

/*덧글내용*/
div.sg_reply .writing .info .id{font-weight:600}
div.sg_reply .writing .info .day{color:#ff6f6f}
div.sg_reply .writing .info img{vertical-align:middle;margin-bottom:2px}
div.sg_reply .writing .con{line-height:16px;padding-top:7px}

/*덧글쓰기 폼*/
div.sg_reply .reply_form{margin-top:10px}
div.sg_reply .reply_form .outline{}
div.sg_reply .reply_form .outline fieldset legend {padding:0;font-size:0;line-height:0;text-indent: -2000px}
div.sg_reply .reply_form .outline .row_input{padding:2px 15px}
div.sg_reply .reply_form .outline .row_input input{vertical-align:middle;margin-bottom:2px}
div.sg_reply .reply_form .outline .row_input span.pad{padding-left:30px}
div.sg_reply .reply_form .outline textarea{color:#5d5d5d;background:#ffffff;border:1px solid #bcbcbc;height:40px;width:648px}

#wd_print .guide_txt{padding:5px 0 20px 0;text-align:right;border-bottom:1px solid #333}
#wd_print .guide_txt .required{color:#f00;font-weight:600}
#wd_print .row_input{position:relative;padding:10px 0 10px 120px;/*min-height:51px;*/border-bottom:1px solid #d2d2d2;overflow:hidden}
#wd_print .row_input *{font-size:14px !important}
#wd_print .row_input > label{position:relative;padding:4px 0}
#wd_print .row_input > label.fl{margin:0 5px 0 0}
#wd_print .row_input span.head{position:absolute;top:10px;left:20px;display:block;line-height:30px;font-weight:600;text-align:left;white-space:nowrap;color:#464646}
#wd_print .row_input span.required{position:absolute;top:15px;left:10px;color:#f00;font-weight:600}
#wd_print .row_input span.info {width:auto !important;margin:0;padding-top:6px;display:block;letter-spacing: -0.05em;border:none}
#wd_print .row_input input.long {width:auto !important}
#wd_print .row_input span.data {display:block;padding:4px 0 2px 0;line-height:140%}
#wd_print .row_input .dk_textarea{padding:10px;width:100%;height:300px;border:1px solid #ccc}

div.sg_pass{padding:20px 50px}
div.sg_pass .sg_pass_box{border:solid #d2d2d2;border-width:2px 0;padding:30px;text-align:center;background:#f9f9f9}
div.sg_pass .sg_pass_box span{padding:0 0 0 13px;background:url(../img/bullet_arrow.gif) no-repeat 0 0.2em}
div.sg_pass .sg_pass_box input{vertical-align:middle;margin-bottom:4px;width:150px}
div.sg_pass .sg_pass_btn{text-align:center;padding-top:15px}
div.sg_pass .sg_pass_btn img,
div.sg_pass .sg_pass_btn input{vertical-align:middle}
div.sg_pass .sg_pass_btn input{padding:5px 10px;border:1px solid #ccc}
div.sg_pass .sg_pass_btn a{display:inline-block; position:relative; top:1px;padding:5px 10px;line-height:20px;color:#fff;border:1px solid #999;background:#999}

div.sg_reply{padding-top:5px;}
div.sg_reply .reply_form{overflow:hidden; padding-bottom:28px;border-bottom:1px solid #ddd;}
div.sg_reply .reply_form h2{color:#333 !important;font-size:14px !important;;margin:10px 0;float:left;background:none;padding:0}
div.sg_reply .reply_form p.reply_num{text-align:right;float:right;font-size:12px;margin:10px 0 0 0}
div.sg_reply .reply_form .outline{clear:both}
div.sg_reply .reply_form .outline fieldset{border:0;overflow:hidden; position:relative;}
div.sg_reply .reply_form .outline .row_input_reply{float:left;width:100%;}
div.sg_reply .reply_form .outline .row_input_reply textarea{padding:10px;width:100%;height:50px;border:1px solid #888;resize:none;overflow-y:auto}
div.sg_reply .reply_form .outline .row_input_reply .sg_file{display:block; width:100%; padding:3px 0;font-size:12px;}
div.sg_reply .reply_form .outline .btn_board_ok{position:absolute; right:0; top:0;width:18%;height:72px;color:#fff !important;border:0;background:#444; cursor:pointer;}
div.sg_reply .writing{border-bottom:1px solid #dfdfdf;padding:10px 0;font-size:12px;clear:both;overflow:hidden;position:relative}
div.sg_reply .best_wrap{margin:10px 0 0;border-top:1px solid #c5d7e0}
div.sg_reply .best_wrap .writing{padding:10px;background:#f3f3f1;border-bottom:1px solid #c5d7e0}
div.sg_reply .best_wrap .writing .best_re{position:absolute;left:0;top:0}
div.sg_reply .writing_re{padding:10px 0 10px 38px;overflow:hidden;background:#f7f7f7 url(../img/ico_reply.png) no-repeat 10px 13px}
div.sg_reply .writing .profile_photo{float:left;width:42px;height:50px}
div.sg_reply .writing .profile_photo img {width:42px;height:50px}
div.sg_reply .writing .con_wrap{color:#555}
div.sg_reply .writing .con_wrap #con_info{overflow:hidden}
div.sg_reply .writing .con_wrap #con_info .info{float:left}
div.sg_reply .writing .con_wrap #con_info .info .id{font-weight:700;margin-right:10px;position:relative;display:inline-block}
div.sg_reply .writing .con_wrap #con_info .info .level01{background-position:0 0}
div.sg_reply .writing .con_wrap #con_info .info .level02{}
div.sg_reply .writing .con_wrap #con_info .info .level03{background-position:0 -40px}
div.sg_reply .writing .con_wrap #con_info .info .level04{background-position:0 -60px}
div.sg_reply .writing .con_wrap #con_info .info .day{color:#888;font-size:11px;  display:inline-block; margin-top:-2px;}
div.sg_reply .writing .con_wrap .m_d{float:right;padding-right:8px;}
div.sg_reply .writing .con_wrap .m_d .postedit{float:left; color:#fff; font-size:0px !important;}
div.sg_reply .writing .con_wrap .m_d .postedit a { display:inline-block; padding:1px 9px;color:#333; margin-left:4px; font-size:13px !important; background:#fff; border:1px solid #ddd; border-radius:3px;}
div.sg_reply .writing .con_wrap .con{font-size:12px;padding:0; margin:0;}

#program .okay{padding:20px 0}
#program .okay *{font-size:13px}
#program .okay p{padding:20px 0;margin-bottom:20px;font-size:14px;color:#f04d48;border-top:0px solid #eee;border-bottom:1px solid #eee}
#program .okay p a{padding:5px 10px;color:#fff;border:1px solid #f04d48;background:#f04d48;border-radius:3px}
#program .okay li{padding:2px 0;color:#333}

#sg_btn_area{padding:10px 0  !important;text-align:right}
#sg_btn_area a,
#sg_btn_area button{display:inline-block;padding:5px 17px 8px 17px !important;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px}
#sg_btn_area input{padding:5px 17px 8px 17px !important;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px}

/*로그인폼*/
#contain #program .login{padding-top:10px}
#contain #program .login form{margin:0 auto;margin-top:7px;/*border-top:1px solid #e2e2e2;*/border-bottom:0;overflow:hidden;padding:34px 0 29px 0}
#contain #program .login fieldset{border:0;position:relative}
#contain #program .login fieldset ul{position:relative;padding:0 0 60px 0;overflow:hidden}
#contain #program .login fieldset ul li{border:1px solid #c0c0c0;overflow:hidden;position:relative;margin-bottom:5px;background:#fff}
#contain #program .login fieldset ul label{display:block;width:46px;height:46px;border-right:none;position:absolute;left:0;top:0;text-indent:-9999em}
#contain #program .login fieldset ul label.id{overflow: hidden;position: absolute;width: 0;height: 0;font-size: 0;line-height: 0;text-indent: -9999px;}
#contain #program .login fieldset ul label.pw{overflow: hidden;position: absolute;width: 0;height: 0;font-size: 0;line-height: 0;text-indent: -9999px;}
#contain #program .login fieldset input{width:100%;height:46px;text-indent:5px;border:0 !important;background:#fff;font-size:13px}
#contain #program .login fieldset input:-webkit-autofill{background:none !important}
#contain #program .login fieldset button{position:absolute;top:106px;right:0;margin:0 0 10px 0;width:100%;height:45px !important;border-radius:2px;font-size:0px;font-weight:400;color:#fff;border:0;background:#1e2c5d;border-radius:2px;transition:0.3s;cursor:pointer}
#contain #program .login fieldset button:hover{background:#4079e6;transition:0.3s}
#contain #program .login fieldset button:after{content:"LOGIN";display:block;font-size:16px;font-weight:700;text-align:center}
#contain #program .login fieldset input[type=checkbox].chk{width:12px;height:12px;background:#fff !important;border:1px solid #cfcfcf;border-radius:0;}
#contain #program .login fieldset label.chk01{font-size:12px;color:#555;vertical-align:middle}
#contain #program .login form p{text-align:center;padding-top:18px}
#contain #program .login form p a{padding:0 12px}
#contain #program .login form p a:hover{text-decoration:underline}
#contain #program .login .find {text-align:center;font-size:12px;color:#444;font-weight:normal;padding:12px; border:1px solid #e2e2e2; text-align:left;}
#contain #program .login .find a{font-size:12px;color:#fff;background:#2e4287;border-radius:2px;display:inline-block;padding:1px 8px}
#contain #program .login .dashed{padding:20px 0}
#contain #program .login .login_guide{}
#contain #program .login .login_guide li{background:url(../img/dp2.png) no-repeat 0 4px;background-size:8px; line-height:16px; font-size:12px;color:#555;padding-bottom:6px;padding-left:13px}
#contain #program .login form.outForm {margin-top:30px;}
#contain #program .login form.outForm fieldset {position:relative;margin:0 auto;width:302px;border:0}
#contain #program .login form.outForm fieldset ul li {border:none;}
#contain #program .login form.outForm fieldset ul label {display:block;width:100px;height:auto;position:initial;text-indent:initial}
#contain #program .login form.outForm fieldset input{width: 300px;height: 47px !important;border: 1px solid #c0c0c0 !important;background: #fff !important;margin-bottom: 6px;font-size: 15px;}

/* 로그인 유지 */
#contain #program .login fieldset .auto_login input[type="checkbox"] {width: 0;height: 0;margin: 0;appearance: none;clip: rect(0 0 0 0);}
#contain #program .login fieldset .auto_login label {padding: 5px 0 5px 35px;background-image: url(../img/ico_check_login_off.png);background-repeat: no-repeat;background-position: 0 50%;background-size: auto 28px;font-size: 17px;color: #333;font-weight: 600;}
#contain #program .login fieldset .auto_login input[type="checkbox"]:checked + label {background-image: url(../img/ico_check_login_on.png?v=1);}
#contain #program .login fieldset p.summary {margin-left: 30px;padding: 30px 15px 15px 15px;font-size: 13px;background-color: #fff;clip-path: polygon(0 15px, 30px 15px, 45px 0, 60px 15px, 100% 15px, 100% 100%, 0 100%);background-color: aliceblue;}

/*동의*/
#design .pri_box { margin-bottom: 30px; padding:10px 10px 42px; box-sizing: border-box; background: #fbfbfb; border-top: 2px #1c2645 solid; border-bottom: 2px #dfdfdf solid; }
#design .pri_box .scr_box { width: 100%; height: 190px; padding: 24px; box-sizing: border-box; border: 1px #dcdcdc solid; resize: none; overflow-y: scroll; background: #fff; }
#design .pri_box .scr_box .txt_box { margin-top: 0 !important; }
#design .pri_box .scr_box .txt_box > dl, .pri_box .scr_box .txt_box > ul {margin-bottom:16px;}
#design .pri_box .scr_box .txt_box > dl dt, #design .pri_box .scr_box .txt_box > dl dd {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
#design .pri_box .scr_box .txt_box > ul li { margin-top: 10px;}
#design .pri_box .radio_box { float: right; }
#design .agree_box {margin-top: 10px;}
#design .radio_box, #design .check_box {}
#design .radio_box .radio { height: 26px; padding: 0 20px 0 0; display: table-cell; vertical-align: middle; position: relative; z-index: 1; line-height: 26px; }
#design .radio_box strong { float: left; vertical-align: middle;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';line-height: 22px;font-size: 13px;}
#design .radio_box i { width: 26px; height: 26px; margin-right: 6px; display: block; border: 1px #dcdcdc solid; border-radius: 13px; box-sizing: border-box; float: left; position: relative; z-index: 1; background: #fff }
#design .radio_box input { opacity: 0; width: 26px; height: 26px; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer; }
#design .radio_box input:checked + i::after { content: ""; width: 10px; height: 10px; display: block; background: #ef4629; border-radius: 5px; position: absolute; left: 7px; top: 7px; }

/*회원가입
#design .member .terms{}
#design .member .terms input[type=checkbox] {width:16px;height:16px;}
#design .member .terms fieldset{position:relative;padding:50px 0}
#design .member .termswrap{}
#design .member .termswrap div{padding:20px;height:160px;border:1px solid #ccc;overflow-y:scroll;font-size: 14px;}
#design .member .termswrap div p{padding-bottom:20px}
#design .member .termswrap div ul li ul{padding:5px 5px 20px 5px}
#design .member .termswrap div textarea{float:left;display:block;padding:0 40px 0 0;width:100%;height:210px;line-height:18px;border:0}
#design .member .termswrap label{display:inline-block;padding:10px 0;font-size:14px}
#design .member .certify{padding:50px 0}
#design .member .certify p{padding-bottom:10px}
#design .member .certify ul{padding:30px 0}
#design .member .guide{margin:20px 0 0 0;padding:20px 0;border-top:1px solid #ccc}
#design .member .guide a{display:block;margin-bottom:10px;color:#f00}
#design .member .comp{padding:208px 0 30px 0;background:url(../img/comp.png) no-repeat 50% 40px;overflow:hidden}
#design .member .comp dl{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden}
#design .member .comp dt{float:left;width:30%}
#design .member .comp dd{float:left;width:70%}
#design .member .comp .txt{padding:10px 0;font-size:18px;text-align:center;border-top:2px solid #333;border-bottom:1px solid #333;background:#fff;word-break: keep-all;}
#design .member .comp .c1{overflow:hidden}
#design .member .comp .c2{overflow:hidden}

#design .member .step{}
#design .member .step dl{padding-bottom:20px}
#design .member .step dt{padding-bottom:5px;font-size:24px;color:#333}
#design .member .step ol{border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden}
#design .member .step ol li{float:left;position:relative;padding:16px 0;width:20%;text-align:center}
#design .member .step ol li span{display:block;font-size:13px;margin-bottom: 3px;}
#design .member .step ol li strong{display:block;font-size:15px;font-weight:500;line-height: 17px;}
#design .member .step ol li i{position:absolute;top:50%;right:-5px;display:block;margin:-10px 0 0 0;width:10px;height:20px;background:url(../img/step_arrow.png) no-repeat 50% 50%}
#design .member .step ol li.sel{border-bottom:3px solid #df5400}
#design .member .step ol li.sel span,
#design .member .step ol li.sel strong {color:#df5400}
.member_form{padding: 0 0 30px;border-top: 1px solid #000;}
.member_form fieldset{border:0}
.member_form dl{padding:14px 0;border-bottom:1px solid #ccc;overflow:hidden}
.member_form dt{color: #4079e6;}
.member_form dd{}
.member_form dd span {display:block;}
.member_form dd select{border:1px solid #ccc}
.member_form dd .t_txt{border:1px solid #ccc}
.member_form dd .btn{padding: 0 16px;color: #fff;background: #555;height: 32px;line-height: 32px;display: inline-block;margin-bottom: 5px;font-size: 14px;border-radius: 5px;}
#design .member .button{padding:20px 0;text-align:center}
#design .member .button p{margin:0 0 30px 0;padding:20px 0;font-size:13px;border:1px solid #eee;background:#fafafa}
#design .member .button button{padding:12px 10px;font-size:16px;text-align:center;color:#fff;border:0;background:#df5400;border-radius:5px;margin-bottom: 5px;}
#design .member .button a{ display:inline-block;margin:0 10px;padding:10px 20px;color:#333;border:1px solid #aaa;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px}
#design .member .idpw .button a {display:block;width:200px;margin:0 auto 5px;}


#design .member .userPart{padding:30px 0}
#design .member .userPart ul{overflow:hidden}
#design .member .userPart li {width:100%;margin-bottom:5px;}
#design .member .userPart li:first-child {background:url(../img/user_part01.png) no-repeat center bottom;background-size: 110px;}
#design .member .userPart li:last-child {background:url(../img/user_part02.png) no-repeat center bottom;background-size: 110px;}
#design .member .userPart .selects label{display: block;position: relative;padding: 20px 20px;padding-left: 50px;height: 110px;border: 1px solid #ccc;cursor: pointer;}
#design .member .userPart .selects label input{position:absolute;top:20px;left:20px;width:19px;height:19px;margin:3px 3px 0px 5px;border:1px solid #ccc}
#design .member .userPart .selects label strong{display: block;font-size: 18px;color: #2e4287;font-weight: 500;}
#design .member .userPart .selects label span{display:block;font-size:14px}
#design .member .userPart .selects label:hover,
#design .member .userPart .selects label.sel{color:#0093dd;border:1px solid #df5400}
#design .member .userPart .selects label:hover strong,
#design .member .userPart .selects label:hover span{color:#df5400}*/

/*
#design .member > p{padding-bottom:20px}
#design .member > .dp1{position:relative;margin-bottom:10px;padding:0 0 0 25px;line-height:20px;font-size:15px;letter-spacing:-1px;color:#555}
#design .member > .dp1 > li{padding-bottom:10px}
#design .member > .dp1 .dp2{padding:10px}
#design .member > .dp1 .dp2 > li{position:relative;padding-bottom:5px}
#design .member > .dp1 .dp2 > li i{position:absolute;top:-2px;left:0;display:block;width:16px;height:16px;background:url(../img/gumilib/dp2.png) no-repeat 50% 8px}
#design .member > .dp1 .dp2 > dl{overflow:hidden}
#design .member > .dp1 .dp2 > dl dt{float:left;width:8%}
#design .member > .dp1 .dp2 > dl dd{float:left;width:92%;line-height:24px}
#design .member > .dp1 .dp2 i{display:inline-block;width:16px;height:16px;background:url(../img/gumilib/dp2.png) no-repeat 50% 8px}
#design .member > .dp1 .dp2 table{margin:5px 0 10px 0}
#design .member > .dp1 .dp2 li dl{margin-bottom:10px;padding:20px;border:1px solid #eee;overflow:hidden}
#design .member > .dp1 .dp2 li dt{float:left;width:30%}
#design .member > .dp1 .dp2 li dd{float:left;width:70%}
#design .member > .dp1 .dp3{margin-bottom:30px;padding:0 10px}
#design .member > .dp1 .dp3 > li{position:relative;padding-left:20px}
#design .member > .dp1 .dp3 > li i{position:absolute;top:-1px;left:0;display:block;width:16px;height:16px;background:url(../img/gumilib/dp3.png) no-repeat 50% 8px}*/


/*사이트맵*/
#program .sitemap_con {display:flex; flex-wrap: wrap; gap:50px 20px; margin-top:60px;}
#program .sitemap_con + .sitemap_con {display:none;}
#program .group {width:calc(100% / 2 - 10px);}
#program .group h2 {position: relative; display: block; padding: 13px 15px; margin-bottom:20px; font-size: 20px; font-weight: 600; color: #222; text-align: left; border: 3px solid #222; }
#program .group h2:after {content:''; display:block; position:absolute; top:50%; right:10px; transform: translateY(-50%); width:8px; height:8px; border-radius:8px; background-color:var(--mainColor);}
#program .group > ul {padding:0 15px;}
#program .group > ul > li > a {position:relative; display:inline-block; padding:12px 0; font-size:18px; color:#222; font-weight:600;}


/*프로그램신청-STYLE1*/
#design .use_lecture_list_wp {}
#design .use_lecture_list {}
#design .use_lecture_list li {border-bottom:1px solid #ddd;padding:30px 0;}
#design .use_lecture_list li:first-child {border-top:1px solid #ddd;}
#design .use_lecture_list li .ull_num {display:none;/*text-align:left;margin-bottom:10px;*/}
#design .use_lecture_list li .ull_info {margin-bottom:20px;}
#design .use_lecture_list li .ull_info > .ui_cate {display:inline-block;padding:5px 20px;border-radius:50px;background:#f3f5f7;margin-bottom:5px;}
#design .use_lecture_list li .ull_info > .ui_title {margin-bottom:10px;}
#design .use_lecture_list li .ull_info > .ui_title a {display:block;font-size:18px;font-family: var(--fontMainSet);}
#design .use_lecture_list li .ull_info > .ui_title a br {display:none;}
#design .use_lecture_list li .ull_info > .ui_target {margin-bottom:8px;font-size: 14px;color:#555;}
#design .use_lecture_list li .ull_info > .ui_target .ui_targe_con {display:inline-block;margin-right:10px;}
#design .use_lecture_list li .ull_info > .ui_target .ui_target_num {display:inline-block;padding:3px 6px;background:#f2f7ff;}
#design .use_lecture_list li .ull_info > .ui_take_date {font-size: 15px;color:#b02323;margin-bottom:8px;line-height:1.2em;}
#design .use_lecture_list li .ull_info > .ui_teac_date {font-size: 15px;color:#134aa9;line-height:1.2em;}
#design .use_lecture_list li .ull_info > .ui_teac_date .teac_date_con {display:inline-block;margin-right:10px;}
#design .use_lecture_list li .ull_info > .ui_teac_date .teac_time {display:inline-block;}
#design .use_lecture_list li .ull_state {display: flex;flex-direction: column;justify-content: center;}
#design .use_lecture_list li .ull_state .btn {text-align:center;}
#design .use_lecture_list li .ull_state .btn + .btn {margin:5px 0 0 0;} 


/*프로그램신청-리스트 STYLE2*/
#design .use_lecture_list_wp {}
#design .use_lecture_list2 {}
#design .use_lecture_list2 > li {display:flex;flex-wrap:nowrap;border-bottom:1px solid #ddd;padding:30px 0;}
#design .use_lecture_list2 > li:first-child {border-top:1px solid #ddd;}
#design .use_lecture_list2 > li {font-size: 14px;}
#design .use_lecture_list2 > li .ull_num {display: none;}
#design .use_lecture_list2 > li .ui_libnm {margin-right:10px;background: #eeeeee;padding: 3px;}
#design .use_lecture_list2 > li .ull_info {width: 100%;}
#design .use_lecture_list2 > li .ull_info .ui_title {margin-bottom:10px;}
#design .use_lecture_list2 > li .ull_info .ui_title a {display:block;font-size: 20px;line-height: 1.3em;font-family: var(--fontMainSet);}
#design .use_lecture_list2 > li .ull_info .ui_title a:hover {color:var(--mainColor);}
#design .use_lecture_list2 > li .ull_info .ui_title a > span {display: block;font-size: 14px;}
#design .use_lecture_list2 > li .ull_info .ui_con {width:100%;}
#design .use_lecture_list2 > li .ull_info .ui_con_sub {display: flex;flex-direction: column;}
#design .use_lecture_list2 > li .ull_info .ui_con_sub .ui_cate {display: block;margin: 0px 0 5px 0px;font-size: 14px;}
#design .use_lecture_list2 > li .ull_state {width: 100%;display: flex;justify-content: flex-end;flex-wrap: nowrap;padding: 10px 0;align-items: center;flex-direction: row-reverse;}
#design .use_lecture_list2 > li .ull_state .btn {text-align:center;width: 50%;height: 40px;line-height: 30px;display: inline-block;padding: 5px 8px !important;font-size: 13px !important;vertical-align: top;}
#design .use_lecture_list2 > li .ull_state .btn + .btn {margin: 0 10px 0 0;} 
#design .use_lecture_list2 ul {display: flex;width: 100%;flex-direction: column;}
#design .use_lecture_list2 ul > li {display: flex;align-items: center;width: 100%;border-bottom: 1px solid #ebebeb;padding: 7px 0;letter-spacing: -0.02em;}
#design .use_lecture_list2 ul > li > strong {display:inline-block;padding:3px 6px;margin-right: 7px;background:#f2f7ff;width:80px;font-weight: 500;text-align: center;}
#design .use_lecture_list2 ul > li .ui_target {margin-bottom:8px;font-size: 15px;color:#555;}
#design .use_lecture_list2 ul > li .ui_targe_con {display:inline-block;margin-right:10px;}
#design .use_lecture_list2 ul > li .ui_target_num {}
#design .use_lecture_list2 ul > li .ui_take_date {font-size: 14px;color:#b02323;}
#design .use_lecture_list2 ul > li .ui_teac_date {font-size: 14px;color:#134aa9;}
#design .use_lecture_list2 ul > li .teac_date_con {display:inline-block;margin-right:10px;}
#design .use_lecture_list2 ul > li .teac_time {display:inline-block;color:#5d78a6;}

/*프로그램신청-폼-약관*/
#design .conts-area {padding: 15px;margin: 20px 0px;border-radius: 10px;border: 1px solid #C0C0C0;}
#design #parentView {margin-top: 20px;}
#design .conts-area ul.terms-agree-ul{}
#design .conts-area ul.terms-agree-ul li {display: flex;align-items: normal;justify-content: flex-start;flex-direction: column;gap: 10px;}
#design .conts-area .agree-tit{padding-bottom: 15px;font-weight: 500;font-size: 1.2em;color: var(--mainColor);}
#design .conts-area .agree-box {padding:20px;background-color: var(--colorLightgray);border-radius: 10px;}
#design .conts-area .agree-box > input[type="checkbox"] {height:16px;width:16px;}
#design .conts-area .agree-box > label {line-height:normal;}

/*대관신청_테이블_달력*/

.cal_s_wp {position:relative;margin-top:50px;}

table.tstyle_calendar_s{border-collapse:collapse;width:100%;}
table.tstyle_calendar_s::before {display:none;}
table.tstyle_calendar_s caption{text-indent:-2000px;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}
table.tstyle_calendar_s thead.line{border:solid #333;border-width:2px 0 0 0}
table.tstyle_calendar_s th {border:none !important;}
table.tstyle_calendar_s th, table.tstyle_calendar_s td{padding:5px 6px;line-height:140%}
table.tstyle_calendar_s th{background:#fff !important;font-weight:bold;text-align:center;vertical-align:middle;}
table.tstyle_calendar_s .cal_month_area a {display:block;height:30px;}
table.tstyle_calendar_s img.prev{margin-right:10px;width:30px;height:30px;}
table.tstyle_calendar_s span.month{font-size:20px; font-weight:normal;}
table.tstyle_calendar_s img.next{margin-left:10px;width:30px;height:30px;}
table.tstyle_calendar_s th.sun{color:#ec2626 !important;}
table.tstyle_calendar_s th.sat{color:#00679d !important;}
table.tstyle_calendar_s tbody th{background:#fff;font-weight:bold;height:24px;font-size:15px; color:#000000;border:none;}
table.tstyle_calendar_s tbody td{width:14%; border:none;min-height:30px;text-align:left;}
table.tstyle_calendar_s tbody td:first-child {border-left: 1px solid #e3e3e3 !important;}
table.tstyle_calendar_s tbody td:last-child {border-right: 1px solid #e3e3e3 !important;}
table.tstyle_calendar_s td{background:#fff;border:none; font-size:11px; padding:5px 0;vertical-align:top}
table.tstyle_calendar_s td:hover { background:#fff;}
table.tstyle_calendar_s td.day{background:#333;}
table.tstyle_calendar_s td .day {display: block;text-align: center; padding-bottom:12px;}
table.tstyle_calendar_s td .day * {transition: 0s;}
table.tstyle_calendar_s td .day span.today {display: block;background-color: transparent;}
table.tstyle_calendar_s td .day span.sun {display: block !important;}
table.tstyle_calendar_s td .day a {display: block;margin-bottom: 5px;padding: 3px;font-size: 24px;line-height: 1em;font-weight: 600; color:#333;text-align: center;font-family:arial;vertical-align: middle;}
table.tstyle_calendar_s td .day span.today a {display: inline-block;padding: 3px 10px;font-weight: 600;background-color: #6a1ba2;color: #fff;}
table.tstyle_calendar_s td .day a:hover {padding: 3px;text-decoration: underline;box-sizing: border-box;}
table.tstyle_calendar_s td .day span.today a:hover {border: 0;}
table.tstyle_calendar_s td .con br { display:none;}
table.tstyle_calendar_s td .con a { display:block; margin-bottom:5px; padding:7px; border:1px solid #aaa; background:#fafafa;color:#333;border-radius:40px;}
table.tstyle_calendar_s td .con span {}
table.tstyle_calendar_s td.con{clear:right;float:right;margin:0;padding:0;vertical-align:top}
table.tstyle_calendar_s .today {background:#3d5778}
table.tstyle_calendar_s td ul.con03 li + li {margin-top: 10px;}
table.tstyle_calendar_s td ul.con03 li .mem {padding: 5px;margin: 3px 0;text-align: center;background-color: #efefef;color: #333;}
table.tstyle_calendar_s td ul.con03 li .mem .red {font-weight: 600;font-size: 14px !important;}
table.tstyle_calendar_s td ul.con03 li .deadline {padding: 5px;margin: 3px 0;text-align: center;background-color: #757575;color: #fff;}
table.tstyle_calendar_s td ul.con03 li .deadline > a {color: #fff;}
table.tstyle_calendar_s td ul.con03 li.list_none {padding-left: 0;background-image: none;}
table.tstyle_calendar_s td ul.con03 li.list_none > span {display: block;padding: 5px;text-align: center;}
table.tstyle_calendar_s td ul.con03 li.list_none > span.rest {background-color: #cf148f;color: #fff;}
table.tstyle_calendar_s .today a:link, 
table.tstyle_calendar_s .today a:visited, 
table.tstyle_calendar_s .today a:active{color:#0aa699;font-weight:900}
table.tstyle_calendar_s .today a:hover{color:#333;font-weight:900}

table.tstyle_calendar_s a:link, 
table.tstyle_calendar_s a:visited, 
table.tstyle_calendar_s a:active{color:#000}
table.tstyle_calendar_s a:hover{color:#000;font-weight:bold}
table.tstyle_calendar_s a.btn {display:block;text-align:center;width:100%;margin-top:10px;margin-bottom:5px;}
table.tstyle_calendar_s a.btn strong {display:inline-block;padding:5px 6px !important;line-height: 1.1em;background:#555;color:#fff;border-radius:5px;font-size:13px;font-weight:500;}
table.tstyle_calendar_s .reserve_person {display: flex;justify-content: space-around;padding: 5px;border: 1px solid #ddd;border-radius: 5px;margin-bottom: 1px;}
table.tstyle_calendar_s .reserve_person .rp_name a {text-decoration:underline;color:#13a200 !important;font-weight:500;}
table.tstyle_calendar_s .reserve_person .rp_name a:hover {font-weight:inherit;}

table.tstyle_calendar_s .cal_daynum {display:block;margin-bottom:10px;/*background:#dcd7df;*/color:#757575;}
table.tstyle_calendar_s .cal_daynum strong a {text-decoration:underline;}
table.tstyle_calendar_s .cal_daynum.selDay {background:#007aff !important;color:#fff !important;}
table.tstyle_calendar_s .cal_daynum.selDay:hover {cursor:pointer;background:#11244c !important;}
table.tstyle_calendar_s .cal_daynum.picDay {background:#11244c url(../img/icon_picDay.png) no-repeat 90% 50% !important;background-size:25px !important;color:#fff !important;}
table.tstyle_calendar_s .cal_daynum.picDay:hover {background:#11244c url(../img/icon_picDay.png) no-repeat 90% 50% !important;background-size:25px !important;color:#fff !important;}
table.tstyle_calendar_s .cal_daynum em {display:inline-block;padding:6px 9px;font-size:18px;}
table.tstyle_calendar_s .cal_daynum em.tday{background: #820cd3;border-radius:50px;color:#fff;}
table.tstyle_calendar_s .cal_daynum.first {border-radius: 50px 0 0 50px;}
table.tstyle_calendar_s .cal_daynum.last {border-radius:0 50px 50px 0;}
table.tstyle_calendar_s .cal_daynum.first.last {border-radius:50px;}

table.tstyle_calendar_s .sun a:link, 
table.tstyle_calendar_s .sun a:visited, 
table.tstyle_calendar_s .sun a:active{display:inline-block;color:#ec2626}
table.tstyle_calendar_s .sun a:hover{color:#ec2626;font-weight:bold}

.tstyle_calendar_s .sat a:link, 
.tstyle_calendar_s .sat a:visited, 
.tstyle_calendar_s .sat a:active{color:#0000ff}
.tstyle_calendar_s .sat a:hover{color:#0000ff;font-weight:bold}

table.tstyle_calendar_s .holiday a:link, 
table.tstyle_calendar_s .holiday a:visited, 
table.tstyle_calendar_s .holiday a:active{color:#FF0000}
table.tstyle_calendar_s .holiday a:hover{color:#FF0000;font-weight:bold}

table.tstyle_calendar_s tfoot td{background:#abadb3;font-weight:normal;text-align:center;vertical-align:middle}
table.tstyle_calendar_s td.item{background:#f4f4f4;font-weight:bold}
table.tstyle_calendar_s td.bg{background:#f4f4f4}
table.tstyle_calendar_s td input{border:1px solid #cdcdcd;background:#f9f9f9;height:16Px;margin-bottom:2px;vertical-align:middle}
table.tstyle_calendar_s .cal_note {font-size:14px !important;}

.cal_month_area {display:flex;align-items:center;padding: 15px 0 20px;border-top: 1px solid #000; }


/*범례*/
.cal_s_wp .exam {position: absolute;top: 28px;right: 5px;}
.cal_s_wp .exam ul {display:flex;}
.cal_s_wp .exam ul li {margin-left:20px;padding:2px 0 2px 45px;font-size:14px;font-weight:500;color:#555;position:relative;}
.cal_s_wp .exam ul li.exam_today::before {content:'';position:absolute;top:0;left:20px;width:20px;height:20px;background:#820cd3;border-radius:20px;}
.cal_s_wp .exam ul li.exam_no::before {content:'';position:absolute;top:0;left:0;width:40px;height:20px;background:#dcd7df;border-radius:20px;}
.cal_s_wp .exam ul li.exam_pic::before {content:'';position:absolute;top:0;left:0;width:40px;height:20px;background:#13a200;}

/*범례*/
.exam {}
.exam ul {display:flex;}
.exam ul li {margin-left:20px;padding:2px 0 2px 45px;font-size:14px;font-weight:500;color:#555;position:relative;}
.exam ul li.exam_today::before {content:'';position:absolute;top:0;left:20px;width:20px;height:20px;background:#820cd3;border-radius:20px;}
.exam ul li.exam_no::before {content:'';position:absolute;top:0;left:0;width:40px;height:20px;background:#dcd7df;border-radius:20px;}
.exam ul li.exam_pic::before {content:'';position:absolute;top:0;left:0;width:40px;height:20px;background:#13a200;}

/**/
.tit_app_step {font-size:23px;color:#820cd3;margin:0 0 10px 0;}
.app_viewform_wp .stit, 
.app_bottom_wp .stit {font-size:17px;font-weight:500;margin-bottom:10px;}

.app_view_wp {position:relative;}
.app_view_wp #av_calender {position:absolute;top:0;left:0;width:45%;height:450px;}

.app_view_wp .av_time {margin-bottom: 30px;}
.app_view_wp .av_time .reserve_time_wp {}
.app_view_wp .av_time .reserve_time_wp .only_date {padding:10px;border:1px solid #ddd;}
.app_view_wp .av_time .reserve_time_wp .reserve_sel_date,
.app_view_wp .av_time .reserve_time_wp .reserve_sel_yoil {font-size:18px;font-weight:500;color:#13a200;}
.app_view_wp .sel_reserve_wp {padding-top:30px;}
.app_view_wp .sel_reserve_wp.view {padding-top:0;border-top: 1px solid #ddd;}
.app_view_wp .sel_reserve_wp .sel_reserve_tit {background:#13a200;padding:6px 0;font-size:17px;font-weight:500;text-align:center;color:#fff;margin:0}
.app_view_wp .sel_reserve_wp .sel_reserve_info {border:1px solid #ddd;border-top:0;padding:20px 20px 10px;}
.app_view_wp .sel_reserve_wp .sel_reserve_info .sel_room {font-size:17px;font-weight:500;margin-bottom:20px;color:#000;}
.app_view_wp .sel_reserve_wp .sel_reserve_info .sel_room_info {}
.app_view_wp .sel_reserve_wp .sel_reserve_info .sel_room_info li {margin-bottom:10px;}
.app_view_wp .sel_reserve_wp .sel_reserve_info .sel_room_info li strong {font-size:14px;font-weight:500;}
.app_view_wp .sel_reserve_wp .sel_reserve_info .sel_room_info li div {font-size:17px;color:#13a200;}
.app_view_wp .sel_reserve_wp .sel_reserve_info .sel_room_info li div .choice_tlist {margin-right:12px;}
.app_view_wp .sel_reserve_wp .sel_reserve_info .sel_room_info li div .rt_total {display:block;padding-top:5px;font-size:18px;color:#005700;}

.app_view_wp .sel_reserve_wp.only_end {width:100%;margin-left:0;margin-bottom:50px;}
.app_view_wp .sel_reserve_wp.only_end .sel_reserve_tit {background:#fff;padding:10px 0;font-size:30px;font-weight:400;text-align:left;color:#13a200;margin:0}
.app_view_wp .sel_reserve_wp.only_end .sel_reserve_info {width:49%;margin-right:1%;box-sizing:border-box;border:1px solid #ddd;padding:30px 20px 20px;}
.app_view_wp .sel_reserve_wp.only_end .sel_reserve_info .sel_room {font-size:20px;font-weight:500;margin-bottom:20px;color:#000;}
.app_view_wp .sel_reserve_wp.only_end .sel_reserve_info .sel_room_info {display: flex;flex-wrap: wrap;}
.app_view_wp .sel_reserve_wp.only_end .sel_reserve_info .sel_room_info li {padding-right: 50px;}

.app_view_wp .sel_reserve_wp.only_end .sel_total_wp {display:flex;flex-wrap:wrap;}
.app_view_wp .sel_reserve_wp.only_end .sel_total_wp .sel_state_area {width:50%;background:#eee;padding: 30px 20px 20px;}
.app_view_wp .sel_reserve_wp.only_end .sel_total_wp .sel_state_area > .ssa_list {margin-bottom:10px;font-size:20px;}
.app_view_wp .sel_reserve_wp.only_end .sel_total_wp .sel_state_area > .txt {font-size:14px;padding-top:15px;}

.app_state_top {background:#edf6ec;padding: 20px;margin-bottom:40px;text-align:center;font-size: 20px;}

.app_view_wp .av_time #reserve_time_div span {display:block;padding-top:20px;}
.app_view_wp .av_time #reserve_time_div .time_choice {display:inline-block;width:30%;}
.app_view_wp .av_time #reserve_time_div .time_choice > input {width:18px;height:18px;vertical-align:top;margin-right:5px;}
.app_view_wp .av_time #reserve_time_div .txt {margin-top:20px;padding:20px;text-align:center;background:#f5f5f5;font-size:15px;}
.app_view_wp .av_time #reserve_time_div .txt em {color:#d0153f;font-size:15px;}
.app_view_wp .av_time #reserve_time_div .stit {font-weight:500;color:#8f3ac9;}
#reserve_time_info span {display:inline-block;padding-right:20px;}


.app_viewform_wp {display:flex;background: #f4f1f5;padding: 20px;margin-bottom:20px;}
.app_viewform_wp .avf_person {width:100%;}
.app_viewform_wp .avf_info {width:50%;}
.app_viewform_wp .avf_info .avf_event {}
.app_viewform_wp .avf_info .avf_etc {padding-top:40px;}

.flist_type {}
.flist_type li {display:flex;align-items: center;margin-bottom:5px;}
.flist_type li > strong {width:70px;font-weight:500;font-size:14px;color:#555;line-height: 1.2em;}
.flist_type li > div {width:calc(100% - 70px);margin-left:10px;}
.flist_type li .ipw01 {width:90% !important;}
.flist_type li .ipw02 {width:90% !important;}
.flist_type li .form_btn {height:38px;line-height:38px;padding:0 10px;}
.flist_type li .note {display:inline-block;font-size:15px;padding-left:5px;}
.flist_type .now_state {font-size:16px;font-weight:500;color:#d0153f;}

.app_viewform_wp input[type="text"] {height:40px !important;padding:2px;}

.app_bottom_wp {}
.app_state {padding:40px;border:1px solid #eee7f1;}
.bottom_agree {margin-bottom:30px}
.bottom_agree:last-child {margin-bottom:0;}
.bottom_agree > .agree_txt {margin-bottom:10px;color:#000;}
.bottom_agree > .agree_txt strong {font-size:14px;}
.bottom_agree ul {padding:20px;border:1px solid #eee;margin-bottom:10px;}
.bottom_agree > ul > li {font-size:14px;color:#555}
.bottom_agree input[type="checkbox"] {width:18px;height:18px;}

/**/
.fac_room_tit {padding-bottom:20px;margin-bottom:40px;border-bottom:1px solid #000;}
.fac_room_tit .fac_lib {display:inline-block;padding:12px 30px;margin:0 20px 0 0;border:1px solid #000;border-radius:50px;font-size:18px;font-weight:500;}
.fac_room_tit .fac_room {display:inline-block;font-size:24px;font-weight:500;}


.status1 {display:inline-block;font-weight:500;padding:2px 8px;background:#333;color:#fff;border-radius:3px;border:1px solid #333;}
.status2 {display:inline-block;font-weight:500;padding:2px 8px;background:#13a200;color:#fff;border-radius:3px;border:1px solid #13a200;}
.status3 {display:inline-block;font-weight:500;padding:2px 8px;background:#d0153f;color:#fff;border-radius:3px;border:1px solid #d0153f;}
.status4 {display:inline-block;font-weight:500;padding:2px 8px;background:#ddd;color:#000;border-radius:3px;border:1px solid #ddd;}
.status5 {display:inline-block;font-weight:500;padding:2px 8px;background:#ddd;color:#000;border-radius:3px;border:1px solid #ddd;}

/*이용자-상단검색영역*/
.top_search_area {display: flex;align-items: center;justify-content: center;padding:30px;border:1px solid #ddd;margin-bottom:30px;}
.top_search_area select {display:inline-block;width:20% !important;}
.top_search_area input {display:inline-block;width:20% !important;margin:0 5px !important;}
.top_search_area input.btn {display:inline-block;width:100px !important;background:#000;color:#fff;margin-left:0 !important;margin-right:5px !important;border:1px solid #000;font-size:15px;}
.top_search_area a.btn_reset {display:inline-block;width:80px !important;background:#fff !important;color:#000;border:1px solid #000;font-size:15px;line-height: 35px;text-align: center;}
.top_search_area select.oth {width:15% !important;margin-right:5px !important;}


/**/
.btn_use_start {display: inline-block;padding: 7px 15px;background: #e33000 !important;color: #fff;font-size: 15px;}
.btn_use_start_v {display: inline-block;padding: 7px 15px;background: #e33000 !important;color: #fff;font-size: 20px;margin-left: 10px;vertical-align: baseline;}



/********************  inupt ********************/
#design input[type="text"],
#design input[type="password"],
#design select {width: 30%;height: 32px;padding: 0 10px;border: 1px solid #ddd;font-size: 15px;margin: 1px 0;}
#design input[type="radio"],
#design input[type="checkbox"] {vertical-align: middle;}
#design input[type="file"] {width: 50%;padding: 5px;border: 1px solid #ddd;font-size: 14px;}
#design input[type="file"] + .btn {margin-left: 5px;}
#design input[type="button"] {font-family: inherit;border: 0;}
#design input[readonly="readonly"] {background-color: #efefef;}
#design label {height: 32px;line-height: 32px;vertical-align: middle;}
#design fieldset > label {display: none;}
#design textarea {width: 100%;min-height: 130px;padding: 10px;border: 1px solid #ddd;box-sizing: border-box;font-size: 14px;font-weight: 400;color: #555;}

#design button.ui-datepicker-trigger {display: inline-block;width: 32px;height: 32px;margin: 0 10px 0 3px;background-color: #168440;text-indent: -9999px;background-image: url(../img/ico_calendar_btn.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 18px;vertical-align: middle;}

.input_type1 {width: 10% !important;}
.input_type2 {width: 50% !important;}
.input_type3 {width: 80% !important;}
.input_type4 {width: 100% !important;}

/**/
.chk_box input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.chk_box input[type="checkbox"] + label {position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; letter-spacing: -0.5px; line-height: 1.2; color: #666; display: flex !important; gap:5px; align-items: center;}
.chk_box input[type="checkbox"] + label::before {content: ''; display:inline-block; width:22px; height: 22px; background: url("../img/chk_off.png") no-repeat 0 0;background-size: cover;}
.chk_box input[type="checkbox"]:focus + label {outline: 1px dotted #000; color: #646464;}
.chk_box input[type="checkbox"]:checked + label::before {background-image: url("../img/chk_on.png");}
.chk_box + .chk_box {margin-left: 20px;}

.radio_box input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.radio_box input[type="radio"] + label {position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; letter-spacing: -0.5px; line-height: 1.2; color: #666; display: flex !important; gap:5px; align-items: center;}
.radio_box input[type="radio"] + label::before {content: ''; display:inline-block; width: 22px; height:22px; background: url("../img/radi_off.png") no-repeat 0 0;background-size: cover;}
.radio_box input[type="radio"]:focus + label {outline: 1px dotted #000;}
.radio_box input[type="radio"]:checked + label::before {background-image: url("../img/radi_on.png");}
.radio_box input[type="radio"]:disabled + label {color: #aaa;cursor:auto;}
.radio_box + .radio_box {margin-left: 20px;}

/********************  .btn ********************/
.btn_wrap {text-align: center;margin-top: 30px;}
.btn {display: inline-block;padding: 8px 15px !important;font-size: 14px !important;vertical-align: top;border-radius: 5px;}
.btn + .btn {margin-left: 1px;}
#contain table .btn + .btn {margin-left: 0;margin-top: 1px;}
.mid_btn {display: inline-block;width: 48%;min-height: 40px;margin: 2px 0;padding: 10px;text-align: center;font-size: 14px;line-height: 1.4em;font-weight: 400;box-sizing: border-box;vertical-align: top;}
.big_btn {display: inline-block;width: 80%;min-height: 50px;padding: 15px;font-size: 15px;line-height: 1.6em;font-weight: 400;box-sizing: border-box;vertical-align: top;}
.big_btn + .big_btn {margin-top: 2px;}

.btn.btn_white {padding: 4px 7px !important;}

}

@media all and (max-width: 460px) {
	#design .cont_wp .locker_area .lock_wp ul li {width: calc(25% - 4px);padding-top: calc(25% - 4px);}
}

@media all and (max-width: 319px) {
	/**/
	#design .process > ul {display: flex;flex-wrap: wrap;}
	#design .process > ul.dv2 li,
	#design .process > ul.dv3 li,
	#design .process > ul.dv4 li {width: 100%;margin: 3px 0;}
	#design .process > ul.dv5 li {width: 50%;margin: 3px 0;}
}