div, p, em, span {word-break:break-all;}

table.circle-edit th {text-align:right;font-size:14px;}

input[type="radio"] {position: absolute;width: 0.1rem;height: 0.1rem;padding: 0;margin: -0.1rem;overflow: hidden;clip: rect(0,0,0,0);border: 0}
input[type="radio"] + label {display: inline-block;position: relative;padding-left:25px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-weight: 400;font-size: 16px;}
input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: 0;width:36px;height:36px;text-align: center;background: url('/resources/common/img/radi_off.png') no-repeat 0 90%}
input[type="radio"]:checked + label:before {background: url('/resources/common/img/radi_on.png') no-repeat 0 90%}
input[type="radio"]:checked + label:after {content: '';position: absolute;top: 0;left: 0;width: 2.2rem;height: 2.2rem;background:url('/resources/common/img/radi_on.png') no-repeat 0 90%}
input[type="checkbox"] {position: absolute;width: 0.1rem;height: 0.1rem;padding: 0;margin: -0.1rem;overflow: hidden;clip: rect(0,0,0,0);border: 0}
input[type="checkbox"] + label {display: inline-block;position:relative;padding-left:25px;;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;color: #333;font-weight: 400;font-size:15px;}
input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top: 0;width:20px;height:20px;text-align: center;background:url('/resources/common/img/check_off.png') no-repeat 0 100%}
input[type="checkbox"]:checked + label:before {background: url('/resources/common/img/check_on.png') no-repeat 0 100%;line-height: 2.2rem}
input[type="checkbox"]:checked + label:after {content: '';position: absolute;top: 0;left: 0;width:20px;height:20px;background:url('/resources/common/img/check_on.png') no-repeat 0 100%}

