body {margin:0;padding:0; }
html, body {overflow-x:hidden; overflow-y:auto; cursor: default;}

ol,ul,li { list-style: none;}
div, ul, li, hr, p, form {margin:0; padding:0; list-style:none;}

input:focus, select:focus, textarea:focus { outline:none; }

*{ box-sizing: border-box; }

a, a:link, a:visited { text-decoration:none; color:inherit;  }
a:hover { text-decoration:none; }

h1, h2, h3 { margin:0; padding:0; }

/* */
.g-col-1 { width:8.333%; float:left; }
.g-col-2 { width:16.666%; float:left; }
.g-col-2-5 { width:20%; float:left; }
.g-col-3 { width:24.999%; float:left; }
.g-col-4 { width:33.332%; float:left; }
.g-col-5 { width:41.665%; float:left; }
.g-col-6 { width:50%; float:left; }
.g-col-7 { width:58.331%; float:left; }
.g-col-8 { width:66.664%; float:left; }
.g-col-9 { width:74.997%; float:left; }
.g-col-10 { width:83.33%; float:left; }
.g-col-11 { width:91.663%; float:left; }
.g-col-12 { width:100%; float:left;  }

/* */
.user-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.none {display: none;}
.none-i {display: none !important;}
.load-bg { width:100%; height:100%; position:fixed; background:#fff; z-index:9999;}

/* */
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

/* */
.w-100 {width:100%;}

.uk-scrollbar::-webkit-scrollbar {width: 6px;}
.uk-scrollbar::-webkit-scrollbar-track { ackground-color: transparent; }
.uk-scrollbar::-webkit-scrollbar-thumb { border-radius: 3px; background-color: gray; }
.uk-scrollbar::-webkit-scrollbar-button {width: 0; height: 0;}

/* background */
.bg-black { background:#000; }

/* color */
.ft-black {color:#000;}

input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, textarea::placeholder {font-size: 1rem; color: #ccc;}
input[type=text], input[type=password], input[type=text]::placeholder, input[type=password]::placeholder, textarea, textarea::placeholder {font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-size: 1rem;}


/* checkbox custom style */
.checkbox-style {position:relative; margin: 0 20px 0 0;}
.checkbox-style [type="checkbox"] { position:absolute; z-index: -1; opacity: 0; }
.checkbox-style [type="checkbox"] + label {position:relative; display:inline-block;  cursor:pointer; }
.checkbox-style [type="checkbox"] + label span {display:flex; padding-left: 2em; cursor:pointer; font-size:0.9375rem;}
.checkbox-style [type="checkbox"] + label:not(:last-child) {padding-right:10px;}
.checkbox-style [type="checkbox"]:not(:checked) + label::before,
.checkbox-style [type="checkbox"]:checked + label::before {
    content: '';position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1em; height: 1em; border-radius: .2em; transition: all .275s; box-sizing:border-box;
    /*box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(203, 34, 237, .2);*/
}
.checkbox-style [type="checkbox"]:not(:checked) + label::after,
.checkbox-style [type="checkbox"]:checked + label::after {font-family: "Font Awesome 5 Pro"; content: '\f00c';position: absolute; /*top: .525em;*/ top:50%; left: .1em; font-size: 0.9em; line-height: 0; transition: all .1s; /* Little transition */}
.checkbox-style [type="checkbox"]:not(:checked) + label::after {opacity: 0; /*transform: scale(0) rotate(45deg);*/ }
.checkbox-style [type="checkbox"]:checked + label::after { opacity: 1; /*transform: scale(1) rotate(0);*/}
/* */
.checkbox-style [type="checkbox"]:not(:checked) + label::before,
/*.checkbox-style [type="checkbox"]:checked + label::before { border: 1px solid #aaa; background: #FFF; }*/
.checkbox-style [type="checkbox"]:checked + label::before {display: inline-block; width: 22px; height: 22px; background: #fff; border: 1px solid #ddd; border-radius: 4px; cursor: pointer;}
.checkbox-style [type="checkbox"]:checked + label::before { border: 1px solid #333; background: #333;}
.checkbox-style [type="checkbox"]:not(:checked) + label::after,
.checkbox-style [type="checkbox"]:checked + label::after { color: #fff; background: #333; padding-left: 3px;}


/* radio custom style */
.checkbox-style [type="radio"] { position:absolute; z-index: -1; opacity: 0; }
.checkbox-style [type="radio"] { position:absolute; z-index: -1; opacity: 0; }
.checkbox-style [type="radio"] + label {position:relative; display:inline-block; cursor:pointer; }
.checkbox-style [type="radio"] + label span {display:flex; cursor:pointer;  }
/*.checkbox-style [type="radio"] + label span::after, .checkbox-style [type="radio"] + label span::before {
    content: '';
    position: absolute;
    left: -1px;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    height: 0.9em;
    width: 0.9em;
    border: 1px solid #aaa;
}
*/
.checkbox-style input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0;margin: -1px;border: 0;	clip: rect(0, 0, 0, 0);	overflow: hidden;}
.checkbox-style input[type="radio"] + label {display: inline-block;	position: relative;	font-size: 1em; padding: 0 0 0 30px;	cursor: pointer; -webkit-user-select: none;	-moz-user-select: none; ms-user-select: none;}
.checkbox-style input[type="radio"] + label:before {content: '';	position: absolute;	top: 3px; left: 0; width: 20px; height: 20px; text-align: center; background: #fff; border: 1px solid #ddd; 	border-radius: 100%;}
.checkbox-style input[type="radio"]:checked + label:before {background: #333;border: 1px solid #333;}
.checkbox-style input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 8px; left: 5px; width: 10px; height: 10px; background: #fff; border-radius: 100%;}
.checkbox-style > div {margin-right: 30px;}
.checkbox-style [type="radio"]:checked + label span::after {/*background: radial-gradient(#ada59b 35%, #FFFFFF 45%);*/ background: radial-gradient(#1A6DFF 35%, #FFFFFF 45%); transition: all .275s;}
.checkbox-style [type="radio"]:not(:checked) + label span::after {opacity: 0; /*transform: scale(0) rotate(45deg);*/ }
.checkbox-style [type="radio"]:checked + label span::after { opacity: 1; /*transform: scale(1) rotate(0);*/}

/* select custom style icon */
select {position: relative; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1rem;}
.select-style {position:relative; color:#aaa}
.select-style:before {
    /*content: "\f107"; font-family: "Font Awesome 5 Pro"; */ position: absolute; top:50%; right:14px; transform: translateY(-50%);
	content: ""; width: 10px; height: 10px; background: url("../images/downarrow2.svg") no-repeat center; cursor: pointer; pointer-events: none; z-index: 1;
}
.group-input select {position: relative; width:100%; font-size: 1rem; padding: 10px 0; color: inherit; border: 1px solid #ddd; transition: all 0.5s; vertical-align: middle; box-sizing: border-box;}


/* select custom style background-image */
/* search button */
.search-style {
    position:absolute; font-family: "Font Awesome 5 Pro"; top:50%; right:10px; transform: translateY(-50%); cursor: pointer; z-index: 1; color:#aaa;
}
.search-style:before {content: "\f002";}


/* button style */
a.buttons{
    display: inline-block;
    text-align: center;
    background: #333;
	border: 1px solid #333;
	font-size: 0.875rem;
	color: #fff;
    padding: 6px 20px;
	border-radius: 4px;
	transition: all .3s ease-in;
}
a.buttons.btn-write-btn:hover {
	border: 1px solid #333;
	background: #fff;
	color: #333;
}

.comment-body a.buttons.btn-modify {background: #797979; border-color: #797979;}
.comment-body a.buttons.btn-delete {background: #f96a6a; border-color: #f96a6a;}

input[type="submit"].buttons, button.buttons {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-size: initial;
    background: #333;
	border: 1px solid #333;
	color: #fff;
    padding: 6px 20px;
	border-radius: 4px;
	transition: all .3s ease-in;
}
input[type="submit"].buttons:hover, button.buttons:hover {
    background: #fff;
	color: #333;
}


.board-wrap .search-box {margin:0 auto 30px; height:auto; text-align: center;}
.board-wrap .search-box .input-box {width: 60%; margin: auto; position:relative;  display:inline-block; vertical-align: top;  }
.board-wrap .search-box .input-box { color: #999; }
.board-wrap .search-box .input-box.text p{display:inline-block;}
.board-wrap .search-box .input-box input {width: 100%; padding: 10px 25px 10px 10px; height: 50px; border:1px solid #ddd; color: #999; border-radius: 4px;}
.board-wrap .search-box .input-box input::placeholder {font-size:0.875em; color: #999;}

/*�˻�*/
.board-wrap .list-header { display:flex; padding-bottom: 15px;}
.board-wrap .list-header .info { display:flex; align-items:end; font-size: 0.875em;}
.board-wrap .list-header .info strong {font-size: 1rem;}
.board-wrap .list-header .search { margin-left:auto; height:auto; }
.board-wrap .list-header .search .input-box { position:relative;  display:inline-block; vertical-align: top;  }
.board-wrap .list-header .search .input-box { color: #999; }
.board-wrap .list-header .search .input-box.text p{display:inline-block;}
.board-wrap .list-header .search .input-box.select  select::-ms-expand {display: none;}
.board-wrap .list-header .search .input-box.select  select{ vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.board-wrap .list-header .search .input-box input,
.board-wrap .list-header .search .input-box select { padding: 10px 25px 10px 10px; height: 42px; border:1px solid #ddd; color: #999; border-radius: 4px;}
.board-wrap .list-header .search .input-box input::placeholder {color: #999;}

/*����¡&��ư - nora*/
.board-wrap .list-footer {margin-top:20px;}
.board-wrap .list-footer .btn-wrap {display:flex; margin-bottom: 60px;}
.board-wrap .list-footer .btn-wrap .right { margin-left:auto; }

.board-wrap .list-footer .paging-wrap { text-align: center; margin-bottom: 120px;}
.board-wrap .list-footer .paging-wrap > * {display: inline-block; width:10px; margin: 0 8px;}
.board-wrap .list-footer .paging-wrap > .blank {width: 0; margin: 0;}
.board-wrap .list-footer .paging-wrap a {font-size: 1rem; color: #797979; text-align: center; cursor: pointer;}
.board-wrap .list-footer .paging-wrap .now_page {display: inline-block; background: #fff; font-size: 1rem; font-weight: 700; color: #333;}
.board-wrap .list-footer .paging-wrap .now_page.blank {display: inline-block; width: 5px; background: transparent;}

/*����¡&��ư custom - nora*/
.board-wrap .list-footer .paging-wrap.custom > * {display: inline-block; width: auto; margin: 0 14px;}
.board-wrap .list-footer .paging-wrap.custom .now_page {display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background: #333; font-weight: 700; color: #fff;}
.board-wrap .list-footer .paging-wrap .now_page.blank {display: inline; margin: 0; width: 0; background: transparent;}

.board-wrap .zero-count {
    width: 100% !important;
    padding: 150px 0 !important;
    text-align: center;
    margin-bottom:50px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #c3c3c3;
}
.board-wrap.gallery .zero-count {
    margin-top: 20px;
}
.board-wrap.gallery .bg.no-image:after, .board-wrap.gallery02 .bg.no-image:after, .board-wrap.gallery03 .bg.no-image:after {
	content: "NO IMAGE";
	font-family: "Font Awesome 5 Pro";
	font-weight: 800;
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 28px;
	text-align: center;
	opacity: .2 !important;
}

.board-wrap #boardPasswordWrap.layer-modal > div {text-align: center;}
.board-wrap #boardPasswordWrap.layer-modal .wrap-layer .layer-title {padding: 100px 30px 20px; font-size: 1.25rem; letter-spacing: -1px; background: #fff; color: #333;}
.board-wrap #boardPasswordWrap.layer-modal .layer-modal-content {width: 380px; height: 380px; top: 50%; transform: translateY(-50%);}
.board-wrap #boardPasswordWrap.layer-modal .layer-content input {width: 90%; margin: 0 auto 10px; padding: 14px 10px; border: 1px solid #ddd; border-radius: 4px; transition: all .5s ease;}
.board-wrap #boardPasswordWrap.layer-modal .layer-content input[type="submit"] {margin-bottom: 0px; padding: 14px 10px; border-radius: 4px; background: #333; font-size: 1rem; color: #fff; border-color: #333;}
.board-wrap #boardPasswordWrap.layer-modal .layer-modal-close {top: 25px; right: 20px; width: 20px;}

.board-wrap #boardCommentPasswordWrap.layer-modal > div {text-align: center;}
.board-wrap #boardCommentPasswordWrap.layer-modal .wrap-layer .layer-title {padding: 100px 30px 20px; font-size: 1.25rem; letter-spacing: -1px; background: #fff; color: #333;}
.board-wrap #boardCommentPasswordWrap.layer-modal .layer-modal-content {width: 380px; height: 380px; top: 50%; transform: translateY(-50%);}
.board-wrap #boardCommentPasswordWrap.layer-modal .layer-content input {width: 90%; margin: 0 auto 10px; padding: 14px 10px; border: 1px solid #ddd; border-radius: 4px; transition: all .5s ease;}
.board-wrap #boardCommentPasswordWrap.layer-modal .layer-content input[type="submit"] {margin-bottom: 0px; padding: 14px 10px; border-radius: 4px; background: #333; font-size: 1rem; color: #fff; border-color: #333;}
.board-wrap #boardCommentPasswordWrap.layer-modal .layer-modal-close {top: 25px; right: 20px; width: 20px;}

/*
*
*
*
*/

/* add wrap */
.device-wrap { display: none;}
.uk_wrap.device-wrap { display: none;}
.widget-data.device-wrap { display: none;}


.uk_row {  position:relative; clear: both;}
/*.uk_row .group .uk_size:after { content: ""; display: block; clear:both; }*/
.uk_row.group .block-wrap{ position:absolute; z-index: 1; }
.uk_row.group .uk_size { position: absolute; left: 0px; right: 0px; height: 100%; }
.uk_row.widget-interactive {  min-height:100px; }
.uk_row.widget-interactive .uk_row.group:nth-child(n+2) { display:none;}
.uk_row.widget-interactive .uk_row.group { height:100%; background-size:cover; min-height:100px; }

.uk_size { width:100%; position:relative; margin:auto; }
.uk_row .uk_size:after { content: ""; display: block; clear:both; }
.uk_size.basic { max-width:1250px;  }
.uk_size.max { max-width:100%; }

.uk_wrap { position: relative; margin: auto; }
.uk_wrap:before { content:''; display:block; width:100%; height:100%; position:absolute; z-index:0; top:0; left:0; }
.uk_wrap.section-wrap { max-width:100%; width:100%; clear:both; }
.uk_wrap.section-wrap.basic { max-width:1250px; }
.uk_wrap.section-wrap.max1 { max-width:100%; margin: initial; }

.uk_wrap.block-wrap { width:100%; display: flex; flex-wrap: wrap; z-index:1; }
.uk_wrap.container-wrap {  display: flex; flex-wrap: wrap; }
.uk_wrap.widget-wrap { display: flex; flex-wrap: wrap; }

.uk_frame { position: relative;  }

.section-wrap .bg-wrap { width: 100%;height:100%; position:absolute !important; overflow:hidden; top:0; }
.section-wrap .bg-wrap .bg { width:100%; height:100%; }
.section-wrap .bg-wrap .bg:after { content:""; display:block; width:100%;height:100%; position:absolute; top:0; }

/* */
.section-side{ width:100%; display:table; table-layout:fixed; }
.section-side > .section-frame { display:table-cell; vertical-align:top;}
.section-side > .center { width:100%; }
.section-side > .left { width:250px; min-width:250px; }


@media screen and (max-width: 991px) {
    .section-side > .left { display:none; }
}


/* */
.widget-data {word-break:keep-all; }
.widget-data [contenteditable="true"] { outline: 1px solid #000; }

.widget-data[data-type="text"] .line { display:flex; align-items: center; }
.widget-data[data-type="blank"] { height:15px; z-index: 99; outline: 1px; border-width:1px; }
.widget-data[data-type="logo"] div { min-height:20px; height:100%;}
.widget-data[data-type="logo"] .no-image { line-height:50px; height:50px; }
.widget-data[data-type="logo"] .no-image:after { content: "logo"; display: block; text-align: center; background: #efefef; }

.widget-data[data-type="line"] { display:flex; }
.widget-data[data-type="line"] > div { width:100%; min-height:1px; background-color:#efefef }

.widget-data[data-type="map"] { min-height:100px;}
.widget-data[data-type="map"] > div { height:100%;}
.widget-data[data-type="map"] div { box-sizing:initial; }

/*.widget[widget="head-btn"] {height:100%; }*/
.widget-data[data-type="head-btn"] { display:flex; margin:0 !important; }

.widget-data[data-type="menu-login"] > ul { display:flex; }

.widget-data > .no-image { line-height:50px; height:50px; }
.widget-data > .no-image:after { content: "" }

.widget-data .widget-image {margin:auto; overflow:hidden; position: relative;}
.widget-data .widget-image img { width:100%; height:100%; display:block; }
.widget-data .widget-image img:not(:first-child) { display:none; }

.contents-create-frame { margin:10px; }
.contents-create-frame:after { width:100%; content: "\00a0"; display: block; text-align: center; }

.widget-data[data-type="menu-list"] { white-space:nowrap; }
.widget-data[data-type="menu-btn"] { overflow:hidden; white-space:nowrap; text-align: center;  }
.widget-data[data-type="member"] { overflow:hidden; white-space:nowrap; }
.widget-data[data-type="languege"] { overflow:hidden; white-space:nowrap; }

/*.menu-btn { vertical-align:middle;}*/

/* */
header .widget-data[data-type="menu-list"] {margin:0;}
header .widget-data[data-type="menu-list"] > ul{ display:table; table-layout:fixed; margin:auto; }
header .widget-data[data-type="menu-list"] > ul > li{ display:table-cell; cursor:pointer; text-align:center; vertical-align:middle; position:relative;
    height:30px; padding:0 15px;}

header .widget-data[data-type="menu-list"] > ul > li{ border-bottom-style:solid; border-bottom-color:rgba(255,255,255,0); }
header .widget-data[data-type="menu-list"] > ul > li > a {display:inline-block;}
header .widget-data[data-type="menu-list"] > ul > li > a > span {display:inline;}

header .widget-data[data-type="menu-list"] > ul > li > ul {display: none; position:absolute; top:100%; left:50%; transform: translateX(-50%); background: #fff; z-index:-1; min-width:100%;}
header .widget-data[data-type="menu-list"] > ul > li > ul > li {position:relative; padding:0 5px; }
header .widget-data[data-type="menu-list"] > ul > li > ul > li:hover {}
header .widget-data[data-type="menu-list"] > ul > li > ul > li > ul {position: absolute; left: 100%; top: 0px; }
header .widget-data[data-type="menu-list"] > ul > li > ul > li > ul > li:hover {}

header .widget-data[data-type="menu-btn"] { cursor:pointer; }

/* */
.map-info { padding:10px; width:100%; }
.map-info div {font-size:15px;font-weight:bold;}
.map-info p {font-size:13px;}

/* */
header {width:100%; z-index:99999;}

.header.overlap{ width:100%; position:absolute; }
.header .section-wrap { z-index:2; }
.header .section-wrap.fixed-wrap, .header .section-wrap.over { z-index:3; }
.header .section-wrap.no-fixed { display:none; }

.header.overlap .section-wrap:before{ opacity:0; }
.header.overlap.mobile {position:relative;}
.section-wrap.fixed-wrap.fixed:before, .section-wrap.fixed-wrap.over:before { opacity:1; transition: all .3s;}
.section-wrap.fixed-wrap.mobile:before {transition:initial;}
.section-wrap.fixed {position:fixed; z-index:10; top:0; }

.section-wrap.mobile-i {display:none;}

header .section-wrap #menuOpenWrap { opacity:0; white-space:nowrap; }
header .section-wrap.over #menuOpenWrap { opacity:1; }
.section-wrap.fixed-wrap.over #menuOpenWrap { opacity:1; transition: all .5s;}

/* */
#menuOpenWrap{ position:absolute; width:100%; z-index: 999999; }

#menuOpenWrap #menuDepth { position:relative; z-index: 3; }
#menuOpenWrap #menuDepth > ul{ display:table; table-layout:fixed; }
#menuOpenWrap #menuDepth > ul > li { cursor:pointer; display:table-cell; overflow:hidden;}

#menuOpenWrap .design1 > ul > li{ text-align:center; vertical-align:top;}
#menuOpenWrap .design1 > ul > li > ul > li > ul {display:none;}

#menuOpenWrap .design2 > ul > li{ text-align:center; vertical-align:top;}
#menuOpenWrap .design2 > ul > li > div {display:none;}
#menuOpenWrap .design2 > ul > li > ul > li > ul {display:none;}

#menuOpenWrap .design3 > ul > li{ vertical-align:top;}
#menuOpenWrap .design3 > ul > li > div {display:none;}
#menuOpenWrap .design3 > ul > li > ul {display:flex;}
#menuOpenWrap .design3 > ul > li > ul > li {float:left; padding:0 5px;}
#menuOpenWrap .design3 > ul > li > ul > li > ul { display:none;}

#menuOpenWrap .design4 > ul > li{ vertical-align:top;}
#menuOpenWrap .design4 > ul > li > div {display:none;}
#menuOpenWrap .design4 > ul > li > ul { display:flex;}
#menuOpenWrap .design4 > ul > li > ul > li { padding:0 10px; }



/*
#menuSideWrap .bg { position:fixed; width:100%; height:100%; z-index:99999; overflow-x: hidden; border:0; left:0; top:0; background-color:#000; opacity:.7;}
#menuSideWrap #menuSideBox { position:fixed; top:0; width: 100%; z-index:99999; background-color:#fff; overflow-x: auto; }

#menuSideWrap #menuSideBox{ width:300px; height: 100%;  }
#menuSideWrap #menuSideBox.mod-right{ right:0; animation-name: slide-in-left;animation-duration: 0.3s; }
#menuSideWrap .menu-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

#menuSideWrap .top-box { padding:10px; cursor:pointer; }
#menuSideWrap .top-box .top-row { width:100%; padding-top:5px; }
#menuSideWrap .top-box .close-btn {position:absolute; top:10px; right:10px;}

#menuSideWrap #menuSideBox ul > li > div > a { display:table; table-layout:fixed; width:100%; cursor:pointer; }
#menuSideWrap #menuSideBox ul > li > div > a > span { display:table-cell; width:100%; }
#menuSideWrap #menuSideBox ul > li > div > a .depth-btn { display:table-cell; width:20px; text-align: center; }

#menuSideWrap #menuSideBox ul > li > ul > li > div > a { display:inline; width:inherit; cursor:pointer; }
#menuSideWrap #menuSideBox ul > li > ul > li > div > a:after {content:""; display:block; clear:both;}
#menuSideWrap #menuSideBox ul > li > ul > li > div > a > span { width:inherit; }
#menuSideWrap #menuSideBox ul > li > ul > li > div > a .menu-title { float:left; max-width:calc(100% - 20px) }
#menuSideWrap #menuSideBox ul > li > ul > li > div > a .depth-btn { float:left; width:20px; text-align:center; }

#menuSideWrap #menuSideBox > ul > li > ul > li > ul { margin-bottom:5px; }


#menuSideWrap .design1 > ul > li > div > a { padding: 4px 20px; }
#menuSideWrap .design1 > ul > li > ul { display:none; }
#menuSideWrap .design1 > ul > li > ul > li > div { padding: 4px 30px; }

#menuSideWrap .design1 > ul > li > ul > li > ul { display:none; }
#menuSideWrap .design1 > ul > li > ul > li > ul > li > div { padding: 4px 40px; }
*/



/* nora - sidemenu 22-11-08 */
#menuSideWrap .bg { position:fixed; width:100%; height:100%; z-index:99999; overflow-x: hidden; border:0; left:0; top:0; background-color:#000; opacity:.7;}
#menuSideWrap #menuSideBox { position:fixed; top:0; width: 100%; height: 100%; padding: 8% 30px 0; background-color:#fff; overflow-x: auto; z-index:99999;}
#menuSideWrap #menuSideBox.mod-right{ right:0; animation-name: slide-in-left;animation-duration: 0.3s; }
#menuSideWrap #menuSideBox.mod-left{ left:0; animation-name: slide-in-right;animation-duration: 0.3s; }

#menuSideWrap #menuSideBox::-webkit-scrollbar {display: none;}
#menuSideWrap #menuSideBox{-ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}

#menuSideWrap .top-box {margin-bottom: 30px; cursor:pointer; }
#menuSideWrap .top-box .top-row {display: none; width:100%; padding-top:5px; }

#menuSideWrap .top-wrap {width: 65%; height: 80px; margin: auto; position: relative;}
#menuSideWrap .top-box .close-btn {position:absolute; top: 4px; right: 0;}
#menuSideWrap .design1 > ul > li > ul { display:none; }

#menuDepth.design1 {width: 65%; margin: auto;}
#menuDepth.design1 > ul > li {padding: 24px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
#menuDepth.design1 > ul > li > ul {padding: 0 20px; margin-top: 10px;}
#menuDepth.design1 > ul > li > div > a {display: block;}
#menuDepth.design1 > ul > li > ul > li {display: flex; flex-direction: row; align-items: center; margin-bottom: 10px;}
#menuDepth.design1 > ul > li > ul > li > ul {display: flex; flex-direction: row; align-items: center;}

#menuSideWrap #menuSideBox > div > ul > li > div > a > span.menu-title {font-size: 1.625em; font-weight: 700;}
#menuSideWrap #menuSideBox > #menuDepth > ul > li > ul > li > div > a > span.menu-title {margin-right: 10px; font-size: 1.25em; font-weight: 500;}
#menuDepth.design1 > ul > li > ul > li > ul > li > div > a {display: inline-block; margin-right: 20px; font-size: 1.125em; font-weight: 300;}

#menuSideWrap #menuSideBox ul > li > div > a .depth-btn {width:20px; margin-top: 5px; text-align: center; float: right; cursor: pointer;}

#menuDepth.design1 .depth2 > .fas {display: none;}
#menuSideWrap #menuSideBox ul > li > div > a .depth-btn .fas {font-size: 22px; font-weight: 300;}


@media screen and (max-width: 1200px){
	#menuSideWrap #menuSideBox {padding: 8% 0 0;}
	#menuSideWrap .top-wrap, #menuDepth.design1 {width: 90%;}
}

@media screen and (max-width: 977px){
	#menuDepth.design1 > ul > li > ul {padding: 0; margin-top: 10px;}
	#menuDepth.design1 > ul > li > ul > li, #menuDepth.design1 > ul > li > ul > li > ul, #menuSideWrap #menuSideBox > #menuDepth > ul > li > ul > li > div > a {display: block;}
	#menuDepth.design1 > ul > li > div > a {margin-bottom: 0;}
	#menuDepth.design1 > ul > li > ul > li > ul > li > div > a {font-size: 0.9375em;}
	#menuSideWrap #menuSideBox ul > li > div > a .depth-btn {display: block; margin-top: 5px;}
	#menuSideWrap #menuSideBox > div > ul > li > div > a > span.menu-title {font-size: 1.375em;}
	#menuSideWrap #menuSideBox > #menuDepth > ul > li > ul > li > div > a, #menuDepth.design1 > ul > li > ul > li > ul > li {margin-bottom: 5px;}
	#menuSideWrap #menuSideBox {padding: 6% 0 0}
}


/* */
.widget-interactive {width:100%; margin: auto; overflow: hidden; position:relative; }
.widget-interactive .list {position: relative; left:0; height:100%  }
.widget-interactive .list .item {float: left; clear:unset; position:relative;  width: 100%; box-sizing: border-box;}

.uk-swipe-container {width:100%; margin: auto; overflow: hidden; position:relative; }
.uk-swipe-container .uk-swipe-wrapper {position: relative; left:0; height:100%  }
.uk-swipe-container .uk-swipe-wrapper .item {float: left; clear:unset; position:relative;  width: 100%; box-sizing: border-box;}
.uk-swipe-container .uk-swipe-wrapper .item.img{background-size:cover; background-position:50%;}

.uk-swipe-pagination{width: 100%; margin: 0 auto; text-align: center; position:absolute; bottom:0;}
.uk-swipe-pagination .uk-swipe-pagination-bullet {display: inline-block; margin-right: 10px; background: #ccc; width: 10px; height: 10px; border-radius: 50%; cursor:pointer;}
.uk-swipe-pagination .uk-swipe-pagination-bullet.on{background: #f00;}

[data-slider="true"] ~ .arrow-wrap {display:none;}
[data-slider="true"] ~ .arrow-wrap .arrows {position:absolute; top:50%; transform:translateY(-50%); font-size:40px; cursor:pointer;}
[data-slider="true"] ~ .arrow-wrap .arrows.arrow-prev {left:20px;}
[data-slider="true"] ~ .arrow-wrap .arrows.arrow-next {right:20px;}
[data-slider="true"] ~ .arrow-wrap .arrows.chevron { font-family: "Font Awesome 5 Pro"; }
[data-slider="true"] ~ .arrow-wrap .arrows.chevron.left:before {content: "\f053";}
[data-slider="true"] ~ .arrow-wrap .arrows.chevron.right:before {content: "\f054";}

[data-slider="true"] ~ .arrow-wrap .arrows.circle { font-family: "Font Awesome 5 Pro"; }
[data-slider="true"] ~ .arrow-wrap .arrows.circle.left:before {content: "\f0a8";}
[data-slider="true"] ~ .arrow-wrap .arrows.circle.right:before {content: "\f35a";}

[data-slider="true"] ~ .pagination-wrap {display:none; position:relative; width:100%;}

[data-slider="true"] ~ .pagination-wrap.absolute .pagination { position:absolute; width:100%; margin: auto; }

[data-slider="true"] ~ .pagination-wrap .pagination ul {display:flex; flex-wrap:wrap; justify-content:center;}
[data-slider="true"] ~ .pagination-wrap .pagination ul li[class*="active"] button { background:#869791; }

[data-slider="true"] ~ .pagination-wrap .pagination ul li button {
    display: block;-webkit-backface-visibility: visible;padding:0;font-size: 0;border:0px;cursor:pointer;transition: opacity .5s ease;background: #D6D6D6;
    border-radius: 50%; width: 10px; height: 10px; margin:0 7px;
}

[data-slider="true"] ~ .pagination-wrap.bar-x .pagination ul li { flex-grow: 1; }
[data-slider="true"] ~ .pagination-wrap.bar-x .pagination ul li button {border-radius:inherit; margin:inherit; width:100%; height: 3px;}

.widget-interactive { width:100%; height:100%; position:relative; }
.widget-interactive .slick-slide .bg, .edit-slider .item .bg{transform:scale(1.2);transition:transform 3s ease-out;}
.widget-interactive .slick-active .bg, .edit-slider .item.edit-slider-active .bg{transition:transform 3s ease-in; transform:scale(1);}
.widget-interactive .animate-interactive.hide {opacity: 0;}


/* �α���/ȸ������ - nora 22-11-09 */
.memberWrap {position: relative; height: 100%; min-height: 85vh;}
.memberWrapIn {padding-top: 12%; width:420px; margin:auto;}
.member-txt {display: block; margin-bottom: 30px; font-size: 1.5rem; font-weight: 800; color: #333; text-align: center; word-break: keep-all;}
.memberWrap .btn, .memberWrap #btn {margin:50px auto 10px; text-align: center;}
.memberWrap .btn input, .memberWrap #btn input, .memberWrap #btn button {width:80%; height:54px; border: none; background-color:#333; border-radius: 50px; font-size: 1.25em; font-weight: 600; color:#fff; cursor: pointer; transition: all .3s ease-in;}
.memberWrap .btn input:hover, .memberWrap #btn input:hover,  .memberWrap #btn button:hover {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}


/* 404page - nora 22-11-15 */
.error_wrap {width: 96%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Montserrat', 'NotoSansKR', sans-serif; word-break: keep-all;}
.error_img_wrap {position: relative; width: 340px; margin: 0 auto 50px;}
.error_img_wrap img {z-index: 1;}
.error_img_wrap h1 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20rem; font-weight: 900; text-align: center; z-index: -1; opacity: 0.1;}
.error_txt_wrap {position: relative;}
.error_txt_wrap h3 {display: block; margin-bottom: 10px; font-size: 1.5rem; font-weight: bold; text-align: center; letter-spacing: -1px;}
.error_txt_wrap p {font-size: 1rem; line-height: 1.4; text-align: center; letter-spacing: -1px;}
.error_btn {display: block; border-radius: 50px; width: 160px; padding: 13px 0; margin: 30px auto 0; border: 1px solid #333; font-size: 1rem; font-weight: bold; text-align: center; letter-spacing: -1px; transition: all .3s ease-in-out;}
.error_btn:hover {background: #333; color: #fff;}


.ready {position: relative; width: 100%; height: 100%; min-height: 100vh; background: url("/images/n_bg_w.png") no-repeat center / cover, linear-gradient(-125deg, rgba(81,12,159,1) 0%, rgba(81,39,219,1) 100%) ;}
.ready_ani {margin: 0; padding: 0; background: black; display: flex; box-sizing: border-box;}
.ready_ani_in {width: 90%; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); word-break: keep-all;}
.ready_ani_in > a {display: block; width: 120px; margin: 0 auto 34px; text-align: center;}
.loading {display:flex; justify-content: center; align-items: center; height: 160px;}
.bar{width: 5px; height: 64px; background: #fff; margin: 0 4px; border-radius: 10px; animation: loading 0.8s infinite; box-shadow: 0 0 60px #fff, 0 0 100px #fff;}
.bar:nth-child(2){animation-delay: 0.1s;}
.bar:nth-child(3){animation-delay: 0.2s;}
.bar:nth-child(4){animation-delay: 0.3s;}
.bar:nth-child(5){animation-delay: 0.7s;}
.bar:nth-child(6){animation-delay: 0.6s;}
.bar:nth-child(7){animation-delay: 0.4s;}
.bar:nth-child(8){animation-delay: 0.8s;}
.bar:nth-child(9){animation-delay: 0.3s;}
.bar:nth-child(10){animation-delay: 0.4s;}
.bar:nth-child(11){animation-delay: 0.5s;}
.bar:nth-child(12){animation-delay: 0.6s;}
.bar:nth-child(13){animation-delay: 0.5s;}
.bar:nth-child(14){animation-delay: 0.4s;}
.bar:nth-child(15){animation-delay: 0.6s;}
.bar:nth-child(16){animation-delay: 0.4s;}
.bar:nth-child(17){animation-delay: 0.8s;}
.bar:nth-child(18){animation-delay: 0.3s;}
.bar:nth-child(19){animation-delay: 0.4s;}
@keyframes loading{
    0%{
        height: 0;
    }
    50%{
        height: 60px;
    }
    100%{
        height: 0;
    }
}
.ready .error_txt_wrap {color: #fff;}
.ready .error_txt_wrap h3 {font-size: 2.875rem; line-height: 1.3; letter-spacing: -2px; margin-bottom: 16px;}
.ready .error_txt_wrap p {line-height: 1.6;}

.white.ready {background: url("/images/n_bg.png") no-repeat center / cover;}
.white .bar{background: linear-gradient(-125deg, rgba(81,12,159,1) 0%, rgba(81,39,219,1) 100%);}
.ready.white .error_txt_wrap {color: #171c25;}


@media screen and (max-width: 767px){
    .board-wrap .list-header { display:block; }
    .board-wrap .list-header .info {margin-bottom:7px;}
    .board-wrap .list-header .search .input-box { display:block; }
    .board-wrap .list-header .search .input-box.select {margin-bottom:5px;}
    .board-wrap .list-header .search .input-box input,
    .board-wrap .list-header .search .input-box select { width:100%; }

	.memberWrapIn {width: 100%;}

	.error_img_wrap {width: 240px; margin: 0 auto 34px;}
	.error_img_wrap h1 {font-size: 16rem;}

	.ready .error_txt_wrap h3 {font-size: 2rem;}
}


@media screen and (max-width: 640px){
	.error_img_wrap {width: 200px;}
	.error_img_wrap h1 {font-size: 10rem;}

	.board-wrap #boardPasswordWrap.layer-modal .layer-modal-content {width: 90%;}
}