@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
*{
	margin:0;
	box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
select,
input[type="checkbox"],
input[type="radio"] {
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

[contenteditable="true"] {
  overflow-wrap: break-word;
  -webkit-nbsp-mode: space;
  line-break: after-white-space;
  -webkit-user-modify: read-write-plaintext-only;
}
.star{
	color:red!important;
	padding-right:.25rem;
	display:inline-flex;
	align-items:center;
	line-height:1;
	margin-top:.5rem;
}
img{
	object-fit: cover;
}
body.active{
	
}
body.active #preview{
	
}
strong{
	font-weight:600;
}

.font-nanumson{
	font-family: "나눔손글씨 고려글꼴", "나눔손글씨고려글꼴", "nanum-handwritting-golyeogeulkkol";
}
.font-pen{
	font-family: 'Nanum Pen Script', cursive;
}

.thin{
	font-weight:300;
}

:root{
	--color-primary: #3154A2;
	--color-secondary: #FBC046;
}

/*
	List
*/
.list{
	margin-left:-1rem;
}
.list > li{
	float:left;
	padding-left:1rem;
}
.list.list-column-2 > li{
	width:50%;
}
.list.list-column-3 > li{
	width:33.33333%;
}
.list.list-column-3 > li:nth-child(3n+1){
	clear:both;
	float:left;
}
.list.list-column-4 > li{
	width:25%;
}
.list.list-column-5 > li{
	width:20%;
}

/*
	Section
*/
.section{
	padding:7rem 0;
}
.section .section__head{
	text-align:center;
}
.section .section__body{
	padding:3rem 0;
	padding-top:5rem;
}
.section .section-title{
	font-size:2.2rem;
	font-weight:700;
	letter-spacing:-3px;
}
.section .section-title .large{
	font-size:4.3rem;
}

.section .section-title .thin{
	font-weight:300;
}
.underline{
	position:relative;
	z-index:1;
}
.underline:after{
	content:'';
	position:absolute;
	bottom:.5rem;
	left:0;
	width:100%;
	height:1rem;
	z-index:-1;
	border-radius:0rem;
	background-color:rgba(183,80,154,.5);
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
strong{
	font-weight:700;
}
div:after,
form:after{
	content:'';
	display:block;
	clear:both;
}
html{
	font-size:15px;
}
body{
	line-height:1.6;
	font-family: 'Noto Sans KR', sans-serif;
	letter-spacing:-.5px;
}
li{
	list-style:none;
}
.fluid{
	width:100%;
}

.hidden{
	display:none;
}
.highlight{
	background-color:#FEF7E4!important;
	opacity:.3s;
}
.this{
	color:red;
}
/*
	text
*/
.text-small{
	font-size:.85rem;
}
.text-mini{
	font-size:.7rem;
}
p{
	line-height:1.8;
	color:#333;
}

/* Grid */
.grid {
	display: flex;
	/*margin-left: -.5rem;
	margin-right: -.5rem;*/
	margin-bottom: 0rem;
	flex-wrap: wrap;
}
.grid.grid-vcenter{
	align-items:center;
}

.grid > [class * ="grid__"] {
	flex: 1 1 auto;
	padding-left: .5rem;
	padding-right: .5rem;
}

.grid > .grid__1 {
	min-width: 8.33333%;
	max-width: 8.33333%;
}

.grid > .grid__2 {
	min-width: 16.66666%;
	max-width: 16.66666%;
}

.grid > .grid__3 {
	min-width: 24.99999%;
	max-width: 24.99999%;
}

.grid > .grid__4 {
	min-width: 33.33332%;
	max-width: 33.33332%;
}

.grid > .grid__5 {
	min-width: 41.66665%;
	max-width: 41.66665%;
}

.grid > .grid__6 {
	min-width: 49.99998%;
	max-width: 49.99998%;
}

.grid > .grid__7 {
	min-width: 58.33331%;
	max-width: 58.33331%;
}

.grid > .grid__8 {
	min-width: 66.66664%;
	max-width: 66.66664%;
}

.grid > .grid__9 {
	min-width: 74.99997%;
	max-width: 74.99997%;
}

.grid > .grid__10 {
	min-width: 83.3333%;
	max-width: 83.3333%;
}

.grid > .grid__12 {
	min-width: 100%;
	max-width: 100%;
}

.grid > [class * ="grid__"] > .grid > [class * ="grid__"] {
	margin-bottom: 0;
}

.grid > .grid__0 {
	display: none;
}

.grid.grid-gap {
	margin-left:-4rem
}

.grid.grid-gap > [class *="grid__"] {
	padding-left:4rem;
}
.grid.grid-small{
	margin-left:-.5rem;
}
.grid.grid-small > [class*="grid__"]{
	padding-left:.5rem;
}


a{
	color:#121212;
}
.align-right{justify-content:flex-end;text-align:right}
.align-center{justify-content:center;text-align:center}

@media(max-width:720px) {
	.mb-align-center{justify-content:center;text-align:center;}
}

hr{
	display:block;
	width:100%;
	height:1px;
	border:0;
	border-bottom:1px dashed #ddd;
	background-color:transparent;
	margin-bottom:2rem;
	margin-top:2rem;
}
hr.hr{
	border-bottom:1px solid #ddd;
}

/* form Components */
select,
.fakeSelect button,
input[type="text"],
input[type="password"],
input[type="checkbox"],
input[type="radio"],
textarea,
button,
.label-group-btn label,
.kbtn{
	display:block;
	border:1px solid #dfdfdf;
	border-radius:.3rem;
	padding:.7rem .7rem;
	font-size:.9rem;

}
input[type="text"],
input[type="password"],
input[type="checkbox"],
input[type="radio"],
textarea{
	color:rgba(0,0,0,.6);
}
input[type="text"],
input[type="password"]{
	width:100%;
}
button{
	background-color:#fff;
	cursor:pointer;
}
textrea{
	
}

input::placeholder,
textarea::placeholder,
input::-webkit-input-placeholder,
input:-ms-input-placeholder{
  color:rgba(0,0,0,.1);
}

i:not(.fa){
	font-style:italic;
}
b{
	font-weight:bold;
}
/* Button */
.kbtn{
	display:inline-block;
	text-align:center;
	padding:1rem;
	color:#333;
	height:auto;
	border:1px solid #fff;
	width:auto;
	padding-left:1rem;
	line-height:1;
	padding-right:1rem;
	transition:.3s;
	text-decoration:none;
	border-radius:0;
	font-size:1rem;
}
.kbtn.kbtn-primary{
	background-color:var(--color-primary);
	border:1px solid var(--color-primary);
	color:#fff;
}
.kbtn.kbtn-secondary{
	background-color:#f9f9f9;
	border:1px solid #dfdfdf;
	color:#888;
}
.kbtn.kbtn-info{
	background-color:#FEE502;
	border:1px solid #FEE502;
	color:#121212;
}
.kbtn.kbtn-light{
	background-color:#fff;
	border:1px solid #ddd;
	color:#444;
}
.kbtn.kbtn-light:hover{
	border-color:#121212;
	background-color:#fff;
	color:#121212;
}
.kbtn.kbtn-danger{
	background-color:#D9544F;
	border-color:#D9544F;
	color:#fff;
}
.kbtn.kbtn-dark{
	background-color:#333;
	border:1px solid #111;
	color:rgba(255,255,255,.8);
}
.kbtn.kbtn-kakao{
	background-color:#FAE418;
	color:#412524;
	border-color:#E7D316;
}
.kbtn.kbtn-success{
	background-color:green;
	color:#fff;
	border-color:green;
}
.kbtn.kbtn-naver{
	background-color:#20C801;
	color:#fff;
	border-color:#1EAD02;
}
.kbtn.kbtn-kakao:hover{
	background-color:#FAE418;
	color:#412524;
}
.kbtn.kbtn-mini{
	padding:.25rem;
	padding-left:.25rem;
	padding-right:.25rem;
	font-size:.7rem;
}
.kbtn.kbtn-small{
	padding:.5rem;
	padding-left:.5rem;
	padding-right:.5rem;
	font-size:.8rem;
}
.kbtn.kbtn-large{
	padding:1.5rem;
	padding-left:3rem;
	padding-right:3rem;
	font-size:1.2rem;
	font-weight:bold;
}
.kbtn.kbtn-oval{
	border-radius:100px;
	padding-left:1.5rem;
	padding-right:1.5rem;
}
.kbtn.kbtn-small.kbtn-oval{
	padding-left:1.5rem;
	padding-right:1.5rem;
}
.kbtn.kbtn-fluid{
	width:100%;
}

.nav > ul > li  a{
	text-decoration:none;
}

/* Nav divider :: slash */
.nav.nav-divider--slash > ul > li:after{
	content:'/';
	padding-left:.5rem;
	font-size:.8rem;
}
.nav.nav-divider--slash > ul > li:last-child:after{
	display:none;
}

.nav.nav-tab > ul{
	display:flex;
	position:relative;
}
.nav.nav-tab > ul:after{
	content:'';
	width:100%;
	height:1px;
	background-color:#dfdfdf;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
}
.nav.nav-tab > ul > li{
	flex:0 1 auto;
	border:1px solid #dfdfdf;
	border-bottom:0;
	margin:0;
}
.nav.nav-tab > ul > li:last-child{
	border-left:0;
}

.nav.nav-tab > ul > li > a{
	display:block;
	text-align:center;
	padding:.5rem 1rem;
	font-size:.9rem;
	color:#999;
	background-color:#f9f9f9;
}
.nav.nav-tab > ul > li.active > a{
	color:#121212;
	background-color:#fff;
}
.nav.nav-tab > ul > li.active{
	border-bottom:1px solid #fff;
	z-index:10;
}

.tab-content{
	padding:1rem;
}

.scrollbox{
	min-height:100px;
	overflow-y:scroll;
	color:rgba(0,0,0,.5);
	font-size:.8rem;
	border:1px solid #dfdfdf;
	padding:1rem;
}


input[type="checkbox"]{
	width:1rem;
	height:1rem;
	padding:0;
	border-radius:.2rem;

	display:inline-block;
	line-height:1;
}
input[type="checkbox"]:checked{
	background:url('../svg/check.svg') no-repeat calc(100% - 1rem) center #121212;
	background-size:1rem 1rem;
	border-color:#121212;
}
input[type="checkbox"]:checked:before{
	font-family:'FontAwesome';
	content:"\f107";
	color:#fff;
	font-size:.95rem;
	text-align:center;
	justify-content:center;
	display:flex;
	align-items:center;
	width:1rem;
	height:1rem;
	line-height:1rem;
	text-indent:-1px;
}
input[type="radio"]{
	width:1rem;
	height:1rem;
	border-radius:50%;
	padding:0;
	margin-top:3px;
}
input[type="radio"]:checked{
	background-color:#121212;
	border-color:#121212;
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
input[type="radio"]:checked:after{
	content:'';
	background-color:#fff;
	width:50%;
	height:50%;
	border-radius:50%;
	display:inline-block;
}
label{
	font-size:.9rem;
	color:#555;
}
select,
.fakeSelect button{
	background:url('../svg/arrow-down.svg') no-repeat calc(100% - 1rem) center;
	background-size:10px 10px;
	min-width:55px;
}
.fakeSelect button{
	text-align:left;
}
.fakeSelect.open button{
	background-image:url('../svg/arrow-up.svg');
}
.fakeSelect{
	position:relative;
}
.fakeSelect button + .dropdown{
	width:100%;
	border-radius:.3rem;
	border:1px solid #dfdfdf;
	position:absolute;
	left:0;
	background-color:#fff;
	z-index:9989;
	display:none;
}
.fakeSelect button + .dropdown a{
	display:block;
	padding:.5rem 1rem;
	text-decoration:none;
	font-size:.9rem;
}
.fakeSelect button + .dropdown a:hover{
	background-color:#f8f8f8;
}

.form-group{
	margin-bottom:1rem;
}
.form-group label{
	display:block;
	font-weight:500;
	margin-bottom:.25rem;
}

.form-group-inline{
	display:flex;
	align-items:center;
	margin-bottom:1rem;
	flex-wrap:wrap;
}
.form-group-inline .field,
.form-group-inline input[type="text"],
.form-group-inline input[type="password"],
.form-group-inline select,
.form-group-inline .fakeSelect button,
.form-group-inline textarea{
	flex:0 1 auto;
	width:82%;
}
.form-message{
	padding-left:18%;
	padding-top:.5rem;
	width:100%;
	color:#F19A79;
}
.form-message{
	color:#999;
	font-size:.8rem;
}
.form-message.error{
	color:red;
	padding-left:0;
}
.form-group-inline select + select,
.form-group-inline .fakeSelect + .fakeSelect,
.form-group-inline .fakeSelect + select,
.form-group-inline select + .fakeSelect{
	margin-left:1rem;
}
.form-group-inline .grid input[type="text"],
.form-group-inline .grid select,
.form-group-inline .grid .fakeSelect{
	width:100%;
}
.form-group-inline > label{
	width:18%;
	line-height:1;
}
.form-group-inline .grid{
	width:82%;
}

.form-group-inline.wide > label{
	width:30%;
}
.form-group-inline.wide .grid,
.form-group-inline.wide input[type="text"]{
	width:70%;
}

.input-error{
	border-color:red!important;
}
.btn-group{
	display:flex;
	align-items:center;
	margin-bottom:1rem;
	justify-content:space-between
}
.btn-group > *{
	flex:0 1 auto;
}
.btn-group input[type="text"]{
	width:80%!important;
}
.btn-group .btn{
	width:20%;
	white-space:nowrap;
	margin-left:.5rem;
}
select.size-small{
	width:30%;
}
.fakeSelect.size-small{
	min-width:30%;
}
select.size-mini{
	min-width:18%;
	max-width:25%;
}
.fakeSelect.size-mini{
	min-width:18%;
	max-width:25%;
}

.label-group{
	display:flex;
	align-items:center;
	white-space:nowrap;
	margin-bottom:.5rem;
	flex-wrap:wrap;
}
.label-group label{
	margin-left:.5rem;
	margin-top:.3rem;
}
.label-group label + input{
	margin-left:1rem;
}

.form-group-inline .label-group{
	width:82%;
	white-space:wrap;
}
.form-group-inline .label-group + .label-group{
	margin-left:18%;
}

/* 라벨 그룹 (버튼형) */
.label-group-btn{
	position:relative;
	white-space:nowrap;
}
.label-group-btn label{
	background:#f1f1f1;
	border-radius:.3rem;
	text-align:center;
	display:inline-flex;
	align-items:center;
	width:auto;
	border:0;
	padding:.7rem 1rem;
	margin-right:.5rem;
	line-height:1;
	white-space:nowrap;
	font-size:.85rem;
	color:#888;
	cursor:pointer;
	transition:.3s;
}
.label-group-btn label:hover{
	background-color:#ddd;
}
.label-group-btn input{
	display:none;
}
.label-group-btn input[type="radio"]:checked + label,
.label-group-btn input[type="checkbox"]:checked + label{
	background-color:#121212;
	color:#fff;
}

.select-group{
	display:flex;
	align-items:center;
	width:82%;
}
.select-group select,
.select-group .fakeSelect{
}
.select-group .fakeSelect button{
	width:100%;
}
.select-group select:first-child,
.select-group .fakeSelect:first-child{
	margin-right:0rem!important;
	width:37%;
}

.input.input-small{
	width:30%;
}
.input.input-half{
	width:50%;
}

.input-group{
	display:flex;
	align-items:center;
	justify-content:space-between;
	white-space:nowrap;
	width:82%;
}
.input-group > *{
	flex:1 1 auto;
}
.input-group input{
	width:100%;
}
.input-group .sidecar{
	padding-left:.5rem;
	padding-right:.5rem;
	color:#555;
	font-size:.8rem;
	white-space:nowrap;
	margin-left:.5rem;
}

.label-group{
	display:flex;
	align-items:center;
}
.label-group input[type="checkbox"]{
	position:relative;
	top:2px;
}

.form-action{
	margin-top:1rem;
}

.link{
	color:blue;
	text-decoration:underline;
}
.bold{
	font-weight:bold;
}

/* color */
.color-primary{color:#223C76!important}
.color-secondary{color:#888!important;}
.color-danger{color:#D9544F!important;}
.color-orange{color:#EB7664!important}
.color-lightgray{color:#ccc!important;}
.color-yellow{color:yellow!important;}

/* nav */
nav > ul{display:inline-flex;align-items:center;}
nav > ul > li{flex:0 1 auto;margin-left:.5rem;}
nav > ul > li:nth-child(1){margin-left:0;}
nav > ul > li > a{text-decoration:none;color:inherit}

nav.size-default > ul > li > a{font-size:1rem;}

.container{margin:0 auto;width:100%;min-width:1080px;max-width:1080px;padding:0 1rem;}

/* badge */


/* card */
.card{border:1px solid #ececec;background-color:#fff;border-radius:.5rem;margin-bottom:1rem;}
.card .card__head{padding:1rem 2rem;border-bottom:1px solid #efefef;display:flex;align-items:center; justify-content:space-between;}
.card .card__head input[type="checkbox"]{position:relative;top:2px}
.card .card__head .card-info{flex:0 1 auto;width:100%}
.card .card__head .card-toggle{flex:0 1 auto;float:right;text-align:right;white-space:nowrap;background:url('../svg/arrow-down.svg') no-repeat center center;background-size:1rem 1rem;text-indent:-1000em;overflow:hidden;display:block;width:50px;font-size:0;border:0;margin-right:-1rem;padding:1rem;}
.card .card__head .card-toggle.show{background-image:url('../svg/arrow-down.svg')}
.card .card__head .card-toggle.hide{background-image:url('../svg/arrow-up.svg')}
.card .card__head .card-toggle:hover{background-color:#f9f9f9;}

.card .card__head input[type="checkbox"]{margin-right:.5rem;cursor:pointer;margin-top:-1px;width:1.1rem;height:1.1rem;}
.card .card__head input[type="checkbox"]:checked{background-color:#121212;border:1px solid #121212;}
.card .card__head input[type="checkbox"]:checked:before{font-size:1.25rem;}
.card .card__head .card-title{font-weight:600!important;font-size:1.1rem;white-space:nowrap;}
.card .card__head .card-controller{text-align:right;display:flex;justify-content:flex-end;width:100%;}
.card .card__body{padding:2rem 2em;}
.card .card__foot{clear:both;padding:1rem 2rem;border-top:1px solid #efefef;color:#999;font-size:.82rem;display:none;}

.card.card-small .card__head{padding:.5rem 1rem;}
.card.card-small .card__head .card-title{font-size:.9rem;}
.card.card-small .card__body{padding:.5rem .5rem;font-size:.9rem;}

#MakingBoard .card .card__body{display:none}
#MakingBoard .card.active .card__body,
#MakingBoard .card.active .card__foot{display:block;}

/* alert */
.alert{position:absolute;left:50%;transform:translateX(-50%);padding:.75rem 4rem;line-height:1;display:flex;justify-content:center;align-items:center;background-color:#E6FFEC;border:1px solid #5E9B74;color:#08812A;z-index:9990;border-radius:.3rem;font-size:.9rem;opacity:0;visibility:hidden;transition:.3s;}
.alert i{display:inline-block;margin-right:.5rem;}
.alert.active{opacity:1;visibility:visible}


/* item */
.item{padding:1rem;font-size:.8rem;display:block;margin-top:1rem;}
.item img{max-width:100%;height:200px;}
.item .item__head{display:flex;justify-content:space-between;position:relative;text-align:left}
.item .item__head > *{flex:0 1 auto;width:100%;}
.item .item__head > *:last-child{text-align:right;}
.item .item__body{padding:.5rem 0;padding-bottom:0;text-align:center;}
.item *{margin:0;}

.item .item-title{font-size:1.33rem;margin-bottom:.5rem;margin-top:.5rem}

.item .item-cont{text-align:center;font-size:.86rem;color:rgba(0,0,0,.6)}

.item .item--right{display:flex;justify-content:flex-end;align-items:center;}
.item .item-date{color:rgba(0,0,0,.3);font-size:.8rem}
.item .item-close{border:0;font-size:.65rem;color:rgba(0,0,0,.4);padding:0;margin:0;margin-top:-1px;padding:.3rem;padding-left:.5rem;color:#F19A79;background-color:transparent}

.item.item-webzine{display:flex;border:1px solid #dfdfdf;padding:1rem;}
.item.item-webzine .item__head,
.item.item-webzine .item__body,
.item.item-webzine .item__foot{flex:1 1 auto;}

.item.item-webzine .item__head{flex:0 1 auto}
.item.item-webzine .item__head img{width:auto;}
.item.item-webzine .item__body{padding-left:2rem;display:block;align-items:center;text-align:left;justify-content:flex-start;flex-direction:column;padding-top:1rem;position:relative;}
.item.item-webzine .item__foot{display:flex;align-items:center;padding-left:1rem;justify-content:flex-end}
.item.item-webzine .item__foot .btn{margin:0 .2rem;min-width:100px;}
.item.item-webzine .item-title{font-weight:400;font-size:1.6rem;letter-spacing:-1px;margin:0;}
.item.item-webzine .item-info{display:block;margin-top:.5rem;font-size:1.1rem;}
.item.item-webzine .item-desc{color:rgba(0,0,0,.6);font-size:1rem;margin-top:1rem}

.item.item-webzine .item-btn{margin-top:2rem;}
.item.item-webzine .item-btn .btn{width:200px;font-size:1rem;}
.item.item-webzine .item-btn .btn:hover{background-color:#121212;color:#fff}
.item.item-webzine .item-badge{border-radius:50%;width:4rem;height:4rem;display:inline-flex;align-items:center;justify-content:center;background-color:#D38E7E;color:#fff;position:absolute;right:0;top:0;}
.item.item-webzine .item-badge.end{background-color:#ccc;}

.item.item-gallery{box-shadow:none;border:1px solid #dfdfdf;border-radius:.5rem;background-color:#fff;padding:0;overflow:hidden}
.item.item-gallery .item__head{padding:0;overflow:hidden;border-bottom:1px solid #dfdfdf;font-size:0;line-height:1;}
.item.item-gallery .item__head .expiration{font-size:.9rem;background-color:#D9554F;display:inline-block;padding:.5rem 1rem;text-align:center;position:absolute;right:1rem;top:1rem;width:auto;color:#fff}
.item.item-gallery .item__head img{font-size:0;line-height:1;}
.item.item-gallery .item__body{padding:1rem;font-size:1rem;}
.item.item-gallery a{text-decoration:none;}
.item.item-gallery .item__foot{text-align:center;padding:1rem;padding-top:0;}
.item.item-gallery .item-title{font-weight:600;font-size:1.1rem}


.sticky{
	position: -webkit-sticky; /* 사파리 브라우저 지원 */
	position: sticky;
	top: 6rem;
}

/* 
	가격 금액 
*/
.price{color:#F19A79;}
.price strike{color:rgba(0,0,0,.4)}

/*
	Table
*/
table{
	border-collapse:collapse;
	width:100%;
}
table caption{
	display:none;
}
table th,
table td{
	padding:1rem;
	text-align:left;
	vertical-align:middle;
}
table th{
	padding-bottom:.5rem;
	font-size:.8rem;
	color:#888;
}
table td{
	font-size:1rem;
}
table tr{
	border-bottom:1px solid #dfdfdf;
}
table a{
	text-decoration:none;
}
table a:hover{
	text-decoration:underline;
}

table.table-hover tbody tr:hover{
	background-color:#f8f8f8;
}
table.table-hover tbody tr:hover a{
	color:#121212;
}

table.table-box{
	border:1px solid #dfdfdf;
}

.table.table-center{
	border-top:1px solid #121212;
	margin-top:2rem;
}
.table.table-center th,
.table.table-center td{
	text-align:center;
}

.action{
	margin-top:2rem;
}

.table.table-default th{
	background-color:#675AD0;
	color:#fff;
	padding:1rem;
	border-right:1px solid #fff;
	text-align:center;
	font-size:1rem;
	
}
.table.table-default td{
	color:#333;
}

/*
	box
*/
.box{
	padding:5rem;
	background-color:#f9f9f9;

}
/* Ajax attachment */
.attachment .btn_upload{
	background-color:#f5f5f5;
	border:1px solid #dfdfdf;
	width:120px;
	height:120px;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	color:rgb(240, 118, 23);
	font-size:.8rem;
	letter-space:-2px;
	text-decoration:underline;
	padding:0;
}
.attachment .btn_upload img{
	width:100%;
}
.attachment .fileInput,
.fileInput{
	display:none;
}


input[disabled="disabled"],
textarea[disabled="disabled"]{
	background-color:#f9f9f9;
	cursor:not-allowed;
}



/* Pagination */
.pagination{text-align:center;margin-top:1rem;}
.pagination ol > li{display:inline-block;margin:0;line-height:1;}
.pagination ol > li > a{padding:.5rem;line-height:1;display:block;text-decoration:none;color:rgba(0,0,0,.5);font-size:1rem}
.pagination ol > li.active > a{font-weight:bold;color:#121212;}

/* Margin & Padding */
.margin-top{margin-top:1rem}
.margin-bottom{margin-bottom:1rem}
.margin-bottom-none{margin-bottom:0}

/*
	LAYOUT
*/
header .row{clear:both;}
header #row-1{border-bottom:1px solid #dfdfdf;padding:.5rem 0;background-color:#fff;}
header #row-2{padding:1rem 0;border-bottom:1px solid #dfdfdf;}

#header__logo a{font-weight:bold;color:#121212;font-size:1.5rem;}

.header__nav > ul > li{margin-left:1rem;position:relative;}
.header__nav > ul > li > a{font-weight:500;color:#444;font-size:1.05rem;transition:.3s}
.header__nav > ul > li > a:hover{color:#999;}
.header__nav > ul > li > ul{display:block;padding:1.5rem 1rem;position:absolute;min-width:150px;background-color:#fff;text-align:left;border-radius:.5rem;left:-2rem;opacity:0;visibility:hidden;transition:.3s;z-index:9998;
	box-shadow: 2px 0px 50px -30px rgba(0,0,0,0.75);
	-webkit-box-shadow: 2px 0px 50px -30px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 0px 50px -30px rgba(0,0,0,0.75);}
.header__nav > ul > li > ul > li > a{text-decoration:none;font-size:.9rem;padding:.25rem 1rem;display:block;color:rgba(0,0,0,.7)}
.header__nav > ul > li > ul > li > a:hover{color:#121212;}
.header__nav > ul > li:hover > ul{opacity:1;visibility:visible;}

/* 메인 메뉴 옆 보조 메뉴 */
.header__nav > ul + ul{padding-left:1rem;position:relative;margin-left:1rem;}
.header__nav > ul + ul:before{content:'';height:1rem;width:2px;background-color:#dfdfdf;display:block;position:absolute;left:0;top:50%;transform:translateY(-49%);}
.header__nav > ul + ul > li{margin-left:.75rem}
.header__nav > ul + ul > li > a{font-size:.97rem;font-weight:400;color:rgba(0,0,0,.6)}
.header__nav > ul + ul > li > a:hover{color:#121212;}

.page{}
.page .page__head{padding:1rem 0;border-bottom:1px solid #dfdfdf;background-color:#fff;}
.page .page__head .container{display:flex;justify-content:space-between;align-items:center;}
.page .page__head > *{flex:1 1 auto;width:100%;white-space:nowrap;}
.page .page__head .page-title{font-size:1.1rem;}
.page .page__head .page-controller{display:flex;justify-content:flex-end;width:100%;}
.page .page__body{padding:1rem 0}

.page.page-small .page__body{padding-top:3rem;padding-bottom:3rem}
.page.page-small .page__body .container{min-width:500px;max-width:500px}

footer{clear:both;padding-top:1rem;font-size:.83rem;line-height:1.8}
footer .row{padding:1rem 0;color:#666;}
footer .row a:hover{color:#7384F8}
footer .copyright{font-size:.8rem;}

#footer-row-1{font-size:.9rem;}
#footer-row-1 strong,
#footer-row-1 strong  + nav{display:inline-block;}
#footer-row-1 strong{padding-right:.5rem}







/*
	Modal
*/
.modal-container{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	display:flex;
	align-items:center;
	z-index:9999;
	overflow-y:auto;
	background-color:rgba(0,0,0,.7);
	visibility:hidden;
	z-index:-1;
}
.modal-container.active{
	visibility:visible;
	z-index:9999;
}
.modal{
	background-color:#fff;
	width:700px;
	margin:0 auto;
	border-radius:.5rem;
}
.modal .modal__head{
	border-bottom:1px solid #dfdfdf;
	padding:1rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-family:'NanumSquareRound',sans-serif;
}
.modal .modal__head > *{
	flex:0 1 auto;
	white-space:nowrap;
	line-height:1;
}
.modal .modal__head .modal-control{
	text-align:right;
	width:100%;
	display:flex;
	justify-content:flex-end;
}
.modal .modal__head .modal-close{
	border:0;
	padding:.5rem;
}
.modal .modal__body{
	padding:1rem;
	font-family:'NanumSquareRound',sans-serif;
}

.tt{
	font-size:2rem;
}
.page-tt{
	font-size:2rem;
	display:block;
	margin-bottom:2rem;
}
dl{
	display:flex;
	border-bottom:1px solid #dfdfdf;
	padding:.5rem 0;
}
dl dt{
	width:15%;
	letter-spacing:10px;
	font-weight:bold;
}

.only-mb{
	display:none;
}
.only-pc{
	display:block;
}
.grid > .grid__0{
	position:fiexd;
	left:-1000em;
}
span.only-mb{
	display:none
}
span.only-pc{
	display:inline-block;
}
@media(max-width:720px) {
	.only-mb{
		display:block;
	}
	.only-pc{
		display:none;
	}
	span.only-mb{
		display:inline-block;
	}
	span.only-pc{
		display:none;
	}
	
	.mb-margin-top-x2{
		margin-top:2rem;
	}
	
	.grid > [class*=mb-grid__]{
		position:relative;
		left:auto;
		overflow:visible;
		display:block;
	}
	.grid > .mb-grid__1{
		min-width:16.66666%;
		max-width:16.66666%;
	}
	.grid > .mb-grid__2{
		min-width:33.33333%;
		max-width:33.33333%;
	}
	.grid > .mb-grid__3{
		min-width:49.99998%;
		max-width:49.99998%;
	}
	.grid > .mb-grid__4{
		min-width:calc(16.6666% * 4);
		max-width:calc(16.6666% * 4);
	}
	.grid > .mb-grid__5{
		min-width:83.333%;
		max-width:83.333%;
	}
	.list.mb-list-column-1{
		margin-left:0;
		paddig-left:0;
	}
	.list.mb-list-column-1 > li{
		width:100%;
		padding-left:0;
	}
	.list.mb-list-column-2 > li{
		width:50%;
		padding-left:0;
	}
	.list.mb-list-column-2 > li:nth-child(3n+1){
		clear:none;
		float:left;
	}
	.list.mb-list-column-2 > li:nth-child(2n+1){
		clear:both;
		float:left;
	}
	.mb-padding{
		padding:2rem;
	}
	
	#captcha #captcha_key{
		width:100%!important;
	}
	
	.mb-center{
		text-align:center;
		display:flex;
		justify-content:center;
	}
	.table:not(.no-responsive-table) th,
	.table:not(.no-responsive-table) td,
	.table:not(.no-responsive-table) tr,
	.table:not(.no-responsive-table) thead,
	.table:not(.no-responsive-table) tbody{
		display:block;
		padding:.25rem;
	}
	.table:not(.no-responsive-table){
		display:block;
	}
	.table tbody input[type="text"],
	.table tbody input[type="password"]{
		width:100%;
	}
	.table:not(.no-responsive-table).table-data th{
		width:30%!important;
	}
	.table:not(.no-responsive-table).table-data td{
		width:100%!important;
	}
	.table:not(.no-responsive-table).table-data tr{
		border-bottom:0!important;
	}
	
	.label-group{
		white-space:normal;
	}
	.item.item-webzine{
		display:block;
	}
	.item.item-webzine .item__body{
		padding-left:0;
	}
	.item.item-webzine .item-btn .btn{
		width:100%;
		padding:1rem;
	}
	.item.item-webzine .item-badge{
		width:3rem;
		height:3rem;
		margin-top:1rem;
		margin-right:1rem;
	}
	.table.no-responsive-table th,
	.table.no-responsive-table td{
		font-size:.9rem;
		white-space:nowrap;
	}
}