div.orchoice {}
div.orchoice span {float:left;position:relative;margin-left:18px;}
div.orchoice span label {color: #666;font-size:13px;}
div.orchoice.ctg span {width:15%;margin-left:0;}
div.orchoice.purpose span {width: 18%;margin-left:0;}
div.orchoice.week span {width:12%;margin-left:0;}
div.orchoice.purpose span:nth-child(1), div.orchoice.purpose span:nth-child(2), div.orchoice.purpose span:nth-child(6), div.orchoice.purpose span:nth-child(7) {width: 23%}
div.orchoice span:first-child {margin-left: 0}
div.orchoice .inpbox {margin-left: 2rem;width: 20.9rem;margin-right: 0}
div.orchoice.ins input[type="radio"] + label:before {top: 50%;margin-top: -1.1rem;background-position: 0}
div.orchoice.ins input[type="radio"]:checked + label:before {background-position: 0}
div.orchoice.ins input[type="radio"]:checked + label:after {top: 50%;margin-top: -1.1rem;background-position: 0}
div.orchoice.ins {padding-top: 0}
div.orchoice.ins span {height:25px;line-height:25px}
div.orchoice.ins.during p {display: inline;float: left;margin-left: 4rem}
div.orchoice.ins.during p.txt-dots {margin-left: 0}
div.cellphone .inpbox {width: 15%}
.hy {float:left;width:50px;text-align:center;line-height:26px;color:#999;font-size:15px;}
.txt-dots {clear: both;position:relative;overflow:hidden;padding-left:0;padding-top:0;color: #999;font-size:13px;}


/*목록*/
.pic-boardlist {clear: both;border-top:2px solid #222}
.pic-boardlist > ul > li.nocontents {}
.pic-boardlist > ul > li {clear: both;overflow: hidden;position: relative;padding:23px 0;border-bottom: 1px solid #ddd}
.pic-boardlist > ul > li > a {display:block}
.pic-boardlist > ul > li .pic {float:left;width:300px;height:200px;margin:0 18px 0 0;overflow:hidden;background:#f6f6f6 url('/resources/common/img/noimg_logo.png') no-repeat 50%;border:1px solid #ddd}
.pic-boardlist > ul > li .pic img {width:100%;min-width:100%;min-height:100%;transition:transform .35s}
.pic-boardlist > ul > li .pic img:hover {transform: scale(1.05)}
.pic-boardlist > ul > li .picbox {float:left;position:relative;width: 32rem;height: 30rem;margin: 0 6.5rem 0 0;background: #f6f6f6}
.pic-boardlist > ul > li span.picbox {float: left;position: relative;width: 32rem;height: 30rem;padding-top: 0;margin: 0 6.5rem 0 0;background: #f6f6f6;text-align: center;display: flex;flex-direction: row;justify-content: center;align-items: center}
.pic-boardlist > ul > li span.picbox img {display: inline-block;box-shadow: 0.4rem 0.4rem 0.8rem rgba(0,0,0,0.1)}
.pic-boardlist > ul > li .picbox ul li {display: none;width: 100%;height: 30rem;padding-top: 2.8rem;text-align: center;display: flex;flex-direction: row;justify-content: center;align-items: center}
.pic-boardlist > ul > li .picbox ul li img {display: inline-block;box-shadow: 0.4rem 0.4rem 0.8rem rgba(0,0,0,0.1)}
.pic-boardlist > ul > li .picbox ul li:first-child {display: block}
.pic-boardlist > ul > li .picbox .num {display: block;position: absolute;right: 0;bottom: 0;width: 5.6rem;height: 4.2rem;text-align: center;background: #c5c5c5;color: #fff;font-size: 1.6rem;line-height: 4.2rem}
.pic-boardlist > ul > li .picbox .num:before {content: "+ ";color: #fff;height: 100%;left: 0;top: 0;font-family: arial;font-weight: 600;font-size: 1.6rem}
.pic-boardlist > ul > li .picbox + a {float: none;overflow: hidden}

.pic-boardlist > ul > li div {float:none;overflow:hidden;height:100%;padding:0;}
.pic-boardlist > ul > li div > label {display:block;margin:0 0 15px 0;color:#fc074f;font-size:15px;font-weight: 600}
.pic-boardlist > ul > li div > label i {position: relative;padding: 0 1.7rem 0 0;margin-right: 0.6rem;color: #aeaeae;font-size: 1.6rem;font-weight: 600}
.pic-boardlist > ul > li div > label i:after {content: "";position: absolute;right: 0;top: 50%;display: inline-block;width: 0.8rem;height: 1.2rem;margin-top: -0.5rem;background: url('../images/icon_arr_05.png') no-repeat 0 0}

.pic-boardlist > ul > li div > strong {display: block;padding-top:10px;padding-bottom:10px;font-size:23px;color:#333;line-height:100%}

.pic-boardlist > ul > li div > div {font-size:15px;;margin-bottom:15px;word-break:break-all;}
.pic-boardlist > ul > li div > div.group_info {height:22.5px;}
.pic-boardlist > ul > li div > div p {word-break:break-all;}
.pic-boardlist > ul > li div > div.info {height: auto;margin: 0 0 15px 0;color: #999;font-weight:200}
.pic-boardlist > ul > li div > div.info span {position:relative;margin-left:10px;padding-left:10px}
.pic-boardlist > ul > li div > div.info span:before {position: absolute;left: 0;top: 50%;width: 0.1rem;height: 1.2rem;margin-top: -0.5rem;background: #ddd;content: ''}
.pic-boardlist > ul > li div > div.info span:first-child {margin: 0;padding: 0}
.pic-boardlist > ul > li div > div.info span:first-child:before {background: 0}
.pic-boardlist > ul > li div > div > ul li {clear:both;overflow:hidden;margin-top:0;}

.pic-boardlist > ul > li div > .date {display:block;color: #aeaeae;font-weight:400;font-size:15px;font-style: normal;}
.pic-boardlist > ul > li ul {width: auto;float: none;overflow: hidden}
.pic-boardlist > ul > li ul li {clear: both;overflow:hidden;margin-top:10px;}
.pic-boardlist > ul > li ul li:first-child {margin-top: 0}
.pic-boardlist > ul > li ul li label {float: left;display: block;width: 11rem;color: #333;font-size: 1.6rem}
.pic-boardlist > ul > li ul li span {display: block;float: none;width: auto;font-size: 1.6rem;color: rgba(102,102,102,0.8)}
.pic-boardlist > ul > li ul li div {float: none;width: auto;overflow: hidden;margin-top: 0;font-size: 1.6rem;color: rgba(102,102,102,0.8);line-height: 2.8rem}
.pic-boardlist .last-update {margin-bottom: 8rem}
.last-update {clear: both;overflow: hidden;color: #aeaeae;font-size: 1.6rem;line-height: 2rem}
.last-update span {position: relative;display: inline-block;padding-left: 1.5rem;margin-left: 1.5rem}
.last-update span:before {position: absolute;left: 0;top: 50%;width: 0.1rem;height: 1.2rem;margin-top: -0.4rem;background: #c7c7c7;content: ""}

.calendar_color_info ul li {display:inline-block;padding:10px 10px 0 10px;}
.calendar_color_info ul li span {width:10px;height:10px;display:inline-block;}
.calendar_color_info ul li span.hcolor {background:#dcdcdc;}
.calendar_color_info ul li span.rcolor {background:rgba(21,81,155,1);}
.calendar_color_info ul li span.ccolor {background:rgba(180, 0, 0, 1);}
.boardview {clear:both;width:100%;margin-bottom:20px;border-bottom:1px solid #ddd}
.boardview:after {clear:both; overflow:hidden;display:block; content:""}
.boardview dl dt {position:relative; padding:0 10px 15px 0; border-bottom:2px solid #333}
.boardview dl dt strong {display:block;font-size:25px;color:#333;line-height:100%;}
.boardview dl dt .btn-reaction {position:absolute; right:0; bottom:4rem}
.boardview dl dt .btn-reaction.on {border:1px solid #333}
.boardview dl dt > em {display:block; margin-bottom:1rem; font-size:1.6rem; color:#fc074f; line-height:2rem}
.boardview dl dt > em i {display:inline-block; height:2rem; padding:0 1.5rem 0 0; margin:0; background:url('../images/icon_arr_11.png') no-repeat 100% 60%}
.boardview dl dt > span {display:block; margin-top:1rem; color:#aeaeae; font-size:1.6rem}
.boardview dl dt > div {position:absolute; right:0; top:85%; z-index:110; width:7rem; height:8rem; padding:0.8rem 0 0 0; text-align:center; border:1px solid #ddd; background:#fff; box-shadow:0 0.4rem 0.4rem rgba(0,0,0,0.1)}
.boardview dl dt > div a {display:block; width:100%; height:3rem; line-height:3rem; color:#666; font-size:1.6rem; font-weight:400}
.boardview dl dt > div a:hover {background:#efefef}
.boardview dl dt ul {clear:both; overflow:hidden; margin:2rem 0 -1rem 0}
.boardview dl dt ul li {float:left; position:relative; padding:0 2rem; color:#999; font-size:1.6rem}
.boardview dl dt ul li:after {position:absolute; left:0; top:50%; width:0.1rem; height:1.2rem; margin-top:-0.6rem; background:#ddd; content:""}
.boardview dl dt ul li:first-child {padding-left:0; background:0}
.boardview dl dt ul li:first-child:after {background:0}
.boardview dl dt ul li label {display:inline-block; margin-right:1rem; color:#666; font-weight:600}
.boardview dl dt ul li span {display:inline-block}
.boardview dl dt ul li span a {color:#999; font-size:1.6rem}
.boardview dl dt ul li span a:hover {text-decoration:underline}
.boardview dl dt .btnset {position:absolute; bottom:4rem; right:0; font-size:0}
.boardview dl dt .btnset > * {display:inline-block; width:8.7rem; height:4.5rem; margin-left:1rem; line-height:4.3rem; font-size:1.6rem}
.boardview dl dt .btnset > *:first-child {margin-left:0}
.boardview dl dd {padding:18px;font-size:15px;color:#666;line-height:150%;word-break:break-all;}
.boardview dl dd .pic {display:block; width:100%; margin-bottom:6rem; text-align:center}
.boardview dl dd .pic img {width:100%; transition: transform .35s}
.boardview dl dd .pic img:hover {transform:scale(1.05)}
.boardview dl dd pre img {width:auto !important; max-width:100%; height:auto !important; margin:0 !important; padding:0 !important}
.boardview dl dd pre a img {width:auto}
.boardview dl dd pre {font-size:15px;color:#666;line-height:150%;}
.boardview dl dd pre .txc-textbox * {font-family:noto, Dotum, Arial, sans-serif !important; font-weight:400; font-size:1.4rem !important}
.boardview dl dd pre .tx-quote3 {margin-top:1rem}
.boardview dl dd pre ul {list-style:disc}
.boardview dl dd pre ol {list-style:decimal}
.boardview dl dd pre li {list-style:inherit}

.boardview dl dd.book-intro {clear:both;overflow:hidden;padding:69px 38px;px;background:#f6f6f6;border-top:1px solid #333;box-sizing:border-box;}
.boardview dl dd.book-intro .piclist {float:left;width:300px;height:190px;margin:0 30px 0 0;text-align:center; background:url('/resources/common/img/noimg_logo2.png') no-repeat 0 0; border:1px solid #ddd}
.boardview dl dd.book-intro .txtlist {float:none; overflow:hidden; width:auto}
.boardview dl dd.book-intro .txtlist > ul > li {clear:both; overflow:hidden;margin-bottom:10px;line-height:150%;}
.boardview dl dd.book-intro .txtlist > ul > li label {float:left;position:relative;width:125px;padding-left:10px;color:#333;font-size:15px;font-weight:600;letter-spacing:-0.75px;}
.boardview dl dd.book-intro .txtlist > ul > li label:before {position:absolute;left:0;top:9px;display:block;width:5px;height:5px;background:#f55d2b; border-radius:0.2rem; content:""}
.boardview dl dd.book-intro .txtlist > ul > li span p {display:inline}
.boardview dl dd.book-intro .txtlist > ul > li span {display:block;float:none;width:auto;overflow:hidden;max-height:25px;font-size:15px;font-weight:200; color:#333;line-height:150%;letter-spacing:-0.75px;}

.gallarylist {clear:both;margin:0}
.gallarylist:after {clear:both; overflow:hidden; display:block; content:""}
.gallarylist ul li {float:left; width:48%;height:350px; margin:0 1%;}
.gallarylist ul li .pic {display:block; width:100% height:350px;overflow:hidden;background:#f6f6f6 url('/resources/common/img/noimg_logo2.png') no-repeat 50%; border:1px solid #ddd}
.gallarylist ul li .pic img {min-width:100%;width:auto;min-height:100%;height:100%;}
.gallarylist ul li a {display:block}
.gallarylist ul li a > div {height:100px;margin:20px 0 0 0;padding-bottom:10px;}
.gallarylist ul li a > div strong {display:block;height:30px;overflow:hidden;margin-bottom:15px; font-size:18px;line-height:150%;color:#333;}
.gallarylist ul li a > div p {position:relative;margin-bottom:10px;padding:0 0 0 10px;font-size:15px;line-height:150%;}
.gallarylist ul li a > div p:before {position:absolute;left:0;top:50%;width:4px;height:5px;margin-top:-2px;background:#fc074f;border-radius:0.2rem; content:""}
.gallarylist + .paging {margin-top:0}

.yak .Box{padding:13px;overflow:auto;border:1px solid #ccc;background:#f3f3f3;color:#666;margin:0 0 5px}

.inpbox {display:block;position:relative;vertical-align:middle}
.inpbox input[type="text"],
.inpbox input[type="password"] {/*width:100%;height:100%;border:0;*/padding:0 18px;height:40px !important;background:0;font-size:16px;color:#666;font-weight:400}
.inpbox input[type="text"]:disabled,
.inpbox input[type="password"]:disabled {background:#ddd}

.wordbox {display:block;position:relative;vertical-align:middle;height:40px;line-height:40px;}

.boardwrite {clear:both; overflow:hidden}
.boardwrite h3 {margin:0;padding-right:23px;color:#1557af;font-size:20px;font-weight:600}
.boardwrite > div.listgroup {clear:both;overflow:hidden;margin-bottom:3px;border-bottom:1px solid #ddd}
.boardwrite > div.listgroup + .recommend-book {border-top:0 !important}
.boardwrite > div > ul {clear:both;overflow:hidden}
.boardwrite > div > ul > li {clear:both;overflow:hidden;width:auto;padding:10px;border-top:1px solid #ddd}
.boardwrite > div > ul > li p.optionbox {width:100%}
.boardwrite > div > ul > li span.selectbox p.optionbox {width: 30%;}
.boardwrite > div > ul > li span.optionbox {float:left}
.boardwrite > div > ul > li span.inpbox {float:left}
.boardwrite > div > ul > li > label {float:left;width:160px;font-size:15px;color:#333;font-weight:600;line-height:40px}
.boardwrite > div > ul > li > label.point:before {position:relative;left:-5px;top:4px; display:inline-block; color:#e60000; content:"*"}
.boardwrite > div > ul > li > div {float:none;overflow:hidden}
.boardwrite > div > ul > li > div p.inpbox {float:none;width:98%}
.boardwrite > div > ul > li > div.orchoice {padding-top:8px;}
.boardwrite > div > ul > li > div.orchoice span {float:left;position:relative;margin-left:14px;}
.boardwrite > div > ul > li > div.orchoice span label {color:#666}
.boardwrite > div > ul > li > div.orchoice.ctg span {width:14%;margin-left:0;margin-bottom:5px;}
.boardwrite > div > ul > li > div.orchoice.purpose span {width:18%; margin-left:0; margin-bottom:5px;}
.boardwrite > div > ul > li > div.orchoice.purpose span:nth-child(1),
.boardwrite > div > ul > li > div.orchoice.purpose span:nth-child(2),
.boardwrite > div > ul > li > div.orchoice.purpose span:nth-child(6),
.boardwrite > div > ul > li > div.orchoice.purpose span:nth-child(7) {width:23%}
.boardwrite > div > ul > li > div.orchoice span:first-child {margin-left:0}
.boardwrite > div > ul > li > div.orchoice.ins {padding-top:0}
.boardwrite > div > ul > li > div.orchoice.ins span {height:40px;line-height:40px;}
.boardwrite > div > ul > li > div.orchoice.ins.during p {display:inline;float:left;margin-left:10px;}
.boardwrite > div > ul > li > div.orchoice.ins.during p span.inpbox input {height:30px !important;border:1px solid #ccd2dc;border-radius:3px;vertical-align: middle}
.boardwrite > div > ul > li > div.orchoice.ins.during > p >span.datebox input {height:36px;padding:0 0 0 10px;border:1px solid #ccc;color:#666; font-size:15px;}


.searchbox {display:inline-block;position:relative;text-align:left;}
.searchbox input {background:#fff !important;border:1px solid #ddd !important;height:41px !important;vertical-align:middle;}

.searchoptionbox {display:inline-block;width:160px;height:43px;margin-right:3px;border:1px solid #ddd;text-align:left;}
.searchoptionbox select {display: block;width:100%;height:100%;padding:0 5px;background:#fff url('/resources/common/img/icon_arrow_02.png') no-repeat 96% 50%;border: 0;border-radius:0;color:#333;font-size:15px;font-weight:200;box-sizing:border-box;}
.searchoptionbox select option {font-size:15px;}

@media screen and (max-width:1024px) {
	.inpbox input[type="text"],
	.inpbox input[type="password"] {padding:0 10px;height:30px !important;font-size:14px;}

	.boardwrite {margin:0;}
	.boardwrite h3 {margin:30px 0 15px 0;font-size:20px;}
	.boardwrite > div.listgroup {margin-bottom:0;border-bottom:1px solid #ddd}
	.boardwrite > div.listgroup > ul > li:last-child {padding-bottom:20px;}
	.boardwrite > div.listgroup.last {border-bottom:0}
	.boardwrite > div > ul > li {float:none;width:auto;padding:10px 0;border-top:0}
	.boardwrite > div > ul > li > label {float:none;display:block;width:100%;margin-bottom:10px;font-size:15px;line-height:20px;}
	.boardwrite > div > ul > li > label.point:before {left:0;top:2px;margin-right:5px;}
	.boardwrite > div > ul > li > div.orchoice {padding-bottom:5px;}
	.boardwrite > div > ul > li > div.orchoice span.datebox {width:44.5% !important; margin:0}
	.boardwrite > div > ul > li > div.orchoice span.datebox input {width:100% !important;}
	.boardwrite > div > ul > li > div.orchoice.ins.during > p >span.datebox input {height:30px;padding:0;font-size:14px;}
	.boardwrite > div > ul > li > div.orchoice.week span {width:25%; margin-left:0; margin-bottom:0.5rem}
	.boardwrite > div > ul > li > div.orchoice.member span {margin-bottom:0.5rem}	
	.boardwrite > div > ul > li > div.orchoice span label {font-size:13px;}
	.boardwrite > div > ul > li > div.orchoice.ins span {height:40px;line-height:40px;}
	.boardwrite > div > ul > li > div.orchoice.member span {width:50%; margin-left:0}
	.boardwrite > div > ul > li > div.orchoice.ins.during span.rs {width:30% !important}
	.boardwrite > div > ul > li > div.orchoice.ins.during span .inpbox {width:auto !important}
	.boardwrite > div > ul > li > div.orchoice.ins.during p {display:block;float:none;clear:both;overflow:hidden;width:100%;margin-left:0}
	.boardwrite > div > ul > li > div.orchoice .inpbox {float:left;width:60% !important;margin:0 !important; height:30px !important; line-height:30px !important}
	.boardwrite > div > ul > li > div.orchoice.purpose span {width:50% !important}
	.boardwrite > div > ul > li > div.orchoice.ctg span {width:33%; height:22px;}
	.boardwrite > div > ul > li > div.orchoice.ctg span label {font-size:13px;}
	em.hy {text-align:center;}
	.w100 {width:94%;}
	.w90  {width:84%;}
	
	.pic-boardlist > ul > li .pic {float:none;display:block;width:100%;height:auto;margin:0 auto;}
	.boardview dl dd.book-intro {padding:38px;}
	.boardview dl dd.book-intro .piclist {float:none;width:100%;height:auto;margin:0 auto;text-align:center;}
	
	.boardwrite > div > ul > li span.selectbox p.optionbox {width:98%;}
	.optionbox {height:30px;margin-right:0;}
}

@media screen and (max-width:860px) {
	.searchoptionbox {height:30px;margin-right:0;}
	.searchoptionbox.s1 {width:47.5%;margin-bottom:3px;}
	.searchoptionbox.s2 {width:47.5%;margin-bottom:3px;}
	.searchoptionbox.s3 {width:47.5%;margin-left:-2px;}
	.searchbox.s4 {width:47.5%;}
	.searchoptionbox.s1 select,
	.searchoptionbox.s1 select,
	.searchoptionbox.s1 select,
	.searchbox.s4 input {width:100%;}
	.searchbox input {margin-right:0 !important;height:30px !important;}
	.btnbox {display:block;padding-top:5px;}
	
	.boardview dl dd.book-intro {padding:23px;}
	.boardview dl dd.book-intro .txtlist > ul > li label {float:none;width:100%;}
	.boardview dl dd.book-intro .txtlist > ul > li span {min-height:15px;}
}

@media screen and (max-width:600px) {
	em.hy {width:10%}
	.searchoptionbox.s1 {width:96%;}
	.searchoptionbox.s2 {width:96%;}
	.searchoptionbox.s3 {width:96%;margin-left:0;margin-bottom:3px;}
	.searchbox.s4 {width:96%;margin-left:-2px;}
}

@media screen and (max-width:540px) {
	.boardview dl dd,
	.boardview dl dd p,
	.boardview dl dd.book-intro .txtlist > ul > li label,
	.boardview dl dd.book-intro .txtlist > ul > li span {font-size:13px;}
}