@charset "utf-8"; 
@import url("https://gcore.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/static/pretendard.css");
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
 
#sideview #sideViewRow_memo,
#sideview #sideViewRow_info,
#sideview #sideViewRow_modify,
#sideview #sideViewRow_point { display: none!important; }

.removeFixed{position: relative!important;}
.tooltip { white-space:nowrap; }
html,body { height:100%;}
body {
	margin:0;
	padding:0;
    font-size:13px;
    font-family: 'Noto Sans KR', 'Noto Sans','Open sans','Nanum Gothic', 'Tahoma', 'Verdana', 'Trebuchet MS',sans-serif;
    line-height: 180%;
    color:#3f3f3f;
    height:100%;
    width:100%;
    overflow: hidden ;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-touch-callout: none !important;	
}
body::-webkit-scrollbar { width: 15px; -webkit-border-radius: 0; border-radius: 0; }
body::-webkit-scrollbar-thumb { background-color: #d1d3d5; border: 2px solid #f3f4f5; border-top: none; border-bottom: none; -webkit-border-radius: 0; border-radius: 0; }
body::-webkit-scrollbar-track { background-color: #f3f4f5; }

html:not(._scroll).aos-height body {overflow-y: hidden !important;}
html:not(._scroll).aos-height,
body:not(._scroll).aos-height {height :auto !important; }
html:not(._scroll).aos-overflowX ,
body:not(._scroll).aos-overflowX { overflow-x: hidden !important;}
body.overflow {
    overflow: auto;
}
body.overflow-hidden { 
    overflow: hidden;
}
body.view-mode {
    overflow: auto;
}
@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}
*:focus {
    outline: 0 !important;
}
.blank { font-weight: 400; color:#4789E7; margin:0px 5px;}
.blank:hover {color:#4789E7;}
.blank svg {fill :#4789E7; margin-right: 3px;}
.confirm-text {display: block; margin-top:30px; }
span.normal { font-weight: 400; }
#kcaptcha { cursor:pointer; }
label.error {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    margin-top: 6px;
} /* jvalid */
label.error span {float: left;}
label.error .error-svg { margin-top: 2px;}
label.error .error-txt { margin-left: 6px;}
label.error svg {fill:#ee445f; }

.ed { border:1px solid #CCCCCC; padding:5px; background:#fff; } /* input */
/* .txt { border:1px solid #CCCCCC; padding:5px; width:120px;} */
.site_name .txt { border:none; padding:0px; }
.tx { border:1px solid #CCCCCC; padding:5px; font-size:12px; } /* textarea */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter { text-align:center; }
.hide { display:none; }
.border { border:1px solid #DDDDDD; }
.border-top { border-top:1px solid #DDDDDD; }
.b { font-weight:bold; }
.red { color:#CC0000; }
a.white, a.white:hover { color:#fff; }
.clear { clear:both } 
.ee { background:#eee;}
.f8 { background:#f0f0f0;}
.b-cc { background:#D4D4D4;}
.b-99 { background:#999; }
.small {font-size:11px; color:#5D5D5D; font-weight:normal;}
.normal { font-weight:normal; }
.f-left { float:left }
.f-right { float:right }
.grey { color:silver; }
.hidden { display:none; }
.b-black { background:#000; }
.m2t { margin-top:2px; }
.m3b { margin-bottom:3px; }
.m3l { margin-left:3px; }
.m3r { margin-right:3px; }
.m3t { margin-top:3px; }
.m5b { margin-bottom:5px; }
.m5l { margin-left:5px; }
.m5r { margin-right:5px; }
.m5t { margin-top:5px; }
.m10 { margin:10px; }
.m0t { margin-top:0px !important; }
.m10t { margin-top:10px; }
.m15t { margin-top:15px; }
.m20t { margin-top:20px; }
.m50t { margin-top:50px; }
.m10b { margin-bottom:10px; }
.m20b { margin-bottom:20px; }
.m50b { margin-bottom:50px; }
.m10l { margin-left:10px; }
.m10r { margin-right:10px; }
.m15l { margin-left:15px; }
.hand { cursor:pointer; }
.cursor-move { cursor:move; }
.p0 { padding:0px;}
.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p10l { padding-left:10px; }
.p10r { padding-right:10px; }
.p10t { padding-top:10px; }
.p20 { padding:20px; }
.w50 { width:50px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w170 { width:170px; overflow:hidden;}
.w200 { width:200px; }
.normal { font-size:11px; }
.fff { color:#fff; }
.h64 { height:60px; }
.margin0 { margin:0px; }
.padding0 { padding:0px; }
a .text-error { color:#D9534F;}
.inline { display:inline-block;}
.relative { position:relative;}
.absolute { position:absolute;}
.error { color:#ee445f !important; }
.error svg { fill: #ee445f !important; }
.num {
	font-family:"Helvetica Neue",Helvetica,sans-serif;
	font-size:22px;font-weight:bold;text-align:center;line-height:40px;text-shadow:0px 1px 0px #ffffff;color:#a6a6a6
}
.num2 {
	font-family:Tahoma,"Helvetica Neue",Helvetica,sans-serif;
	font-size:13px;font-weight:bold;text-align:center;text-shadow:0px 1px 0px #ffffff;color:#969696
}
.num3 {
	font-family:"Helvetica Neue",Helvetica,sans-serif;
	font-size:16px;font-weight:bold;text-align:center;text-shadow:0px 1px 0px #ffffff;color:#969696
}
.blue { color:blue; }
.alpha { 
	opacity: 0.50;
	filter: alpha(opacity=50);
}
.z10000 { z-index:10000; }
.line-small { line-height:120%; }
.dotted { width:auto; margin:10px 20px; border-top:1px dotted #ddd }

/* sideview */
.member { font-weight:bold; color:#3B5998; }
.guest  { font-weight:normal; color:#666; }
#sideview { margin:5px 0 0 0; width:90px; border:1px solid #E0E0E0; background-color:#F9FBFB; }
#sideview ul li span { color:#A0A0A0; font-family:"돋움"; font-size:11px; }

/* ajax */
#loading { display:none; position:absolute; width:50px; height:50px; top:50%; left:50%; margin:-16px; margin-left:-15px; z-index:100000000; background:url(https://storage.googleapis.com/i.addblock.net/preloader2.gif) center center no-repeat; background-color: #fff;border-radius: 10px;}

.err p { color:#ff0000; }

*[data-edit="true"] { min-width:23px; min-height: 23px; }

input[type=text]::-ms-clear { display:none; }

#css-form { overflow:auto; }
#css-form li { clear:both; overflow:auto;  }
#css-form label { width:210px; display:block; text-align:right; float:left; font-weight:bold;} 
#css-form .add { color:#999; display:block; font-size:11px; font-family:dotum; font-weight:normal; text-align:right; width:210px; letter-spacing:-1px;margin-right:3px; }
#css-form .date { color:#999; display:block; font-size:12px; font-family:dotum; font-weight:normal; text-align:left; width:210px; margin-right:3px; }
#css-form input[type=text] { float:left; width:200px;	margin:2px 0 20px 14px;}
#css-form select { float:left; margin:2px 0 20px 14px; }
#css-form p { float:left; margin:-1px 0 20px 14px; width:auto; }
#css-form li div.upload { float:left; margin:2px 0 20px 26px; }
#css-form textarea { float:left; margin:2px 0 20px 14px; width:400px; height:200px; }
#css-form #button { padding-left:215px; }
#css-form #msg { clear:both; margin-left:205px;margin-top:-10px;padding-bottom:10px; }
#css-form .btn { margin-top:2px; }
#css-form .group { overflow:auto; }
#css-form .group li { float:left; padding:10px; }
#css-form .w-date { width:85px; }

.rounds {
	border:1px solid #e0e0e0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.07);
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.07);
}
.round-top {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
.round-bottom {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

a.logo-txt {
	font-family: "Helvetica Neue", Helvetica,sans-serif;
	font-size: 23px;
}

svg.logo-svg { width:168px;height:38px; display: inline-block;vertical-align: middle; }
svg.logo-svg.gabia { width:258px; }
svg.logo-svg.logo-b { fill:#373749; }
svg.logo-svg.logo-w { fill:#fff; }
@media (max-width:768px) {
  svg.logo-svg { width:132px;height:30px;}
  .modal-body svg.logo-svg { width:168px;height:38px; }
}

.sample {background:url(https://storage.googleapis.com/i.addblock.net/back.jpg) center 0 no-repeat #000; margin-top:200px;}
ul { list-style-type: none; margin:0px; padding:0px;}

.fileinput-button { position: relative; }
.fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; left:0; bottom:0; -ms-filter: 'alpha(opacity=0)'; font-size: 20px; direction: ltr; cursor: pointer; width: 186px; }
.fileinput-button input[type="file"], /* FF, IE7+, chrome (except button) */
.fileinput-button input[type="file"]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer; 
}
.fileinput-button input.music-upload-button { width:87px; }

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}
.white {
color: #FFF !important;
}

h1.gallery { margin-top:0px; margin-bottom: 20px;}
.gallery.breadcrumb { background-color: transparent; margin-bottom:0px; }
.gallery.breadcrumb a:hover{ text-decoration: none; }
.gallery.breadcrumb > li + li:before {
	padding: 0 10px;
	color: #cccccc;
	content: "\f105";
	font-family: 'FontAwesome';
}
iframe.tpl-video { max-width:100%;}
iframe .html5-video-player { outline: 0;}
.element .video-content {position: relative;}
.element .video-content[data-url] iframe {border: none;}
.element .cl-ytp-button {
    /*position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    border: none;
    background-color: transparent;
    padding: 0;
    color: inherit;
    text-align: inherit;
    font-size: 100%;
    font-family: inherit;
    cursor: default;
    line-height: inherit;*/
}
embed,
object {
  outline: 0;
  overflow: hidden
}
* [class*="no-gutter"] { padding-left:3px;padding-right:3px; }
* [class*="no-padding"] { padding:0px; }
.temp-template { text-align:center; line-height:500px;}
.g-img.img-zoom,
img.img-zoom { 
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.g-img.img-zoom:hover,
img.img-zoom:hover {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
	filter: none;
	-webkit-filter:none;
  -webkit-transition: scale .3s ease-in-out;
  -moz-transition: scale .3s ease-in-out;
  -ms-transition: scale .3s ease-in-out;
  -o-transition: scale .3s ease-in-out;
	transition: scale .3s ease-in-out;
  -webkit-transform: scale(1.03,1.03);
  -moz--transform: scale(1.03,1.03);
  -ms-transform: scale(1.03,1.03);
  -o-transform: scale(1.03,1.03);
  transform: scale(1.03,1.03);
}
img[data-img-original="ON"] {
  cursor: pointer;
}
a.btn { text-decoration: none !important;}
a.btn-outline-inverse {
    color: #fff;
    background-color: transparent !important;
    border-color: #fff;
}
a.btn-outline-inverse:hover, a.btn-outline-inverse:focus, a.btn-outline-inverse:active {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

a.btn-outline {
    color: #333;
    background-color: transparent !important;
    border:2px solid #333;
}
a.btn-outline:hover, a.btn-outline:focus, a.btn-outline:active {
    background-color: #333;
    border-color: #333;
}

a.btn-outline.white {
    color: #fff;
    background-color: transparent;
    border:2px solid #fff!important;
}
a.btn-outline.white:hover, a.btn-outline.white:focus, a.btn-outline.white:active {
    border-color: #fff;
    background:#fff;
    color:#333 !important;
}
a.btn-outline.bg-white { background-color:#fff !important;}
a.btn-outline.black {
    color: #fff;
    background-color: #222;
    border:2px solid #222;
}
a.btn-outline.black:hover, a.btn-outline.black:focus, a.btn-outline.black:active {
    border-color: #222;
    background:#222;
    color:#fff !important;
}

.dsgn-body::-webkit-scrollbar { width: 15px; -webkit-border-radius: 0; border-radius: 0; }
.dsgn-body::-webkit-scrollbar-thumb { background-color: #d1d3d5; border: 2px solid #f3f4f5; border-top: none; border-bottom: none; -webkit-border-radius: 0; border-radius: 0; }
.dsgn-body::-webkit-scrollbar-track { background-color: #f3f4f5; }
.dsgn-body.loading { cursor:progress !important;}
html:not(._scroll) .dsgn-body > div.header { position:relative; z-index: 134; }
html:not(._scroll) .dsgn-body > div.header.sidebar { position: initial;}

header.transparent { 
	width:100%;
	position:absolute;
	z-index:10;
}
header.transparent:not([class*="menu-temp-"]),
header.transparent:not([class*="menu-temp-"]) ul.navbar-nav > li > a, 
header.transparent:not([class*="menu-temp-"]) ul.navbar-nav > li > a:focus,
header.transparent:not([class*="menu-temp-"]) ul.navbar-nav > li > a:hover, 
header.transparent:not([class*="menu-temp-"]) ul.navbar-nav > li:hover > a,
header.transparent:not([class*="menu-temp-"]) ul.navbar-nav > li.active > a,
header.transparent:not([class*="menu-temp-"]) ul.navbar-nav > li.active > a:focus, 
header.transparent:not([class*="menu-temp-"]) ul.navbar-nav > li.active > a:hover {
  background-color:transparent!important;
}

#tpl-menu > li.loginout,
#tpl-menu > li.loginout:hover,
#tpl-menu > li.loginout:focus,
#tpl-menu > li.loginout a,
#tpl-menu > li.loginout a:hover,
#tpl-menu > li.loginout a:focus { border: none; text-decoration: none; background-color: inherit; }
#tpl-menu > li.loginout:hover:after,
#tpl-menu > li.loginout:focus:after,
#tpl-menu > li.loginout:hover:before,
#tpl-menu > li.loginout:focus:before { display: none; background-color: inherit; }

#nav.default-nav .header .header_user .nav .lang-box { line-height: 53px !important; margin: 0 0 0 20px; }

#nav.default-nav:not(._admin) .header .navbar-header {width: max-content; max-width: 700px; line-height: 1; }
#nav.default-nav .header .navbar-header .menu-tab { padding-left: 45px; height: 55px; overflow: hidden; display: inline-block; }
#nav.default-nav .header .navbar-header .menu-tab a {
  display: inline-block;
  font-weight: 300;
  color:#fff;
  line-height:55px;
  padding:0px 26px;
  font-family: 'Noto Sans KR';
  letter-spacing: -0.26px;
  margin-left:-4px;
  font-size: 13px;
}
#nav.default-nav .header .navbar-header .menu-tab a:first-child { margin-left:0px; }
#nav.default-nav .header .navbar-header .menu-tab a.active,
#nav.default-nav .header .navbar-header .menu-tab a:hover { background-color: #444d5a; }
#nav.default-nav .header .navbar-header .menu-tab a span.newicon {
  font-weight: normal;
  line-height: normal;
  color: #e74747;
  font-size: 8px;
  margin-left: 2px;
  letter-spacing: -0.2px;
  font-family: 'Noto Sans KR';
}

@media only screen and (max-width:991px){
  #nav.default-nav:not(._admin) .header .navbar-header { width: auto; }
  #nav.default-nav .header .navbar-header .menu-tab { display:none; }
}
@media only screen and (max-width:768px){
  #nav { position: static; background: none; padding: 0 !important; margin: 0 !important;}
  #nav.intro .navbar-header { width: 100%; padding: 0 !important; background: #f3f4f9;}
  #nav.intro .navbar-brand { display: block; width: 100%; text-align: center; background: transparent; }
  #nav.intro .navbar-brand .logo-img { display: inline-block; margin: 0 auto; }
  #nav.intro .main-menu .main-menubox { display: none; } 
  #nav.intro .main-menu { display: block; width: 100%; padding: 0; margin: -1px 0 0 !important; }
  #nav.intro .main-menu > ul { width: 100%; margin: 0 !important; }
  #nav.intro .main-menu > ul > li { float: left; width: 33.33%; border-top: 1px solid #e6e6e6 !important; border-bottom: 1px solid #e6e6e6; background: #f2f2f2; padding: 0; margin: 0 !important; }
  #nav.intro .main-menu > ul > li > a { min-width: auto !important; padding: 0 !important; }
  #nav.intro .main-menu > ul > li > a > .caret { margin-left: 0; }
  #nav.intro .lang-box .dropdown-menu { display: none; position: absolute; min-width: 100% !important; border: 1px solid #e6e6e6 !important; border-top: none; background: #fff !important; }
  #nav.intro .lang-box.open .dropdown-menu { display: block; }
  #nav.default-nav .header .header_user .btn-group.dash-lang .dropdown-menu { /* display: none;  */}
}

@media only screen and (min-width:769px) {
  header.transparent .navbar-nav#tpl-menu {
    background-color:transparent;
  }

  header.transparent ul.navbar-nav > li > .dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  header.transparent:not([class*="menu-temp-"]) ul.navbar-nav > li > .dropdown-menu,
  header.transparent:not([class*="menu-temp-"]) ul.navbar-nav:not(.overflow-menu) > li > .dropdown-menu > li  > a, 
  header.transparent:not([class*="menu-temp-"]) ul.navbar-nav:not(.overflow-menu) > li > .dropdown-menu > li  > a:focus,
  header.transparent:not([class*="menu-temp-"]) ul.navbar-nav:not(.overflow-menu) > li > .dropdown-menu > li  > a:hover, 
  header.transparent:not([class*="menu-temp-"]) ul.navbar-nav:not(.overflow-menu) > li > .dropdown-menu > li :hover > a,
  header.transparent:not([class*="menu-temp-"]) ul.navbar-nav:not(.overflow-menu) > li > .dropdown-menu > li .active > a,
  header.transparent:not([class*="menu-temp-"]) ul.navbar-nav:not(.overflow-menu) > li > .dropdown-menu > li .active > a:focus, 
  header.transparent:not([class*="menu-temp-"]) ul.navbar-nav:not(.overflow-menu) > li > .dropdown-menu > li .active > a:hover {
    background-color:transparent!important;
  }
}


/*header.transparent #tpl-menu > li > a { color:#fff !important; }*/

.header.el-menu .navbar .navbar-header { vertical-align: top; }

a.square { border-radius: 0; }
a.square.lg { padding: 12px 24px; letter-spacing: 2px;}
.forum-top-container.full-width,
.forum-bottom-container.full-width,
.container.full-width:not(.layout-container) { width:100% !important; padding-left:0px; padding-right:0px; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box!important; }
.container.full-width .navbar-header, .container.full-width .navbar-collapse { margin-left:0px; margin-right:0px;}
.container.full-width:not(.layout-container) .row { margin:0px; }
.google-map { width: 100%; height: 100%; }
.google-map .map_copyright, .google-map img[alt='NAVER'], .google-map img[alt^='Kakao'] { display: none !important; }
.scrollFix {     
    overflow: hidden;
    white-space: nowrap;
    color:#333;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.navbar-toggle { border:0px; margin-top:19px; margin-bottom:19px; }
@media only screen and (min-width:768px) {
    .dropdown:not(.bootstrap-select):hover .dropdown-menu { display: block; }
    .dropup:not(.bootstrap-select):hover .dropdown-menu { display: block; }
    .dropup:not(.bootstrap-select):hover .cl-lang.dropdown-toggle .cl-icon svg {
         transform: scaleY(-1); 
    }
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:transparent;}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.blur { 
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
    opacity: 0.4;
}
.carousel-control .fa-angle-left {
    font-size:42px;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;    
}

.carousel-control .fa-angle-right {
    font-size:42px;
    right: 50%;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;    
}

video.bgvid-gabia {
  width:100%;
}

video.bgvid {
    display: block;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;

    pointer-events: none;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pagination-sm > li > a, .pagination-sm > li > span { font-size:11px; padding:5px 7px;font-weight: 600;}
.gallery-loadmore {
    margin: 15px auto;
    padding: 8px 20px;
    width: 210px;
    max-width: 100%;
    text-align: center;
    color: #aaa;
    background-color: #E5E5E5;
    cursor: pointer;
}
.gallery-loadmore:hover {
    color: #fff;
    background-color: #000;
}
.review-data-loadmore {
    margin: 15px auto;
    padding: 8px 20px;
    width: 210px;
    max-width: 100%;
    text-align: center;
    color: #aaa;
    background-color: #E5E5E5;
    cursor: pointer;
}
.review-data-loadmore:hover {
    color: #fff;
    background-color: #000;
}

/*.dsgn-body .btn-default { border:2px solid #ccc;}*/
.goto-top { 
  z-index:132; 
  position: fixed; 
  bottom: 50px;
  right: 50px;
  width:34px; height:34px; 
  background:rgba(0,0,0,0.1); 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
  font-size:24px; 
  line-height:31px; 
  text-align: center; 
  color:#aaa; 
  opacity: 0;
  cursor:pointer; 
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.goto-top#goto-top { bottom: 50px; }
.goto-top.show:not(.hide) { opacity: 1; }
.goto-top i.fa {margin:0;}
.goto-top.moved { 
  bottom: 90px; 
}
.goto-top:hover { background:rgba(0, 0, 0, 0.7); color:#fff; }
.dsgn-body .text-bg a, .dsgn-body .text-bg a:hover, .dsgn-body .text-bg a:visited { color:#fff !important;}
.dsgn-body .text-bg a.btn-outline:hover, .dsgn-body .text-bg a.btn-outline:visited { background-color: transparent;}



/*gallery block - gallery popup element*/
.gallery-popup {display: none;}

/*social block - feed comment*/
.empty-feed { position: relative; }
.empty-feed ~ div .data-feed-load-more { display: none; }
.empty-feed > .social-feed-element { opacity: 0; }
.recomm-socialfeed-text { padding-top: 2vw; padding-bottom: 2vw; text-align: center; font-size: 12px; }

a.carousel-control.right, a.carousel-control.right:hover,
a.carousel-control.left, a.carousel-control.left:hover { 
    color:#fff;
}

/*.navbar-nav { margin:0px -15px;}*/
.dropdown-menu > li > a { padding:10px 30px; }
.fa.fa-caret-down { margin-left: 5px; vertical-align: text-bottom; }
.caret { margin-left:5px; }
.dsgn-body a.navbar-brand:hover { text-decoration:none; }
.navbar-default.transparent .navbar-nav > .dropdown > a:hover .caret, .navbar-default.transparent .navbar-nav > .dropdown > a:focus .caret {
	border-top-color:#fff;
	border-bottom-color:#fff;
}
.navbar-default.transparent .navbar-nav > .dropdown > a .caret {
	border-top-color:#eee;
	border-bottom-color:#eee;
}
@keyframes showDown {
 from {
  top: 54%;
  filter: alpha(opacity=0);
  opacity: 0;
 } to {
  top: 50%;
  filter: alpha(opacity=100);
  opacity: 1;
 }
}
@-webkit-keyframes showDown {
 from {
  top: 54%;
  filter: alpha(opacity=0);
  opacity: 0;
 } to {
  top: 50%;
  filter: alpha(opacity=100);
  opacity: 1;
 }
}
@-moz-keyframes showDown {
 from {
  top: 54%;
  filter: alpha(opacity=0);
  opacity: 0;
 } to {
  top: 50%;
  filter: alpha(opacity=100);
  opacity: 1;
 }
}
@-ms-keyframes showDown {
 from {
  top: 54%;
  filter: alpha(opacity=0);
  opacity: 0;
 } to {
  top: 50%;
  filter: alpha(opacity=100);
  opacity: 1;
 }
}

@keyframes showUp {
 from {
  top: 20%;
  opacity: 0;
 } to {
  top:50%;
  opacity: 1;
 }
}
@-webkit-keyframes showUp {
 from {
  top: 20%;
  opacity: 0;
 } to {
  top: 50%;
  opacity: 1;
 }
}
@-moz-keyframes showUp {
 from {
  top: 20%;
  opacity: 0;
 } to {
  top:50%;
  opacity: 1;
 }
}
@-ms-keyframes showUp {
 from {
  top:20%;
  opacity: 0;
 } to {
  top: 50%;
  opacity: 1;
 }
}

@keyframes showDown2 {
 from {
  top: 70%;
  filter: alpha(opacity=0);
  opacity: 0;
 } to {
  top: 65%;
  filter: alpha(opacity=100);
  opacity: 1;
 }
}
@-webkit-keyframes showDown2 {
 from {
  top: 70%;
  filter: alpha(opacity=0);
  opacity: 0;
 } to {
  top: 65%;
  filter: alpha(opacity=100);
  opacity: 1;
 }
}
@-moz-keyframes showDown2 {
 from {
  top: 70%;
  filter: alpha(opacity=0);
  opacity: 0;
 } to {
  top: 65%;
  filter: alpha(opacity=100);
  opacity: 1;
 }
}
@-ms-keyframes showDown2 {
 from {
  top: 70%;
  filter: alpha(opacity=0);
  opacity: 0;
 } to {
  top: 65%;
  filter: alpha(opacity=100);
  opacity: 1;
 }
}
@keyframes pulse {
  0%    { background-color: #f3f4f5; }
  50%   { background-color: #dfe5e9; }
  100%  { background-color: #f3f4f5; }
}
.uppercase { text-transform: uppercase;}
.sign-image { padding:20px 0px;}
.img-responsive-max { width:100%;}
.checkbox-block { display:block; vertical-align:middle; }
.label-checkbox { width:auto !important; cursor:pointer; margin-bottom:0px;}
.option-title { font-size:13px; margin-top:5px; font-weight:bold;}
.option-title:after { clear:both; }
span.input-group-addon { display:table-cell !important;}
header.sidebar { 
  position:fixed;
  top:0;
  left:0;
  bottom: 0;
  height: 100%;
  z-index: 10;
  display:block;
  overflow:hidden;
  -webkit-overflow-scrolling:touch;  
}

.dsgn-body.sidebar { padding-left:260px; }
.dsgn-body.sidebar.site_lock { padding-left:0px; }
.data-back { cursor: pointer;}
@media (max-width:768px) {
  .dsgn-body.sidebar { padding-left:0px;}
  .fixed { top:0px !important; right:0px !important;}
  header.sidebar { 
      position:relative !important;
      width:100%;
      overflow: initial;
  }
  .editor-navbar { display:none;}
  header:not(.navbar-simple) .navbar-nav a:not([data-submenu='true']) ~ .dropdown-menu {
      display:block;
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      border: 0;
      box-shadow: none; 
  }
}
.dsgn-body .ellist-content .forum-top-container,
.dsgn-body .ellist-content .forum-bottom-container,
.dsgn-body .ellist-content .container { max-width: 100%; }
@media (min-width: 768px) {
  .dsgn-body.sidebar .forum-top-container,
  .dsgn-body.sidebar .forum-bottom-container,
  .dsgn-body.sidebar .container {
    width:480px;
  }
  .dsgn-body.sidebar .tpl-forum-comment_display {width: 450px;}
  
  .dsgn-body .ellist-content .forum-top-container,
  .dsgn-body .ellist-content .forum-bottom-container,
  .dsgn-body .ellist-content .container {
    width:460px;
    min-width:320px;
  }

  .creatorlink-header + .header header.sidebar,
  .creatorlink-header + .popover + .header header.sidebar { 
    top: 55px! important;
  }

  .creatorlink-header + .popover + .header header.sidebar + .element.el_0 { margin-top: 55px; }
}

@media (min-width: 992px) {
  .dsgn-body.sidebar .forum-top-container,
  .dsgn-body.sidebar .forum-bottom-container,
  .dsgn-body.sidebar .container {
    width:700px;
  }
  .dsgn-body.sidebar .tpl-forum-comment_display {width: 670px;}
  .dsgn-body .ellist-content .forum-top-container,
  .dsgn-body .ellist-content .forum-bottom-container,
  .dsgn-body .ellist-content .container {
    width:680px;
  }
}

@media (min-width: 1200px) {
  .dsgn-body.sidebar .forum-top-container,
  .dsgn-body.sidebar .forum-bottom-container,
  .dsgn-body.sidebar .container {
    width:920px;
  }
  .dsgn-body .ellist-content .forum-top-container,
  .dsgn-body .ellist-content .forum-bottom-container,
  .dsgn-body .ellist-content .container {
    width:900px;
  }
}

@media (min-width: 1440px) {
  .dsgn-body.sidebar .forum-top-container,
  .dsgn-body.sidebar .forum-bottom-container,
  .dsgn-body.sidebar .container {
    width:1140px;
  }
  .dsgn-body .ellist-content .forum-top-container,
  .dsgn-body .ellist-content .forum-bottom-container,
  .dsgn-body .ellist-content .container {
    width:1100px;
  }
}

@media (min-width: 1200px) {
  .dsgn-body.tiny .forum-top-container,
  .dsgn-body.sidebar.tiny .forum-top-container,
  .dsgn-body.tiny .forum-bottom-container,
  .dsgn-body.sidebar.tiny .forum-bottom-container,
  .dsgn-body.tiny .container,
  .dsgn-body.sidebar.tiny .container {
    width:940px;
  }
}

.pageIsEmpty {
  margin: 100px auto;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 100px;
  background-color: #fefefe;  
}

.pageIsEmpty h1 {
  font-weight: 300;
  text-transform: uppercase;
  font-size:25px;
  letter-spacing: 3px;
}
#config-mode-view {
  position: fixed;
  right: 2px;
  top: 2px;
  color: rgb(255, 255, 255);
  font-size: 18px;
  padding: 5px 9px;
  cursor: pointer;
  border-radius: 20px;
  background-color: rgb(85, 98, 115);
  z-index:2000;
}

@media (max-width: 768px) {
  /*
  #config-mode-view {
    top:60px;
    right:20px;
  }
  */
}

.multi-columns-row .first-in-row {
  clear: left;
}

.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; }
.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; }
.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; }
.multi-columns-row .col-xs-15:nth-child(5n + 6) { clear: left; }
.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; }
.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; }
@media (min-width: 768px) {
  .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; }
  .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; }
  .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; }
  .multi-columns-row .col-xs-15:nth-child(5n + 6) { clear: none; }
  .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; }
  .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; }

  .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }
  .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; }
  .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; }
  .multi-columns-row .col-sm-15:nth-child(5n + 6) { clear: left; }
  .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; }
  .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 992px) {
  .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }
  .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; }
  .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; }
  .multi-columns-row .col-sm-15:nth-child(5n + 6) { clear: none; }
  .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; }
  .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; }

  .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; }
  .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }
  .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }
  .multi-columns-row .col-md-15:nth-child(5n + 6) { clear: left; }
  .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; }
  .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; }
}

.data-page-back,
.data-page-prev.active,
.data-page-next.active { cursor: pointer; }

.page-toolbars {
  --toolbar-gap-col: 12px;
  --toolbar-fsize: 13px;
  --toolbar-padding: 0px;
  --toolbar-btn-width: auto;
  --toolbar-svg-size: 25px;
}
.page-toolbars .toolbar-wrap { display: grid; grid-template-columns: auto auto 1fr; gap: var(--toolbar-gap-col); justify-items: center; align-items: center; line-height: 1; }
.page-toolbars .toolbar-btn { font-size: var(--toolbar-fsize); }
.page-toolbars .toolbar-btn:not(.hide) { margin-top: 30px; margin-bottom: 30px; cursor: pointer; }
.page-toolbars .toolbar-btn.hide { visibility: hidden; pointer-events: none; display: block !important; width: 0; height: 0; }
.page-toolbars .toolbar-btn.hide + .toolbar-btn:not(.hide):not(:last-child) { margin-left: calc(-1 * var(--toolbar-gap-col)); }
.page-toolbars .toolbar-btn svg { width: var(--toolbar-svg-size); height: var(--toolbar-svg-size); fill: inherit; }
.page-toolbars .toolbar-btn .btn { display: grid; grid-template-columns: auto; justify-items: center; align-items: center; box-shadow: none; padding: var(--toolbar-padding);}
.page-toolbars .toolbar-btn.like .btn { grid-template-columns: auto auto; gap: 0 2px; }
.page-toolbars .toolbar-btn .btn,
.page-toolbars .toolbar-btn .btn > .btn-label { font-size: inherit; font-weight: normal; color: inherit; }

.page-toolbars .toolbar-btn.share { color: var(--share-color); fill: var(--share-color); }
.page-toolbars .toolbar-btn.like { color: var(--like-color); fill: var(--like-color); }
.page-toolbars .toolbar-btn.like:not(.active) svg path:first-child { fill: transparent; }
.page-toolbars .toolbar-btn.like.active { color: var(--like-color-active); fill: var(--like-color-active); }
.page-toolbars .toolbar-btn.bottomnav { font-size: 18px; margin-left: auto; display: grid; grid-template-columns: auto auto auto; gap: 30px; justify-items: center; align-items: center; }
.page-toolbars .toolbar-btn.bottomnav > .btn.active { fill: var(--bottomnav-color); }
.page-toolbars .toolbar-btn.bottomnav > .btn:not(.active) { fill: var(--bottomnav-color-disabled); }

.page-toolbars[data-type="gallery"] { --toolbar-fsize: 16px; }
.page-toolbars[data-type="gallery"] .btn { background-color: transparent; border: none; padding: 0; }

@media (max-width: 767px) {
  .page-toolbars .toolbar-btn.bottomnav { gap: 15px; }
}


.fixed { position:fixed !important; top:0; left:0; right: 15px; z-index:26 !important; }
.fixed:not(.el-menu) { background-color:#fff; }
.mode-config .fixed { top: 35px; }
.creatorlink-header + .popover + .fixed-position.top-zero,
.fixed-position { top:0px !important; z-index:1;}
.creatorlink-header + .fixed-position,
.creatorlink-header + .popover + .fixed-position.fixed.top-zero,
.creatorlink-header + .popover + .fixed-position { top:55px !important;}
.creatorlink-header + div + div + .forum-view { margin-top: 55px; }
.fsize9 { font-size:9px !important; }
.fsize10 { font-size:10px !important; }
.fsize11 { font-size:11px !important; }
.fsize12 { font-size:12px !important; }
.fsize13 { font-size:13px !important; }
.fsize14 { font-size:14px !important; }
.fsize15 { font-size:15px !important; }
.fsize16 { font-size:16px !important; }
.fsize17 { font-size:17px !important; }
.fsize18 { font-size:18px !important; }
.fsize19 { font-size:19px !important; }
.fsize20 { font-size:20px !important; }
.fsize21 { font-size:21px !important; }
.fsize22 { font-size:22px !important; }
.fsize23 { font-size:23px !important; }
.fsize24 { font-size:24px !important; }
.fsize25 { font-size:25px !important; }
.fsize26 { font-size:26px !important; }
.fsize27 { font-size:27px !important; }
.fsize28 { font-size:28px !important; }
.fsize29 { font-size:29px !important; }
.fsize30 { font-size:30px !important; }
.fsize31 { font-size:31px !important; }
.fsize32 { font-size:32px !important; }
.fsize33 { font-size:33px !important; }
.fsize34 { font-size:34px !important; }
.fsize35 { font-size:35px !important; }
.fsize36 { font-size:36px !important; }
.fsize37 { font-size:37px !important; }
.fsize38 { font-size:38px !important; }
.fsize39 { font-size:39px !important; }
.fsize40 { font-size:40px !important; }
.fsize41 { font-size:41px !important; }
.fsize42 { font-size:42px !important; }
.fsize43 { font-size:43px !important; }
.fsize44 { font-size:44px !important; }
.fsize45 { font-size:45px !important; }
.fsize46 { font-size:46px !important; }
.fsize47 { font-size:47px !important; }
.fsize48 { font-size:48px !important; }
.fsize49 { font-size:49px !important; }
.fsize50 { font-size:50px !important; }
.fsize51 { font-size:51px !important; }
.fsize52 { font-size:52px !important; }
.fsize53 { font-size:53px !important; }
.fsize54 { font-size:54px !important; }
.fsize55 { font-size:55px !important; }
.fsize56 { font-size:56px !important; }
.fsize57 { font-size:57px !important; }
.fsize58 { font-size:58px !important; }
.fsize59 { font-size:59px !important; }
.fsize60 { font-size:60px !important; }
.fsize61 { font-size:61px !important; }
.fsize62 { font-size:62px !important; }
.fsize63 { font-size:63px !important; }
.fsize64 { font-size:64px !important; }
.fsize65 { font-size:65px !important; }
.fsize66 { font-size:66px !important; }
.fsize67 { font-size:67px !important; }
.fsize68 { font-size:68px !important; }
.fsize69 { font-size:69px !important; }
.fsize70 { font-size:70px !important; }
.fsize71 { font-size:71px !important; }
.fsize72 { font-size:72px !important; }
.fsize73 { font-size:73px !important; }
.fsize74 { font-size:74px !important; }
.fsize75 { font-size:75px !important; }
.fsize76 { font-size:76px !important; }
.fsize77 { font-size:77px !important; }
.fsize78 { font-size:78px !important; }
.fsize79 { font-size:79px !important; }
.fsize80 { font-size:80px !important; }
.fsize81 { font-size:81px !important; }
.fsize82 { font-size:82px !important; }
.fsize83 { font-size:83px !important; }
.fsize84 { font-size:84px !important; }
.fsize85 { font-size:85px !important; }
.fsize86 { font-size:86px !important; }
.fsize87 { font-size:87px !important; }
.fsize88 { font-size:88px !important; }
.fsize89 { font-size:89px !important; }
.fsize90 { font-size:90px !important; }
.fsize91 { font-size:91px !important; }
.fsize92 { font-size:92px !important; }
.fsize93 { font-size:93px !important; }
.fsize94 { font-size:94px !important; }
.fsize95 { font-size:95px !important; }
.fsize96 { font-size:96px !important; }
.fsize97 { font-size:97px !important; }
.fsize98 { font-size:98px !important; }
.fsize99 { font-size:99px !important; }
.fsize100 { font-size:100px !important; }

.fsize110 { font-size:110px !important; }
.fsize150 { font-size:150px !important; }



/*ko:: Korean*/
.ffamilyKoPub-Batang { font-family: 'KoPub Batang' !important; font-weight: normal; }
.ffamilyGodo { font-family: 'Godo' !important; font-weight: normal; }
.ffamilyKukdetopokki { font-family: 'Kukdetopokki' !important; font-weight: normal; }
.ffamilyNanum-Gothic { font-family: 'Nanum Gothic' !important; font-weight: normal; }
.ffamilyNanum-Gothic-Coding { font-family: 'Nanum Gothic Coding' !important; font-weight: normal; }
.ffamilyNanum-Myeongjo { font-family: 'Nanum Myeongjo' !important; font-weight: normal; }
.ffamilyNanum-Barun-Gothic { font-family: 'Nanum Barun Gothic' !important; font-weight: normal; }
.ffamilyNanumBarunGothicLight { font-family: 'NanumBarunGothicLight' !important; font-weight: normal; }
.ffamilyNanum-Pen-Script { font-family: 'Nanum Pen Script' !important; font-weight: normal; }
.ffamilyNanum-Brush-Script { font-family: 'Nanum Brush Script' !important; font-weight: normal; }
.ffamilyNanum-Square { font-family: 'Nanum Square' !important; font-weight: normal; } 
.ffamilyNanum-Square-Round { font-family: 'Nanum Square Round' !important; font-weight: normal; } 
.ffamilyDaraehand { font-family: 'Daraehand' !important; font-weight: normal; }
.ffamilyMonsori { font-family: 'Monsori' !important; font-weight: normal; }
.ffamilyDohyeon { font-family: 'Dohyeon' !important; font-weight: normal; }
.ffamilyNoto-Sans-KR { font-family: 'Noto Sans KR' !important; font-weight: normal; }
.ffamilyNoto-Serif-CJK-KR { font-family: 'Noto Serif CJK KR' !important; font-weight: normal; }
.ffamilyBB-Tree-Gothic { font-family: 'BB Tree Gothic' !important; font-weight: normal; }
.ffamilyBB-Tree-Namu { font-family: 'BB Tree Namu' !important; font-weight: normal; }
.ffamilyBB-Tree-Hand { font-family: 'BB Tree Hand' !important; font-weight: normal; }
.ffamilySeoul-Namsan { font-family: 'Seoul Namsan' !important; font-weight: normal; }
.ffamilySeoul-Hangang { font-family: 'Seoul Hangang' !important; font-weight: normal; }
.ffamilySpoqa-Han-Sans { font-family: 'Spoqa Han Sans' !important; font-weight: normal; }
.ffamilyS-CoreDream { font-family: 'S CoreDream' !important; font-weight: normal; }
.ffamilyYeonsung { font-family: 'Yeonsung' !important; font-weight: normal; }
.ffamilyOseong-and-HanEum { font-family: 'Oseong and HanEum' !important; font-weight: normal; }
.ffamilyIropke-Batang { font-family: 'Iropke Batang' !important; font-weight: normal; }
.ffamilyJeju-Gothic { font-family: 'Jeju Gothic' !important; font-weight: normal; }
.ffamilyJeju-Myeongjo { font-family: 'Jeju Myeongjo' !important; font-weight: normal; }
.ffamilyJeju-Hallasan { font-family: 'Jeju Hallasan' !important; font-weight: normal; }
.ffamilyJua { font-family: 'Jua' !important; font-weight: normal; }
.ffamilyYouth { font-family: 'Youth' !important; font-weight: normal; }
.ffamilyHangyule { font-family: 'Hangyule' !important; font-weight: normal; }
.ffamilyHanna { font-family: 'Hanna' !important; font-weight: normal; }

.ffamilyOseong-and-HanEum + br ,
.ffamilyffamilyKukdetopokki + br,
.ffamilyOseong-and-HanEum br,
.ffamilyffamilyKukdetopokki br { font-family: 'Open Sans' !important; }

/*en:: English*/
.ffamilyAbel { font-family: 'Abel' ! important; }
.ffamilyAbril-Fatface { font-family: 'Abril Fatface' ! important; }
.ffamilyAlegreya { font-family: 'Alegreya' !important; }
.ffamilyAliquam { font-family: 'Aliquam' !important; font-weight: normal; }
.ffamilyBlackHanSans { font-family: 'Black Han Sans' !important; font-weight: normal; } 
.ffamilyCardo { font-family: 'Cardo' !important; }
.ffamilyCookie { font-family: 'Cookie' !important; }
.ffamilyDancing-Script { font-family: 'Dancing Script' !important; font-weight: normal; }
.ffamilyDosis { font-family: 'Dosis' !important; }
.ffamilyGreat-Vibes { font-family: 'Great Vibes' !important; font-weight: normal; }
.ffamilyLato { font-family: 'Lato' !important; }
.ffamilyLibre-Baskerville { font-family: 'Libre Baskerville' !important; }
.ffamilyLora { font-family: 'Lora' !important; }
.ffamilyMontserrat { font-family: 'Montserrat' !important; font-weight: normal; }
.ffamilyMuli { font-family: 'Muli' !important; }
.ffamilyNew-Waltograph { font-family: 'New Waltograph' !important; font-weight: normal; }
.ffamilyNixie-One { font-family: 'Nixie One' !important; }
.ffamilyNoto-Sans { font-family: 'Noto Sans' ! important; }
.ffamilyOpen-sans { font-family: 'Open sans' !important; }
.ffamilyOswald { font-family: 'Oswald' !important; }
.ffamilyPlayball { font-family: 'Playball' !important; font-weight: normal; }
.ffamilyPlayfair-Display { font-family: 'Playfair Display' !important; }
.ffamilyPT-Sans { font-family: 'PT Sans' !important; }
.ffamilyPT-Serif { font-family: 'PT Serif' !important; }
.ffamilyQuestrial { font-family: 'Questrial' ! important; }
.ffamilyQuicksand { font-family: 'Quicksand' ! important; }
.ffamilyRaleway { font-family: 'Raleway' !important; }
.ffamilyRoboto { font-family: 'Roboto' !important; }
.ffamilySans-serif { font-family: 'Sans serif' !important; }
.ffamilyStaatliches { font-family: 'Staatliches' !important; }
.ffamilyStalemate { font-family: 'Stalemate' !important; font-weight: normal; }
.ffamilyStar-Jedi { font-family: 'Star Jedi' !important; font-weight: normal; }

/*??*/
.ffamilyCinzel { font-family: 'Cinzel' !important; }
.ffamilyLobster { font-family: 'Lobster' !important; }
.ffamilyUbuntu { font-family: 'Ubuntu' !important; }
.ffamilyHelvetica-Neue { font-family: 'Helvetica-Neue' !important; }
.ffamilyHelvetica { font-family: 'Helvetica' !important;}

/*ja:: Japanese*/
.ffamilyHannari { font-family: 'Hannari' !important; font-weight: normal; }
.ffamilyHokkori { font-family: 'Hokkori' !important; font-weight: normal; }
.ffamilyIoEI { font-family: 'IoEI' !important; font-weight: normal; }
.ffamilyJKG { font-family: 'JKG' !important; font-weight: normal; }
.ffamilyMS-Gothic { font-family: 'MS Gothic' !important; font-weight: normal; }
.ffamilyMS-Mincho { font-family: 'MS Mincho' !important; font-weight: normal; } 
/*th:: Thai*/
.ffamilyCyclin { font-family: 'Cyclin' !important; font-weight: normal; }
.ffamilyHai-Heritage-Pro { font-family: 'Hai Heritage Pro' !important; font-weight: normal; }
.ffamilyHFF-Thai-Dye { font-family: 'HFF Thai Dye' !important; font-weight: normal; }
.ffamilyOwah-Tagu-Siam-NF { font-family: 'Owah Tagu Siam NF' !important; font-weight: normal; }
/*ar:: Arabic*/
.ffamilyAceh-Darusalam { font-family: 'Aceh Darusalam' !important; font-weight: normal; }
.ffamilyAmiri { font-family: 'Amiri' !important; font-weight: normal; }
.ffamilyArabDances { font-family: 'ArabDances' !important; font-weight: normal; }
.ffamilyBoecklins-Universe { font-family: 'Boecklins Universe' !important; font-weight: normal; }
.ffamilyCatharsis-Bedouin { font-family: 'Catharsis Bedouin' !important; font-weight: normal; }
.ffamilyHimchuli { font-family: 'Himchuli' !important; font-weight: normal; }
.ffamilyKanisah { font-family: 'Kanisah' !important; font-weight: normal; }
.ffamilySatyajit { font-family: 'Satyajit' !important; font-weight: normal; }
/*cr:: Cyrillic*/
.ffamily20db { font-family: '20db' !important; font-weight: normal; }
.ffamilyAlpha-Echo { font-family: 'Alpha Echo' !important; font-weight: normal; }
.ffamilyAnonymous-Pro { font-family: 'Anonymous Pro' !important; font-weight: normal; }
.ffamilyArsenal { font-family: 'Arsenal' !important; font-weight: normal; }
.ffamilyBebas-Neue { font-family: 'Bebas Neue' !important; font-weight: normal; }
.ffamilyBitter { font-family: 'Bitter' !important; font-weight: normal; }
.ffamilyCharis-SIL { font-family: 'Charis SIL' !important; font-weight: normal; }
.ffamilyFira-Mono { font-family: 'Fira Mono' !important; font-weight: normal; }
.ffamilyLato-CR { font-family: 'Lato CR' !important; font-weight: normal; }
/*he:: Hebrew*/
.ffamilyAlef { font-family: 'Alef' !important; font-weight: normal; }
.ffamilyEzra-SIL { font-family: 'Ezra SIL' !important; font-weight: normal; }
.ffamilyMendelSiddurMW { font-family: 'MendelSiddurMW' !important; font-weight: normal; }
/*ch:: Chinese*/
.ffamilycwTeXHei { font-family: 'cwTeXHei' !important; font-weight: normal; }
.ffamilycwTeXKai { font-family: 'cwTeXKai' !important; font-weight: normal; }
.ffamilycwTeXMing { font-family: 'cwTeXMing' !important; font-weight: normal; }
.ffamilycwTeXYen { font-family: 'cwTeXYen' !important; font-weight: normal; }
.ffamilyNoto-Sans-SC { font-family: 'Noto Sans SC' !important; font-weight: normal;}
/*vi:: Vietnamese*/
.ffamilyHan-Nom-Gothic { font-family: 'Han Nom Gothic' !important; font-weight: normal; }



.cursor { cursor:pointer;}
.element .image-wrap,
.render .image-wrap { display:block; margin:0 auto; float:none;}
.element .image-wrap:after,
.render .image-wrap:after { clear:both; }
#generic-modal.modal { overflow-y:hidden; }
.btn a { text-decoration: none;}


.config-image-view {
    position: absolute;
    display: none;
    top: 20px;
    left: 0;
    z-index: 5;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    padding: 1px 4px;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 14px;
    cursor: pointer;
    min-width: 25px;
    text-align: center;
}
.config-image-view + .tooltip .tooltip-arrow { margin-bottom: 1px; }

.modal-default .container { padding-top:5%; padding-left:0px; padding-right: 5px;}
.modal-default .container .modal-body { padding:0px; font-size:15px;}
.modal-default .container .modal-footer { padding:0px;}

.flat-modal.zindex .modal { z-index:1060; background-color:rgba(0,0,0,0.5);}

.flat-modal .modal-dialog { max-width: 385px; }
.flat-modal .modal-body { font-family: 'Open Sans','Nanum gothic'; color:#25272b; text-align: center; padding-top:0;}
.flat-modal .modal-title { margin-bottom: 10px; font-size:15px; letter-spacing: 0.1em;}
.flat-modal .modal-content { 
  border-radius: 0;
  color:#37383B;
  font-size: 13px;
  line-height: 1.6; 
  letter-spacing: -0.05em;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.flat-modal .modal-footer {
  padding: 0 40px 40px 40px;
  text-align: center;
  border:none;
}
.flat-modal .modal.in .modal-dialog { 
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.flat-modal .modal.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);  
}
.flat-modal .modal .modal-dialog.modal-portfolio-link {
  -webkit-transform: translate(0, 5%);
  -ms-transform: translate(0, 5%);
  transform: translate(0, 5%);
}
.flat-modal + .modal-backdrop {
  background-color: #eeeff3;
}
.flat-modal.guidePopup-wrap .modal { z-index: 10000001; }
.flat-modal.guidePopup-wrap + .modal-backdrop { z-index: 10000000; }
.flat-modal + .modal-backdrop.fade.in {
  opacity: 0.9;
}

.flat-modal .btn,
.galleryController .btn:not(.gallery-category-config) {
  width: 140px;
  color: #fff;
  padding: 11px 30px;
  border: none;
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px;
}

.flat-modal .btn.btn-primary,
.config-modal .btn.btn-primary {
  background-color:#3c4450;
  border: none;
  position: relative;
}
.flat-modal .btn.btn-primary:hover,
.config-modal .btn.btn-primary:hover {
  background-color:#3c4451;
}
.flat-modal .btn.btn-default,
.flat-modal .btn.btn-default:hover,
.config-modal .btn.btn-default,
.config-modal .btn.btn-default:hover {
  background-color: #9B9EA5 !important;
}
.modal-footer .btn + .btn { margin-left: 15px; }
.config-modal .btn,
.modal-dialog .btn {
  width: auto;
  color: #fff;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 16px 48px;
  min-width: 145px;
  line-height: 22px;
  font-size: 13px;
}
.modal-dialog .btn.btn-primary
 {
  background-color:#3c4450;
  border:none;
}
.modal-dialog .btn.btn-primary:hover,
.modal-dialog .btn.btn-primary:focus {
 background-color: #3c4451;
}
.modal-dialog .btn.btn-default,
.modal-dialog .btn.btn-default:hover
{
  background-color: #9B9EA5;
}

.flat-site-spacelimit-modal .btn.btn-box { background-color: #fff; padding: 10px 25px; }
.modal-default.flat-site-spacelimit-modal .modal-content { background-color: rgba( 33, 35, 39, 0.9 ); width:410px;}
.modal-default.flat-site-spacelimit-modal .modal-content .modal-body {padding: 20px 30px 40px 30px;}
.modal-default.flat-site-spacelimit-modal .modal-content button.close { z-index: 999; position:relative; color:#848685;}
.modal.modal-default.flat-site-spacelimit-modal h3.modal-title {  font-size:20px; color:#fff; display:inline-block; text-align:center; padding:0!important; margin-left:35px;}
.modal-default.flat-site-spacelimit-modal .site-space-icon { color: #518de5; font-size: 29px; opacity: 1; position: absolute; left: 9%; }
.flat-site-spacelimit-modal .site-space-disk p {color:#fff; font-size:13px; line-height: 1.7; letter-spacing: -0.4px;}
.flat-site-spacelimit-modal .btn-diskspace-limit {color: #2d343e; display:block;}

.flat-modal .modal-content .wrap-fm-change-checkhigh { max-width: 300px; margin: 30px auto 5px; text-align: center; color: #4789e7; }
.flat-modal .modal-content .cl-s-form-wrap.comment-addform.password ~ .wrap-fm-change-checkhigh { text-align: right; margin: 15px auto; }
.flat-modal .modal-content .btn-fm-change-checkhigh { font-size: 12px; cursor: pointer; position: relative; display: inline-block; }
.flat-modal .modal-content .btn-fm-change-checkhigh:after { content: ' '; position: absolute; bottom: -1px; left: 0; right: 0; display: inline-block; width: 100%; height: 1px; background-color: #4789e7; }
.flat-modal .modal-content .btn-fm-change-checkhigh + .btn-fm-change-checkhigh:after { left: 26px; width: calc(100% - 26px); }
.flat-modal .modal-content .btn-fm-change-checkhigh + .btn-fm-change-checkhigh:before { content: ' / '; display: inline-block; margin: 0 10px; -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); transform: translateY(1px); }

#el-fileupload .modal-close {
  position: absolute;
  font-size: 28px;
  top: 3px;
  right: 6px;
}

#recognition { min-height: 100px !important; }

/* 15-07-31 footer 추가 - 정상훈 */
/*
footer { overflow: hidden; clear: both; background-color: #fbfbfb; font-size: 12px; padding: 20px; text-align: right; }
.footer .footer_info .logo-wrap .navbar-brand img{ width: 180px; }
.footer .footer_info .panel { border: none !important; box-shadow: none;  background: none; padding: 0 !important; margin: 0 !important; }
#fheading01, #fheading02, #fheading03{ padding-top:0; border: none; }
.footer .footer_info > div > .panel-group .panel > .panel-heading  + .panel-collapse .panel-body { border: none !important; }
.footer .panel-heading { display: none; border: none; text-align: left;  padding: 0; margin: 0; }
.footer .footer_info > div > .panel-group .panel:nth-of-type(4) > .panel-heading { display: block; }
.footer .footer_info > div > .panel-group .panel:nth-of-type(4) > .panel-heading a {font-size: 13px; color: #2a6496;}
.footer .footer_info > div > .panel-group .panel:nth-of-type(4) .socialiconbox { display: none; }
.footer .panel-collapse { display: block; text-align: left; border: none; }
.footer .footer_info > div > .panel-group .panel .panel-body > li > a { font-size: 11px;padding-top:0px;  color: #a8aaac; }
.footer .socialiconbox { overflow: hidden;  margin-top: 15px;}
.footer .socialiconbox li { float: left; }
.footer .footer_logo { text-align: center; }
.footer .footer_logo address, .footer .footer_logo .company { font-size: 11px; color: #a4a4a4}
.footer .footer_logo address, .footer .footer_logo .company span{position: relative; padding: 0px 13px; line-height: 1.5; display: inline-block;}
.footer .footer_logo .company span + span:before { content: ''; display: inline-block; position: absolute; top: 3px;left: 0; width: 2px; height: 10px; background-color: #dde1e2;}

@media only screen and (max-width: 992px){
  .footer .footer_info > div > .panel-group { overflow: hidden; width: 100%; padding: 15px 0 0; }
  .footer .footer_info > div,
  .footer .footer_info > div > .panel-group .panel { padding: 0; }
  .footer .footer_info > div > .panel-group .panel { float: left; }
  .footer .footer_info > div > .panel-group .panel:nth-of-type(2) { margin-bottom:15px !important;  }
  .footer .footer_info > div > .panel-group .panel:nth-of-type(3) { position: absolute; right: 0; width: 50%; }
  .footer .footer_info > div > .panel-group .panel:nth-of-type(4) { position: relative; width: 100%; border-radius: 0 !important; background: #f2f2f2; }
  .footer .footer_info > div > .panel-group .panel > .panel-heading { padding-top: 0; padding-bottom:; }
  .footer .footer_info > div > .panel-group .collapse { display: block !important; }
  .footer .footer_info > div > .panel-group .panel:nth-of-type(4) > .panel-heading { border: none !important; background: #f2f2f2; padding: 15px 0 15px 15px !important; }
  .footer .footer_info > div > .panel-group .panel:nth-of-type(4) .socialiconbox { position: absolute; top: 0; right: 15px; display: block; margin: 13px 0 0; }
  .footer .footer_info > div > .panel-group .panel:nth-of-type(4) .socialiconbox i { font-size: 15px; margin: 0 10px; }
  .footer .footer_info > div > .panel-group .panel-body { padding: 0 20px 10px; }
  .footer .footer_info > .logo-wrap { display: none; text-align: center; padding-top: 40px; padding-bottom: 25px;}
  .footer .footer_info > .logo-wrap > .navbar-brand { float: inherit; }
  .footer .footer_info > .lang-wrap { display: none; }
  .footer .footer_info > .soical-wrap { display: none; }
  .footer .footer_logo .company { text-align: left; padding: 0 15px 0; }
  .footer .footer_logo .company span { display: block; padding: 0 5px 0 0; }
  .footer .footer_logo .company span + span:before { display: none; }
  .footer .footer_logo .company span:nth-of-type(4),
  .footer .footer_logo .company span:nth-of-type(5) { display: inline; }
  .footer .footer_logo address { width: 100%; text-align: left; margin: 5px 0 15px; }
}

@media only screen and (max-width: 767px){
  #about { padding-top: 90px; }
  .footer .footer_info > div > .panel-group .panel:nth-of-type(4) { border: none !important; padding: 0 !important; margin: 0 !important; }
}
*/

/*modal 공통 CSS*/
.modal-content { border-radius: 0; }
.modal-header { padding: 40px 40px 0; border-bottom: none; }
.modal-header .close { margin-top: -15px; margin-right: -15px; }
.modal-footer { padding:  0 40px 40px; border-top: none;}
.modal-footer .btn { line-height: 1.4; padding: 10px 48px; }

.-browser-list { margin-top:20px;margin-bottom:5px;}
.-browser-list li { display:inline-block;padding:0px 10px; font-family: Raleway; cursor:pointer; }
.-browser-list li a { color:#333; text-decoration: none;}
.td-cell { display:table-cell !important;}

.-browser-chrome-optimized { font-family: 'Noto Sans KR', 'Open sans'; position: relative; margin-top: 60px; }
.-browser-chrome-optimized > li > img { max-width: 100%; }
.-browser-chrome-optimized > li > h1 { font-size: 30px; color: #25272b; font-weight: lighter; margin-top: 40px; margin-bottom: 15px; }
.-browser-chrome-optimized > li > p { font-size: 15px!important; color: #9b9ea5; font-weight: 300; line-height: 1.6; }
.-browser-chrome-optimized li a,
.-browser-chrome-optimized li a:hover,
.-browser-chrome-optimized li a:focus { 
  font-size: 15px;
  color: #ffffff; 
  background-color: #4789e7;
  display: inline-block; margin: 0 auto; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
  min-width: 210px;
  padding: 15px;
  margin-top: 30px;
  margin-bottom: 50px;
 }


/*menu: mini-home*/
#mini-home { position: absolute; top:0; left:30px; display: none; font-size: 22px; cursor: pointer; }


/*180822 add*/
/*footer: creatorlink box & footer (before)*/
*[data-type="footer"] .creatorlink-box,
*[data-type="footer"] .creatorlink-footer { display: none; }

/*made it with creatorlink _20230209*/
.dsgn-body.with-creatorlink:after { display: table; content: ' '; position: relative; clear: both; height: 60px; width: 100%; }
.dsgn-body.with-creatorlink ~ .goto-top#goto-top,
.dsgn-body.with-creatorlink ~ #cl-music-player-icon { bottom: 80px!important; right: 35px!important; }
.dsgn-body.with-creatorlink ~ #cl-music-container { bottom: 80px!important; right: 75px!important; }
.dsgn-body.with-creatorlink ~ .goto-top#goto-top.show ~ #cl-music-player-icon { right: 80px!important }
.dsgn-body.with-creatorlink ~ .goto-top#goto-top.show ~ #cl-music-container { right: 120px!important; }

.made-with-creatorlink {
    position: fixed! important;
    bottom: 0; left: 0; right: 0;
    width: 100%;
    height: 60px;
    font-family: 'Noto Sans KR', 'Open Sans';
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    color: #696c71;
    background-color: #ffffff;
    overflow: hidden;
    -webkit-box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.05);
    border-top: 1px solid #e7e8e9;
    display: block;
    z-index: 99;
}
.made-with-creatorlink a {
    padding: 14px 18px;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.made-with-creatorlink .inner-logo { line-height: 1; padding-right: 10px; }
.made-with-creatorlink .inner-logo svg.logo-p { display: none; }
.made-with-creatorlink .inner-logo svg { fill: #37374a; }
.made-with-creatorlink .inner-txt { position: relative; overflow: hidden; display: inline-block; width: 295px; height: 21px; max-width: 85%; }
.made-with-creatorlink.w-2 .inner-txt { width: 350px; }
.made-with-creatorlink .inner-txt ul { position: absolute; top: 0; left: 0; right: 0; }
.made-with-creatorlink .inner-txt ul li { line-height: 1.45; }
.made-with-creatorlink .inner-txt ul li strong { color: #484b50; font-weight: 500; }
.made-with-creatorlink .inner-btn span { display: none; pointer-events: none; width: 180px; padding: 12px; text-align: center; color: #fff; background-color: #4789e7; font-size: 16px; -moz-border-radius: 5px; border-radius: 5px; }
.made-with-creatorlink .inner-btn span:hover { background-color: #3a7ddb; }

@media only screen and (min-width: 767px) {
  .dsgn-body.with-creatorlink ~ .goto-top#goto-top,
  .dsgn-body.with-creatorlink ~ #cl-music-player-icon { bottom: 90px!important; right: 65px!important; }
  .dsgn-body.with-creatorlink ~ #cl-music-container { bottom: 90px!important; right: 103px!important; }
  .dsgn-body.with-creatorlink ~ .goto-top#goto-top.show ~ #cl-music-player-icon { right: 108px!important; }
  .dsgn-body.with-creatorlink ~ .goto-top#goto-top.show ~ #cl-music-container { right: 148px!important; }
  .dsgn-body.sidebar .made-with-creatorlink { left: 260px; width: calc(100% - 260px); }

  .made-with-creatorlink .inner-logo { padding-right: 15px; }
  .made-with-creatorlink .inner-logo svg.logo-p { display: inline-block; height: 22px; vertical-align: middle; }
  .made-with-creatorlink .inner-logo svg.logo-m { display: none; }

}
@media only screen and (min-width: 991px) {

}
@media only screen and (min-width: 1199px) {
  .dsgn-body.with-creatorlink:after { display: table; content: ' '; position: relative; clear: both; height: 100px; width: 100%; }
  .made-with-creatorlink { height: 100px; font-size: 20px; }
  .made-with-creatorlink .inner-logo { padding-right: 124px; }
  .made-with-creatorlink .inner-logo svg.logo-p { height: 33px; }
  .made-with-creatorlink .inner-txt { width: 420px; height: 33px; max-width: 35% }
  .made-with-creatorlink.w-2 .inner-txt { width: 460px; }
  .made-with-creatorlink .inner-btn { padding-left: 124px; }
  .made-with-creatorlink .inner-btn span { display: inline-block; pointer-events: auto; }

  .dsgn-body.with-creatorlink ~ .goto-top#goto-top,
  .dsgn-body.with-creatorlink ~ #cl-music-player-icon { bottom: 130px!important; }
  .dsgn-body.with-creatorlink ~ #cl-music-container { bottom: 130px!important; }
}
@media only screen and (max-width: 640px) {
  .made-with-creatorlink.w-2 .inner-txt { width: 255px; }
  .made-with-creatorlink .inner-txt ul li .m-hidden { display: none; }
}
@media only screen and (max-width: 1200px) {
  /*.dsgn-body.with-creatorlink ~ .goto-top#goto-top { bottom: 80px!important; }
  .dsgn-body.with-creatorlink ~ #cl-music-player-icon { bottom: 80px!important; right: 20px!important; }
  .dsgn-body.with-creatorlink ~ #cl-music-container { bottom: 80px!important; right: 60px!important; }
  .dsgn-body.with-creatorlink ~ .goto-top#goto-top.show ~ #cl-music-player-icon { right: 60px!important; }
  .dsgn-body.with-creatorlink ~ .goto-top#goto-top.show ~ #cl-music-container { right: 100px!important; }*/
}

/*made it with creatorlink*/
/*
.made-with-creatorlink {
    z-index: 1020;
    position: fixed! important;
    bottom: 15px; right: 20px; 
    width: 245px; height: 62px;
    padding: 12px 15px 12px 20px;
    overflow: hidden;
    font-family: 'Noto Sans KR', 'Open Sans';
    font-size: 13px;
    font-weight: normal;
    line-height: 1.46;
    vertical-align: middle;
    background-color: rgba(34,34,34,1);
    color: #ababab;
}
.made-with-creatorlink > a {
    position: relative;
    display: block;
    height: 36px;
    cursor: pointer;
}
.made-with-creatorlink .inner-logo { position: absolute; top: 0; left: 0; bottom: 0; padding: 4px 0; }
.made-with-creatorlink .inner-logo svg { fill: #fff; }
.made-with-creatorlink .inner-txt { position: relative; width: 100%; height: 100%; overflow: hidden; }
.made-with-creatorlink .inner-txt ul { position: absolute; padding-left: 40px; top: 0; left: 0; right: 0; }
.made-with-creatorlink .inner-txt ul li strong { color: #fff; font-weight: normal; }
@media only screen and (min-width: 481px) {
    .made-with-creatorlink.w-2 { width: 280px; }
    .made-with-creatorlink .inner-txt .hidden-xs { display: inline !important; }
}
@media only screen and (max-width: 480px) {
    .made-with-creatorlink {
        width: 100%; height: 50px;
        bottom: 0; left: 0; right: 0;
        padding: 11px 23px;
        background-color: rgba(34,34,34,0.93);
    }
    .made-with-creatorlink > a,
    .made-with-creatorlink .inner-txt ul li { height: 28px; line-height: 28px; }
    .made-with-creatorlink .inner-logo { padding: 0; }
    .made-with-creatorlink .inner-txt br { display: none; }
}
*/



@media only screen and (min-width: 769px) {
  .fixed #mini-home {
    display: inline-block;
  }
}

/*mobile-pcWeb*/
.product.mall-product-detail-wrap ~ .mobilepc_ch { display: none; }
.mobilepc_ch[data-desktop-option="mobile_pc"] ~ *[data-type="footer"].el-footer:after { 
  content: ' ';
  display: inline-block;
  height:180px;  width: 100%;
  clear: both;
  position: relative;
}
.mobilepc_ch {
  background-color : #373737;
  padding : 15px 0;
  text-align : center;
  position: fixed;
  width: 100%;
  bottom:0px;
  z-index:19;
}

.mobilepc_ch p {
  display: inline-block;
  margin:0;
  font-size:16px;
  color:#fff;
  vertical-align: middle;
}

.mobilepc_ch .mpc-name {
  font-family: 'Open Sans', 'Nanum Gothic';
}

.mobilepc_ch[data-desktop-option="mobile_web"] i.mpc_icon {
  font-size:22px;
  margin-right:9px;
}

.mobilepc_ch i.mpc_icon {
  font-size: 100px;
  color: #fff;
  margin-right: 20px;
  vertical-align: middle;
} 
.mobilepc_ch[data-desktop-option="mobile_pc"] {
  padding:20px 0;
  bottom: 0;
  width: 100%;
  left: 0;
}
.mobilepc_ch[data-desktop-option="mobile_pc"] p {
  font-size:27px;
}
.mobilepc_ch[data-desktop-option="mobile_pc"] i.mpc_icon {
  font-size: 45px;
}
.dsgn-body .element.mobilePc_height {
  min-height: auto;
  height:40%;
}
*[data-type="footer"].el-footer.mpcwebheight:after{ 
  content: ' ';
  display: inline-block;
  height: 75px;  width: 100%;
  clear: both;
  position: relative;
}
.goto-top.moveMpc { bottom: 160px; }
#cl-music-player-icon.moveMpc, .goto-top.gotoMpc,
#cl-music-player-icon.show.moveMpc + #cl-music-player + #cl-music-container { bottom: 120px; }

.goto-top.movepc,
#cl-music-player-icon.movepc,
#cl-music-player-icon.show.movepc + #cl-music-player + #cl-music-container { bottom: 160px; }

.goto-top.movedOne { bottom: 110px !important;}
#cl-music-player-icon.movedOne,
#cl-music-player-icon.show.movedOne + #cl-music-player + #cl-music-container { bottom: 70px; }


/*mobile-fnav*/
.product.mall-product-detail-wrap ~ .fnav { display: none; }
.fnav[class*=fnav] {
  display: table;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: var(--fnav-bgcolor);
  color: var(--fnav-color);
  font-size: 16px;
  line-height: 1.2;
  z-index: 102;
}
.fnav[class*=fnav-] > .fnav-item {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 4.5px;
  width: 1%;
  -webkit-transition: width .3s ease-in-out;
  -moz-transition: width .3s ease-in-out;
  -ms-transition: width .3s ease-in-out;
  -o-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out;
}
.fnav[class*=fnav-] > .fnav-item > a {
  display: block;
  padding: 17px 0px;
  cursor: pointer;
}
.fnav[class*=fnav-] > .fnav-item > a,
.fnav[class*=fnav-] > .fnav-item > a:hover,
.fnav[class*=fnav-] > .fnav-item > a:focus,
.fnav[class*=fnav-] > .fnav-item > a:active {
  text-decoration: none;
  color: var(--fnav-color);
}
.fnav[class*=fnav-] > .fnav-item .fa {
  font-size: 18px;
  vertical-align: middle;
  width: 18px; height: 18px;
}
.ellist-content .fnav[class*=fnav] {
  position: absolute;
}

@media only screen and (min-width: 481px) {
  .fnav + *[data-type="footer"].el-footer { margin-bottom: 0; }
  .fnav[class*=fnav] { display: none; }
  .ellist-content .fnav[class*=fnav] { display: block; }
}
@media only screen and (max-width: 480px) {
  .fnav ~ *[data-type="footer"].el-footer:after { 
    content: ' ';
    display: inline-block;
    height: 55px;  width: 100%;
    clear: both;
    position: relative;
  }
}






#cl-music-player-icon { 
  position: fixed; 
  display: block; 
  bottom:50px; 
  right: 95px; 
  background-color: rgba(0,0,0,0.1); 
  border-radius: 25px; 
  font-size: 18px; 
  width: 34px; 
  height: 34px; 
  line-height: 34px; 
  text-align: center; 
  color: #aaa; 
  cursor: pointer; 
  z-index: 1020;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
 }
#cl-music-player-icon.moved,
#cl-music-player-icon.show.moved + #cl-music-player + #cl-music-container { 
  bottom: 90px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#cl-music-player-icon + #cl-music-player + #cl-music-container { display:none;}
#cl-music-player-icon.show + #cl-music-player + #cl-music-container { display:block;}
#cl-music-container {
  position:fixed; 
  display: block; 
  bottom:50px; 
  right:140px; 
  width:270px; 
  z-index:1090;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}


.btn.btn-round { height:37px; line-height: 37px; color:rgba(34, 36, 40, 0.4); border:1px solid #ccc; /*background-color:#fff; */padding:0px 20px; border-radius: 20px; min-width:120px; text-align:center; font-size:13px; }
.btn.btn-round:hover { color:#666; border-color:#666;}


.block-write .modal-content .modal-title { margin-bottom: 50px !important; }
.block-write .modal-content .modal-footer { max-width: 300px !important; }

.comment-addform.kcaptcha-box { margin-top:10px; overflow: hidden; display: flex; }
.comment-addform.kcaptcha-box #write_option { margin-bottom:0px; height: 70px; position: relative; max-width: 135px; overflow: hidden; }
.comment-addform.kcaptcha-box #write_option img { height: 100%; left:50%; transform: translateX(-50%); position: absolute; }
.comment-addform.kcaptcha-box #wr_key { font-size: 13px; }
.comment-addform.password { max-width:300px; margin:0 auto; margin-top: 10px; }

.comment-addform .form-control { border-radius: 0px; }
.comment-addform.form-inline { margin-bottom:5px; text-align: left; }
.comment-addform.form-inline > .form-group { width:100%; }

.comment-addform.input-text.form-inline { margin:0; }
.comment-addform.input-text .form-control {
    padding: 14px 20px;
    height: 48px;
    line-height: 48px;
    border-radius: 3px;
    border: solid 1px #eaeaea;
    box-shadow: none;
    margin-bottom: 0;
}
.board-password .modal-content .modal-body { display: block !important; }
.board-password .comment-addform.input-text { max-width: 300px; width: 100%; margin:auto; }
.board-password .board-secret-info { max-width: 300px;margin:auto;text-align: left; }
.comment-addform.input-text input::placeholder { color:#b4b4b4; }
.comment-addform.input-text input:focus::placeholder { color: transparent; }
.comment-addform.input-text .form-control:focus { outline:none;box-shadow:none;border-color: #eaeaea; }
.comment-addform.btn-wrap .btn-modal-cancel { margin: 10px 0; background-color: #fff;color: #676767;font-size: 14px;font-weight: 300;border-radius: 3px; width: 100%; border: none;padding: 14px 10px; }

.comment-addform.video p { margin-bottom: 10px !important; color:#676767; }
.comment-addform.video p svg { margin-left: 5px; }
.comment-addform.video.form-inline .cm-popover-info + .popover {
  max-width: 220px;
  border-color: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  letter-spacing: normal;
  color: #676767 !important;
  font-weight: 300;
}
.comment-addform.video.form-inline .popover.bottom .arrow {
  border-color: rgba(0, 0, 0, 0.15);
  border-left: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
}
.comment-addform.video.form-inline .cm-popover-info + .popover b { color:#222222; font-weight: 300; }

.comment-addform.kcaptcha-box .kcaptcha-img { width: 135px; }
.comment-addform.kcaptcha-box .kcaptcha-text { max-width: 150px; margin-left: 15px; }
.comment-addform.kcaptcha-box .kcaptcha-text input { padding: 10px 15px;line-height: 40px;height: 40px; }
.comment-addform.kcaptcha-box .kcaptcha-change { font-size: 13px; font-weight: 300;color: #999999;vertical-align: top;display: inline-block;margin-top: 5px;height:24px; }
.comment-addform.kcaptcha-box .kcaptcha-change svg { fill:#999999 !important;margin-right: 3px !important; transform: unset !important; }
.comment-addform.kcaptcha-box .kcaptcha-change span { vertical-align: top;line-height: 24px;height: 24px;display: inline-block; }
.comment-addform.kcaptcha-box.empty .kcaptcha-text input,
.comment-addform.kcaptcha-box.error .kcaptcha-text input { border-color: #ee445f; }
.comment-addform.kcaptcha-box.active .kcaptcha-text input { border-color: #4789e7; }

.flat-modal .modal-body.comment { width:370px; margin:0 auto; max-width: 100%;}
.comment-signForm { display: table; width: 100%; table-layout: fixed; margin-bottom:30px; }
.comment-signForm .signType { display:table-cell; float:none; text-align: center; width:50%; cursor:pointer; vertical-align: bottom; }
.comment-signForm .signType:only-child { width: 100%; }
.comment-signForm .signType > a,
.comment-signForm .signType > a:hover,
.comment-signForm .signType > a:active { background-color:#fff; border:none; border-bottom: 2px solid #e6e6e6; color:#b4b4b4 !important; margin:0px; border-radius: none;}
.comment-signForm .signType:only-child  > a { cursor: auto; }
.comment-signForm .signType.active > a, 
.comment-signForm .signType.active > a:hover,
.comment-signForm .signType.active > a:active,
.comment-signForm .signType.active > a:focus { border:none;border-bottom: 2px solid #4789e7; color:#4789e7 !important;background-color:#fff;}
.comment-signForm.nonmember-mode { display: inline-block; margin-bottom: 10px; border: none; text-align: right;}
.comment-signForm.nonmember-mode .signType { display: inline-block;  width: auto; }
.comment-signForm.nonmember-mode .signType.active { display: none; }
.comment-signForm.nonmember-mode .signType > a { background-color: transparent; padding: 0;color:#676767 !important; }
.comment-signForm.nonmember-mode .signType > a svg { fill:#676767; margin-left: 5px; }
.comment-signForm.nonmember-mode .signType > a[aria-controls="anonymous"] { /*margin-bottom: 30px;*/ }
.comment-signForm.nonmember-mode .signType > a,
.comment-signForm.nonmember-mode .signType > a:hover,
.comment-signForm.nonmember-mode .signType > a:active { border:none;/* border-bottom: 1px solid #363749;*/ }
.comment-signForm.nonmember-mode .signType.active > a, 
.comment-signForm.nonmember-mode .signType.active > a:hover,
.comment-signForm.nonmember-mode .signType.active > a:active,
.comment-signForm.nonmember-mode .signType.active > a:focus { border:none; border-bottom: 1px solid #363749; }
.comment-signForm.nonmember-mode .signType > a > .fa.fa-user { float: right; margin-top: 3px; margin-left: 2px; }
.comment-signForm.nonmember-mode .signType > a > .fa.fa-user:before { content: '→'; }
.comment-signForm.default-mode + .tab-content .tab-pane .btn-wrap { margin-top: 30px; margin-bottom: 15px; }

.comment-addform .mt-10 { margin-top: 10px !important; }
.comment-addform .mb-10 { margin-bottom: 10px !important; }
.comment-addform.mt-30 { margin-top: 30px !important; }

.block-write .bottom-box { font-size: 14px !important; }
.block-write .bottom-box a svg { margin-left: 5px; transform: translateY(-1px); fill: #222222; }

@media only screen and (max-width: 767px) {
  .block-write .modal-body.comment { width: 100% !important; }
  .flat-modal + .modal-backdrop.fade.in { z-index: 1039 !important; }
}

.page-comments { position: relative; font-family: 'Noto Sans KR';/*'Nanum Gothic';*/ padding-top: 50px; padding-bottom: 30px; background-color: transparent; }
.page-comments .tpl-comment-form { border: 1px solid transparent; border-color: var(--comment-line); }
.page-comments .comment-list,
.page-comments .tpl-comment-form { 
  text-align: left;
  font-size: 13px; 
  margin: 0 auto;
  padding: 20px 20px 15px; 
  background-color: transparent; 
}
.page-comments .comment-cnt {margin: 0 auto 10px auto; text-align: left; background-color: transparent; font-size: 16px; color: var(--comment-color); }
.page-comments .comment-cnt b {margin-left: 5px;}
.forum-view.w740 .page-comments .comment-list,
.forum-view.w740 .page-comments .tpl-comment-form,
.forum-view.w740 .page-comments .comment-cnt {width: 100%; max-width: 690px;}
.forum-view .tpl-forum-comment_display ~ .page-comments {top: -90px;}
.page-comments .tpl-comment-form.disabled { background-color: var(--comment-color-disabled); }

.page-comments .comm-body:before,
.page-comments .comm-body:after { content: ' '; display: table; clear: both; }
.page-comments .comm-profile { float: left; }
.page-comments .comm-area { width: calc(100% - 40px); margin-top: -4px; padding-left: 5px; float: right; }
.page-comments .comm-area textarea { height: 100px; max-height: 100px; padding: 5px 10px; color: var(--comment-color); background-color: transparent; border: none; box-shadow: none; resize: none; }
.page-comments .comm-area textarea::placeholder { color: var(--comment-color-placeholder); text-transform: uppercase; }
.page-comments .comm-area textarea::-webkit-input-placeholder { color: var(--comment-color-placeholder); text-transform: uppercase; }
.page-comments .comm-area textarea::-moz-placeholder { color: var(--comment-color-placeholder); text-transform: uppercase; }
.page-comments .comm-area textarea:-ms-input-placeholder { color: var(--comment-color-placeholder); text-transform: uppercase; }
.page-comments .tpl-comment-form.disabled .comm-area ::-webkit-input-placeholder { text-transform: none; }
.page-comments .tpl-comment-form.disabled .comm-area textarea:-moz-placeholder { text-transform: none; } 
.page-comments .comm-area > span { font-weight: 100; }
.page-comments .comm-area > .cm-name { color: var(--comment-color); }
.page-comments .comm-area > .cm-time { font-size: 12px; color: var(--comment-color); opacity: 0.6; }
.page-comments .comm-area > .cm-name:not(.disabled) + .cm-time { padding-left: 10px; }
.page-comments .comm-area > .cm-like {margin-left: 6px; cursor: pointer;}
.page-comments .comm-area > .cm-like svg {width: 16px; height: 16px; fill : var(--like-color); vertical-align: middle; margin-right: 3px;}
.page-comments .comm-area > .cm-like svg path:first-child{fill: transparent;}
.page-comments .comm-area > .cm-like.active svg,
.page-comments .comm-area > .cm-like.active svg path:first-child{fill: var(--like-color-active);}
.page-comments .comm-area > .cm-like .cm-like-cnt{font-size: 13px; color: var(--like-color); vertical-align: middle; margin-bottom: 1px; display: inline-block;}
.page-comments .comm-area > .cm-like.active .cm-like-cnt{color: var(--like-color-active);}
.page-comments .comm-area > .cm-section { float: right; }
.page-comments .comm-area > .cm-section .cm-controls { display: none; white-space: nowrap; cursor: pointer; font-size: 12px; font-weight: 100; color: var(--comment-color); }
.page-comments .comm-area > .cm-section .cm-controls + .cm-controls { padding-left: 10px; }
.page-comments .comm-area > .cm-section .cm-controls.disabled { display: none!important; padding-left: 0; }
.page-comments .comm-area > .cm-content { padding-top: 3px; color: var(--comment-color); line-height: 1.46; word-break: break-word; }
.page-comments .comm-area > .cm-content .user-reply { padding-right: 5px; font-weight: bold; color: var(--comment-color); }

.page-comments .comm-footer { text-align: left; padding-top: 20px; }
.page-comments .comm-footer .checkbox { padding-top: 5px; padding-left: 23px; margin-top: 0px; margin-bottom: 0px; border-top: none; height: auto; display: inline-block; }
.page-comments .comm-footer .checkbox > label { font-size: 13px; line-height: 24px; opacity: 0.6; color: var(--comment-color); }
.page-comments .comm-footer .checkbox .cl-icon { float: left; margin-left: -22px; font-size: 24px; }
.page-comments .comm-footer .checkbox .cl-icon svg { fill: var(--comment-color); }
.page-comments .comm-footer .checkbox .cl-icon svg.active { fill: #4789e7; }
.page-comments .comm-footer .checkbox input[type="checkbox"] { opacity: 0; margin-left: -22px; cursor: pointer; }
.page-comments .comm-footer .checkbox input[type="checkbox"] + .cl-icon svg { display: none; }
.page-comments .comm-footer .checkbox input[type="checkbox"]:not(:checked) + .cl-icon svg:not(.active),
.page-comments .comm-footer .checkbox input[type="checkbox"]:checked + .cl-icon svg.active { display: inline-block; }
.page-comments .comm-footer .checkbox input[type="checkbox"] + .cl-icon svg.active { fill: var(--comment-color); }

.page-comments .comm-footer:before,
.page-comments .comm-footer:after { content: ''; display: table; clear: both; }
.page-comments .comm-footer .btn-box { float: right; }

.page-comments .comm-footer .btn { min-width: 70px; height: 34px; line-height: 32px; padding: 0 5px; }
.page-comments .comm-footer .btn:active,
.page-comments .comm-footer .btn.active { -webkit-box-shadow: none; box-shadow: none; }
.page-comments .comm-footer .btn.btn-submit,
.page-comments .comm-footer .btn.btn-submit:hover { border-color: var(--comment-line); color: var(--comment-color); background-color: transparent;}
.page-comments .comm-footer .btn:not(.btn-submit),
.page-comments .comm-footer .btn:not(.btn-submit):hover { border: none; color: var(--comment-color); }
.page-comments .comm-footer .btn-box + .btn-box { margin-right: 10px; }
.page-comments .comm-footer .comment-login .btn,
.page-comments .comm-footer .comment-login .btn:hover {border:1px solid #4789e7; color: #4789e7;}

.page-comments .comment-list { margin-top: 20px; padding: 0; }
.page-comments .comment-list .cm-row { margin-bottom: 20px; }
.page-comments .comment-list .cm-row.line { padding-left: 50px; }
.page-comments .comment-list .cm-row .comm-wrap { padding: 20px; border: 1px solid transparent; border-color: var(--comment-line); }
.page-comments .comment-list .comm-area { width: calc(100% - 50px); }
.page-comments .comment-list .tpl-comment-form.reply-form .comm-area { width: calc(100% - 40px); }

.page-comments .tpl-comment-form.reply-form { margin-top: 20px; padding: 0; border: none; }
.page-comments .comm-wrap.update-wrap .comm-area textarea { margin-top: 0; padding: 0; }


@media only screen and (max-width:767px) {
    .page-comments { padding-top: 40px; }
    .page-comments .comment-list .cm-row .comm-wrap { padding: 12px; }
    .page-comments .comm-area textarea { height: 70px; max-height: 70px; }
    .page-comments .comm-footer { padding-top: 15px; }
    .page-comments .comment-list .comm-area { width: calc(100% - 42px); }
    .page-comments .comm-area textarea { padding: 5px; }
    .page-comments .comm-area > .cm-section .cm-controls + .cm-controls { padding-left: 7px; }
    .page-comments .comm-footer .btn { min-width: 55px }

    .forum-view.w740 .page-comments .comment-list,
    .forum-view.w740 .page-comments .tpl-comment-form,
    .forum-view.w740 .page-comments .comment-cnt { max-width: 740px; }

    .flat-modal + .modal-backdrop {
      background-color: #000;
    }
    .flat-modal + .modal-backdrop.fade.in {
      opacity: 0.8;
    }

    .goto-top#goto-top { right: 20px; }
    .goto-top:not(#goto-top) { right: 22px; }
    #cl-music-container { right:110px; }
    #cl-music-player-icon { right:65px; }
}
@media only screen and (max-width:480px) {
  .page-comments .comm-area > .cm-section { float: none; display: block; }


    .projectPage-comment { padding-left:0px !important; padding-right:0px !important; }
    .flat-modal .modal-body.comment { /*width:auto !important;*/ }

    .goto-top { width: 34px; font-size: 20px; padding: 0px 6px 6px; }
    .goto-top#goto-top { bottom: 70px; }
    .goto-top.moved { bottom: 100px; }
    #cl-music-container { right:60px; bottom:25px; width:240px; }
    #cl-music-player-icon { right: 20px; bottom:25px; }
    #cl-music-player-icon.moved,
    #cl-music-player-icon.show.moved + #cl-music-player + #cl-music-container { bottom: 60px; }
    .music-playlist-wrap { width:240px !important; }
}


.flat-modal .login.form-group input {
    box-shadow: none;
    -webkit-box-shadow: none;
    height: auto;
    padding: 9px 12px;
    margin-bottom: 5px;
    -moz-border-radius: 0;
    border-radius: 0;
}

.flat-modal .login.form-group label.forget a {
    text-decoration: underline;
    padding-left: 18px;
    color: #797a7d;
    text-align: right;
    letter-spacing: 0.01em;
    float: right;  
}
.flat-modal .login.form-group { text-align: left;}
.flat-modal .bottom-box { margin-top:17px; margin-bottom:25px;}
.flat-modal .bottom-box.ko { font-size: 12px; }
.menu-logo-top { float:none;}

.config-modal.config .container { padding-right:0px; max-width:800px;}
.config-modal.config .modal-content { padding:0px;}

.config-modal .tab-content { height: 530px; overflow: auto; display:table-cell; background-color: #FCFCFC;}
.config-modal .nav-tabs { border:none;}
.config-modal .nav-tabs > li > a, 
.config-modal .nav-tabs > li > a:hover, 
.config-modal .nav-tabs > li > a:focus,
.config-modal .nav-tabs > li.active > a, 
.config-modal .nav-tabs > li.active > a:hover, 
.config-modal .nav-tabs > li.active > a:focus {
  font-family: 'Open Sans';
  color: #9299a0;
  line-height: 40px;
  height: 40px;
  padding:0px 0px 0px 30px;
  margin:0px;
  font-size: 13px;
  font-weight: 600;
  cursor:pointer;
  background-color: transparent;
  border:none;
}
.config-modal .nav-tabs > li.active > a:after {
  position: absolute;
  right: 25px;
  content: '\f105';
  font-family: 'FontAwesome';
  color: #fff;
  font-weight: normal;
  font-size: 16px;
}
.config-modal .nav-tabs > li.active > a, 
.config-modal .nav-tabs > li.active > a > .fa, 
.config-modal .nav-tabs > li.active > a:hover, 
.config-modal .nav-tabs > li.active > a:focus { color:#fff; }

.config-modal .config-wrap { display: table; width: 100%;}
.config-modal .forum-settings { padding: 10px 50px 0px; }
.config-modal .forum-settings li { clear: both; padding:13px 15px; border-bottom:1px solid #F4F4F4; font-size: 13px;line-height: 39px;}
.config-modal .forum-settings li > .title { float: left; width: 130px; text-align: left; font-weight: bold;}
.config-modal .forum-settings li > .content {  padding-left: 130px;}
.config-modal .forum-settings li > .content .desc { font-family: 'Raleway', 'Nanum barun gothic'; font-size: 12px; color: #999; line-height: 1.8; padding-top: 5px;}
.config-modal .forum-settings select::-ms-expand { display: none;}
.config-modal .config-input {
  font-family: 'Open Sans','Nanum barun gothic';
  padding: 0px 15px;
  background-color: #EEEEEE;
  border: none;
  width: 150px;
  margin-right: 6px; 
}
.config-modal .tab-pane { height:450px; overflow-y:auto;background-color: #fff;}
.config-modal .config-footer { text-align: right; padding-right: 20px; padding-top: 20px; }
.config-modal .btn-forum-config {
  color: #333;
  background-color: #EEEEEE;
  width: auto;
  text-align: center;
  min-width: 40px;
  padding: 10px 10px 9px;
  margin-top: -2px;
  margin-right: 5px;
}
.config-modal .forum-confirm { line-height: 1.5;}
.config-modal .config-error { color: #cc0000; font-size: 12px; font-weight: bold;}
.config-modal .memberPage .config-error,
.config-modal .memberPage { text-align:center; padding: 0px 50px;}
.config-modal .memberPage .member { width:100%; overflow: auto;font-size: 13px;}
.config-modal .memberPage .member li:hover.none { background-color:transparent;}
.config-modal .memberPage .member li.none { width:100%; text-align: center;border-bottom:none;}
.config-modal .memberPage .member li { width:50%; float:left; text-align: left; overflow: auto;border-bottom:1px solid #EEEEEE; padding: 15px 0px; position: relative;}
.config-modal .memberPage .member li:nth-child(2n):after { clear:both;}
.config-modal .memberPage .member li:hover { background-color: #F5F5F5;}
.config-modal .memberPage .member li .userimg img { width:32px;  border-radius: 16px;}
.config-modal .memberPage .member li .userimg { width: 60px; text-align: center;}
.config-modal .memberPage .member li .userimg,
.config-modal .memberPage .member li .user-info { float: left;}
.config-modal .memberPage .member li .user-info .user-name {vertical-align: middle; font-family: 'Raleway','Nanum Gothic'; font-size: 12px; font-weight: bold; line-height: 18px;}
.config-modal .memberPage .member li .user-info .user-id { font-size:12px; font-family: 'Open Sans'; color: #999; font-weight: normal; line-height: 1.4;}
.config-modal .memberPage .member li .userdel { display:none; position: absolute; top:20px; right:10px; color: #999; cursor: pointer; font-size:14px; }
.config-modal .memberPage .member li:hover .userdel { display:block;}
.config-modal .memberPagination { list-style: none; padding-top: 12px; float:left;}
.config-modal .memberPagination li { float:left;}
.config-modal .memberPagination .forum-group-member-pagination.active a { font-weight: bold; color:#333;}
.config-modal .memberPagination .forum-group-member-pagination a {
  padding: 10px 8px;
  text-decoration: none;
  font-family: 'Open Sans';
  font-size: 12px;
  color:#999;
}
.config-modal .memberPagination .forum-group-member-pagination a:hover { background-color:#eee; }
.config-modal .forum-member-search {
  float: right;
  line-height: 39px;
  height: 39px;
  font-size: 13px;
}
.config-modal .forum-config-cancel { margin-right: 10px; }
#forum-attach { z-index:1050; }
#forum-attach .modal-body { padding:30px 25px 10px;}
#forum-attach .form-group { text-align:left;}
#forum-attach .modal-footer { margin-top:10px;}
#forum-attach .resource-info { font-weight: normal; letter-spacing: -0.5px;}
#forum-attach #uploadFile { font-size:12px; }
input.form-control.cl-style {
  font-size: 13px;  
  box-shadow: none;
  -webkit-box-shadow: none;
  height: auto;
  padding: 9px 12px;
  margin-bottom: 5px;
  -moz-border-radius: 0;
  border-radius: 0;  
}
.img-forum-responsive { max-width:100%; }
.ModalPlugin svg,
.processModal svg,
.listprogress svg,
.loadingModal svg.spin_svg {
  animation: spin 1s linear infinite;
  margin: auto;
  position: absolute;
  height: 40px;
  width: 40px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;  
}
.listprogress svg { position: relative;}
.listprogress svg p { font-size:13px; font-family: Questrial; color:#333;}
.processModal svg circle,
.ModalPlugin svg circle,
.listprogress svg circle,
.loadingModal svg circle {
  fill: transparent;
  stroke: #fff;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-dasharray: 83;
  stroke-dashoffset: 13;
}

.processModal svg circle,
.listprogress svg circle,
.loadingModal svg circle { stroke:#00baff; }
.ModalPlugin svg circle { stroke: #00baff; }

.ModalPlugin > p,
.processModal > p {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  margin-top: 30px;  
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

*[contenteditable="true"] .edt-type-file > .edt-file-delete,
*[contenteditable="true"] .edt-type-file > .edt-enter { z-index: 1; }

div.data-project-image-bg { position: relative; }
div.data-project-image-bg:before { 
  content: '';
  position: absolute;
  top:0; left:0; right:0; bottom:0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/*menu lock block*/
.menu-lock-block,
.site-lock-block { 
  position: relative; 
  padding: 20px 0 50px; 
  background-color: #f0f0f0; 
  height: 600px; 
  min-height: 90%; 
  color: #797f86;
  font-size: 14px; 
  font-family: 'Noto Sans KR', 'Nanum Gothic', 'Open Sans'; 
}
.menu-lock-block .inner-box,
.site-lock-block .inner-box { 
  position: relative; 
  width: 100%; 
  height: 100%; 
}
.menu-lock-block .form-inline,
.site-lock-block .form-inline { 
  position: absolute; 
  top: 50%; 
  left: 0; 
  width: 100%; 
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%); 
  -ms-transform: translateY(-50%); 
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.menu-lock-block .form-inline .error-text { 
  display: block; 
  clear: both; 
  color: #FF0000; 
  font-size: 12px;
  letter-spacing: 0.05em; 
  vertical-align: bottom;
  margin-bottom: 50px;
}
.menu-lock-block .text { margin-bottom: 30px; line-height: 1.6; }
.menu-lock-block .form-group { display: block; }
.menu-lock-block .form-control{ 
  -moz-border-radius: 3px; 
  border-radius: 3px; 
  max-width: 310px; 
  margin: 0 auto; 
  padding: 10px 12px;
  width: 300px;
  height: 48px;
  box-shadow: none;
  border: 1px solid #eaeaea;
}
.menu-lock-block .btn {
    display: inline-block;
    width: 300px;
    height: 50px;
    margin: 0 auto;
    line-height: 38px;
    -moz-border-radius: 3px; 
    border-radius: 3px;
    background-color: #3c4450;
    color: #fff;
}
.site-lock-block {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #eeeff3;
}
.site-lock-block .text {margin-bottom: 25px;}
.site-lock-block .text p {font-weight: normal; margin: 20px 0;}
.site-lock-block .text p.title { font-size: 28px; line-height: 1.43; color: #222428; margin: 25px 0 20px 0;}
.site-lock-block .form-group { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 280px; margin: 0 auto;}         
.site-lock-block input:not(.login-lock) {width: 240px; height: 40px; padding: 10px 15px; border: solid 1px #e2e3e4; border-radius: 0;}
.site-lock-block .btn {
    display: inline-block;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border-radius: 0;
    border: solid 1px #e2e3e4;
    background-color: #8e94a0;
    color: #fff;
    fill: #fff;
}
.site-lock-block .form-inline .error-text { 
  display: block; 
  clear: both; 
  color: #FF0000; 
  font-size: 12px;
  letter-spacing: 0.05em; 
  vertical-align: bottom;
  margin-bottom: 0;
}
.site-lock-block.adultonly{background-color: #f9f9f9;}
.site-lock-block.useronly{background-color: #f9f9f9;}
.site-lock-block .btn.btn-cert {
    width: 314px;
    height: 72px;
    line-height: 70px;
    border-radius: 3px;
    background-color: #fff;
    padding: 0;
    font-size: 16px;
    border: solid 1px #d8d8d8;
    fill: #757575;
    color: #222;
    display: block;
    margin: 40px auto 0 auto;
}
.site-lock-block .btn.btn-cert svg{vertical-align: middle;}
.site-lock-block .btn.logout{margin: 50px auto 0 auto; padding: 0; width: 314px; height: 50px; line-height: 50px; background-color: #f1f1f1; color: #676767; border-radius: 3px; border: none; font-size: 14px; display: block;}

.site-lock-block ~ .popup { display: none; pointer-events: none; }
.user-exist-modal .user-id{ width: 300px; height: 40px; border-radius: 3px; border: solid 1px #e9e9e9; font-weight: bold; color: #676767; margin: 15px auto 0 auto; line-height: 38px;}
.rv-cancel-paddingedit .modal-title{margin-bottom: 40px!important;}
/*loginout header*/
.creatorlink-header { 
  position: fixed; 
  top:0; left: 0;
  height: 55px;
  max-height: 55px;
  width: 100%;
  background-color: #3c4451; 
  color: #fff; 
  z-index: 26; 
}
.creatorlink-header * { line-height: 55px; }
.creatorlink-header .data-site,
.creatorlink-header .data-user { height: 55px; }
.creatorlink-header .data-user ul { cursor: pointer;}
.creatorlink-header .data-site ul li,
.creatorlink-header .data-user ul li { display: inline-block; float: left; }
.creatorlink-header .data-site ul li span.text { margin-left: 10px; }
.creatorlink-header .data-user ul li span.caret { margin-right: 10px; border-top: 4px solid #fff;}
.creatorlink-header .data-user ul.open li span.caret { border-top: 0px dotted; border-bottom: 4px solid #fff;}
.creatorlink-header .data-user .message ul.sub-menu { margin: 0 5px; position: relative;}
/* about creatorlink header divider__
.creatorlink-header .data-user .message ul.sub-menu:after {
  display: inline-block; 
  content: '' ; 
  position: absolute; 
  right: -15px; top: 16px; 
  width: 2px; 
  height: 24px; 
  border-right: 1px solid #282f39; 
  background-color: #727d8f; 
}*/
.creatorlink-header .data-user .message .newCount { position: relative; }
.creatorlink-header .data-user .message .newCount a,
.creatorlink-header .data-user .message .newCount a:hover,
.creatorlink-header .data-user .message .newCount a:focus { color: #fff; }
.creatorlink-header .data-user .message .newCount .fa { font-size: 16px; }
.creatorlink-header .data-user .message .newCount .badge { 
  position: absolute;
  top: 14px; right: 3px;
  min-width: 20px; 
  background-color: #00a0fe; color:#fff; 
  -moz-border-radius: 2px; 
  border-radius: 2px; 
  padding: 2px 3px;
  font-size: 10px; 
  font-weight: 100; 
  line-height: 1;
}
.creatorlink-header .profile-img { padding-top: 10px; line-height: 1; max-height: 55px;}
.creatorlink-header .profile-img .hexagon { height: 32px; }
.creatorlink-header .profile-img .hexagon svg { width: 32px; height: 32px; }
.creatorlink-header + .popover {
  display: none;
  position: fixed;
  top: 53px; left: inherit; right: 30px;
  min-width: 180px;
  padding: 10px 0 15px;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #dad9de;
  background-color: #fff;  
}
.creatorlink-header + .popover .arrow,
.creatorlink-header + .popover .arrow:after { border-width: 8px; }
.creatorlink-header + .popover.bottom > .arrow {
  left: inherit; right: 20px;
  border-bottom-color: #dad9de;
  border-bottom-color: rgba(218,217,222,0.9);
  top:-16px;
  margin-left: -8px;
}
.creatorlink-header + .popover.bottom .arrow:after { top: -6px; margin-left:-8px; }
.creatorlink-header + .popover .popover-content { padding: 0;}
.creatorlink-header + .popover .popover-content a {
  font-family: 'Raleway', 'Nanum Gothic';
  color: #3c4451; text-decoration: none;
}
.creatorlink-header + .popover .popover-content a:hover,
.creatorlink-header + .popover .popover-content div:hover a { 
  color: #ffffff;
}
.creatorlink-header + .popover .popover-content div { position: relative; }
.creatorlink-header + .popover .popover-content div a { padding: 4px 22px; width: 100%; display: block;}
.creatorlink-header + .popover .popover-content div.item { cursor: pointer; }
.creatorlink-header + .popover .popover-content div.item:hover { background-color: #4789e7; }
.creatorlink-header + .popover .popover-content div.user-name { padding: 10px 22px; color: #000000; background-color: #fff;}
.creatorlink-header + .popover .popover-content div > a > img { margin-right: 10px; }
.creatorlink-header + .popover .popover-content div > a > img.active { display: none; }
.creatorlink-header + .popover .popover-content div:hover > a > img { display: none; }
.creatorlink-header + .popover .popover-content div:hover > a > img.active { display: inline-block; }

@media only screen and (min-width: 992px) {
  .creatorlink-header .data-site { text-align: center; }
  .creatorlink-header .data-site ul { display: inline-block; width: auto;  }
  .creatorlink-header .data-user ul { margin-right: 5px; margin-left: 20px; }
}
@media only screen and (max-width: 991px) {
  .creatorlink-header + .popover { right: 20px; }
  .creatorlink-header .logo-text { display: none; }
  .creatorlink-header .data-site { padding-right: 0; }
  .creatorlink-header .data-user { padding-left: 0; }
  .creatorlink-header .data-user ul li span.caret { margin-right: 4px; }
  .creatorlink-header .data-user .message .newCount .fa { margin-right: 10px; }
  .creatorlink-header .data-user .message .newCount .badge { right: -2px; }
}


/*loginout modal*/
.main-login.modal .modal-dialog {
  max-width:510px;
  margin-top:100px;
}
.main-login.modal .modal-dialog .modal-body { padding:20px 59px 50px;}
.main-login.modal .modal-header { 
  border:none;
}
.main-login.modal .modal-dialog .modal-content {
  -moz-border-radius: 0;
  border-radius: 0;
  min-height: 460px;
}
.main-login.modal .login {
  margin-top:20px;
}
.main-login.modal .login .form-control[readonly] {
  background-color: #fff;
}
.main-login.modal .login .form-control,
.modal-default.modal .re-login .form-control {
  box-shadow: none;
  -webkit-box-shadow:none;
  height:auto;
  padding: 9px 12px;
  margin-bottom: 10px;
  -moz-border-radius: 0;
  border-radius: 0;
  border:1px solid #ccc;
}
.main-login.modal .login label,
.modal-default.modal .re-login label { 
  display: inline-block; 
  font-family: 'Raleway', 'Nanum Gothic';
  font-size: 12px; 
  letter-spacing: 0.05em; 
  vertical-align: bottom;
}
.main-login.modal .login label.remember,
.main-login.modal .login label.remember span, 
.modal-default.modal .re-login label.remember,
.modal-default.modal .re-login label.remember span {
  color:#2d343e;
  font-weight: 400; 
  display: none;/*keep login*/
}
.main-login.modal .login label.forget,
.main-login.modal .login label.forget a,
.modal-default.modal .re-login label.forget,
.modal-default.modal .re-login label.forget a { 
  color: #2d343e; 
  text-decoration: underline;  
  padding-left:18px;
  color:#797a7d;
  text-align: right;
  letter-spacing: 0.01em;
  float: right;/*keep login*/
}
.main-login.modal .btn-primary,
.modal-default.modal .btn-wrap.re .btn-primary {
  font-family: 'Raleway', 'Nanum Gothic';
  background-color: #2d343e;
  border:none;
  padding: 13px 0px;
  font-weight: 500;
  font-size: 13px;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100%;
}
.main-login.modal .btn-primary:hover,
.main-login.modal .btn-primary:focus,
.modal-default.modal .btn-wrap.re .btn-primary:hover,
.modal-default.modal .btn-wrap.re .btn-primary:focus {
  background-color: #3c4451;
}
.main-login.modal .btn-info {
  font-family: 'Raleway', 'Nanum Gothic';
  background-color: #46505d;
  border: none;
  padding: 18px 0px;
  font-weight: 500;
  font-size: 13px;
}

.main-login.modal .btn-wrap,
.modal-default.modal .btn-wrap.re { margin:20px 0;}
.flat-modal .btn-wrap .btn-fblogin,
.main-login.modal .btn-wrap .btn-fblogin,
.modal-default.modal .btn-wrap.re .btn-fblogin { background-color: #3b5999; padding:0; line-height: 48px;}
.flat-modal .btn-wrap .btn-fblogin:hover,
.flat-modal .btn-wrap .btn-fblogin:focus,
.main-login.modal .btn-wrap .btn-fblogin:hover, 
.main-login.modal .btn-wrap .btn-fblogin:focus,
.modal-default.modal .btn-wrap.re .btn-fblogin:hover, 
.modal-default.modal .btn-wrap.re .btn-fblogin:focus { background-color: #4866a6; }
.flat-modal .btn-wrap .btn-fblogin i.fa,
.main-login.modal .btn-wrap .btn-fblogin i.fa,
.modal-default.modal .btn-wrap.re .btn-fblogin i.fa { margin-right: 10px ; font-size: 26px; position: relative; top: 4px;}
.flat-modal .btn-wrap .hr-box,
.main-login.modal .btn-wrap .hr-box,
.modal-default.modal .btn-wrap.re .hr-box { position:relative; }
.main-login.modal .btn-wrap hr { margin-top: 20px; margin-bottom: 20px; border: 0;}
.flat-modal .btn-wrap hr,
.main-login.modal .btn-wrap hr,
.modal-default.modal .btn-wrap.re hr { border-top: 1px solid #dadbde; }
.flat-modal .btn-wrap hr:before,
.main-login.modal .btn-wrap hr:before,
.modal-default.modal .btn-wrap.re hr:before { content: 'or'; color: #bfc0c5; display: inline-block; position: absolute; top:-12px; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color:#ffffff; padding:0 4px; }

.main-login.modal .bottom-box { text-align: center; font-family: 'Raleway', 'Nanum Gothic'; font-size: 12px; letter-spacing: 0.01em; color:#797a7d; margin: 40px 0 0; }
.main-login.modal .bottom-box a { font-size: 14px; font-weight: bold; color: rgb(238, 68, 95); text-decoration: underline; margin-left: 4px; }

.main-login.modal input[type="checkbox"],
.modal-default.modal .re-login input[type="checkbox"] { display:inline-block; width:20px; height: 20px;-webkit-appearance:none; vertical-align: middle; -moz-border-radius: 0;border-radius: 0; border:0; background:url(https://storage.googleapis.com/i.addblock.net/checkbox-off.png) no-repeat 0 0; margin-top:0;}
.main-login.modal input[type="checkbox"]:checked,
.modal-default.modal .re-login input[type="checkbox"]:checked { background:url(https://storage.googleapis.com/i.addblock.net/checkbox-on.png) no-repeat 0 0; }

.modal-default .site-not-cert-modal .modal-body,
.modal-default .user-not-cert-modal .modal-body{text-align: left;}
.modal-default .site-not-cert-modal .modal-body .info{margin-top: 20px; padding: 20px; background-color: #f9f9f9; position: relative;}
.modal-default .user-not-cert-modal .modal-body .info{margin-top: 20px; padding: 15px 15px 15px 30px; background-color: #f9f9f9; position: relative;}
.modal-default .site-not-cert-modal .modal-body .info p:first-child{margin-bottom: 5px;}
.modal-default .site-not-cert-modal .modal-body .info svg,
.modal-default .user-not-cert-modal .modal-body .info svg{position: absolute; top: 19px; left: 15px; fill: #4789e7}

iframe#kcp_cert {position: fixed; top: 0; left: 0; height: 100vh; width: 100%; z-index: 9999;}

/* facebook button disabled */
.flat-modal .btn-wrap .btn-fblogin.btn-warning,
.flat-modal .btn-wrap .btn-fblogin.btn-warning:hover,
.flat-modal .btn-wrap .btn-fblogin.btn-warning:focus,
.pf-login-form .submit .btn-fblogin.btn-warning,
.pf-login-form .submit .btn-fblogin.btn-warning:hover,
.pf-login-form .submit .btn-fblogin.btn-warning:focus,
.main-login.modal .btn-wrap .btn-fblogin.btn-warning,
.main-login.modal .btn-wrap .btn-fblogin.btn-warning:hover, 
.main-login.modal .btn-wrap .btn-fblogin.btn-warning:focus,
.modal-default.modal .btn-wrap.re .btn-fblogin.btn-warning,
.modal-default.modal .btn-wrap.re .btn-fblogin.btn-warning:hover, 
.modal-default.modal .btn-wrap.re .btn-fblogin.btn-warning:focus { 
  background-color: #e6e8ec!important; 
  color: #b0b4bb!important; 
  cursor: default; 
}

@media only screen and (max-width: 479px) {
.main-login.modal .modal-dialog .modal-content { min-height: 400px; }
.main-login.modal .modal-header .close { margin-top:0; margin-right: 0; }
.main-login.modal .modal-dialog { margin-top: 0; }
.main-login.modal .modal-header { padding:20px 20px 0; }
.main-login.modal .modal-dialog .modal-body { padding: 0 20px 20px 20px; }
.main-login.modal .login { margin-top: 20px;  }
.main-login.modal .login .col-xs-6 { width: 100%; }
.main-login.modal .btn-wrap,
.main-login.modal .btn-wrap.re { margin: 0; }
.main-login.modal .bottom-box { margin-top: 10px; }
.main-login.modal .btn-primary,
.main-login.modal .btn-wrap.re .btn-primary { padding: 10px 0; }
.main-login.modal .btn-wrap .btn-fblogin
.main-login.modal .btn-wrap.re .btn-fblogin { line-height: 42px; }
}

.share-modal .modal-content .modal-body { padding: 0 40px !important; }
.share-modal .modal-content .modal-body .modal-title { margin: 30px 0 40px !important; }

.tpl-share-sns { text-align: left;/*margin-left: 30px;margin-bottom:30px;*/}
.tpl-share-sns li { display:block; padding:10px; color:#aaa; cursor:pointer; text-align: left;border: 1px solid #eaeaea; max-width: 200px; margin: auto; padding: 7px 0px 7px 39px; margin-bottom: 10px; }
.tpl-share-sns li:last-child { margin-bottom: 0px; }
.tpl-share-sns li .fa { width:25px; }
.tpl-share-sns li span.tpl-share-sns-name { text-transform: uppercase; position: relative; font-size:14px;display: inline-block; margin-left: 20px;vertical-align: middle; color: #676767;letter-spacing: 0px;}
.tpl-share-sns li { color:#333;}
.tpl-share-sns li .fa-facebook-official { color: #46629E;}
.tpl-share-sns li .fa-twitter-square { color: #31B5E5;}
.tpl-share-sns li .fa-google-plus-square { color: #E25641;}
.tpl-share-sns li .fa-pinterest-square { color: #D2242C;}
.tpl-share-sns li .fa-tumblr-square { color: #305175;}
.tpl-share-sns li span.share-round { width: 32px; height: 32px; display: inline-block; position: relative; border-radius: 50%;vertical-align: middle; }
.tpl-share-sns li span.share-round svg { position: absolute;top: 50%; left:50%; transform: translate(-50%, -50%); }

.tpl-share-sns li.tpl-share-snsPost[data-sns="kakaotalk"] span.share-round { background-color:#ffe32d; }
.tpl-share-sns li.tpl-share-snsPost[data-sns="kakaotalk"] svg { fill:#391b1b; }
.tpl-share-sns li.tpl-share-snsPost[data-sns="facebook"] span.share-round { background-color:#4567a8; }
.tpl-share-sns li.tpl-share-snsPost[data-sns="facebook"] svg { fill:#ffffff; }
.tpl-share-sns li.tpl-share-snsPost[data-sns="twitter"] span.share-round { background-color:#000000; }
.tpl-share-sns li.tpl-share-snsPost[data-sns="twitter"] svg { fill:#ffffff; }
.tpl-share-sns li.tpl-share-snsPost[data-sns="naverblog"] span.share-round { background-color:#00c13d; }
.tpl-share-sns li.tpl-share-snsPost[data-sns="naverblog"] svg { fill:#ffffff; }
.tpl-share-sns li.tpl-share-snsPost[data-sns="urlcopy"] span.share-round { background-color:#a2aab5; }
.tpl-share-sns li.tpl-share-snsPost[data-sns="urlcopy"] svg { fill:#ffffff; }

.tpl-project-page-footer { }
.modal-dialog.w575.sub-page .modal-body { text-align:left !important; padding-bottom:40px !important; }
.modal-dialog.w575.sub-page .modal-title { text-align:left !important; padding-left:0px !important; font-size:26px !important; letter-spacing: -1px  !important; font-weight: 400  !important;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.loading-dots {
    display: block;
    background: black;
    height: 8px;
    width: 8px;
    border-radius: 12px;
    position: relative;
    animation: flash 2000ms infinite;
    margin:0 auto;
}
.loading-dots:before, .loading-dots:after {
    content: '';
    position: absolute;
    left: 16px;
    background: #CCC;
    height: 8px;
    width: 8px;
    border-radius: 12px;
    animation: flash 2000ms 500ms infinite; /* 500ms is the delay */
}
.loading-dots:after {
    left: 32px;
    animation-delay: 1000ms;
}
@keyframes flash {
    from  {
        background: black;
    }
    to {
        background: #CCC;
    }
}
/* .sync-item .price-sale.none { text-decoration: none !important; } */
.sync_row_op_0 .sync-row,
.sync_row_op_0 .slick { opacity: 0!important; height: 1px; }
.sync-row-empty { text-align: center; padding: 50px 0; font-family: 'Spoqa Han Sans'; }
.sync-loading-status { margin: 50px 30px; }
.gallery-loading-status { margin-top:10px; margin-left:-30px; margin-bottom:10px; }
.forum-loading-status { margin-top: 20px; margin-left:-30px; margin-bottom: 10px; }
.fr-toolbar { padding:0 !important;/* border-top: 2px solid #666 !important;*/}
/*.fr-popup { border-top: 2px solid #666 !important;}*/
.fr-toolbar.fr-inline .fr-arrow,.fr-popup .fr-arrow { border:none !important;}
.fr-toolbar.fr-inline .fr-command.fr-btn { float:left !important; border-left:1px solid #eee;}
/*.fr-popup .fr-buttons .fr-btn {  width:45px !important; border-left:1px solid #eee; }*/
.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn { margin:0 !important; color:#555 !important;}
.fr-toolbar .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn i { margin:12px 7px !important; color:#555;}
.fr-toolbar .fr-command.fr-btn.fr-dropdown::after, .fr-popup .fr-command.fr-btn.fr-dropdown::after { top: 32px !important; right: calc(50% - 3px) !important; border-color:#888; display: none;}
button[data-cmd="linkList"]::after { right: 2px !important; border-color:#888;}
.fr-link-insert-layer input[name="text"], .fr-link-insert-layer input[name="text"] + label { display: none !important;}
*[data-edit="true"] *[contenteditable="true"] { cursor: text !important;}
img.fr-dib.forum-item-wrap { max-width: initial !important; }
.fr-file::before { width: 16px; height: 16px; content: ''; mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path d="M17.73 3.17a5.498 5.498 0 0 0-7.71.94l-6.93 8.85a4.348 4.348 0 0 0 .75 6.11 4.348 4.348 0 0 0 6.11-.75l6.93-8.86c1.09-1.4.84-3.42-.55-4.51a3.213 3.213 0 0 0-4.51.55l-5.37 6.87.95.75 5.37-6.87c.68-.87 1.94-1.02 2.81-.34.87.68 1.02 1.94.34 2.81l-6.93 8.86a3.139 3.139 0 0 1-4.41.54c-1.36-1.07-1.61-3.05-.54-4.41l6.93-8.86a4.28 4.28 0 1 1 6.74 5.28L12.34 17l.95.75 5.37-6.87a5.498 5.498 0 0 0-.94-7.71Z"></path></svg>'); margin-right:5px; background-repeat: no-repeat; background-color: rgba(var(--colorset1)); flex-shrink: 0; }
.fr-file::after { content:'' !important; }
.fr-fic { padding: 0 1px; max-width: 100%; max-height: unset !important; }
.fr-fic.fr-dib { display: block; margin:0 auto; clear:both; }
.fr-fic.fr-dii { display: inline-block; vertical-align: bottom; }
.fr-fic.fr-shadow { -webkit-box-shadow: 10px 10px 5px 0px #cccccc; -moz-box-shadow: 10px 10px 5px 0px #cccccc; box-shadow: 10px 10px 5px 0px #cccccc; }
.fr-fic.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.fr-fic.fr-bordered { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: solid 5px #CCC; }
img.fr-dii { display: inline-block; float: none; vertical-align: bottom; /* margin-left: 5px; */ /* margin-right: 5px; */ max-width: calc(100% - (2 * 5px)); }
img.fr-dib { margin: 0 auto; display: block; float: none; }
img.fr-dii.fr-fil { float: left; margin: 0; max-width: calc(100% - 5px); }
img.fr-dii.fr-fir { float: right; margin: 0; max-width: calc(100% - 5px); }
img.fr-dib.fr-fil { margin-left: 0; text-align: left;}
img.fr-dib.fr-fir { margin-right: 0; text-align: right; }
.fr-video { text-align: center; }
.fr-video.fr-dvb { display: block; float: none; clear: both; }
.fr-video.fr-dvi {  display: inline-block; }
.fr-video.fr-dvi.fr-fvl { float:left; }
.fr-video.fr-dvi.fr-fvr { float:right; }

/*img.fr-fic.fr-fil + img.fr-fic*/

span.fr-emoticon, span.fr-emoticon {
    font-weight: normal;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
    display: inline;
}
[data-edit="true"] [class^=us-paragraph]:is(h1,h2,h3,h4,h5,p),
[data-edit="true"] [class^=default-paragraph]:is(h1,h2,h3,h4,h5,p) { margin-top: 0; margin-bottom: 0; }
.default-paragraph-0,.us-paragraph-0 {font-family:'Noto Sans KR'; font-size: 20px; color: #222428; }
.default-paragraph-1,.us-paragraph-1 {font-family:'Noto Sans KR'; font-size: 18px; color: #222428; }
.default-paragraph-2,.us-paragraph-2 {font-family:'Noto Sans KR'; font-size: 16px; color: #222428; }
.default-paragraph-3,.us-paragraph-3 {font-family:'Noto Sans KR'; font-size: 15px; color: #222428; }
.default-paragraph-4,.us-paragraph-4 {font-family:'Noto Sans KR'; font-size: 14px; color: #222428; }
.default-paragraph-5,.us-paragraph-5 {font-family:'Noto Sans KR'; font-size: 13px; color: #222428; }

#flat-modal .element .container { width:initial;}
.flat-modal .form-horizontal .form-group { margin-left:0; margin-right:0px; }
.flat-modal #flat-modal.event .modal-dialog { max-width:850px; width:850px;}
.dsgn-body.modoo ~ .goto-top#goto-top {display:none !important;}
@media only screen and (max-width:768px) {
.flat-modal #flat-modal.event .modal-dialog { width:90%;}
}

.flat-modal #flat-modal.event .modal-dialog .modal-body { text-align: left;}
.flat-modal #flat-modal.event .modal-dialog .modal-content { padding:0px; }
.flat-modal #flat-modal.event .modal-dialog .modal-body > button,
.flat-modal #flat-modal.event .modal-dialog .modal-body > .modal-title { display:none; }
.flat-modal .modal { -webkit-overflow-scrolling: auto;z-index: 1042; }

.modal-backdrop.fade.in + .cl-alert-modal .modal { z-index: 1043; }
.cl-alert-modal + .modal-backdrop.fade.in { z-index: 1042; }
@media only screen and (max-width: 767px) {
  .modal-backdrop.fade.in + .cl-alert-modal { z-index: 9999; position: fixed; left: 0px; top: 0px; }
}

.modal-open { overflow: hidden;}
.modal-open {
  /*position: fixed;*/
  width: 100%;
  overflow: hidden;
}
.element-disabled { display: none;}
.mode-config .element-disabled { display: block;}
.flat-modal .element-disabled { display: block;}

.invisible { visibility: hidden;}
.loading { background-image:url(https://storage.googleapis.com/i.addblock.net/working.gif); background-position: center center; background-repeat: no-repeat; background-size: initial;}
/*.no-fixed { position:absolute;}*/

.preloading { 
  position: relative;
  height:50px !important;
  overflow: hidden !important;
}
.preloading > * { display:none !important;}
.preloading:before {
  content: '';
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
}
.preloading:after {
    content: '';
    position: absolute;
    top: 32px;
    left: 0px;
    right: 0;
    bottom: 0;
    /*background: url(https://storage.googleapis.com/i.addblock.net/working.gif) center center no-repeat;*/
    z-index: 1;
    width: 36px;
    height: 36px;
    text-align: center;
    margin: 0 auto;
    background-color: transparent;
    border-radius: 18px;
}
iframe[name="google_conversion_frame"] { display:none !important;}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}
.pace-running:is(.pace-disable, [data-aos-easing]) { overflow-x: hidden; }
.pace-disable .pace .pace-progress { top:-2px;}
.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0px;
  right: 100%;
  width: 100%;
  height: 2px;
}

.jp-controls {
    display: block;
    position: relative;
    height: 34px;
    background: rgba(0,0,0,0.1);
    color: #969696;
    padding: 5px 0px;
    border-radius: 5px;
    z-index: 996;
}
.music-player-controls {
    position: absolute;
    left: 15px;
}
.music-player-controls span { font-size:10px; padding:7px; cursor: pointer; color:#aaa;}
.music-player-controls span:hover { color:#888;}
.music-player-progress {
position: relative;
    display: block;
    margin: 0 60px 0 95px;
    text-align: left;
}
.jp-progress {
    display: block;
    height: 1px;
    background-color: #3C3C3C;
    background: rgba(0,0,0,0.2);
    margin: 12px 0;  
    cursor: pointer;
}
.jp-play-bar {  
    position: relative;
    display: block;
    height: 1px;
    background: rgba(255,255,255,0.7); 
}
.jp-volume-controls { 
    position: absolute;
    right: 10px;
    width: 50px;
    top: 5px;
}
.jp-volume-bar {
display: block;
    position: absolute;
    height: 2px;
    background-color: #3C3C3C;
    background: rgba(0,0,0,0.2);
    width: 35px;
    top: 12px;
    left: 15px;
    cursor: pointer;
}
.jp-mute { 
    display: inline-block;
    margin-top: 2px;
}
.jp-current-time {
    font-size: 11px;
    position: absolute;
    top: 17px;
    left: 25px;  
}
.jp-duration {
    font-size: 11px;
    position: absolute;
    top: 17px;
    right: 70px;  
}
.jp-details { position:absolute; top:0; left:25px;}
.jp-lists {
    position: absolute;
    top: 6px;
    right: 20px;
    font-family: 'Open Sans';
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    color:#aaa;
}
.music-playlist-wrap {
    display:none;
    background-color: rgba(0,0,0,0.5);
    border-radius: 5px;
    position: absolute;
    bottom: 37px;
    width: 270px;
    color: #bbb;
    font-size: 11px;
    font-family: 'Raleway','Noto sns kr';
    padding:10px;
}
.music-playlist { 
    padding: 0px 15px 0px 25px;
    max-height: 210px;
    overflow: auto;
}
.music-playlist li { position: relative; }
.music-playlist li a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;  
}
.music-playlist li a,
.music-playlist li a:hover { color:#aaa;}
.music-playlist li.jp-playlist-current,
.music-playlist li a.jp-playlist-current,
.music-playlist li a.jp-playlist-current:hover { color:#fff}
.music-playlist li.jp-playlist-current:before {
    font-family: 'FontAwesome';
    content: "\f028";
    display: block;
    position: absolute;
    top: 0px;
    left: -18px;
    color: #fff;
    font-size: 13px;
}
.music-playlist::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
  height: 6px;
}

.music-playlist::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(0,0,0,0.2);
}

.element .row[data-loop="true"]:not(.layout-row) { 
  overflow: visible!important;
  margin-left: 0;
  margin-right: 0;
  width: auto;
}

/*gallery category*/
.element[data-type="gallery"][data-category="ON"] .empty .empty-txt {
  text-align: center;
  padding-top: 15vh;
  padding-bottom: 20vh;
}

.goption-container { 
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: -15px; 
  margin-right: -15px;
  max-width: 100%;
}
#element-display .gallery-category-wrap,
#element-display .goption-container { padding: 30px 30px 20px; }
.goption-row { padding-left: 15px; padding-right: 15px; }

.element[data-msny="true"] .container { position: relative; }
.element[data-msny="true"] .container .row { position: relative; }
/*.element[data-msny="true"] .goption-container { position: absolute; top: 0; left: 0; right: 0; width: 100%; }*/
.element[data-msny="true"] .goption-container:before,
.element[data-msny="true"] .goption-container:after { display: table; content: ''; clear: both; }
.gallery-category-wrap {display: flex; justify-content: space-between; align-items: center; background-color: var(--gcate-background); z-index: 1; }
.gallery-category-wrap.nosticky { background-color: transparent; }
.gallery-category-wrap:has(.gallery-category-nav) { padding: 0; }
.gallery-category-wrap .gallery-category-nav {font-family: "Playfair Display", "Nanum Gothic"; flex: 1; padding: 20px 0; width: 100%;}
.gallery-category-wrap .gallery-category-nav li { display: inline-block; margin-bottom: 5px;} 
.gallery-category-nav li a {
    display: inline-block; 
    text-decoration: none; 
    color: #afafaf;
    padding-left: 7px;
    padding-right: 7px;
}
.gallery-category-nav .active a,
.gallery-category-nav a:hover,
.gallery-category-nav a:focus {
  color: #878787;
}
.gallery-category-nav li:first-child a {padding-left: 0;}
.gallery-category-nav li:last-child a {padding-right: 0;}
:not(.gallery-sort-nav) ul[data-category-color="black"] li a {
    display: inline-block; 
    text-decoration: none; 
    color: #bbbbbb;
}
:not(.gallery-sort-nav) ul[data-category-color="black"] .active a,
:not(.gallery-sort-nav) ul[data-category-color="black"] a:hover,
:not(.gallery-sort-nav) ul[data-category-color="black"] a:focus {
  color: #111111;
}
:not(.gallery-sort-nav) ul[data-category-color="gray"] li a {
    display: inline-block; 
    text-decoration: none; 
    color: #cccccc;
}
:not(.gallery-sort-nav) ul[data-category-color="gray"] .active a,
:not(.gallery-sort-nav) ul[data-category-color="gray"] a:hover,
:not(.gallery-sort-nav) ul[data-category-color="gray"] a:focus {
  color: #777777;
}
:not(.gallery-sort-nav) ul[data-category-color="white"] li a {
    display: inline-block; 
    text-decoration: none; 
    color: #777777;
}
:not(.gallery-sort-nav) ul[data-category-color="white"] .active a,
:not(.gallery-sort-nav) ul[data-category-color="white"] a:hover,
:not(.gallery-sort-nav) ul[data-category-color="white"] a:focus {
    color: #eeeeee;
    fill: #eeeeee;
}
.gallery-sort-nav {color: #afafaf; fill: #afafaf;}
.gallery-sort-nav li a {color: #8e9095; fill:#222428; background-color: #fff;}
.gallery-sort-nav .active a,
.gallery-sort-nav a:hover,
.gallery-sort-nav a:focus {color: #222428; fill: #222428; border-bottom: 1px solid #eff0f4; background-color: #fff;}

.review-sort-nav {color: #222428; fill: #696c71;}
.review-sort-nav li a {color: #8e9095; fill:#222428; background-color: #fff;}
.review-sort-nav .active a,
.review-sort-nav a:hover,
.review-sort-nav a:focus {color: #222428; fill: #222428; border-bottom: 1px solid #eff0f4; background-color: #fff;}

/*.gallery-sort-nav[data-category-color="black"] {color: #bbbbbb;}
.gallery-sort-nav[data-category-color="gray"] {color: #cccccc;}
.gallery-sort-nav[data-category-color="white"] {color: #777777;}*/
[data-type="form"] .form-group h3.require:after {
    content: '*';
    right: -5px;
    color: #CC0000;
    position: relative;
    vertical-align: middle;
    font-size:18px;
    line-height: 11px !important;
    font-family: sans-serif;    
}

[data-type="form"] .form-group .checkbox-inline,
[data-type="form"] .form-group .radio-inline { padding-left:20px; padding-right:10px; margin-left: 0px; margin-right: 10px;}
[data-type="form"] .form-group .checkbox-inline > input,
[data-type="form"] .form-group .radio-inline > input { position: relative; top:1px; margin-right:5px;}
[data-type="form"] .form-group .form-date { display:inline-block; }
[data-type="form"] .form-group .form-date.date-yyyy { width:80px; }
[data-type="form"] .form-group .form-date.date-mm,
[data-type="form"] .form-group .form-date.date-dd,
[data-type="form"] .form-group .form-date.date-hh,
[data-type="form"] .form-group .form-date.date-ii { width:52px; padding:0px; text-align: center; }
[data-type="form"] .form-group .date-divider { font-size:20px; vertical-align: middle; padding:0 5px; }
[data-type="form"] .form-group [form-type='date'] .date-ymd {width: auto; min-width: 210px; text-align: center; padding-right: 25px; cursor: pointer;}
[data-type="form"] .form-group [form-type='date2'] .date-ymd {width: auto; min-width: 210px; text-align: center; padding-right: 25px; cursor: pointer; margin-right: 20px;}
[data-type="form"] .form-group [form-type='date'] > svg {
    position: relative; right: 25px; top: 5px; cursor: pointer;
}
[data-type="form"] .form-group [form-type='date2'] > svg {
    position: relative; right: 45px; top: 5px; cursor: pointer;
}
[data-type="form"] .form-group .error {font-size: 12px;}
@media only screen and (max-width:360px) {
  [data-type="form"] .form-group [form-type='date'] .date-ymd,
  [data-type="form"] .form-group [form-type='date2'] .date-ymd {width: calc(100% - 20px); min-width: auto; margin-right: 0px;}
  [data-type="form"] .form-group [form-type='date2'] > svg { right: 25px;}
}
[data-type="form"] .form-group [form-type='date2'] .section-hh, [data-type="form"] .form-group [form-type='date2'] .section-ii {
    position: relative; border: 1px solid #e5e5e5; height: 36px; width: 60px; display: inline-flex; vertical-align: middle;
}

[data-type="form"] .form-group [form-type='date2'] > .section-hh > input.date-hh, [data-type="form"] .form-group [form-type='date2'] > .section-ii > input.date-ii {
    border: none; width: 70%; text-align: center; height: 100%;
}

[data-type="form"] .form-group [form-type='date2'] > .section-hh > .btn-option-hh, [data-type="form"] .form-group [form-type='date2'] > .section-ii > .btn-option-ii {
    height:100%; width: 30%; display: inline-block; padding: 4px 5px; border-left:1px solid #e5e5e5; text-align: center; cursor: pointer;
}

[data-type="form"] .form-group [form-type='date2'] > .section-hh > .option-hh, [data-type="form"] .form-group [form-type='date2'] > .section-ii > .option-ii {
    height: 200px; overflow-y: scroll; display: none; background: #fff; width: 100%; position: absolute; left: 0px; top: calc(100% + 1px); border-radius: 3px; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); z-index: 23;
}

[data-type="form"] .form-group [form-type='date2'] > .section-hh > .option-hh > div, [data-type="form"] .form-group [form-type='date2'] > .section-ii > .option-ii > div {
    width: 100%; text-align: center; cursor: pointer;
    z-index: 2;
}

[data-type="form"] .form-group [form-type='date2'] > .section-hh > .option-hh > div:hover, [data-type="form"] .form-group [form-type='date2'] > .section-ii > .option-ii > div:hover {
    background: #f3f4f5;
}

[data-type="form"] .form-group [form-type='date2'] .section-hh, [data-type="form"] .form-group [form-type='date2'] .section-hh,
[data-type="form"] .form-group [form-type='date2'] .section-hh, [data-type="form"] .form-group [form-type='date2'] .section-ii,
[data-type="form"] .form-group [form-type='date2'] .date-divider { display: none; }

.d-month-year-picker {height: 0; overflow: hidden; visibility: hidden; width: 100%; max-width: 330px; position: absolute; left: 20px; top: 31px; background-color: #fff; border: solid 1px #a3a3a3; color: rgba(85, 85, 85, 0.9); font-size: 13px; z-index: 10;}
.d-month-year-picker.d-show{height: 177px; visibility: visible;}
.d-month-year-picker .pick-header{height: 30px; border-bottom: 1px solid #dfe0e2; position: relative;}
.d-month-year-picker .pick-header .close-picker{position: absolute; width: 10px; height: 10px; top: 10px; right: 10px;}
.d-month-year-picker .pick-header .close-picker svg{vertical-align: top; fill: #222428;}
.d-month-year-picker .pick-header > div{width: 50%; margin: 0 20px 0 0;}
.d-month-year-picker .pick-body > div {width: 50%; height: 145px; overflow-y: scroll;}
.d-month-year-picker .pick-body > div > div {height: 30px; line-height: 30px; cursor: pointer;}
.d-month-year-picker .pick-body .month-picker .current,
.d-month-year-picker .pick-body .year-picker .current{background-color: #f7fafd; color: #4789e7; font-weight: bold; cursor: default;}
.d-month-year-picker .pick-body > div > div:hover{background-color: #f7fafd; color: #4789e7; font-weight: bold;}
.d-month-year-picker .pick-body .year-picker {border-right:1px solid #dfe0e2;} 

.modal-default .modal-dialog.cl-cmmodal.cover.form-date2{width: 100%; max-width: 550px;}
@media only screen and (max-width:767px) {
  .modal-default .modal-dialog.cl-cmmodal.cover.form-date2{max-width: 100%;}
}
.modal-default .modal-dialog.cl-cmmodal.form-date2 .modal-content .modal-body{width: 100%; /*height: calc(100% - 185px);*/}
.modal-default .modal-dialog.cl-cmmodal.form-date2 .modal-footer{width: 300px; display: block;}
.form-date2 .setting-row{margin: 0 auto 15px auto; width: 100%; max-width: 360px;}
.form-date2 .setting-label{margin: 0 30px 0 0; text-align: left; font-size: 14px; font-size: 16px; width: 62px; color: #707070;}
.form-date2 .setting-row:first-child{padding-bottom: 20px; border-bottom: 1px solid #d1d3d5; margin-bottom: 20px;}
.form-date2 .setting-row .newcheckbox label{margin: 0 20px 0 0; font-size: 14px; color: rgba(142, 144, 149, 0.9);}
.form-date2 .setting-row .newcheckbox label span{vertical-align: middle;}
.form-date2 .term-calendar-box{
    width: 100%;
    max-width: 360px;
    margin: 30px auto 40px auto;
}
.form-date2 .Datepickk.inline.d-show .d-calendar{padding: 0;}
.form-date2 .Datepickk .d-week{margin-bottom: 10px;}
.form-date2 .Datepickk .d-week,
.form-date2 .Datepickk .d-table{color: #696c71;}
.form-date2 .Datepickk .d-header i{margin-top: 5px;}
.form-date2 .Datepickk .d-header i,
.form-date2 .Datepickk .d-header svg{width: 14px; height: 14px; fill: #b1b3b7}
.form-date2 .Datepickk .d-header p {color: #404347; font-size: 21px; font-weight: 500; margin: 0;}
.form-date2 .Datepickk .d-header i#d-previous{left: 60px;}
.form-date2 .Datepickk .d-header i#d-next{right: 60px;}
.form-date2 .Datepickk .d-header i#dy-previous{left: 10px;}
.form-date2 .Datepickk .d-header i#dy-next{right: 10px;}
.form-date2 .Datepickk .d-year{display: inline-block;}
.form-date2 .Datepickk .d-month{margin-left: 5px; padding-right: 15px; position: relative; display: inline-block;}
.form-date2 .Datepickk .d-month:after {content: "\f0d7"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; position: absolute; right: 0; top: 10px;}
.form-date2 .Datepickk .d-table input + label{height: 28px;}
.form-date2 .Datepickk .d-table input:checked + label{color: #fff;}
.form-date2 .Datepickk .d-table input + label.d-hidden{text-decoration: none;}
.form-date2 .Datepickk .d-table input.active + label{background-color: transparent;}
.form-date2 .Datepickk .d-table input + label:before{position: absolute; width: 28px; height: 28px; border-radius: 14px; left: 12px;}
@media only screen and (min-width: 0px) and (max-width: 361px) {
    .form-date2 .Datepickk .d-table input + label:before,.form-date2 .Datepickk .d-table input:checked + label:before, .form-date2 .Datepickk .d-table input:checked + label:hover:before {        
        left: 9px!important;
    }
}
.form-date2 .Datepickk .d-table input + label:hover:before{border: 1px solid transparent; background-color: transparent;}
.form-date2 .Datepickk .d-table input:not(:disabled) + label:hover:before{border: 1px solid #4789e7; background-color: transparent;}
.form-date2 .Datepickk .d-table input:checked + label:before,
.form-date2 .Datepickk .d-table input:checked + label:hover:before {
    width: 28px;
    height: 28px;
    border-radius: 14px;
    background-color: #4789e7; 
    left: 12px;
}
.form-date2 .Datepickk .d-table input:disabled + label{color: #d1d3d5 !important; background-color: transparent !important;}
.form-date2 .Datepickk .d-table input:disabled + label:after{display: none;}
.form-date2 .time-interval{flex-wrap: wrap; margin: 10px -6px 0 0;}
.form-date2 .time-interval label{width: calc(25% - 6px); max-width: 85px; padding: 10px; margin: 0 6px 6px 0; background-color: rgba(71, 137, 231, 0.05); color: #676767; font-size: 14px; font-weight: 300; text-align: center; cursor: pointer; border: 1px solid rgba(71, 137, 231, 0.1);}
.form-date2 .time-interval input:checked + label {color: #4789e7; border: 1px solid #4789e7; background-color: #fff;}
.form-date2 .time-interval input:disabled + label {cursor: default; background-color: #f6f8f9; color: #d1d3d5; border: 1px solid transparent;}
.form-date2 .term-setting{width: 100%; max-width: 360px; margin: 0 auto; padding: 13px; text-align: center; background-color: rgba(71, 137, 231, 0.05); color: #404347; font-size: 16px;}

[data-type="form"] .form-group [form-type='file.download'] > .file-title { 
    font-size: 12px;
}

[data-type="form"] .form-group [form-type='file.download'] > .file-title:hover { color: #4789e7; }
[data-type="form"] .form-group [form-type='file.download'] > .file-title:hover svg { fill: #4789e7; }

[data-type="form"] .form-group [form-type='file.download'] > .file-title > svg {
    vertical-align: sub; margin-right: 9px;
}

/*[data-type="form"] .form-group [form-type='file.download'] > .file-title a {text-decoration: underline;}*/
[data-type="form"] .form-group [form-type='file.download'] .file-row {
    font-family: NotoSansKR;
    position: relative;
    height: 74px;
    font-size: 13px;
    color: #696c71;
    font-weight: 300;
}
[data-type="form"] .form-group [form-type='file.download'] .file-row p {margin: 0;}
[data-type="form"] .form-group [form-type='file.download'] .file-row .file-thumb {margin-right: 15px; padding: 12px; width: 74px; height: 74px; border-radius: 3px; border: solid 1px #eeeff0; text-align: center; background-color: #fff;}
[data-type="form"] .form-group [form-type='file.download'] .file-row .file-name { font-size: 14px; color: #484b50; margin: 0 0 6px; padding: 0; font-weight: normal;}
[data-type="form"] .form-group [form-type='file.download'] .file-row .form-file-delete {display: none;}

[data-type="form"] .form-group [form-type='file.upload'] > label { 
    margin-right: 20px; line-height: 15px; font-size: 12px; height: 30px; border: 1px solid #d1d3d5; color: #696c71; padding: 5px 10px; text-align: center; display: inline-block; background: #fff; font-weight: normal; cursor: pointer; border-radius: 3px;
}

[data-type="form"] .form-group [form-type^='file.upload'] > label > svg {
    fill: #696c71; margin-right: 8px; vertical-align: text-top;
} 

[data-type="form"] .form-group [form-type^='file.upload'] > label + .file-title {
    display: inline-block; min-width: 60px; font-size: 12px;
}
[data-type="form"] .form-group [form-type^='file.upload'] > label + .file-title svg {display: none;}
[data-type="form"] .form-group [form-type^='file.upload'] .form-file-delete {
    font-size: 14px; margin-left: 8px; cursor: pointer;
}

[data-type="form"] .form-group [form-type^='file.upload'] .file-row {
    font-family: NotoSansKR;
    position: relative;
    margin: 10px 0;
    padding: 10px 30px 10px 10px;
    height: 74px;
    border-radius: 3px;
    border: solid 1px #eeeff0;
    font-size: 13px;
    color: #696c71;
    font-weight: 300;
    background-color: #fff;
}
[data-type="form"] .form-group [form-type^='file.upload'] .file-title + .file-row {margin: 30px 0 10px 0;}
[data-type="form"] .form-group [form-type^='file.upload'] .file-row p {margin: 0;}
[data-type="form"] .form-group [form-type^='file.upload'] .file-row .file-thumb {
    width: 54px;
    height: 54px;
    margin: 0 15px 0 0;
    text-align: center;
}

[data-type="form"] .form-group [form-type^='file.upload'] .file-row .file-thumb img {
    width: 54px;
    height: 54px;
    border-radius: 3px;
    border: solid 1px #dbdcdf;
    cursor: pointer;
}
[data-type="form"] .form-group [form-type^='file.upload'] .file-row .file-thumb svg {
    margin: 2px 0;
}
[data-type="form"] .form-group [form-type^='file.upload'] .file-row .file-name {
    font-size: 14px;
    color: #484b50;
    margin: 0 0 6px;
    font-weight: normal;
}
[data-type="form"] .form-group [form-type^='file.upload'] .file-row .form-file-delete {
    position: absolute;
    top: 17px;
    right: 17px;
    display: none;
}
[data-type="form"] .form-group [form-type^='file.upload'] .file-row .form-file-delete.svg{fill: #696c71;}
[data-type="form"] .form-group [form-type^='file.upload'] .file-row:hover {
    border: solid 1px #4789e7;
}
[data-type="form"] .form-group [form-type^='file.upload'] .file-row:hover .form-file-delete {
    display: block;
}
.dsgn-body:not(.mode-config) .el-fixedcontact[data-type="contact"][data-type2="franchise bar"] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: calc(100vh - 22px);
    overflow: visible;
    z-index: 130;
    transform: translateY(0);
    -webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -ms-transition: transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
}
.dsgn-body:not(.mode-config) .el-fixedcontact[data-type="contact"][data-type2="franchise bar"]:not(.notfixed) {
    filter: drop-shadow(0px -7px 5px rgba(0, 0, 0, 0.03));
}
.dsgn-body:not(.mode-config) .el-fixedcontact[data-type="contact"][data-type2="franchise bar"].down {
    transform: translateY(100%);
}
.dsgn-body:not(.mode-config) .el-fixedcontact[data-type="contact"][data-type2="franchise bar"] .fixedcontact-onoff,
#element-display .el-fixedcontact .fixedcontact-onoff {
    position: absolute;
    width: 49px;
    height: 22px;
    top: -22px;
    left: 50%;
    padding: 2px 2px 0 2px;
    transform: translateX(-50%);
    border-radius: 3px 3px 0 0;
    text-align: center;
    box-sizing: border-box;
    filter: drop-shadow(0px -7px 5px rgba(0, 0, 0, 0.03));
}
.dsgn-body:not(.mode-config) .el-fixedcontact[data-type="contact"][data-type2="franchise bar"].down .fixedcontact-onoff svg{
    transform: rotate(180deg);
}
.dsgn-body.sidebar:not(.mode-config) .el-fixedcontact[data-type="contact"][data-type2="franchise bar"] {
    left: 260px;
    width: calc(100% - 260px);
}
.dsgn-body:not(.mode-config) .el-fixedcontact.notfixed[data-type="contact"][data-type2="franchise bar"] {
    position: static;
    transform: translateY(0);
    width: 100%;
    max-height: unset;
}
.dsgn-body:not(.mode-config) .el-fixedcontact.notfixed[data-type="contact"][data-type2="franchise bar"] .fixedcontact-onoff {
    display: none;
}
.dsgn-body.sidebar [data-type="contact"][data-type2="franchise bar"] .form-inline .form-group:not(.form-privacy) {min-width: unset;}
[data-type="contact"][data-type2="franchise bar"] .form-inline .form-group {
    position: relative;
    vertical-align: top;
}
[data-type="contact"][data-type2="franchise bar"] .form-inline .form-group.form-privacy {max-height: 30px;}
[data-type="contact"][data-type2="franchise bar"] .form-inline .form-group[class*=required] {
    margin-bottom: 27px;
}
[data-type="contact"][data-type2="franchise bar"] .form-inline .form-group.form-privacy.required {
    margin-bottom: 27px;
}
[data-type="contact"][data-type2="franchise bar"] .form-inline.required-privacy {
    padding-bottom: 27px;
}
[data-type="contact"][data-type2="franchise bar"] .error {
    position: absolute;
    top: calc(100% + 4px);
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}
[data-type="contact"][data-type2="franchise bar"] .form-group.form-privacy .error {
    top: 20px;
}
[data-type="contact"][data-type2="franchise bar"] .container.full-width {
    padding-left: 15px;
    padding-right: 15px;
}
[data-type="contact"][data-type2="franchise bar"] .container.full-width > .row {
    max-width: 100%;
}
.cl-not-supported[data-type="contact"][data-type2="franchise bar"] .form-inline .form-group.form-privacy {z-index: unset;}

.contact-privacy-view .textarea-container {
    width: 100%;
    max-width: 403px;
    min-height: 392px;
    max-height: 641px;
    margin: 0 auto;
    white-space: pre-wrap;
    word-break: break-word;
    text-align: left;
    font-family: Pretendard;
    font-size: 15px;
    color: #707070;
    overflow-y: auto;
}
.modal-default .modal-dialog.cl-cmmodal.contact-privacy-view .modal-footer .btn.btn-default.close-button-dialog {
    color: #222428 !important;
    background-color: #f5f5f5 !important;
}

[data-type="form"] .form-inline .form-group.form-captcha {margin-bottom: 0; color: #676767;}
[data-type="form"] .form-inline .form-group.form-captcha .kcaptcha-key-wrap{font-family: 'Noto Sans KR'; margin-left: 10px;}
[data-type="form"] .form-inline .form-group.form-captcha .kcaptcha-key-wrap .input-captcha {width: 100%; max-width: 200px; display: block; }
[data-type="form"] .form-inline .form-group.form-captcha .kcaptcha.small {display: inline-block; margin-top: 9px; border-bottom: 1px solid #676767; line-height: 1.3;}
[data-type="form"] .form-inline .form-group.form-privacy:not([style="display: none;"]) + .form-captcha {margin-top: 30px;}

[data-type="form"] .form-inline input.fsize24.form-control:not(.form-date),
[data-type="form"] .form-inline input.fsize25.form-control:not(.form-date),
[data-type="form"] .form-inline input.fsize26.form-control:not(.form-date),
[data-type="form"] .form-inline input.fsize27.form-control:not(.form-date),
[data-type="form"] .form-inline input.fsize28.form-control:not(.form-date),
[data-type="form"] .form-inline input.fsize29.form-control:not(.form-date),
[data-type="form"] .form-inline input.fsize30.form-control:not(.form-date) {height: auto;}

[data-type="form"] .form-privacy .form-checkbox-text {font-family: 'Noto Sans KR';}

[data-type="contact"][data-type2="franchise map"] .map-wrap {position: relative;}
[data-type="contact"][data-type2="franchise map"] .map-item-list::-webkit-scrollbar,
[data-type="contact"][data-type2="franchise map"] .map_item_caption::-webkit-scrollbar {
    right: 1px;
    width: 8px;
    height: 8px;
    border: 5px solid #f3f4f5;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
[data-type="contact"][data-type2="franchise map"] .map-item-list::-webkit-scrollbar-thumb,
[data-type="contact"][data-type2="franchise map"] .map_item_caption::-webkit-scrollbar-thumb {
    height: 50px;
    width: 50px;
    background: #d1d3d5; 
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 0;
}

[data-type="contact"][data-type2="franchise map"] .map-wrap .map-container {width: 100%; height: 100%;}
[data-type="contact"][data-type2="franchise map"] .map-wrap iframe {border: none;}
[data-type="contact"][data-type2="franchise map"] .map-search {justify-content: center;}
[data-type="contact"][data-type2="franchise map"] .searchby-area.hide + .searchby-storename:before {display: none;}
[data-type="contact"][data-type2="franchise map"] .map-item-empty {
    font-family: "Pretendard";
    font-size: 14px;
    text-align: center;
    color: #8e9095;
    width: 100%;
    padding-bottom: 50px;
}
[data-type="contact"][data-type2="franchise map"] .m-map-pagination:empty {margin-top: 0;}
[data-type="contact"][data-type2="franchise map"] .m-map-pagination {
    font-family: "Pretendard";
    width: 100%;
}
[data-type="contact"][data-type2="franchise map"] .m-map-pagination > ul {
    justify-content: center;
    width: 100%;
    max-width: 256px;
    margin: 0 auto;
    text-align: center;
}
[data-type="contact"][data-type2="franchise map"] .m-map-pagination > ul > li {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.4;
    cursor: pointer;
}
[data-type="contact"][data-type2="franchise map"] .m-map-pagination > ul > li.active,
[data-type="contact"][data-type2="franchise map"] .m-map-pagination > ul > li.go-prev,
[data-type="contact"][data-type2="franchise map"] .m-map-pagination > ul > li.go-start,
[data-type="contact"][data-type2="franchise map"] .m-map-pagination > ul > li.go-next,
[data-type="contact"][data-type2="franchise map"] .m-map-pagination > ul > li.go-end {opacity: 1;}
[data-type="contact"][data-type2="franchise map"] .m-map-pagination > ul > li.disabled {
    opacity: 0.4;
    cursor: default;
}
[data-type="contact"][data-type2="franchise map"] .m-map-pagination > ul > li:last-child {margin-right: 0;}

@media only screen and (max-width:991px) {
    .dsgn-body.sidebar [data-type="contact"][data-type2="franchise bar"] .container {
        width: 100%;
    }
}
@media only screen and (max-width:768px) {
    .dsgn-body.sidebar:not(.mode-config) .el-fixedcontact[data-type="contact"][data-type2="franchise bar"] {
        width: 100%;
        left: 0;
    }
}
@media only screen and (max-width:767px) {
    [data-type="contact"][data-type2="franchise bar"] .form-inline.required.required-mr .form-submit-wrap .btn {
        min-height: calc(100% - 27px);
    }
}
@media only screen and (max-width:480px) {
    [data-type="form"] .form-group .date-divider.clear { display:block; margin-bottom:10px;}
    .modal-default .modal-dialog.cl-cmmodal.form-date2 .modal-content .modal-body{height: auto;}

    .dsgn-body:not(.mode-config) .el-fixedcontact.has-fnav[data-type="contact"][data-type2="franchise bar"] {bottom: 53px;}
    .dsgn-body:not(.mode-config) .el-fixedcontact.notfixed.has-fnav[data-type="contact"][data-type2="franchise bar"] {padding-bottom: 53px;}
}
.form-data-delete, .form-delete { font-size:14px; }

.element[data-type="review"] .re_starimg.star_off {fill: #e7e8e9;}

@keyframes fadein {
    from { opacity:0; }
    to { opacity:1; }
}
@-moz-keyframes fadein { /* Firefox */
    from { opacity:0; }
    to { opacity:1; }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from { opacity:0; }
    to { opacity:1; }
}
@-o-keyframes fadein { /* Opera */
    from { opacity:0; }
    to { opacity: 1; }
}

.progressModal .progress-bar-success { background-color: #4888e9; }
.label-country { display: inline-block; min-width:21px; text-transform: uppercase; padding:4px; }
.mng-panel-label .tooltip .tooltip-inner { text-align: left; padding:10px 10px 12px; }
#no-fouc { opacity: 1; }


/* ReorderModal CSS */
.reorderModal h1.fixed-btn-wrap {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
/***********************/
.uploadModal .uploadModal-message { position: relative; top:21%; color:#fff;}
button.navbar-toggle { visibility:hidden; }


footer#cl-footer { 
  padding-top: 40px;
  padding-bottom: 60px;  
  background-color: #fff;
  width: 100%;
  float: left;
  border-top: 1px solid #eceff4;
}
footer#cl-footer,
footer#cl-footer *:not(.fa):not(.cl-icon) {
  font-family: 'Noto Sans KR', 'Noto Sans',sans-serif; 
  font-weight: 400;
}
footer#cl-footer > .cl-f.container-fluid { 
    width: 100%;
    max-width: 946px;
    margin: 0 auto;
    position: relative;
}
footer#cl-footer > .cl-f.container-fluid > .row { 
  margin-left: 0; 
  margin-right: 0; 
}
footer#cl-footer > .cl-f .cl-f-logo .navbar-brand { 
  padding: 0;
  line-height: 1;
}
footer#cl-footer > .cl-f .cl-f-logo .navbar-brand .logo-img { width: 170px; }
footer#cl-footer > .cl-f .cl-f-social { 
    text-align: right;
    float: right;
}
footer#cl-footer > .cl-f .cl-f-social > ul {
  display: inline-block;
}
footer#cl-footer > .cl-f .cl-f-social > ul.lang-list li.active > a {
  font-weight: bold !important;
}
footer#cl-footer > .cl-f .cl-f-social > ul > li {
  display: inline-block;
  /*float: left;*/
  margin-top: 4px;
}
footer#cl-footer > .cl-f .cl-f-social > ul > li + li { margin-left: 14px; }
footer#cl-footer > .cl-f .cl-f-social > ul > li > a {
  line-height: 1.2;
  vertical-align: middle;
  color: #2d343e;
}
footer#cl-footer > .cl-f .cl-f-social > ul > li > a img {
  width:22px;
}
footer#cl-footer > .cl-f .cl-f-social > ul > li > a svg {
  fill:#4d4f54;
}
footer#cl-footer > .cl-f .cl-f-social > ul.lang-list {
  font-size: 14px;
  margin-bottom: 20px;
  display: block;
}
footer#cl-footer > .cl-f .cl-f-social > ul.lang-list li { margin: 0px; }
footer#cl-footer > .cl-f .cl-f-social > ul.lang-list li:first-child:after { content:'/'; display: inline-block; padding:0px 3px 0px 6px; font-weight: bold; }

footer#cl-footer > .cl-f .cl-f-menu { padding-top: 5px; }
/* footer#cl-footer > .cl-f .cl-f-menu ul {display: flex; justify-content: flex-end;} */
footer#cl-footer > .cl-f .cl-f-menu > ul > li.mainfunction_en {display: none;}
/* footer#cl-footer > .cl-f .cl-f-menu > ul > li { display: flex;flex: auto; position: relative; } */
footer#cl-footer > .cl-f .cl-f-menu > ul > li {display: inline-block; position:relative;}
footer#cl-footer > .cl-f .cl-f-menu[data-lang="en"] > ul > li > a {font-size:11px;}
footer#cl-footer > .cl-f .cl-f-menu > ul > li:first-child > a {padding:0 5px 0 0;}
footer#cl-footer > .cl-f .cl-f-menu > ul > li > a {
    color: #696c71;
    font-size: 13px;
    padding: 0 8px;
}
footer#cl-footer > .cl-f .cl-f-menu > ul > li:last-child > a {padding-right: 0;}
footer#cl-footer > .cl-f .cl-f-text,
footer#cl-footer > .cl-f .cl-f-copyright {
  color: #a3a6ac;
  font-size: 11px;
  line-height: 1.6;
  display: block;
}
footer#cl-footer > .cl-f .cl-f-text { clear: both; padding-top: 40px; }
footer#cl-footer > .cl-f .cl-f-copyright {
  text-transform: uppercase;
  margin-top: 5px;
}
footer#cl-footer > .cl-f .cl-f-text > span + span {
  letter-spacing: -0.5px;
}
.visible577hide {display: inline-block;}
@media only screen and (min-width: 481px) {
  footer#cl-footer > .cl-f .cl-f-text > span + span { margin-left: 1px;}
}
@media only screen and (min-width: 541px) {
  footer#cl-footer > .cl-f .cl-f-text br.visible-xxs { display: none; }
  footer#cl-footer > .cl-f .cl-f-text br.visible-xxs + span { margin-left: 10px; }
}
@media only screen and (min-width: 769px) {
  footer#cl-footer > .cl-f .cl-f-menu > ul > li + li:before {
    content: ' ';
    width: 1px;
    background-color: #dbdcdf;
    position: absolute;
    height: 15px;
    top: 52%;
    transform: translateY(-52%);
  }
  footer#cl-footer > .cl-f .cl-f-text br.visible-xs + span { margin-left: 10px; }
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  footer#cl-footer > .cl-f .cl-f-text br.visible-xxs { display: block; }
  footer#cl-footer > .cl-f .cl-f-text br.visible-xxs + span { margin-left: 0; }
}
@media only screen and (min-width: 992px) {
  footer#cl-footer > .cl-f.container-fluid { /* margin-left: 2%; margin-right: 2%; */ }
  footer#cl-footer > .cl-f .cl-f-menu { text-align: right; }
}
@media only screen and (min-width: 1200px) {
 /*  footer#cl-footer > .cl-f.container-fluid { margin-left: 5%; margin-right: 5%; } */
}
@media only screen and (min-width: 1310px) {
  /*footer#cl-footer > .cl-f.container-fluid { width: 1270px! important; margin: 0 auto; }*/
}
@media only screen and (max-width: 991px) {
  footer#cl-footer {padding-left: 30px; padding-right: 30px;}
  footer#cl-footer > .cl-f .cl-f-menu { clear: both; padding-top: 0px;}
  footer#cl-footer > .cl-f .cl-f-social { float: left; text-align: left; margin-top: 30px;}
  footer#cl-footer > .cl-f .cl-f-social ul { display: block; }
  footer#cl-footer .cl-f-logo svg { display: none; }
}
@media only screen and (min-width: 578px) {
  /* footer#cl-footer > .cl-f .cl-f-menu > ul > li + li:nth-child(6):before {
    display: inline-block;
  }
  footer#cl-footer > .cl-f .cl-f-menu > ul > li:nth-child(5),
  footer#cl-footer > .cl-f .cl-f-text > span:nth-child(3),
  footer#cl-footer > .cl-f .cl-f-text > span:nth-child(5),
   footer#cl-footer > .cl-f .cl-f-text > span:nth-child(7) {width:auto;} */
}
@media only screen and (min-width: 510px) and (max-width: 577px) { 
  /* footer#cl-footer > .cl-f .cl-f-menu[data-lang="en"] > ul > li + li:nth-child(6):before {
    display: inline-block;
  } */
}
@media only screen and (max-width: 577px) {
  /* footer#cl-footer > .cl-f .cl-f-menu > ul > li + li:nth-child(6):before {
    display: none;
  } */
  /* footer#cl-footer > .cl-f .cl-f-menu[data-lang="ko"] > ul > li:nth-child(5) {width: calc(100% - 217px);}
  footer#cl-footer > .cl-f .cl-f-menu[data-lang="en"] > ul > li:nth-child(5) {width: auto;} */
  /* footer#cl-footer > .cl-f .cl-f-text > span {display: inline-block;} */
  /* footer#cl-footer > .cl-f .cl-f-text > span:nth-child(3) {width: calc(100% - 157px);}
  footer#cl-footer > .cl-f .cl-f-text > span:nth-child(5) {width: calc(100% - 164px);}
  footer#cl-footer > .cl-f .cl-f-text > span:nth-child(6) {width: calc(100% - 165px);} */
}
@media only screen and (max-width: 767px) {
  footer#cl-footer {padding-left: 15px; padding-right: 15px;}
  .mng-body.mng-uadmin ~ footer#cl-footer{
    display: none;
  }
  footer#cl-footer > .cl-f .cl-f-menu > ul > li > a:focus {font-weight:bold;}
  footer#cl-footer > .cl-f .cl-f-menu > ul > li { width:auto; }
  footer#cl-footer > .cl-f .cl-f-menu > ul > li + li:before{
    content: ' ';
    width: 1px;
    background-color: #dbdcdf;
    position: absolute;
    height: 15px;
    top: 52%;
    transform: translateY(-52%);
  }
  footer#cl-footer > .cl-f .cl-f-social {text-align: left;margin-top: 30px;}
  footer#cl-footer > .cl-f .cl-f-menu {/*padding-top:30px;*/}
  footer#cl-footer > .cl-f .cl-f-text,
  footer#cl-footer > .cl-f .cl-f-copyright { line-height: 1.3; }
/*  [data-type="contact"][data-type2="franchise bar"] {display: none;}*/
}
@media only screen and (max-width: 540px) {
  /* footer#cl-footer { padding-bottom: 40px; } */
}
@media only screen and (max-width: 480px) {
  /* footer#cl-footer .cl-f-logo {padding-left: 5px;}
  footer#cl-footer {padding-top:20px; padding-bottom:20px;}
  footer#cl-footer > .cl-f .cl-f-menu > ul > li:nth-child(3n-1) { width:42%; }
  footer#cl-footer > .cl-f .cl-f-menu > ul > li:nth-child(3n) { width:22%; } 
  footer#cl-footer > .cl-f .cl-f-text { line-height: 1.6;padding-left: 5px; padding-right: 5px; }
  footer#cl-footer > .cl-f .cl-f-text > span {display: inline-block; margin-right:4px;}
  footer#cl-footer > .cl-f .cl-f-text > br { display: none!important; } 
  footer#cl-footer > .cl-f .cl-f-social > ul > li > a .fa {font-size:22px;}
  footer#cl-footer > .cl-f .cl-f-menu {padding: 10px 5px;}
  footer#cl-footer > .cl-f .cl-f-copyright {padding:0 10px 0 5px;}*/
  .visible577hide {display: none;}
}

.uploadModal, .progressModal {
  display: none;
  position: fixed;
  z-index: 99999999;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  height: 100%;
  background-color : rgba(215,215,215,0.75);
  text-align: center;
  font-family: 'Noto sans KR';
  color:#696c71;
  overflow: auto;
}

.progressModal { display: block; }
.uploadModal h1, .progressModal h1 {
  position: relative;
  color:#222428;
  font-size: 24px;
  text-align: center;
  font-weight: 300;
  margin-bottom: 60px;
}
.uploadModal .upload-wrap, .progressModal .progress-wrap {
  background-color:#fbfbfb;
  max-width: 700px;
  min-height:100%;
  margin:0 auto;
}
body .uploadModal .upload-wrap, .progressModal .progress-wrap.btn-bottom-wrap-bgcolor{
  background-color:#ffffff;

}
.uploadModal .upload-wrap{position: relative;}
.uploadModal .upload-header, .progressModal .progress-header {
  background-color: #fff;
  padding:86px 10px 40px;
  font-weight: 300;
}

.uploadModal .upload-header .info1, .progressModal .progress-header .info1 { float:left; }
.uploadModal .upload-header .info2, .progressModal .progress-header .info2 { float:right; }

.uploadModal #file-upload-progress, .progressModal #file-upload-progress { 
  height:2px;
  background-color:#4789e7;
  margin-bottom:5px;
}

.loadingModal > p { position: absolute; top:55%; left:0; right:0; bottom:0; }

.progressModal .progress-content { padding:50px 100px; }
.progressModal .info1 i { font-size:13px; color:#50BAF6; }
.progressModal .progress-content .clone-section { display: none; }
.progressModal .progress-content .clone-section .clone-block-list > li { display: inline-block; }
.progressModal .progress-content .clone-section .clone-block-list > li + li { margin-top: 10px; margin-right: 10px; }
.progressModal .progress-content .clone-section .clone-block-list > li button { padding: 2px 5px; }
.progressModal .progress-content .clone-section .clone-resource-list > li + li { margin-top: 10px; }
.progressModal .progress-content .clone-section .clone-resource-list > li span + span:before { content: ', '; display: inline-block; }

.uploadModal .upload-header{padding:50px 140px 57px;}
.uploadModal .upload-header .upload-close{position: absolute; top: 20px; right: 20px;}
.uploadModal .upload-content { padding:25px 140px; }
.uploadModal .upload-content .file { font-weight:300; color:#696c71;  position: relative; background: linear-gradient(to right, lightblue 50%, transparent 50%); background-size: 200% 100%; background-position: right bottom; transition:all 1s ease; padding:15px 0px 15px 70px; text-align: left; height:80px;}
.uploadModal .upload-content .file.done { }
.uploadModal .upload-content .file a { position: relative; padding: 0px; color: black; white-space: nowrap; max-width: 300px; overflow: hidden; display: inline-block; text-overflow:ellipsis; top:6px; }
.progressModal .progress-content .file .progress,
.uploadModal .upload-content .file .progress { box-shadow:none !important; -webkit-box-shadow:none !important; height:2px !important; border-radius:0px !important; margin-top:5px; margin-bottom:5px; }
.uploadModal .upload-content .file .progress {margin-top: 12px;}
.progressModal .progress-bar,
.uploadModal .progress-bar { box-shadow:none !important; -webkit-box-shadow:none !important; background-color:#4789e7 !important; }
.uploadModal .upload-content .file .progress-info { font-size:12px; color:#696c71; }
.uploadModal .upload-content .file .file-name { float: left; display: inline-block; max-width: 140px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #696c71;}
.uploadModal .upload-content .file .file-size { float: left; padding-left:10px; font-size:12px; font-weight:300; color: #b1b3b7; }
.uploadModal .upload-content .file .ing { float:right; }
.uploadModal .upload-content .file .rate { float:right; }
.uploadModal .upload-content .file .loading { padding-right:3px; }
.uploadModal .upload-content .file .loading i { font-size:13px; color:#50BAF6; }
.uploadModal .upload-content .file .preview { position: absolute; top: 15px; left: 0px; right: 0px; width: 50px; height: 50px; background-repeat:no-repeat; background-position: center center; background-size: cover; text-align: center; overflow: hidden; border-radius:3px; }
.uploadModal .upload-content .file .preview:before { position: absolute; content: ""; font-family: 'FontAwesome'; color:#ddd; top:0; left:0; right:0; bottom:0; z-index: 1; line-height: 60px; font-size: 26px; }
.uploadModal .upload-content .file .preview.no_preview:before { content: "\f03e";}
.uploadModal .upload-content .file .preview.not_image:before { content:"\f016";}
.uploadModal .upload-content .file .preview img { position:relative; max-width: 100%; max-height: 100%; margin:0 auto; border-radius: 3px; z-index: 2;}
.uploadModal .upload-content .file .loading { background-image:none;}
.uploadModal .upload-content .progress, .progressModal .progress-content .progress { background-color: #d1d3d5;}
.uploadModal .upload-content .upload-cancel,.progressModal .progress-content .progress-cancel  { margin-top: 45px; display:inline-block; }
.uploadModal .upload-content .upload-cancel .btn, .progressModal .progress-content .progress-cancel .btn { width: 160px; height: 47px; line-height: 47px; padding: 0px; border-color: #458AE8; color: #458AE8; font-weight: 300; font-size: 14px; }
.progressModal .btn-bottom-wrap-bgcolor .progress-content .progress-cancel .btn  {width: 240px; height: 50px; line-height: 50px; }
.uploadModal .upload-content .upload-cancel .btn { width: 240px; height: 50px; line-height: 50px; }
.uploadModal .info2 span{color: #4789e7;}
.uploadModal .upload-content .file.done .ing { color: #4789e7; }
.uploadModal .cl-mobile-btn {display: none;}

.progressModal .imgpopup-btn-css .progress-content .progress-cancel .btn {width: 240px; height: 50px; line-height: 50px;}

@media only screen and (max-width:767px) {
    .uploadModal {background-color: rgb(0 0 0 / 0.7); padding: 44px 0 0 0;}
    .uploadModal h1{margin-bottom: 50px;}
    .uploadModal .upload-header{
      padding:30px 15px 57px;
      -webkit-border-top-left-radius: 20px;
      -moz-border-top-left-radius: 20px;
      border-top-left-radius: 20px;
      -webkit-border-top-right-radius: 20px;
      -moz-border-top-right-radius: 20px;
      border-top-right-radius: 20px;
    }
    .uploadModal .upload-wrap {
      -webkit-border-top-left-radius: 20px;
      -moz-border-top-left-radius: 20px;
      border-top-left-radius: 20px;
      -webkit-border-top-right-radius: 20px;
      -moz-border-top-right-radius: 20px;
      border-top-right-radius: 20px;
    }
    .uploadModal .upload-content { padding:25px 15px; }
    .uploadModal .upload-close {display: none;}
    .uploadModal .cl-mobile-btn {
      position: absolute;
      top: 0;
      width: 100%;
      display: block;
      padding: 13px 20px;
      font-size: inherit;
      line-height: 1;
      text-align: right;
      text-shadow: none;
      z-index: 1060;
    }
    .uploadModal .cl-mobile-btn svg {
      fill: #fff;
      cursor: pointer;
    }
}

/* addr search modal */
.addr-modal-backdrop {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: #000000;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  z-index: 9999;
}
.addr-modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
#addr-modal {
  width: 505px;
  height: 490px;
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  background-color: #fff;
  overflow: hidden;
  position: fixed;
  top: 40%; left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9999;
}
#addr-modal > .close {
  position: absolute;
  font-size: 13px;
  font-weight: normal;
  vertical-align: middle;
  line-height: 1.8;
  top: 1px; right: 0; left: 0;
  display: inline-block;
  width: 100%; height: 40px;
  text-align: center;
  padding: 5px 10px 10px;
  background-color: #fff;
  opacity: 1;
  z-index: 1051;
  cursor: default;
}
#addr-modal > .close > #btn-addr-close {
  cursor: pointer;
  display: inline-block;
  float: right;
}
#addr-body { 
  padding-top: 40px;
  margin-left: 1px;
  width: auto; height: 100%; 
}

/*mobileToggleMenu*/
.mobile-detail-popup {
    font-family: 'Noto Sans KR',sans-serif; 
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    overflow:hidden;
    background-color:#eeeff3;
    z-index:200;
    display:none;
}
.mobile-detail-popup.mobilemng-uadmin {height:auto;}
#eventNotice.forms {display: none;}
.m-headerClose {display: none;}


/*********************** 공통 event modal css START ************************/
/***************************************************************************/
#eventNotice { 
    position: absolute;
    top: 390px; left: 20px;
    text-align: center;
    display: inline-block;
    max-width: 130px;
    min-height: 90px;
    z-index: 1;
    width: 130px;
}
#eventNotice li { margin-bottom:10px; position: relative; }
#eventNotice li:last-child { margin-bottom:0px; }
#eventNotice.gabia-popup { top: 350px !important; }
#eventNotice li span.point { color:#63acf4 !important; }
#eventNotice.en {display: none;}
#eventNotice .ev-content {
    /*padding:18px 10px 18px 10px;*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*border: 1px solid #dbdbdb;*/
    background-color:#fff;
}
#eCommerceBeta .ev-content *,
#eCommerceOpen .ev-content *,
#eventNotice .ev-content * {
    font-family: 'Noto Sans', 'Noto Sans KR';
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.02em;
    color: #939495;
    line-height: 1.2;
}
#eCommerceBeta .ev-content .btn-box,
#eCommerceOpen .ev-content .btn-box,
#eventNotice .ev-content .btn-box {
    z-index : 99;
    text-align: right;
    line-height: 1;
}
#eventNotice .ev-content .btn-box {
    z-index : 99;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 18px;
    text-align: center;
}
#eCommerceBeta .ev-content .btn-box .btn-en-close,
#eCommerceOpen .ev-content .btn-box .btn-en-close,
#eventNotice .ev-content .btn-box .btn-en-close { cursor: pointer; }
#eventNotice .ev-content .text-box { padding: 18px 10px 18px 10px; }
#eventNotice .ev-content .text-box a { text-decoration: none; color: inherit; line-height: 1.3; }
#eventNotice .ev-content .text-box a span {  font-weight: 300; color: #212327;}
#eventNotice  .ev-content.shoppingEv .text-box .shoppingOp_banner span.banner_smtext { color:#fff; font-weight: 500;}
#eCommerceBeta .ev-content .btn-box .btn-en-close.big-close,
#eCommerceOpen .ev-content .btn-box .btn-en-close.big-close,
#eventNotice .ev-content .btn-box .btn-en-close.big-close,
#eventNotice .ev-content .text-box .big-arrow { display: none; }
#eventNotice.en .ev-content.cs { display: none; }
#eventNotice .ev-content.cs {
    border-top: 1px solid #dbdbdb;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #ecf7fe;
}
#eventNotice .ev-content.cs .text-box > a > .line:nth-child(3) { font-size: 13px; margin-top: 7px;}
#eventNotice .ev-content.cs .text-box > a > .line:nth-child(3) > .fa { font-family: 'FontAwesome'! important; font-size: 12px; margin-left: 4px;}
#eCommerceBeta .ev-content.betasm,
#eventNotice .ev-content.betasm {
    background-color: #f02fc2; /* Old browsers */
    background-image: -webkit-linear-gradient(left, #f02fc2, #6094ea);  /* Safari 5.1 ~ 6.0, chrome 10.0~25 */
    background-image: -moz-linear-gradient(left, #f02fc2, #6094ea); /* Firefox 3.6 ~ 15 */
    background-image: -o-linear-gradient(left, #f02fc2, #6094ea); /* Opera 11.1~ 12.0 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f02fc2', endColorstr='#6094ea', GradientType=1); /*IE6~8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f02fc2', endColorstr='#6094ea')"; /*IE8+*/
    background-image: linear-gradient(to left, #f02fc2, #6094ea);
    color: #fff;
}
#eCommerceBeta .ev-content.betasm .text-box .betasm-txt,
#eventNotice .ev-content.betasm .text-box .betasm-txt { color: #fff; vertical-align: text-bottom; }
#eCommerceBeta .ev-content.betasm .text-box .betasm-txt img,
#eventNotice .ev-content.betasm .text-box .betasm-txt img { margin: 0 14px 0 7px; display: inline-block; }
#eventNotice .ev-content.betasm { display: none; }
#eventNotice .ev-content.betasm .btn-box > span { display: none; }
#eventNotice .ev-content.betasm .text-box .betasm-txt img { max-width: 40px; }
#eCommerceBeta { text-align: center; }
#eCommerceBeta .ev-content.betasm { padding: 31px 15px 29px; }
#eCommerceBeta .ev-content.betasm .eventpage-ban { position: relative; }
#eCommerceBeta .ev-content.betasm .btn-box { position: absolute; top: 4px; right: 33px; }
#eCommerceBeta .ev-content.betasm .btn-box > span { 
    color: #fff; 
    margin-right: 9px; 
    cursor: pointer;
    font-size: 14px;
}
#eCommerceBeta .ev-content.betasm .text-box { margin: 0 24%; width: auto; position: relative; }
#eCommerceBeta .ev-content.betasm .text-box .betasm-txt { 
    font-family: 'Noto Sans KR';
    font-size: 21px; 
    letter-spacing: -0.53px; 
    line-height: 1.02; 
}
#eCommerceBeta .ev-content.betasm .text-box .betasm-txt img { margin-top: -6px; }
#eCommerceBeta .ev-content.betasm .text-box .btn-more {
    position: absolute;
    top: -7px; right: 15px;
    display: inline-block;
    min-width: 143px;
    line-height: 1.2;
    padding: 10px 15px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    cursor: pointer;
    display: none;
}
#eCommerceBeta .ev-content.betasm .text-box .btn-more > img { margin-top: -1px; margin-left: 12px; }

#eventNotice.ev-intro.bnHide { display: none !important; }

/*eCommerceOpen*/
#eCommerceOpen .ev-content.shoppingEv,
#eventNotice .ev-content.shoppingEv {
    /*background-color: #f02fc2; /* Old browsers *
    background-image: -webkit-linear-gradient(left, #f02fc2, #6094ea);  /* Safari 5.1 ~ 6.0, chrome 10.0~25 *
    background-image: -moz-linear-gradient(left, #f02fc2, #6094ea); /* Firefox 3.6 ~ 15 *
    background-image: -o-linear-gradient(left, #f02fc2, #6094ea); /* Opera 11.1~ 12.0 *
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f02fc2', endColorstr='#6094ea', GradientType=1); /*IE6~8*
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f02fc2', endColorstr='#6094ea')"; /*IE8+*
    background-image: linear-gradient(to left, #f02fc2, #6094ea);*/
    background-image: url(//storage.googleapis.com/i.addblock.net/shopping_event/sh_page_banner_pc.png);
    background-position: center center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    background-size: auto 100%;
    color: #fff;
}
#eCommerceOpen .ev-content.shoppingEv .text-box .shoppingOp_banner,
#eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner {
  color: #fff; vertical-align: text-bottom;
  display: flex;
  justify-content: center;
  align-items: center;
}
#eCommerceOpen .ev-content.shoppingEv .text-box .shoppingOp_banner img {margin: 0;}
#eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner img {margin: 0 14px 0 7px;}
#eCommerceOpen .ev-content.shoppingEv .text-box .shoppingOp_banner img,
#eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner img {  display: inline-block; }
#eventNotice .ev-content.graduEv,
#eventNotice .ev-content.shoppingEv { display: none; }
#eventNotice .ev-content.graduEv .btn-box > span,
#eventNotice .ev-content.shoppingEv .btn-box > span { display: none; }

#eventNotice .ev-content.shoppingEv .text-box .graduEv_banner img,
#eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner img { max-width: 40px; }

#eCommerceOpen .ev-content.graduEv,
#eventNotice .ev-content.graduEv {
    background-color: #55a1ff; /* Old browsers */
}
#eventNotice .ev-content.graduEv img {  display: inline-block; height:100%; }
#eventNotice .ev-content.graduEv .text-box .graduEv_banner img { max-width: 40px; }
#eventNotice .ev-content.graduEv .text-box .graduEv_banner img.gradu_pc { display: inline-block; }
#eventNotice .ev-content.graduEv .text-box .graduEv_banner img.gradu_m { display: none; }

#eventNotice  .ev-content.graduEv .text-box a,
#eventNotice  .ev-content.shoppingEv .text-box a,
#eCommerceOpen .ev-content.graduEv .text-box a,
#eCommerceOpen .ev-content.shoppingEv .text-box a { top:0; bottom: 0; left: 0; right:0; position: absolute; }

#eCommerceOpen { text-align: center; }
#eCommerceOpen.rolling {
    z-index: 101;
    overflow: hidden;
    position: relative;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    height: 80px;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
}

#eCommerceOpen.rolling ul {
  position: absolute;
  width:100%;
}

#eCommerceOpen .ev-content.graduEv,
#eCommerceOpen .ev-content.shoppingEv { position: relative; }
#eCommerceOpen .ev-content.graduEv .eventpage-ban,
#eCommerceOpen .ev-content.shoppingEv .eventpage-ban { position: relative; }
#eCommerceOpen .ev-content.graduEv .btn-box,
#eCommerceOpen .ev-content.shoppingEv .btn-box { 
    position: absolute; 
    top:50%; 
    right: 2%; 
    transform: translateY(-50%);
}
#eCommerceOpen .ev-content.graduEv .btn-box > span,
#eCommerceOpen .ev-content.shoppingEv .btn-box > span { 
  color: #fff; 
  margin-right: 9px; 
  cursor: pointer;
  font-size: 14px;
}
#eCommerceOpen .ev-content.shoppingEv .btn-box > span {
  color:#222428;
  font-weight: normal;
}
#eCommerceOpen .ev-content.shoppingEv .btn-box > span + svg { width:10px; height:10px; }
#eCommerceOpen .ev-content.graduEv .text-box,
#eCommerceOpen .ev-content.shoppingEv .text-box {
    width: auto;
    position: relative;
    height: 80px; 
    padding-top: 1px;
}
#eCommerceOpen .ev-content.graduEv .text-box .graduEv_banner span {
  color:#fff; font-size:21px; letter-spacing: -0.53px;
}
#eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner p,
#eCommerceOpen .ev-content.shoppingEv .text-box .shoppingOp_banner p {
  font-family: Pretendard;
  font-size: 26px;
  color: #373d46;
  letter-spacing: 0;
  margin:0;
}
#eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner span,
#eCommerceOpen .ev-content.shoppingEv .text-box .shoppingOp_banner span {
  font-family: Pretendard;
  color:#4789e7; font-weight: bold; font-size: 26px;
}
#eCommerceOpen .ev-content.shoppingEv .text-box .btn-more {
    position: absolute;
    top: -7px; right: 15px;
    display: inline-block;
    min-width: 143px;
    line-height: 1.2;
    padding: 10px 15px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    cursor: pointer;
    display: none;
}
#eCommerceOpen .ev-content.betasm .text-box .btn-more > img { margin-top: -1px; margin-left: 12px; }
#eventNotice .hmCreate-video {
    /*padding:5px 10px 18px 10px;*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*border: 1px solid #dbdbdb;*/
    background-color: #ffffff;
}
#eventNotice .hmCreate-video *,
#eventNotice .hmCreate-popup-gabia *,
#eventNotice .hmCreate-popup * {
    font-family: 'Noto Sans', 'Noto Sans KR';
    font-size: 15px;
    letter-spacing: -0.02em;
    color:#939495;
}
#eventNotice .hmCreate-video .btn-box {
    /*text-align: right; line-height: 0; margin: 3px 0 2px;*/
    position: absolute;
    right: 2px;
    top: 2px;
    width: 18px;
    z-index: 99;
    line-height: 1.2;
}
#eventNotice .hmCreate-video .btn-box .btn-en-close { cursor: pointer; }
#eventNotice .hmCreate-video .hmCreate-popup,
#eventNotice .hmCreate-video .hmCreate-popup-gabia { padding:18px 10px 18px 10px; }
#eventNotice .hmCreate-video .hmCreate-popup a,
#eventNotice .hmCreate-video .hmCreate-popup-gabia a { text-decoration: none; color: inherit; line-height: 1.3; }
#eventNotice .hmCreate-video .hmCreate-popup a span,
#eventNotice .hmCreate-video .hmCreate-popup-gabia a span{ font-weight: 600; color: #212327;}
#eventNotice .hmCreate-video .btn-box .btn-en-close.big-close,
#eventNotice .hmCreate-video .hmCreate-popup .big-arrow { display: none;}
#eventNotice .hmCreate-video .hmCreate-popup .line,
#eventNotice .hmCreate-video .hmCreate-popup-gabia .line {
    /*margin-left:3px;
    line-height: 1.3;
    padding:2px 0px 0px 0px;*/
    font-weight: 400;
    line-height: 1.2;
}
#eventNotice .hmCreate-video.hmpopup { border-top: 1px solid #dbdbdb; padding-top: 15px; padding-bottom: 15px;}
#eventNotice .hmCreate-video {margin-top:10px;}

/*dashboard banner renewal*/
.bannercarousel { position: relative; }
.vertical .carousel-inner { height: 100%; }
.bannercarousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}
.bannercarousel.vertical .active { top: 0; }
.bannercarousel.vertical .next { top: 80px; }
.bannercarousel.vertical .prev { top: -80px; }
.bannercarousel.vertical .next.left,
.bannercarousel.vertical .prev.right { top: 0; }
.bannercarousel.vertical .active.left { top: -80px; }
.bannercarousel.vertical .active.right { top: 80px; }
.bannercarousel.vertical .item { left: 0; }

.bannercarousel .item {
  -webkit-transition: 0.8s ease-in-out left;
     -mos-transition: 0.8s ease-in-out left;
      -ms-transition: 0.8s ease-in-out left;
       -o-transition: 0.8s ease-in-out left;
          transition: 0.8s ease-in-out left;
}


.bannercarousel.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.bannercarousel.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.bannercarousel.carousel-fade .carousel-inner .active.left,
.bannercarousel.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.bannercarousel.carousel-fade .carousel-inner .next.left,
.bannercarousel.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.bannercarousel.carousel-fade .carousel-control {
  z-index: 1;
  opacity: 1;
}

.bannercarousel .carousel-control.right,
.bannercarousel .carousel-control.left { background:none; }
.bannercarousel .carousel-textbox {
  max-width:530px; width:100%; margin:auto; text-align:center; font-size:28px;  font-family: 'Pretendard';
  display: flex; align-items: center; height: 100%;  justify-content: center; position: relative; flex-direction: column;
}
.bannercarousel .carousel-textbox:before {
  content:''; position: absolute; top:0; bottom:0; right:0; left: 0;
}
.bannercarousel.slide .carousel-inner,
.bannercarousel.slide .carousel-inner .item { width: 100%; height:80px; }
.bannercarousel.slide .carousel-inner { height:auto; }
.bannercarousel.slide .carousel-inner .item.bg {
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
}
.bannercarousel .edu-banner { background-image: url(//storage.googleapis.com/i.addblock.net/sm_topbanner_edu.png?1); }
.bannercarousel .shopping-banner { background-image: url(//storage.googleapis.com/i.addblock.net/sm_topbanner_shop.png?1); }
.bannercarousel .shopping-banner2 { background-image: url(//storage.googleapis.com/i.addblock.net/shopping_event/sh_page_banner_pc.png); }
.bannercarousel .modoo-banner { background-image: url(//storage.googleapis.com/i.addblock.net/modoo_banner.png); }

.bannercarousel .carousel-indicators { display: none; }
.bannercarousel .carousel-indicators li {
 width: 6px;
 height: 6px;
 background-color: rgba(255,255,255,0.2);
 border: 0;
 margin: 0 6px 1px 0;
}
.bannercarousel .carousel-indicators li:last-child { margin-right: 0; }
.bannercarousel .carousel-indicators li.active { background-color: rgba(255,255,255,1); }
.bannercarousel.dark-theme .carousel-indicators li { background-color: rgba(33, 35, 39,0.2); }
.bannercarousel.dark-theme .carousel-indicators li.active { background-color: rgba(33, 35, 39,1); }

.bannercarousel .carousel-control { display: flex; align-items: center; --object-position: 968px; }
.bannercarousel .carousel-control > span {  }
.bannercarousel .carousel-control.left { left: 50%; transform: translateX(-50%); margin-left: calc(-48px - var(--object-position) / 2); width: 0px; }
.bannercarousel .carousel-control.right { right: 50%; transform: translateX(-50%); margin-right: calc(-0px - var(--object-position) / 2); width: 0px; }

.bannercarousel .carousel-control > span svg {fill:rgb(255, 255, 255, 0.1);}
.bannercarousel .carousel-control > span svg > path { fill:#fff; }

.bannercarousel.dark-theme .carousel-control > span svg {fill:rgb(34, 36, 40, 0.2);}
.bannercarousel.dark-theme .carousel-control > span svg > path { fill:#fff; }
.bannercarousel.dark-theme .carousel-control > span:hover svg {fill:rgb(34, 36, 40, 0.4);}

.bannercarousel .carousel-control,
.bannercarousel .carousel-control:hover,
.bannercarousel .carousel-control:focus { opacity: 1; }
.bannercarousel .carousel-control:hover > span svg {fill:rgb(255, 255, 255, 0.3);}
.bannercarousel.dark-theme .carousel-control:hover > span svg {fill:rgb(33, 35, 39, 0.3);}

.bannercarousel .carousel-inner .text { background-color: #eef0f4; }
.bannercarousel .carousel-inner .text .carousel-textbox { color:#212327; font-weight:bold; }
.bannercarousel .carousel-inner .text .carousel-textbox span > b { color:#4789e7; }
/*.bannercarousel .only-mobile { display:none; }*/

.carousel-control.left,
.carousel-control.right {
    /*transition: fill 0.6s linear;  페이드 효과를 위한 transition 속성 추가 */
}

.bannercarousel .btn-box {
  position: absolute; top: 50%; right: 40px; transform: translateY(-50%); font-family: 'Noto Sans KR'; color:#fff; font-size:0px;line-height: normal;
  display: flex; align-items: center;z-index: 10; cursor: pointer;
}
.bannercarousel .btn-box span { font-size:14px; padding-right:9px; color:#fff; }
.bannercarousel .btn-box svg { width:15px; height:15px; fill:#fff; }
.bannercarousel.dark-theme .btn-box span { font-size:14px; padding-right:9px; color:#222428; }
.bannercarousel.dark-theme .btn-box svg { fill:#212327; }
/*.bannercarousel .trans { -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; }*/
.bannercarousel .shopping-banner .carousel-textbox { color:#fff; }
.bannercarousel .shopping-banner2 .carousel-textbox span {
  font-family: Pretendard;
  font-size: 26px;
  color: #373d46;
  letter-spacing: 0;
  margin:0;
}
.bannercarousel .shopping-banner2 .carousel-textbox span > b { color:#4789e7; font-weight: bold; }

.bannercarousel .modoo-banner .carousel-textbox .point { color: #00de5a; }
.bannercarousel .modoo-banner .carousel-textbox span {
  font-family: Pretendard;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: -0.52px;
  line-height: 1.19;
  color: #222428;
}
.bannercarousel .modoo-banner .carousel-textbox span > b { font-weight: 800; }
.bannercarousel .modoo-banner .carousel-textbox span.point { font-size: 17px; font-weight: bold; letter-spacing: -0.34px; }

.bannercarousel.en,
.bannercarousel.bnHide,
#pc-banner-popup.en { display: none; }



#pc-banner-popup { 
    position: absolute;
    top: 10px; left: 20px;
    text-align: center;
    display: inline-block;
    min-height: 90px;
    z-index: 1;
    width: 130px;
}
#pc-banner-popup li { margin-bottom:10px; position: relative; list-style: none;}
#pc-banner-popup li:last-child { margin-bottom:0px; }
#pc-banner-popup li span.point { color:#63acf4 !important; }
#pc-banner-popup.en {display: none;}
#pc-banner-popup .ev-content,
#pc-banner-popup .hmCreate-video {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color:#fff;
}
#pc-banner-popup .ev-content *,
#pc-banner-popup .hmCreate-video * {
    font-family: 'Noto Sans', 'Noto Sans KR';
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #696C71;
    line-height: 1.2;
}
#pc-banner-popup .ev-content .btn-box,
#pc-banner-popup .hmCreate-video .btn-box {
    z-index : 99;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 18px;
    text-align: center;
}
#pc-banner-popup .ev-content .btn-box .btn-en-close,
#pc-banner-popup .hmCreate-video .btn-box .btn-en-close, { cursor: pointer; }
#pc-banner-popup .ev-content .text-box,
#pc-banner-popup .hmCreate-video .hmCreate-popup { padding: 18px 10px 18px 10px; }
#pc-banner-popup .hmCreate-video .hmCreate-popup a,
#pc-banner-popup .ev-content .text-box a { text-decoration: none; color: inherit; line-height: 1.3; }
#pc-banner-popup .ev-content .text-box a span {  font-weight: 400; color: #212327;}
#pc-banner-popup .hmCreate-video .hmCreate-popup a span { font-weight: 600; color: #212327;}

#pc-banner-popup .hmCreate-video.hmpopup { border-top: 1px solid #dbdbdb; padding-top: 15px; padding-bottom: 15px;}
#pc-banner-popup .hmCreate-video {margin-top:10px;}

@media only screen and (max-width:1439px) {
  .bannercarousel .btn-box { right:20px; }

  .bannercarousel.slide .carousel-inner,
  .bannercarousel.slide .carousel-inner .item { height:60px; }
  .bannercarousel.vertical .next { top: 60px; }
  .bannercarousel.vertical .prev { top: -60px; }
  .bannercarousel.vertical .active.left { top: -60px; }
  .bannercarousel.vertical .active.right { top: 60px; }

  .bannercarousel .carousel-textbox { font-size:20px; }
  .bannercarousel .shopping-banner2 .carousel-textbox span { font-size: 20px; }
  .bannercarousel .modoo-banner .carousel-textbox span { font-size: 20px; }
  .bannercarousel .modoo-banner .carousel-textbox span.point { font-size: 14px; letter-spacing: -0.28px; }
  .bannercarousel .carousel-control { --object-position: 588px; }
}
@media only screen and (max-width:1299px) {
  #pc-banner-popup { display:none; }
}
@media only screen and (max-width:1199px) {
  .bannercarousel .btn-box svg { width:24px; height:24px; }
  .bannercarousel .btn-box span { display:none; }
  .bannercarousel .carousel-control > span svg { width:38px; height:38px; }
  .bannercarousel .edu-banner { background-image: url(//storage.googleapis.com/i.addblock.net/sm_topbanner_edu_m.png?1); }
  .bannercarousel .shopping-banner { background-image: url(//storage.googleapis.com/i.addblock.net/sm_topbanner_shop_m.png?1); }
  /*.bannercarousel .only-mobile { display:block; }*/
  .bannercarousel .carousel-control { --object-position: 516px; }
  .bannercarousel .carousel-control.left { margin-left: calc(-38px - var(--object-position) / 2); }

  .bannercarousel .carousel-textbox { font-size:18px; }
  .bannercarousel .shopping-banner2 .carousel-textbox span { font-size: 18px; }
  .bannercarousel .modoo-banner .carousel-textbox span { font-size: 18px; }
}
@media only screen and (max-width:991px) {
  .bannercarousel .carousel-control { --object-position: 512px; }
  .bannercarousel .shopping-banner2 .carousel-textbox span { font-size: 14px; }

  .bannercarousel .carousel-textbox { font-size:16px; }
  .bannercarousel .shopping-banner2 .carousel-textbox span { font-size: 16px; }
  .bannercarousel .modoo-banner .carousel-textbox span { font-size: 16px; }
  .bannercarousel .modoo-banner .carousel-textbox span.point { font-size: 13px; }
}
@media only screen and (max-width:767px) {
  /*.bannercarousel .carousel-textbox { font-size:15px; padding-bottom:10px; }*/
  .bannercarousel .carousel-textbox { transform: translateY(-5px); }
  .bannercarousel .carousel-control { display: none; }
  .bannercarousel .carousel-indicators { display: block; bottom: -1px; }

  .bannercarousel .carousel-textbox { font-size:14px; }
  .bannercarousel .shopping-banner2 .carousel-textbox span { font-size: 14px; }
  .bannercarousel .modoo-banner .carousel-textbox span { font-size: 14px; }
  .bannercarousel .modoo-banner .carousel-textbox span.point { font-size: 12px; }
  .bannercarousel .btn-box svg { width:20px; height:20px; }
  .bannercarousel .btn-box { right:15px; }
}
@media only screen and (max-width:480px) {
  .bannercarousel .shopping-banner2 { background-image: url(//storage.googleapis.com/i.addblock.net/shopping_event/sh_page_banner_m.png); }
}



/*gabia 홈페이지 팝업*/
.modal-default .modal-dialog.videobox-gabia h3.modal-title { font-size: 30px; margin: 25px 0 40px 0; letter-spacing: -0.5px;}
.modal-default .modal-dialog.videobox-gabia .modal-content .modal-body{ padding: 0 50px 50px 50px;}

@media only screen and (min-width:1441px) {
  #eventNotice.up { top: 320px; }
}
@media only screen and (min-width:1441px) and (max-width:1620px) {
    #eventNotice { min-width: inherit; max-width: 120px; }
}
@media only screen and  (min-width:1024px) and (max-width:1600px) {
    .homep-creatediv .tab-content .step-info {  display:none !important;}
}
@media only screen and (max-width:1440px) {
    .navigation { top: 26%! important; }
    #eventNotice { 
        z-index: 101;
        overflow: hidden;
        vertical-align: top;
        position: relative; 
        display: block; 
        top:0; left:0; right:0; 
        width: 100%;
        max-width: 100%;
        min-height: 0;
        height: 50px;
        padding: 15px 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: none;
        /* border-bottom: 1px solid #dbdbdb; */
    }
    #eventNotice ul {
        position: absolute;
        top: 0;
        width: 100%;
        height:150px;
    }
    #eventNotice li {
        padding: 15px 0;
        width: 100%;
        height:50px;
        display:block;
    }
    #eventNotice .ev-content *,
    #eventNotice .hmCreate-popup * ,
    #eventNotice .hmCreate-popup-gabia * { font-size: 16px; line-height: 1.2; }
    #eventNotice .ev-content {
        padding: 15px 0;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        border:none;
    }
    #eventNotice .ev-content .btn-box { 
        position: absolute;
        right: 35px;
        display: inline-block;
        top: unset;
    }
    #eventNotice .ev-content .text-box { padding: 0px; }
    #eventNotice .ev-content .text-box a .line { display: inline-block; }
    #eventNotice .ev-content .text-box .line { display: inline-block; }
    #eventNotice .ev-content .btn-box .btn-en-close.small-close,
    #eventNotice .ev-content .text-box .small-arrow { display: none; }
    #eventNotice .ev-content .btn-box .btn-en-close.big-close,
    #eventNotice .ev-content .text-box .big-arrow { display: inline-block;}
    #eventNotice .ev-content .text-box .big-arrow { margin-bottom: 3px; }
    #eventNotice .ev-content.cs { display: none; }
    #eventNotice .ev-content.betasm { display: block; }
    #eventNotice .ev-content.betasm .text-box .betasm-txt { cursor: pointer; display: inline-block; }
    #eventNotice .ev-content.betasm .text-box .btn-more { display: none; }
    #eCommerceBeta { display: none; }
    #eventNotice .ev-content.shoppingEv,
    #eventNotice .ev-content.graduEv { display: block; padding:0;}
    #eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner p,
    #eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner span { font-size: 16px; }
    #eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner img {
        margin: 0 auto;
        max-width: 100%;
        height:50px;
    }
    #eventNotice .ev-content.graduEv .text-box .graduEv_banner img { 
        margin: 0 auto;
        max-width: 100%;
        height:50px;
    }
    #eventNotice .ev-content.shoppingEv .btn-box { display: flex; align-items: center; height: 100%; }
    #eCommerceOpen .ev-content.shoppingEv .btn-box > span + svg { width:16px; height:16px; }
    #eventNotice .ev-content.graduEv .btn-box .btn-en-close.big-close, #eventNotice .ev-content.graduEv .btn-box .big-arrow, 
    #eventNotice .ev-content.shoppingEv .btn-box .btn-en-close.big-close, #eventNotice .ev-content.shoppingEv .text-box .big-arrow {margin-top:13px;}
    #eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner { 
        cursor: pointer; 
        /*display: inline-block; 
        line-height: 1;*/
        height: 100%;
    }
    #eventNotice .ev-content.shoppingEv .text-box .btn-more { display: none; }
    #eCommerceOpen,
    #eCommerceOpen.rolling { display: none; }
    #eventNotice .hmCreate-video {
        padding:15px 0;
        position: relative;
        margin-top: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        border:none;
    }
    #eventNotice li span.point { font-weight: bold; }
    #eventNotice .hmCreate-video * { font-size: 16px; line-height: 1.2; }
    #eventNotice .hmCreate-video .btn-box { position: absolute;top: 15px; right: 35px;display: inline-block;}
    #eventNotice .hmCreate-video .hmCreate-popup,
    #eventNotice .hmCreate-video .hmCreate-popup-gabia { padding:0px; }
    #eventNotice .hmCreate-video .hmCreate-popup .line {
        display: inline-block;
    }
    #eventNotice .hmCreate-video .btn-box .btn-en-close.small-close,
    #eventNotice .hmCreate-video .hmCreate-popup .small-arrow { display: none;}
    #eventNotice .hmCreate-video .btn-box .btn-en-close.big-close,
    #eventNotice .hmCreate-video .hmCreate-popup .big-arrow { display: inline-block;}
    #eventNotice .hmCreate-video .hmCreate-popup .big-arrow { margin-bottom: 3px; }
    #eventNotice br.visible-pc {display : none;}
    #eventNotice .hmCreate-video .btn-box {margin-top: 0px; margin-bottom: 0px;}
    #eventNotice .ev-content .text-box .line,
    #eventNotice .ev-content .text-box a span,
    #eventNotice .hmCreate-video .hmCreate-popup .line { color:#212327; font-weight:600; } 
}

@media only screen and (max-width:1024px) {
    #eventNotice .hmCreate-video .hmCreate-popup .line {padding:0px;}
}

@media only screen and (max-width:991px) {
    #eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner p,
    #eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner span { font-size: 14px; }
}

@media only screen and (max-width:768px) {
    #eventNotice .ev-content *,
    #eventNotice .hmCreate-popup *,
    #eventNotice .hmCreate-popup-gabia * { font-size: 14px; }
    #eventNotice .ev-content .btn-box { padding-top: 0; right: 21px; padding-bottom: 0; }
    #eventNotice .ev-content .btn-box img { max-width: 14px; }
    #eventNotice .ev-content .text-box { /* max-width: 76%;  */margin: 0 auto; line-height: 1.6;}
    #eventNotice .ev-content .text-box .big-arrow { max-width: 15px; }
    #eventNotice .ev-content.graduEv .btn-box .btn-en-close.big-close, #eventNotice .ev-content.graduEv .btn-box .big-arrow,
    #eventNotice .ev-content.shoppingEv .btn-box .btn-en-close.big-close, #eventNotice .ev-content.shoppingEv .text-box .big-arrow {margin-top:17px;}
    #eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner img {display: inline-block;}
    #eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner .shopping_evlink {display: none;}

    #eventNotice .ev-content.shoppingEv .btn-box > span + svg { width:13px; height:13px; }

    #eventNotice .ev-content.graduEv .text-box .graduEv_banner img.gradu_pc { display: none; }
    #eventNotice .ev-content.graduEv .text-box .graduEv_banner img.gradu_m { display: inline-block; }

    #eventNotice.ev-intro { padding-bottom: 10px;}
    #eventNotice .hmCreate-video * { font-size: 14px; }
    #eventNotice .hmCreate-video .btn-box { padding-top:2px; right: 25px; padding-bottom: 0; }
    #eventNotice .hmCreate-video .btn-box img { max-width: 14px; }
    #eventNotice .hmCreate-video .hmCreate-popup,
    #eventNotice .hmCreate-video .hmCreate-popup-gabia { max-width: 76%; margin: 0 auto; line-height: 1.6;}
    #eventNotice .hmCreate-video .hmCreate-popup .big-arrow { max-width: 15px; }
    #eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner span.banner_smtext {
        font-size:13px;
        color:#fff;
        font-weight: 500;
        margin-left: -4px;
        margin-top: 19px;
        display: inline-block;
    }  
    .modal-default .modal-dialog.videobox-gabia h3.modal-title {     
        font-size: 20px;
        margin: 25px 0;
    }
    .modal-default .modal-dialog.videobox-gabia .modal-content .modal-body { padding: 0 15px 15px 15px; }

    
}

@media only screen and (max-width:480px) {
    #eventNotice .ev-content.graduEv .text-box .graduEv_banner img {max-width:74%;height: auto;}
    #eCommerceOpen .ev-content.shoppingEv,
    #eventNotice .ev-content.shoppingEv {
        background-image: url(//storage.googleapis.com/i.addblock.net/shopping_event/sh_page_banner_m.png);
    }
}
@media only screen and (max-width:390px) {
    #eventNotice .ev-content.graduEv .text-box .graduEv_banner img { margin-top: 5px; }
    #eventNotice .ev-content.shoppingEv .text-box .shoppingOp_banner img {max-width:76%;margin-top: 2px;height: auto;}
    #eventNotice .ev-content .btn-box {right: 21px;}
    #eventNotice .ev-content.shoppingEv .btn-box .btn-en-close.big-close, 
    #eventNotice .ev-content.shoppingEv .text-box .big-arrow {margin-top: 20px;}
}
/*********************** 공통 event modal css END ************************/
/*************************************************************************/


/*********************** 공통 checkbox/radio css START *******************/
/*************************************************************************/
.newcheckbox {  
    display: block;
    position: relative;
    min-height: 20px;
    margin-top: 3px; 
    margin-bottom: 2px;
    vertical-align: middle;
}
.newcheckbox label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1;
    color: #8c8c8c;
    vertical-align: middle;
    float: left;
}

.newcheckbox .newcheckboxSvgRadio {width: 18px; height: 18px;}
.newcheckbox .newcheckboxSvg {width: 16px; height: 16px;}
.newcheckbox .newcheckboxSvg,
.newcheckbox .newcheckboxSvgRadio {
    position: relative;
    float: left;    
    margin-right: 5px;
}
.kakao-wrap .newcheckboxSvg{margin-right: 8px;}

.newcheckbox input[type="checkbox"],
.newcheckbox input[type="radio"] {
    width: 16px;
    height: 16px;
    position: absolute;
    float: left;
    left: 0;
    margin: 0;
    line-height: normal;
    opacity: 0.00000001;
}
.newcheckbox input[type="checkbox"] ~ svg .st6,
.newcheckbox input[type="checkbox"].disabledCheckbox ~ svg.active .st6 {fill: #fff;}
.newcheckbox input[type="checkbox"].disabledCheckbox ~ svg .st19,
.newcheckbox input[type="checkbox"] ~ svg:not(.active) .st19 {fill: #dbdcdf;}
.newcheckbox input[type="checkbox"].disabledCheckbox ~ svg .st6 {fill: #f3f4f5;}

.newcheckbox svg {
    display: block;
    cursor: pointer;
    fill: #dbdcdf;
    position: absolute;
    top: 0;
    left: 0px;
    -webkit-transition: opacity 0.18s ease;
    -moz-transition: opacity 0.18s ease;
    -ms-transition: opacity 0.18s ease;
    -o-transition: opacity 0.18s ease;
    transition: opacity 0.18s ease;
}
.newcheckbox svg.active { opacity: 0; fill: #4789e7; }
.newcheckbox input:checked ~ svg:not(.active) { opacity: 0; }
.newcheckbox input:checked ~ svg.active { opacity: 1; }
.newcheckbox input[type="checkbox"].error:not(:checked) ~ svg:not(.active) { fill: #ee445f; }
.newcheckbox.disabled {opacity: 0.3;}


.bootstrap-select .btn.btn-default.dropdown-toggle.disabled { background-color:#F3F4F5 !important; border:1px solid #DBDCDF !important; opacity: 1;}
.kakao-wrap .bootstrap-select .btn.btn-default.dropdown-toggle.disabled{
background-color: #f3f4f5!important;
color: #b1b3b7!important;
border: 1px solid #dbdcdf!important;
}
/************************* 공통 selectbox css START **********************/
/*************************************************************************/
.common-selectbox { 
    position: relative;
    text-align: left;
    float: left;
    width: 100%;
}
.common-selectbox > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; max-width: 150px; height: 48px;}
.common-selectbox.nonplace-holder > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {height: 40px;}
.common-selectbox > .bootstrap-select .dropdown-toggle .bs-caret { display: none; }
.common-selectbox > .bootstrap-select .btn.btn-default,
.common-selectbox.point-holder > .bootstrap-select .btn.btn-default,
.common-selectbox.nonplace-holder > .bootstrap-select .btn.btn-default {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.common-selectbox > .bootstrap-select .btn.btn-default,
.common-selectbox > .bootstrap-select .btn.btn-default:hover,
.common-selectbox > .bootstrap-select .btn.btn-default:active,
.common-selectbox > .bootstrap-select .btn.btn-default.active {
    border:1px solid #dbdcdf;
    background-color: #ffffff !important;
    color: #696c71;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none!important;
    max-width: 150px;
    width: 100%;
    height: 50px;
    padding: 11px 19px;
    font-size: 14px;
}

.common-selectbox.point-holder > .bootstrap-select .btn.btn-default,
.common-selectbox.point-holder > .bootstrap-select .btn.btn-default:hover,
.common-selectbox.point-holder > .bootstrap-select .btn.btn-default:active,
.common-selectbox.point-holder > .bootstrap-select .btn.btn-default.active,
.common-selectbox.nonplace-holder > .bootstrap-select .btn.btn-default,
.common-selectbox.nonplace-holder > .bootstrap-select .btn.btn-default:hover,
.common-selectbox.nonplace-holder > .bootstrap-select .btn.btn-default:active,
.common-selectbox.nonplace-holder > .bootstrap-select .btn.btn-default.active {
    height: 40px;
    padding: 9px 15px;
    font-size: 13px;
}
.common-selectbox > .bootstrap-select.open .btn.btn-default,
.common-selectbox > .bootstrap-select.open > .dropdown-menu {
    border-color: #4789e7;
}
.common-selectbox > .bootstrap-select > .dropdown-menu {
    padding: 0;
    margin: 0;
    height: auto;
    max-height: 240px;
    border: 1px solid #dbdcdf;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.common-selectbox > .bootstrap-select .dropdown-menu > li > a {
    color: #222228;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding: 5px 18px;
    width: 100%;
    height:auto;
    cursor: pointer;
    overflow: hidden;

} 
.common-selectbox > .bootstrap-select .dropdown-menu > .active > a,
.common-selectbox > .bootstrap-select .dropdown-menu > .active > a:hover, 
.common-selectbox > .bootstrap-select .dropdown-menu > .active > a:focus {
    border-color: #d6d7d8;
    background-color: #f7f7f7;
}
.common-selectbox > svg { 
    position: absolute;
    top: 50%;
    left: 122px;
    fill: #696c71;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* .common-selectbox .common-value-box {
    width:260px;
    height:48px;
    background-color: #f3f4f5;
    border: solid 1px #dbdcdf;
    border-radius: 3px;
    margin-left: 7px;
    box-sizing: border-box;
} */
/************************ 공통 selectbox css END *************************/
/*************************************************************************/

/* 2.4 .dashboard subMenu [공통] **********************************************************************/
/*****************************************************************************************************/
.dashbottom-wrap {
    width:100%;
    background-color:#eff0f4;
    padding:20px 0px 100px 0px;
    font-family: 'Noto Sans KR','Noto sans','Open Sans', sans-serif;
}
.dashbottom-container {
    width:100%;
    max-width:945px;
    margin:0 auto;
    position:relative;
}

#section-top-menu {width:100%; overflow: hidden; background-color: #fff;}
.nav-container {
    margin-bottom:0;
    width:100%;
    padding: 10px 0 0 0;
    border-bottom:1px solid #eff4fb;
    height: 44px;
}
/*.sub-navbar { overflow: hidden; }*/
.sub-navbar > li { float:left; position:relative; padding:0 41px 11px;}
.sub-navbar > li.active > a {color:#3c4450;}
.sub-navbar > li > a {display:inline-block; color:#9ca3a9;font-size:13px;}
.sub-navbar > li.active:after {
    content: ' ';
    display:inline-block;
    position:absolute;
    right:0;
    bottom:-1px;
    left:0;
    background-color:#3c4450;
    background-clip:content-box;
    height: 3px;
    width: 100%;
}
.sub-navbar > li > a > div { width:auto; display:inline-block; position:relative;}

.submenu_navWrap {
    width:100%;
    max-width:947px;
    position:relative;
    z-index:1;
    left:0%;
    transform:translateX(0%);
    margin:0px;
    padding:30px 0px;
    background-color: #fff;
}
.submenu_nav { max-width: 100%; }
.submenu_nav .title {
    float: left;
    padding-left: 41px;
    padding-right: 58px; 
    color: #3c4450; 
    font-size: 22px;
}
.submenu_nav ul { width: auto; display: block; }
.submenu_nav li { display: inline-block; }
.submenu_nav li + li { padding-left: 28px; }
.submenu_nav .sub-menu { position: relative; color: #9ca3a9; font-size: 14px; }
.submenu_nav ul li:last-child { margin-right: 0; }
.submenu_nav .sub-menu:after {
    content: ' ';
    width:1px;
    height:12px;
    background-color: #82888d;
    position: absolute;
    top: 5px;
    margin: 0 14px;
}
.submenu_nav li:last-child .sub-menu:after {display: none;}
.submenu_nav .sub-menu-bar {
    float:left;
    width:1px;
    height:12px;
    background-color:#3c4450;
    position:relative;
    top:16px;
    margin-left:15px;
}
.submenu_nav .sub-menu.active {color:#3c4450;}
.mobile-title {
    width:100%;
    padding:12px 0px;
    font-size:24px;
    position:relative;
    background-color:rgb(255,255,255);
    overflow:hidden;
    display:none;
    color: #222428;
}
.top-nav {
    position:absolute;
    bottom:-80px;
    margin:0px;
    border:0px;
}
.top-nav > ul > li {
    width:120px;
    height:45px;
    text-align:center;
    font-weight:normal;
}

/* 2.5 .dashboard setting-box [공통] ******************************************************************/
/*****************************************************************************************************/
.setting-box {
    width:100%;
    padding:50px 40px 0 40px;
    float:left;
    background-color: #fff;
    border-top: 1px solid #eeeef0;  
    border-bottom: 1px solid #eeeef0;
}
.setting-box:is(.social) {
  border-top: none;
}
.setting-sub-box {width:100%;min-height:100px;display: inline-block;}
.setting-sub-box .setting-subInfoBox {
    margin-bottom: 50px;
    padding-bottom: 50px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #eeeef0;
}
.setting-sub-box .setting-subInfoBox:last-child {margin-bottom: 0;border-bottom: 0;padding-bottom: 50px;}
.setting-sub-title {
    width: 100%;
    max-width: 220px;
    font-size: 18px;
    float: left;
    color: #222428;
    font-weight: 400;
    margin-right: 40px;
    letter-spacing: -0.5px;
}

.setting-sub-title svg {
    position: absolute;
    margin-left: 5px;
    margin-top: 3px;
}
/* .setting-sub-contentWrap {
    width: calc(100% - 293px);
    max-width: calc(100% - 293px);
    float: left;
} */
.setting-sub-content {
    width: 100%;
    max-width: 440px;
    word-break: keep-all;
    float:left;
    display:inline-block;
    position:relative;
}
.setting-text-box {
    float:left;
    width:100%;
    position:relative;
    margin-bottom: 30px;
}
.setting-sub-content-title {
    font-size:13px;
    margin-bottom:10px;
    width:100%;
    float:left;
    color: #222428;
    font-weight: 400;
    position: relative;
}
.kakao-wrap .setting-sub-content-title{color: #696c71;}
.kakao-wrap .cl-common-form-wrap {
-webkit-border-radius: none; 
-moz-border-radius: none;
border-radius: none;
border: none;
}

.kakao-wrap .cl-common-form-wrap.nonplace-holder .cl-common-form-group {
    height: 40px;
    padding: 12px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dbdcdf;
}

.setting-sub-content-desc {
    line-height: 1.54;
    color: #696c71;
    font-size: 13px;
    font-weight: normal;
    word-break: keep-all;
}

@media only screen and (max-width: 767px) {
    .mobilemng-member {
      height: initial;
    }
    #addr-modal { height: 515px; max-width: 90%; max-height: 80%; top: 50%; }
    #addr-body > div {position: relative;}
    .flat-modal.cl-common-modal {
        z-index: 9999;
        position: fixed;
        left: 0px;
        top: 0px;
    }

    /*** mobileMenu ***/
    header.mobileNavDashHide,
    .mobileNavDashHide ~ .dashboard { display: none!important; }
    #eventNotice.shoppingevent,#eventNotice.forms {display: none; }
    .dashbottom-wrap {
        position: fixed;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        left: 0px;
        top: 0px;
        padding: 0px;
        z-index: 1010;
    }
    .dashbottom-wrap.mng-dashboardWrap { background-color: #fff; }
    .submenu_nav ul {
        width: max-content;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        padding:0;
    }
    .submenu_nav ul li {
        float: unset;
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: auto;
        height: 100%;
        position: relative;
    }
    .navbermenu-wrap { position: relative; float:left; /*margin-right: 14px;*/}
    .navbermenu-wrap a.navbar-toggle {margin:0; padding:7px 0 0px 0;}
    #popup-title {
        float: left;
        margin: 2px 0 0 0;
        padding: 0;
        border:none;
        width:auto;
        background-color:#fff;
    }
    .dashbottom-wrap .mobile-title {display:block; position: fixed; z-index: 9999;}
    #section-top-menu, .submenu_nav .title, .dot-menu {display:none;}
    .dashbottom-wrap .submenu_navWrap {
        font-size:16px;
        position:fixed;
        background-color:#eff0f4;
        padding:5px 15px 0px;
        overflow-x:auto;
        overflow-y:hidden;
        margin-top: 54px;
    }   
    .dashbottom-wrap .submenu_navWrap {
        -ms-overflow-style: none;
    }
    .dashbottom-wrap .submenu_navWrap::-webkit-scrollbar {
        display:none;
    }
    .submenu_nav .sub-menu {
        padding:8px 6px; 
        font-size: 16px;
        display:inline-block;
        color:#b1b3b7; 
        font-weight: 400;
    }
    .submenu_nav .sub-menu:after {
        display: none;
        content: ' ';
        width:1px;
        height:12px;
        background-color: transparent;
        position: absolute;
        top: 0px;
        margin: 0 14px;
    }
    .submenu_nav .sub-menu.active {border-bottom: 3px solid #4888e9;}
    .setting-box { padding: 0;}

    .setting-sub-title {
        padding: 0px;
        margin: 0 0 40px 0;
        max-width: 100%;
        position: relative;
        width: 100%;
    }
    .setting-sub-box { padding:30px 15px; }
    .setting-sub-box .setting-subInfoBox:first-child .setting-sub-title {margin-top: 35px;}
    .setting-sub-content {width:100%;max-width: 100%;}

    /*mypage mobile*/
    .help_page.container-fluid {padding-top: 100px;}
    .navbar_right .header_user {display: none;}
    .mobile-detail-popup {display:block;} 
    .mobile-detail-popup > .title {
        width: 100%;
        padding: 16px 0px;
        font-size: 20px;
        position: relative;
        background-color: rgb(255,255,255);
        overflow: hidden;
        margin-top: 0;
        margin-bottom: 0px;
    }
    .mobile-detail-popup.messagehead,
    .mobile-detail-popup.helphead {height:auto;}
    .mobile-detail-popup.mypagehead .mobile-popup-nav {height:47px;}
    .mobile-detail-popup .cl_icon_back {font-size:18px;}
    .mobile-title {
        width: 100%;
        padding: 12px 0px;
        font-size: 24px;
        position: relative;
        background-color: rgb(255,255,255);
        overflow: hidden;
        display: none;
        color: #222428;
    }
    .mobile-title span {position:relative;display:inline-block;padding-left:0;}
    .mobile-title span.cl_icon_menu {color:#222428; font-size:18px; float:left; cursor: pointer;}
    .mobile-title .m-menu-btn {fill:#222428;float: left; margin: 0 20px 0 20px;}
  
    .mobile-popup-nav {padding:0px 15px; height: 40px; }
    .mobile-popup-nav > .mpopupsub-nav {display:inline-block;height:100%;font-size:14px;}
    .mobile-popup-nav > .mpopupsub-nav > li {float:left;position:relative;}
    .mobile-popup-nav > .mpopupsub-nav > li > a {padding:8px 11px; display:inline-block;color:#82888d; font-weight: 500;letter-spacing: -0.5px;}
    .mobile-popup-nav > .mpopupsub-nav > li:last-child > a { padding-left: 6px; padding-right: 6px;}
    .mobile-popup-nav > .mpopupsub-nav > li.mpopup-menu > a {font-size:14px;}
    .mobile-popup-nav > .mpopupsub-nav > li.active > a {color:#222228;}
    .mobile-popup-nav > .mpopupsub-nav > li.active:after {content: ' ';display:inline-block;position:absolute;right:0;bottom:-1px;left:0;background-color:#4888e9;background-clip:content-box;height: 3px;width: 100%;}
    .mobile-popup-nav > .mpopupsub-nav > li > a > div {width:auto;display:inline-block;position:relative;left:50%;transform:translateX(-50%); cursor: pointer;}
    .mobile-popup-nav > .mpopupsub-nav > li > a > div > .order-number {display:inline-block;margin-left:10px;color:#4888e9;font-weight:500;}

    .mobile-back-menu {position:relative;cursor:pointer;float:left;position:relative;top:11px; font-size:18px;}
    .mobile-detail-back-menu {position:relative;padding-left:15px;cursor:pointer;float:left;}
    .mobile-detail-popup > form {width:100%;height:100%;}
    .mobile-detail-popup > form > .title {width:100%;padding:15px 0px;font-size:20pt;position:relative;background-color:rgb(255,255,255);font-weight:bold;overflow: hidden;}
    .mobile-detail-popup > form > .title span {float:left;position:relative;display:inline-block;padding-left:15px;font-weight: 500;}
    .mobile-detail-popup > form > .title span.cl_icon_menu {
        color: #222428;
        font-size: 14px;
        float: left;
    }
    .mobile-detail-box {padding:15px;width:100%;background-color:rgb(255,255,255);float:left;}
    .mobile-detail-box > p {margin:0px;font-size:16px;}
    .mobile-detail-box select {width:100%;height:37px;}
    .mobile-detail-box input {width:100%;height:37px;border:1px solid #eaeaea;padding-left:10px;}

    .mobile-detail-box > div > span:nth-child(2) {display:inline-block;float:right;}
    .mobile-detail-popup .navbermenu-wrap {
        position: relative;
        float:left;
    }
    .mobile-detail-popup > .title span.cl_icon_menu {
        color: #222428;
        font-size: 18px;
        float: left;
        cursor: pointer;
    }
    .mobile-detail-popup > .title span {
        position: relative;
        display: inline-block;
        padding-left: 20px;
    }
    .mobile-detail-popup .navbermenu-wrap a.navbar-toggle {margin:0; padding:0px; transform: translateY(4px);}
    .mobile-detail-popup #popup-title {
        float: left;
        margin: 0px 0 0 0;
        padding: 0;
        border:none;
        /*width:auto;
        width:calc(100% - 46px);*/
        background-color:#fff;
    }
    .mobile-detail-popup #popup-title span {padding-left:0; font-weight: 500;font-size:20px; color:#222428;}

    .mobile-popup-contents {width:100%;position:relative;top:0;display:inline-block;height:calc(100% - 94px);overflow-y:auto;overflow-x:hidden;z-index:101;background-color: #fff;}
    .mobile-popup-contents.m-setinfo,
    .mobile-popup-contents.m-setlog {
        height: auto;
        overflow: inherit;
    }
    .mobile-popup-contents.m-setlog .cl_icon_del03 {font-size:14px;}
    .mobile-popup-contents.m-setlog .mlogval {color: #82888d; padding-right: 12px;}
    .mobile-popup-contents.m-setlog .mlogval + .cl_icon_del03 {color: #f03f60;}

    .mobile-popup-contents > .mobile-contents-box {width:100%;padding:15px;background-color:rgb(255,255,255);display:inline-block;float:left;}
    .mobile-popup-contents > .mobile-contents-box > div {float:left;}
    .mobile-popup-contents > .mobile-contents-box > div > img {width:50px;height:50px;}
    .mobile-popup-contents > .mobile-contents-box > div:nth-child(2) > p {margin:-4px 0px 8px 0;font-size:14px; color:#222428;  font-weight: 500;}
    .mobile-popup-contents > .mobile-contents-box > div:nth-child(2) > p > span {font-size:18px;font-weight:bold;}
    .mobile-popup-contents > .mobile-contents-box > .admin-status-box {margin-top:20px;width:100%;padding-left:80px;}
  
    .mobile-popup-contents .setting-box {padding:28px;}    
    .mobile-popup-contents ul.maccount li {
        font-size: 14px;
        color: #42464c;
        letter-spacing: 0.05em;
        margin-bottom: 10px;
        padding-bottom: 0px;
    }
    .mobile-popup-contents ul.maccount li p {
        display: inline-block;
        color:#222428;
    }
    .mobile-popup-contents ul.maccount li span {
        color:#82888d;
    }
    .mobile-popup-contents ul.maccount li span.changepwd {
        color:#4789e7;  
    }
    .mobile-popup-contents ul.maccount li .pwd_changenotice {display: none;}

    /*new*/
    #nav.default-nav .header .header_user .btn-group.open .dropdown-menu li a,
    #nav.default-nav .header .header_user .btn-group.open .dropdown-menu li .cl-logOut { padding: 0 18px; }
    .m-header_user .btn-group.dash-lang .dropdown-menu {  display: none; }
    .m-header_user { 
        position:fixed; 
        top:0; 
        left:-100%; 
        right:0; 
        width:86%; 
        padding:0; 
        margin-left:0; 
        border-top: none; 
        z-index:1040; 
        height: 100%;        
        overflow-x: hidden;
        -webkit-transition: all 0.3s cubic-bezier(0.23, 0.21, 0.31, 1.01);
        -moz-transition: all 0.3s cubic-bezier(0.23, 0.21, 0.31, 1.01);
        -ms-transition: all 0.3s cubic-bezier(0.23, 0.21, 0.31, 1.01);
        -o-transition: all 0.3s cubic-bezier(0.23, 0.21, 0.31, 1.01);
        transition: all 0.3s cubic-bezier(0.23, 0.21, 0.31, 1.01);
    }
    .m-header_user {          
        width:312px; 
        height: 100%;
        border-top: none;
        z-index:1012;        
    }
    .m-header_user .mlogout a {font-size:14px; color:#222228;line-height: 32px;}
    .m-header_user * {
        font-family: 'Noto Sans', 'Noto Sans KR',sans-serif;
        color:#222428;
    }
    .m-header_user .nav { background:#fff; position: relative; top:0; left:0; width: 100%; height: 100%; }
    .m-header_user a { line-height:34px; width:100%; padding:0; }
    .m-header_user .mlogin-text {line-height: 34px;font-size: 14px;color: #fff;}
    .m-header_user .navbar-right li.m-support-box { text-align: left; padding:23px 19px; position: absolute; bottom: 0;width: 100%;  background-color: #3c4451;}
    .m-header_user .navbar-right li.m-support-box * { color:#fff;}
    .m-header_user .navbar-right li.m-support-box ul {}
    .m-header_user .navbar-right li.m-support-box ul li { display: inline-block; margin-right:32px; }
    .m-header_user .navbar-right li.m-support-box ul li:last-child {margin-right:0;float:right;}
    .m-header_user .navbar-right li.m-support-box ul li span {font-size: 16px;}
    .m-header_user .navbar-right li.m-support-box ul li span.cl-icon {margin-right: 6px;}
      
    .m-header_user .dropdown-menu a {font-size:16px;box-shadow: none;padding: 0;}
    .m-header_user .dropdown-menu > li > a.mdash-home svg {margin-right: 13px;}
    .m-header_user .dropdown-menu > li > a:hover, .m-header_user .dropdown-menu > li > a:focus {background-color:#eeeff3;}
    .m-header_user .dropdown-menu > li > a:empty { display: none; }
    .m-header_user .dropdown-menu > li {line-height:34px; width:100%; overflow: hidden; }
    .m-header_user .mMymenu-wrap {
        float: left;
        width: 100%;
        text-align: center;  
        padding:24px 0 13px 0px;
        border-bottom: 1px solid #e7e8e9;
        border-top: 1px solid #e7e8e9;
    }
    .m-header_user .myhome-icon svg {
        fill: #222428;
        margin-right: 12px;
    }
    .m-header_user .mMymenu {display: inline-block;text-align: center;}
    .m-header_user .mMymenu li {    
        float: left;
        width: 58px;
        height: 46px;
        margin-right: 26px;
        position: relative;
    }
    .m-header_user .mMymenu li:last-child { margin-right: 0px; line-height: 34px; cursor: pointer; }
    .m-header_user .mMymenu a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .m-header_user .mMymenu svg {
        left: 50%;
        transform: translateX(-50%);
        float: left;
        position: absolute;
    }
    .m-header_user .mMymenu .cl-icon { display: block;}
    .m-header_user .mMymenu .m-mypage .menu-title {letter-spacing: -1px;}
    .m-header_user .mMymenu .menu-title {font-size:12px;display: inline-block;margin-top: 18px;}
    .m-header_user .dropdown-menu > li > a { padding:4px 18px;display: block;}
    .m-header_user .dropdown-menu > li > a span.newicon { color:#e74747; font-size: 10px; letter-spacing: -0.2px; font-family: 'Noto Sans KR'; }
    .m-header_user .dropdown-menu > li:nth-child(2) > a {margin-top:8px;}
    .m-header_user .signinwrap .dropdown-menu > li:nth-child(2) > a {margin-top:0px;}
    .m-header_user .dropdown-menu .mshoppingtab {position: relative;}
    .m-header_user .dropdown-menu .mshoppingtab svg,
    .m-header_user .dropdown-menu .mshoppingtab span.cl_icon_dropdown02 {
      color:#222228;
      top: 50%;
      position: absolute;
      right:8%;
      transform: translatey(-50%);
      font-size: 10px;
      fill: #222428;
    }
    .m-header_user .dropdown-menu .mshopping_menu li {padding:4px 0;}
    .m-header_user .dropdown-menu .mshopping_menu li a {padding-left: 50px;display: block;line-height: 30px;}
    .m-header_user .dropdown-menu .mshopping_menu li:hover {background-color:#eeeff3;}
    .m-header_user .dropdown-menu .mshopping_menu li:hover a { }
    .m-header_user .dropdown-menu > li:first-child span {font-size:19px;}
    .m-header_user .dropdown-menu > li:first-child span.cl_icon_home {margin-right:10px;font-size:18px;color:#37374a;} 
   
    .m-header_user .mMymenu .newCount a, 
    .m-header_user .mMymenu .newCount a:hover, 
    .m-header_user .mMymenu .newCount a:focus{ color:#fff; }
    .m-header_user .mMymenu .newCount i.fa { font-size:13px; margin:0; }
    .m-header_user .mMymenu .newCount span.badge { font-size: 8px; padding:3px; background-color: #ee445f; position: absolute; top:-8px; right: -14px; color: #fff;line-height: 1;text-align: center;min-width: 16px;}
    .m-header_user .mMymenu .newCount span.badge:empty {
        min-width: 5px;
        max-width: 5px;
        display: block;
        border-radius: 50%;
        max-height: 5px;
        min-height: 5px;
        padding: 0;
        top: -1px;
        right: 15px;
    }
    .m-header_user .signinwrap .mobile-menu .dropdown-menu {
        padding-top: 18px;
    }
    .m-header_user .signinwrap .mobile-menu .mchange-lang {
      position: absolute;
      bottom: 0;
      padding: 15px 17px;
    }
    .m-header_user .signinwrap .mobile-menu .mchange-lang img {
      width: 34px;
      height:34px;
      border: 1px solid #d1d1d1;
      border-radius: 50%;
    }
    .m-header_user .signinwrap .mobile-menu .mchange-lang div {
      width:35px;
      height:35px;
      text-align: center;
      line-height: 35px;
      border: 1px solid #e3e3e3;
      border-radius: 50%;
      color:#696c71;
      font-size: 12px;
      display: table-cell;
      font-family: 'Open Sans';
      vertical-align: middle;
    }
    .m-header_user .mobile-menu .dropdown-menu { overflow-y : auto; text-align: left; margin: 0;display: block; clear: both; background-color:#fff;border: none;padding:14px 0;box-shadow: none;}
    .m-header_user .m-myinfo {
        width: 100%;
        position: relative;
        float: left;
        background-color: #ffffff;
        padding: 12px 18px;
        overflow: hidden;
    }
    .m-header_user .signinwrap .m-myinfo {
        padding-left: 16px;
    }

    .m-header_user .m-myinfo .profile_right { float: left;position: absolute; right: 22px; }  
    .m-header_user .m-myinfo .profile_right.msignin {
        right: 16px;
    }
    .m-header_user .m-myinfo .profile_right.msignin .mlogin-text {
        background-color: #4886e3;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: none;
        padding: 0 23px;
        height: 36px;
        display: inline-block;
    }
    .m-header_user .m-myinfo .profile_left {    
        float: left;
        width:62%;
        margin-right: 10px;
    }
    .m-header_user .m-myinfo .profile_left label.m-profile {
        width: 28px;
        height: 28px;
        float: left;
        margin-bottom: 0;
        margin-top:2px;
    }
    .m-header_user .m-myinfo .inner-box { 
        float: left;  
        padding:4px 0 0 10px; 
        width: 79%;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        overflow: hidden;
    }
    .m-header_user .signinwrap .m-myinfo .inner-box {
        width: 100%;
        padding-left: 0;
        padding-top: 0;
    }
    .m-header_user .signinwrap .m-myinfo .inner-box > a { line-height: 31px; }
    .m-header_user .m-myinfo .inner-box span { color:#222428;font-family: 'Noto Sans', 'Noto Sans KR'; font-size: 20px; }
    .m-header_user .m-myinfo .inner-box span.m-text-size { font-size: 16px; } 
    #nav.default-nav ~ .m-headerClose { padding:3px 0 !important; display: block; cursor: pointer;}
    .m-headerClose {
        display: block;
        z-index: -10;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: fixed;
        background-color: rgba(0, 0, 0, 0.7);
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
        opacity: 0;
    }
    .m-headerClose.in {
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        opacity: 1;
        z-index: 1011;
    }
    .m-headerClose svg {
        fill:#fff; 
        position: absolute;
        margin-top: 3%;
        left: 328px;
    }
 
    .m-header_user .btn-group .dropdown-toggle,
    .m-header_user .btn-group.open .dropdown-menu { display: block;  text-align: center;  max-width:100%;}
    .m-header_user .btn-group .dropdown-toggle .name-text { padding:0; }
    .m-header_user .btn-group.open .dropdown-menu li a { padding: 0 18px; }
    .m-header_user .btn-group .dropdown-toggle span.caret { display: none; }
    .m-header_user .nav .lang-box .dropdown-toggle {padding: 5px 0; background-color: #fff;}
    .m-header_user .nav .lang-box .dropdown-toggle .caret { display: inline-block; }
    .m-header_user .nav .lang-box.open .dropdown-menu { display: block; width: 100%; padding: 0; margin: 0; }
    .navbar-nav .dash-lang { border-top: 1px solid #4b5565; }
    .m-header_user .btn-group {display: block;}
    .m-header_user .btn-group .dropdown-toggle { text-align: right; }
    .m-header_user .btn-group .dropdown-toggle .name-text { padding: 5px 0 5px 10px; margin:0; border: none; max-width: 65px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display: inline-block;  }
    .m-header_user .btn-group .dropdown-toggle span.caret { border-top:4px solid #ee445f; border-right:3px solid transparent; border-left:3px solid transparent; margin-bottom: 0;}
    .m-header_user .nav .lang-box { line-height: 53px; margin: 0 0 0 20px; cursor:pointer; width:100%;border-top: 0; box-shadow: none;}
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background:transparent; }
    .navbar-collapse { max-height: none; }
    .dash-lang { float: right !important; }
    .m-header_user .btn-group.dash-lang .dropdown-menu { display: none; }
    .m-header_user .btn-group.dash-lang.open .dropdown-menu { 
        display: block;
        width: 100%;
        top: 52px; 
        float: left; 
        min-width: 100px; 
        line-height: 20px; 
        padding: 0; 
        margin: 2px 0 0; 
        list-style: none; 
        background-color: #fff;
        border: 1px solid #ccc; 
        border: 1px solid rgba(0,0,0,.15); 
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); 
        box-shadow: 0 6px 12px rgba(0,0,0,.175); 
        background-clip: padding-box; 
    }
    .m-header_user .btn-group.dash-lang.open .dropdown-menu li a { line-height: 20px; font-size: 12px; background-color:#ffffff; color:#37374a; width: 100%; padding: 8px 10px;}
    .m-header_user .btn-group.dash-lang.open .dropdown-menu li a:hover { background-color: #f5f5f5; } 

    /*mobile toggle*/
    .mobile-detail-popup .m-header_user .btn-group.dash-lang .dropdown-menu {  display: none; }
    .mobile-detail-popup .m-header_user { position:relative; top:0; left:0; right:0; width:100%; padding:0; margin-left:0; border-top: none; z-index: 110;}
    .mobile-detail-popup .m-header_user * {
        font-family: 'Noto Sans', 'Noto Sans KR';
        color:#222428;
    }
    .mobile-detail-popup .navbar_right {
        position: absolute;
        top: 0;
        left: 0;
        right: auto;
        z-index: 102;
        width: 88%;
    }
    .mobile-detail-popup .m-header_user .nav { background:#f7f7f7; position: relative; top:0; left:0; width: 100%; }
    .mobile-detail-popup .m-header_user a { line-height:34px; width:100%; padding:0; }
    .mobile-detail-popup .m-header_user .navbar-right li.m-support-box { text-align: left; padding:23px 19px; position: absolute; bottom: 0;width: 100%;  background-color: #3c4451;}
    .mobile-detail-popup .m-header_user .navbar-right li.m-support-box * { color:#fff;}
    .mobile-detail-popup .m-header_user .navbar-right li.m-support-box ul {}
    .mobile-detail-popup .m-header_user .navbar-right li.m-support-box ul li { display: inline-block; margin-right:32px; }
    .mobile-detail-popup .m-header_user .navbar-right li.m-support-box ul li:last-child {margin-right:0;float:right;}
    .mobile-detail-popup .m-header_user .navbar-right li.m-support-box ul li span {font-size: 16px;padding:0;}
    .mobile-detail-popup .m-header_user .navbar-right li.m-support-box ul li span.cl-icon {padding-right:15px;}

    .mobile-detail-popup .m-header_user .dropdown-menu a {font-size:16px;box-shadow: none;}
    .mobile-detail-popup .m-header_user .dropdown-menu li {padding:10px 18px; line-height:34px; width:100%; display: inline-block; }
    .mobile-detail-popup .m-header_user .dropdown-menu .mshoppingtab {position: relative;}
    .mobile-detail-popup .m-header_user .dropdown-menu .mshoppingtab .cl_icon_arrow03,
    .mobile-detail-popup .m-header_user .dropdown-menu .mshoppingtab .cl_icon_dropdown02 {
        color:#222228;
        top: 50%;
        position: absolute;
        right: 0;
        transform: translatey(-50%);
        font-size: 7px;
    }
    .mobile-detail-popup .m-header_user .dropdown-menu .mshopping_menu {}
    .mobile-detail-popup .m-header_user .dropdown-menu .mshopping_menu li {padding:4px 0;}
    .mobile-detail-popup .m-header_user .dropdown-menu .mshopping_menu li a {padding-left: 50px;}
    .mobile-detail-popup .m-header_user .dropdown-menu .mshopping_menu li:hover {background-color:#eaeef5;}
    .mobile-detail-popup .m-header_user .dropdown-menu .mshopping_menu li:hover a {color:#4191f0; }
    .mobile-detail-popup .m-header_user .dropdown-menu li:first-child {padding-top:0px;}
    .mobile-detail-popup .m-header_user .dropdown-menu li:first-child span {font-size:19px;}
    .mobile-detail-popup .m-header_user .dropdown-menu li:first-child span.cl_icon_home {margin-right:10px;font-size:18px;color:#37374a; margin-top: 9px;}
  
    #nav.default-nav .header .navbar_right .m-header_user .m-myinfo .newCount span.badge,
    .mobile-detail-popup .m-header_user .m-myinfo .newCount span.badge {     
        font-size: 9px;
        padding: 3px 4px 2px;
        background-color: #ee445f;
        position: absolute;
        top: 6px;
        right: 22%;
        color: #fff;
        line-height: 1;
        text-align: left;
        min-width: 16px; 
    } 
    .mobile-detail-popup .m-header_user .dropdown-menu { text-align: left; margin: 0;display: block; clear: both; background-color:#f7f7f7;border: none;padding:18px 0;box-shadow: none;}
    .mobile-detail-popup .m-header_user .m-myinfo {
        width: 100%;
        position: relative;
        float: left;
        background-color: #ffffff;
        padding: 13px 22px;
    }
    .mobile-detail-popup .m-header_user .m-myinfo .profile_left {    
        float: left;
        width: 66%;
    }
    .mobile-detail-popup .m-header_user .m-myinfo .profile_left label.m-profile {
        width: 28px;
        height: 28px;
        float: left;
        margin-bottom: 0;
    }
    .mobile-detail-popup .m-header_user .m-myinfo .inner-box { float: left;  padding:0 0 0 10px; width: 84%; }
    .mobile-detail-popup .m-header_user .m-myinfo .inner-box span { color:#222428;font-family: 'Noto Sans', 'Noto Sans KR'; font-size: 20px;}
    .mobile-detail-popup .m-header_user .m-myinfo .profile_right { float: right; }
    .mobile-detail-popup .m-header_user .m-myinfo .profile_right .prorightmenu {display: inline-block; margin-right:10px; }
    .mobile-detail-popup .m-header_user .m-myinfo .profile_right .newCount{ position: inherit; right:auto; left:auto;}
    .mobile-detail-popup .m-header_user .m-myinfo .profile_right .newCount a {
        padding: 0;
        text-align: inherit;
        line-height: inherit;
    }
    .mobile-detail-popup .m-header_user .m-myinfo .profile_right .cl-icon {color:#222428;font-weight: 500;padding-left: 0;}
    .mobile-detail-popup .m-header_user .m-myinfo .profile_right .newCount .cl_icon_alarm { font-size:16px; margin-right: 0;}
    .mobile-detail-popup .m-header_user .m-myinfo .profile_right .m-mypage { display: inline-block; margin-top: 3px;}
    .mobile-detail-popup .m-header_user .m-myinfo .profile_right .cl_icon_profile02,
    .mobile-detail-popup .m-header_user .m-myinfo .profile_right .cl_icon_globe {font-size:18px; }
    /* .mobile-detail-popup .m-headerClose {
        position: absolute;
        right: 5%;
        top: 23%;
        color:#fff;
        z-index: 115;
        font-size:15px;
    } */
    .mobile-detail-popup .navbar_right .modal-backdrop.m-headermenu.in {z-index: 80; opacity: 0.8;}

    .mobile-detail-popup .m-header_user .btn-group .dropdown-toggle,
    .mobile-detail-popup .m-header_user .btn-group.open .dropdown-menu { display: block;  text-align: center;  max-width:100%;}
    .mobile-detail-popup .m-header_user .btn-group .dropdown-toggle .name-text { padding:0; }
    .mobile-detail-popup .m-header_user .btn-group.open .dropdown-menu li a { padding: 0 18px; }
    .mobile-detail-popup .m-header_user .btn-group .dropdown-toggle span.caret { display: none; }
    .mobile-detail-popup .m-header_user .nav .lang-box .dropdown-toggle {padding: 5px 0; background-color: #f7f7f7;}
    .mobile-detail-popup .m-header_user .nav .lang-box .dropdown-toggle .caret { display: inline-block; }
    .mobile-detail-popup .m-header_user .nav .lang-box.open .dropdown-menu { display: block; width: 100%; padding: 0; margin: 0; }
    .navbar-nav .dash-lang { border-top: 1px solid #4b5565; }
    .mobile-detail-popup .m-header_user .btn-group {display: block;}
    .mobile-detail-popup .m-header_user .btn-group .dropdown-toggle { text-align: right; }
    .mobile-detail-popup .m-header_user .btn-group .dropdown-toggle .name-text { padding: 5px 0 5px 10px; margin:0; border: none; /*max-width: 65px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/ display: inline-block;  }
    .mobile-detail-popup .m-header_user .btn-group .dropdown-toggle span.caret { border-top:4px solid #ee445f; border-right:3px solid transparent; border-left:3px solid transparent; margin-bottom: 0;}
    .mobile-detail-popup .m-header_user .nav .lang-box { line-height: 53px; margin: 0 0 0 20px; cursor:pointer; width:100%;border-top: 0; box-shadow: none;}
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background:transparent; }
    .navbar-collapse { max-height: none; }
    .dash-lang { float: right !important; }
    .mobile-detail-popup .m-header_user .btn-group.dash-lang .dropdown-menu { display: none; }
    .mobile-detail-popup .m-header_user .btn-group.dash-lang.open .dropdown-menu { 
        display: block;
        width: 100%;
        top: 52px; 
        float: left; 
        min-width: 100px; 
        line-height: 20px; 
        padding: 0; 
        margin: 2px 0 0; 
        list-style: none; 
        background-color: #fff;
        border: 1px solid #ccc; 
        border: 1px solid rgba(0,0,0,.15); 
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); 
        box-shadow: 0 6px 12px rgba(0,0,0,.175); 
        background-clip: padding-box; 
    }
    .mobile-detail-popup .m-header_user .btn-group.dash-lang.open .dropdown-menu li a { line-height: 20px; font-size: 12px; background-color:#ffffff; color:#37374a; width: 100%; padding: 8px 10px;}
    .mobile-detail-popup .m-header_user .btn-group.dash-lang.open .dropdown-menu li a:hover { background-color: #f5f5f5; }
    
    .flat-modal .modal-default .modal-dialog.changelang {padding-left:26px; padding-right:26px; transform: translate(0, 61%); -webkit-transform: translate(0, 61%); -ms-transform: translate(0, 61%);}
    .flat-modal .modal-default .modal-dialog.changelang button.close {display: none;}
    .flat-modal .modal-default .modal-dialog.changelang .modal-content {border-radius: 10px;}
    .flat-modal .modal-default .modal-dialog.changelang .dashlang-wrap .dashlang-select {display: inline-block; width:100%;padding: 15px;border-bottom: 1px solid #d9d9d9;}
    .flat-modal .modal-default .modal-dialog.changelang .dashlang-wrap .dashlang-select:first-child {padding-top:0;}
    .flat-modal .modal-default .modal-dialog.changelang .dashlang-wrap .dashlang-select:last-child {border-bottom:none;}
    .flat-modal .modal-default .modal-dialog.changelang .dashlang-wrap .mdash-lang {float:left; font-size: 19px; }
    .flat-modal .modal-default .modal-dialog.changelang .dashlang-wrap .cl-check-lang {font-size:20px;float: right; margin-top: 5px;}
    .flat-modal .modal-default .modal-dialog.changelang .dashlang-wrap .cl_icon_checked04 {color:#4888e9;}
    .flat-modal .modal-default .modal-dialog.changelang .dashlang-wrap .cl_icon_unchecked04 {color:#a1a7af;}
  
    /*m-dashboard-settings*/
    .m-dashboard-setting .m-popupcontents{height:100%;background-color: #fff;}
    .mobile-detail-popup .m-popupcontents .setting-box {padding:30px 15px;}
    .mobile-detail-popup .m-popupcontents .medit-nickcancel {
        position: absolute;
        top: 50%;
        right: 65px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
    }
    .mobile-detail-popup .m-popupcontents li span.cl_icon_arrow03 {font-size:12px;margin-left: 9px;}
    .mobile-detail-popup .m-popupcontents li span.cl_icon_edit05 {font-size:14px;margin-left: 3px;}
    .mobile-detail-popup .m-popupcontents li {font-size:16px; color:#222428; padding-bottom: 25px; position: relative;}
    .mobile-detail-popup .m-popupcontents li:last-child {margin-bottom: 0;}
    .mobile-detail-popup .m-popupcontents li .popover {z-index: 99;}
    .mobile-detail-popup .m-popupcontents li * {
        font-weight:400;
    }
    .mobile-detail-popup .m-popupcontents li .detaildata {color:#4191f0;}
    .mobile-detail-popup .m-popupcontents .fl-right {float:right;}
    
    .mobile-detail-popup .m-popupcontents .detailnick-right {
        position: relative;
         display: none;
        width: 100%;
        bottom: 0px;
        margin: 10px 0 20px 0;
        font-size: 12px;
    } 
  
    .mobile-detail-popup .m-popupcontents .m-setlog li.google-rg span .google-editBox,
    .mobile-detail-popup .m-popupcontents .m-setlog li.facebook-rg span .facebook-editBox,
    .mobile-detail-popup .m-popupcontents .m-setlog li.naver-r-rg span .naver-editBox {
        width: 100%;
        position: relative;
        display: none;
    }
    .mobile-detail-popup .m-popupcontents .edit-nicktext {
        position: absolute;
        top:3px;
        width: 68%;
        bottom: 0px;
        right: 0;
    }
    .mobile-detail-popup .m-popupcontents .google-editBox .register-googlesave,
    .mobile-detail-popup .m-popupcontents .facebook-editBox .register-facebooksave,
    .mobile-detail-popup .m-popupcontents .naver-editBox .register-naversave,
    .mobile-detail-popup .m-popupcontents .edit-nicktext .edit-nicksave {
        padding: 3px 9px;
        height: 35px;
        width: 50px;
        border-radius: 0px;
    }
    .mobile-detail-popup .m-popupcontents .google-editBox .google-editcancel,
    .mobile-detail-popup .m-popupcontents .facebook-editBox .facebook-editcancel,
    .mobile-detail-popup .m-popupcontents .naver-editBox .naver-editcancel,
    .mobile-detail-popup .m-popupcontents .edit-nicktext .edit-nickcancel {
        position: absolute;
        cursor: pointer;
        top: 3px;
        right: 60px;
    }
    .mobile-detail-popup .m-popupcontents .google-editBox .register-googlesave > i,
    .mobile-detail-popup .m-popupcontents .facebook-editBox .register-facebooksave > i,
    .mobile-detail-popup .m-popupcontents .naver-editBox .register-naversave > i,
    .mobile-detail-popup .m-popupcontents .edit-nicktext .edit-nicksave > i {
        color: #fff;
        margin-left: 0px;
    }

    .mobile-detail-popup .m-popupcontents .google-editBox > div > input,
    .mobile-detail-popup .m-popupcontents .facebook-editBox > div > input,
    .mobile-detail-popup .m-popupcontents .naver-editBox > div  > input,
    .mobile-detail-popup .m-popupcontents .edit-nicktext > div > input {
        font-size: 12px;
        padding: 3px 9px;
        height: 35px;
        border-radius:4px 0 0 4px;
        box-shadow: none;
    }
    .forms .forms-list .pc:not(.formregdate) {display: none;}



    .pb-0-m { padding-bottom: 0px!important; }
    .pb-20-m { padding-bottom: 20px!important; }
    .mb-0-m { margin-bottom: 0px!important; }
    .mb-150-m { margin-bottom: 150px!important; }
}

/******************* 공통 common modal form/input css ********************/
/*************************************************************************/
.cl-common-form-wrap {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dbdcdf;
    margin-bottom: 8px;
    /* overflow: hidden; */
    float: left;
    width: 100%;
}
.cl-common-form-wrap.cl-form-border-none {border:none;}
.cl-common-form-wrap.empty { border-color: #ee445f; }
.cl-common-form-wrap.active { border-color: #4789e7; }
.cl-common-form-wrap.error { border-color: #ee445f; }
.cl-common-modal .modal .btn {box-shadow: none;}
.cl-common-modal .modal .popup-primary-btn {margin-bottom: 10px; margin-top: 50px; font-size: 14px;}
.cl-common-modal .modal .btn.btn-sm.cancel-btn.close-button-dialog {color:#696c71; font-size: 14px;}
.cl-common-form-group { 
    padding: 23px 20px 7px 20px;
    margin-bottom: 0;
    position: relative;
    margin-bottom: 0;
    background-color:#fff;
    text-align: left;
    float: left;
    width: 100%;
}
.cl-common-form-wrap.nonplace-holder.setting-text-box {margin-bottom: 30px;}
.cl-common-form-wrap.nonplace-holder {margin-bottom: 0px;}
.cl-common-form-wrap.nonplace-holder .cl-common-form-group {height: 38px; padding: 12px 15px;}
.cl-common-form-wrap.nonplace-holder .cl-common-form-group input {margin-top: -3px; color:#676767;}
.cl-common-form-wrap.nonplace-holder .cl-common-form-group input[readonly] {pointer-events: none;}
.cl-common-form-group .cl-common-control-label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0;
    pointer-events: none;
    padding-left: 0px;
    z-index: 1;
    color: transparent;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.42px;
    -webkit-transition: all 0.28s ease-in-out;
    -moz-transition: all 0.28s ease-in-out;
    -ms-transition: all 0.28s ease-in-out;
    -o-transition: all 0.28s ease-in-out;
    transition: all 0.28s ease-in-out;
    line-height: initial;
}
.cl-common-form-group.input-label-hide textarea + .cl-common-control-label {
    top: 13px;
    transform: translateY(0);
}
.cl-common-form-group textarea + .cl-common-control-label {
    top: 15%;
}
.cl-common-form-group input {height: auto;}
.cl-common-form-group .cl-common-control-label.error { color: #ee445f!important; background-color: #fff; }
.cl-common-form-group input,
.cl-common-form-group textarea {
    display: block;
    background: none;
    padding: 1px;
    font-size: 14px;
    border-width: 0;
    border-color: transparent;
    border: none;
    line-height: 1.3;
    font-weight: 400;
    width: 100%;
    color: #676767;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
}
.cl-common-form-datepicker { padding: 15px 20px; position: relative; cursor: pointer; }
.cl-common-form-datepicker svg { position: absolute; right: 0; margin-right: 20px; fill: #4789e7; margin-top: 2px; }
.cl-common-form-datepicker input {cursor: pointer;}
.cl-common-form-wrap.point-holder.readOnly .cl-common-form-group,
.cl-common-form-wrap.point-holder .cl-common-form-group input:-moz-read-only,
.cl-common-form-wrap.nonplace-holder.readOnly .cl-common-form-group,
.cl-common-form-wrap.nonplace-holder .cl-common-form-group input:-moz-read-only {background-color: #f3f4f5;} 

.cl-common-form-wrap.point-holder.readOnly .cl-common-form-group,
.cl-common-form-wrap.point-holder .cl-common-form-group input:read-only,
.cl-common-form-wrap.nonplace-holder.readOnly .cl-common-form-group,
.cl-common-form-wrap.nonplace-holder .cl-common-form-group input:read-only {background-color: #f3f4f5; color: #696c71;}  

.cl-common-form-wrap.nonplace-holder .cl-common-form-group input:-moz-placeholder,
.cl-common-form-wrap.nonplace-holder .cl-common-form-group textarea:empty,
.cl-common-form-wrap.nonplace-holder .cl-common-form-group input:disabled {
    color:#676767;
}

.cl-common-form-group input:empty,
.cl-common-form-group textarea:empty {
    color: transparent;
}
.cl-common-form-group input:empty ~ .cl-common-control-label,
.cl-common-form-group textarea:empty ~ .cl-common-control-label {
    color: #b1b3b7;
}


.cl-common-form-group input.gallery-item-title:empty ~ .cl-common-control-label.empty,
.cl-common-form-group textarea.gallery-item-caption:not(:valid) ~ .cl-common-control-label.empty { display: block;color: #b1b3b7; }
.cl-common-form-group input.gallery-item-title:empty ~ .cl-common-control-label:not(.empty),
.cl-common-form-group textarea.gallery-item-caption:not(:valid) ~ .cl-common-control-label:not(.empty) { display: none; }

.cl-common-form-group input.gallery-item-title:focus~ .cl-common-control-label:not(.empty), 
.cl-common-form-group input.gallery-item-title:valid ~ .cl-common-control-label:not(.empty),
.cl-common-form-group textarea.gallery-item-caption:focus ~ .cl-common-control-label:not(.empty),
.cl-common-form-group textarea.gallery-item-caption:valid ~ .cl-common-control-label:not(.empty) { display:block; }
.cl-common-form-group input.gallery-item-title:focus~ .cl-common-control-label.empty, 
.cl-common-form-group input.gallery-item-title:valid ~ .cl-common-control-label.empty,
.cl-common-form-group textarea.gallery-item-caption:focus ~ .cl-common-control-label.empty,
.cl-common-form-group textarea.gallery-item-caption:valid ~ .cl-common-control-label.empty { display: none; }


.cl-common-form-group input[type="file"] { line-height: 1; }
.cl-common-form-group select, 
.cl-common-form-group input:focus, 
.cl-common-form-group input:valid, 
.cl-common-form-group input[readonly],
.cl-common-form-group input.form-file, 
.cl-common-form-group input.has-value, 
.cl-common-form-group textarea:focus, 
.cl-common-form-group textarea:valid, 
.cl-common-form-group textarea.form-file, 
.cl-common-form-group textarea.has-value { color: #696c71; }
.cl-common-form-group select ~ .cl-common-control-label, 
.cl-common-form-group input:focus ~ .cl-common-control-label,
.cl-common-form-group input:valid ~ .cl-common-control-label,
.cl-common-form-group input[readonly] ~ .cl-common-control-label,
.cl-common-form-group input.form-file ~ .cl-common-control-label, 
.cl-common-form-group input.has-value ~ .cl-common-control-label, 
.cl-common-form-group textarea:focus ~ .cl-common-control-label, 
.cl-common-form-group textarea:valid ~ .cl-common-control-label, 
.cl-common-form-group textarea.form-file ~ .cl-common-control-label, 
.cl-common-form-group textarea.has-value ~ .cl-common-control-label,
.cl-common-form-group textarea.gallery-item-caption:focus ~ .cl-common-control-label {
    font-size: 12px;
    letter-spacing: -0.36px;
    color: #b1b3b7;
    top: 11px;
    left: 20px;
    -webkit-transition: all 0.28s ease-in-out;
    -moz-transition: all 0.28s ease-in-out;
    -ms-transition: all 0.28s ease-in-out;
    -o-transition: all 0.28s ease-in-out;
    transition: all 0.28s ease-in-out;
 }
.cl-common-form-group select:focus,
.cl-common-form-group input:focus,
.cl-common-form-group textarea:focus { outline:none; }
.cl-common-form-group select:focus ~ .cl-common-control-label,
.cl-common-form-group input:focus ~ .cl-common-control-label,
.cl-common-form-group textarea:focus ~ .cl-common-control-label,
.cl-common-form-group textarea.gallery-item-caption:focus ~ .cl-common-control-label { color: #4789e7; }

.cl-common-form-group.gallery-caption,
.cl-common-form-group.input-label-hide { padding: 0 0 0 20px; }
.cl-common-form-group.input-label-hide textarea,
.cl-common-form-group textarea.gallery-item-caption { 
    height: 104px; 
    padding: 15px 11px 0 0;
    resize: none; 
    -ms-scrollbar-width: 8px;
    -ms-scrollbar-face-color: #d1d3d5;
    -ms-scrollbar-track-color: #f3f4f5;
    -ms-scrollbar-highlight-color: #d1d3d5;
    -ms-scrollbar-shadow-color: #d1d3d5;
    scrollbar-width: 8px;
    scrollbar-face-color: #d1d3d5;
    scrollbar-track-color: #f3f4f5;
    scrollbar-highlight-color: #d1d3d5;
    scrollbar-shadow-color: #d1d3d5;
}
.cl-common-form-group textarea.gallery-item-caption { padding-top:25px; }
.cl-common-form-wrap.error .cl-s-form-group.input-label-hide textarea,
.cl-common-form-wrap.error .cl-s-form-group textarea.gallery-item-caption { padding-top: 22px; }
.cl-common-form-group textarea.gallery-item-caption::-webkit-scrollbar,
.cl-common-form-group.input-label-hide textarea::-webkit-scrollbar { width: 8px; }
.cl-common-form-group textarea.gallery-item-caption::-webkit-scrollbar-track-piece,
.cl-common-form-group.input-label-hide textarea::-webkit-scrollbar-track-piece { background-color: #f3f4f5; }
.cl-common-form-group textarea.gallery-item-caption::-webkit-scrollbar-thumb,
.cl-common-form-group.input-label-hide textarea::-webkit-scrollbar-thumb { 
    cursor: pointer; 
    border-radius: 8px; 
    background-color: #d1d3d5; 
}
.cl-common-form-group textarea.gallery-item-caption::-webkit-scrollbar-button:start,
.cl-common-form-group.input-label-hide textarea::-webkit-scrollbar-button:start { display: none; }
.cl-common-form-group textarea.gallery-item-caption::-webkit-scrollbar-button:end,
.cl-common-form-group.input-label-hide textarea::-webkit-scrollbar-button:end { display: none; }
.cl-common-form-group.input-label-hide textarea:valid ~ .cl-s-control-label,
.cl-common-form-group.input-label-hide textarea:focus ~ .cl-s-control-label { color: transparent; }

.cl-common-label {
    text-align: left;
    padding: 0;
    position: relative;
    float: left;
    max-width: 75px;
    margin-top: 10px;
    word-break: break-word;
}

.cl-common-form-wrap.error .cl-common-form-group select ~ .cl-common-control-label.error ~ .cl-common-control-label:not(.error), 
.cl-common-form-wrap.error .cl-common-form-group input:focus ~ .cl-common-control-label.error ~ .cl-common-control-label:not(.error),
.cl-common-form-wrap.error .cl-common-form-group input:valid ~ .cl-common-control-label.error ~ .cl-common-control-label:not(.error), 
.cl-common-form-wrap.error .cl-common-form-group input.form-file ~ .cl-common-control-label.error ~ .cl-common-control-label:not(.error), 
.cl-common-form-wrap.error .cl-common-form-group input.has-value ~ .cl-common-control-label.error ~ .cl-common-control-label:not(.error), 
.cl-common-form-wrap.error .cl-common-form-group textarea:focus ~ .cl-common-control-label.error ~ .cl-common-control-label:not(.error), 
.cl-common-form-wrap.error .cl-common-form-group textarea:valid ~ .cl-common-control-label.error ~ .cl-common-control-label:not(.error), 
.cl-common-form-wrap.error .cl-common-form-group textarea:invalid ~ .cl-common-control-label.error ~ .cl-common-control-label:not(.error), 
.cl-common-form-wrap.error .cl-common-form-group textarea.form-file ~ .cl-common-control-label.error ~ .cl-common-control-label:not(.error), 
.cl-common-form-wrap.error .cl-common-form-group textarea.has-value ~ .cl-common-control-label.error ~ .cl-common-control-label:not(.error),
.cl-common-form-wrap.error .cl-common-form-group select:focus ~ .cl-common-control-label.error ~ .cl-common-control-label:not(.error),
.cl-common-form-wrap.error .cl-common-form-group input:focus ~ .cl-common-control-label.error ~ .cl-common-control-label:not(.error),
.cl-common-form-wrap.error .cl-common-form-group textarea:focus ~ .cl-common-control-label.error ~ .cl-common-control-label:not(.error) { color: transparent; }

.cl-common-form-group select {
  width: 100%;
  font-size: 14px;
  height: 34px;
  padding: 0.125rem 0.125rem 0.0625rem;
  background: none;
  border: none;
  line-height: 1.6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.cl-common-form-group.input-label-hide textarea:valid ~ .cl-common-control-label,
.cl-common-form-group.input-label-hide textarea:focus ~ .cl-common-control-label,
.cl-common-form-group.input-label-hide input:valid ~ .cl-common-control-label,
.cl-common-form-group.input-label-hide input:focus ~ .cl-common-control-label {color:transparent;}
.cl-common-form-group.input-label-hide.cl-exf-form-group {padding: 6px 20px 6px 20px; height: 48px;}
.cl-common-form-group.input-label-hide.cl-exf-form-group input {height: 35px;} 


.email-add-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    padding: 5px 12px 0 12px;
    background-color: transparent;
    border-radius: 3px;
    border: 1px solid #dbdcdf;
}  
.email-add-box input#email-add-input,
.email-add-box textarea#email-add-input {
  border: none;
  resize: none;
  height: 28px;
  font-size: 13px;
  /*width: 100%;*/
  background-color: transparent;
  overflow: hidden;
  margin: 0 6px 6px 0;
  line-height: 28px;
}
.kakao-wrap .email-add-box.disabled {
    background-color: #f3f4f5!important;
    color: #696C71!important;
    border: 1px solid #dbdcdf!important;
    cursor: pointer;
}  
.kakao-wrap .email-add-box.disabled input#email-add-input,
.kakao-wrap .email-add-box.disabled textarea#email-add-input {
    display: none !important;

}

.email-add-box .email-box {
  padding: 0 24px 0 8px;
  border: 1px solid #6ea2ed;
  border-radius: 3px;
  background-color: #e6eef9;
  color: #6ea2ed;
  margin: 0 6px 6px 0;
  height: 28px;
  line-height: 28px;
  position: relative;
  flex-shrink: 0;
  width: auto;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.email-add-box .email-box.none {
  border: 1px solid #f17a8d;
  background-color: #fae6ea;
  color: #f17a8d;
}
.email-add-box .email-box > div {
    display: inline-block;
}
.email-add-box .email-box .email-text-input input {
    border: none;
    background: transparent;
    padding: 0;
    color: #696c71;
}
.email-add-box .email-box span {
  display: inline-block;
  position: absolute;
  margin-left: 10px;
  cursor: pointer;
  right: 8px;
}
.email-add-box .email-box span svg {
  fill: #4789e7;
  width: 8px;
  height: 8px;
  position: relative;
  top: -2px;
}
.email-add-box .email-box.none span svg {
  fill: #ee445f;
  width: 8px;
  height: 8px;
  position: relative;
  top: -2px;
} 

.generalnum-add-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    padding: 4px 12px 0 12px;
    background-color: transparent;
    border-radius: 3px;
    border: 1px solid #dbdcdf;
}

.generalnum-add-box input#generalnum-add-input,
.generalnum-add-box textarea#generalnum-add-input {
  border: none;
  resize: none;
  height: 28px;
  font-size: 13px;
  flex:1;  
  background-color: transparent;
  overflow: hidden;
  margin: 0 6px 5px 0;
  line-height: 28px;
}

.generalnum-add-box .generalnum-box {
  padding: 0 24px 0 8px;
  border: 1px solid #6ea2ed;
  border-radius: 3px;
  background-color: #e6eef9;
  color: #6ea2ed;
  margin: 2px 6px 5px 0;
  height: 27px;
  line-height: 27px;
  position: relative;
  flex-shrink: 0;
  width: auto;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.generalnum-add-box .generalnum-box.none {
  border: 1px solid #f17a8d;
  background-color: #fae6ea;
  color: #f17a8d;
}
.generalnum-add-box .generalnum-box > div {
    display: inline-block;
}
.generalnum-add-box .generalnum-box .generalnum-text-input input {
    border: none;
    background: transparent;
    padding: 0;
    color: #696c71;
}
.generalnum-add-box .generalnum-box span {
  display: inline-block;
  position: absolute;
  margin-left: 10px;
  cursor: pointer;
  right: 8px;
}
.generalnum-add-box .generalnum-box span svg {
  fill: #4789e7;
  width: 8px;
  height: 8px;
  position: relative;
  top: -2px;
}
.generalnum-add-box .generalnum-box.none span svg {
  fill: #ee445f;
  width: 8px;
  height: 8px;
  position: relative;
  top: -2px;
} 

@media only screen and (max-width:818px) and (min-width: 768px) {
    .setting-sub-title {
        width: calc(100% - 518px);
        margin-right: 78px;
    }
}

/* .element.aos-init {overflow-x: hidden} */
.element.render-aos { transition-duration: initial !important; }
.element.render-scroll-aos {transform : initial;}

.overflow-x-scrollaos {overflow-x: hidden;}
/*.element.aos-init[data-aos^=fade][data-aos^=fade] {margin-left: 0px;}*/
/*.element.aos-init:not(.aos-animate):after{ position:fixed}*/
.element.aos-init { visibility: hidden !important;}
.element.aos-init.aos-animate { visibility: visible !important; }
.element.aos-init.aos-hidden { visibility: hidden !important; }
.element.aos-init.aos-hidden * { visibility: hidden !important; }
.element.aos-init.aos-hidden .post-wrap .post-content.text-only * { opacity: 0 !important; }
.element.aos-init.aos-hidden .post-wrap .post-content * { transition: ease-in-out .0s; }
.element.aos-init .post-wrap .post-content * { transition: ease-in-out .0s !important; }


.popover li { position: relative; padding-left: 10px; list-style: none; }
.popover li.title { font-weight:bold; font-size: 12px; color: #222222; padding-left: 0; }
.popover li.title + .item { margin-top: 10px; }
.popover li.item { font-size: 12px; color: #696c71; }
.popover li.item + .item { margin-top: 5px; }
.popover li.item + .desc { margin-top: 10px; }
.popover .desc { color: #999999; padding-left: 0; }
.popover li:not(.title, .desc):before {
    position: absolute;
    content: '·';
    top:0;
    left:0;
}

.guideModal .popover .btn.btn-primary:hover { background: #4182df; }
.guideModal .popover .btn.btn-default:hover { background: #efefef; }
.guideModal .popover #popover-bottom .pull-left .btn.btn-default { position: absolute; right: 60px; }
.guideModal .popover #popover-bottom .pull-right > span:nth-child(1) { position: absolute; left: 18px; margin-top: 5px; }
.guideModal .popover #popover-bottom .pull-right > span:nth-child(1) > b, .guideModal .popover #popover-bottom > span:nth-child(1) > b { color: #4789e7; font-weight: normal;}

.video-content {position: relative;}
/*.video-content iframe {border:none; width: 100%; height: 100%;}*/
.video-content svg {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    box-shadow: none;
}
.video-content svg:not(.spin_svg) circle { fill: rgba(0, 0, 0, 0.2);}
.video-content svg:not(.spin_svg) .st23 { fill: rgba(255, 255, 255, 0.85);}

.email_confirmText_join {margin:10px 0 0 0; display: inline-block; width: 100%;}
.email_confirmText {margin: 10px 0; display: inline-block; width: 100%;}

#nav.default-nav .header .header_user .btn-group.open .dropdown-menu li a,
#nav.default-nav .header .header_user .btn-group.open .dropdown-menu li .cl-logOut { padding:7px 10px; background-color:#556274; color:#fff; width:100%; max-width: 100%; }

#nav.default-nav .header .header_user a, #nav.default-nav .header .header_user .cl-logOut {
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 0;
    text-decoration: none;
    background: none;
    display: inline-block;
}

/*.element[class*="el_"] .item > .col.cont-wrap > .thumb-wrap.empty.empty_con_img,*/
.element[class*="el_"] .item-wrap > .item .thumb-wrap {
    padding: 40px 20px 25px 20px;
    width: 147px;
    position: relative;
    float: right;
}
.element[class*="el_"][data-msny="true"] .table > .item .item-inner .thumb-wrap .tpl-forum-list-thumb.empty + .tpl-forum-list-num {top:0;}
.element[class*="el_"][data-msny="true"] .table > .item .item-inner.msny_10 .cont-wrap {margin-top:30px;}
.element[class*="el_"] .item > .col.cont-wrap > .thumb-wrap.empty.empty_con_img,
.element[class*="el_"] .item > .col.cont-wrap > .thumb-wrap.empty.empty_con_img img,
.element[class*="el_"] .table > .item .thumb-wrap .tpl-forum-list-thumb.empty.empty_con_img img {display: block;}

@media only screen and (max-width: 767px) {
    .element[class*="el_"] .item-wrap > .item .thumb-wrap {
        padding: 0 0 0 15px;
        width: 30%;
    }
}

.element[class*="el_"] [class*="col-"].border0 {border: 0;}
.dsgn-body .viewBolckToolbar.out_block.macos {top: 102px; right: 39px;}


/* 한/영 블럭 change 버튼 **************************************************/
.template-lang-change.block-change-lang.out_block { background-color: #373737; }
.template-lang-change.block-change-lang {
    background-color: #ebebeb;
    border: none;
    border-radius: 37px;
    padding: 5px;
    width: 110px;
    height: 36px;
}
input[type="checkbox"]#lang_checkbox { display: none; } 
.label__on-off { 
    margin-bottom: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 26px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    color: #909297;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.label__on-off > * { 
    vertical-align: middle; 
    -webkit-transition: all .3s;
    -moz-transition: all .3s; 
    -ms-transition: all .3s; 
    -o-transition: all .3s; 
    transition: all .3s; 
    font-size: 12px;
    font-weight: normal;
} 

.label__on-off .marble { 
    position: absolute;
    top: 0px;
    left: 50px;
    display: block;
    width: 50px;
    height: 26px;
    background-color: #8e9095;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
} 
.label__on-off .lang_text.active {color: #fff;}
.label__on-off .ko { 
    padding-left: 15px;
    z-index: 10;
    position: relative;
    vertical-align: -1px;
} 

.template-lang-change[data-lang="en"] .label__on-off .ko {line-height:26px;}
.template-lang-change[data-lang="en"] .label__on-off .en{line-height:26px; margin-right:12px;}

.label__on-off .en { 
    float: right;
    line-height: 25px;
    margin-right: 14px;
    z-index: 10;
    position: relative;
} 
.input__on-off:checked + .label__on-off .ko,
.input__on-off + .label__on-off .en, {color: #fff;}
.input__on-off:checked + .label__on-off .marble { left: 1px;}


.fr-fic.fr-dii { max-width: 100%; }

table.fr-table { border: none; border-collapse: collapse; empty-cells: show; max-width: 100%; table-layout: fixed;}
table.fr-table td, table.fr-table th { border: 1px solid #DDD; }
table.fr-table td { min-width: 5px; padding-top: 5px; padding-bottom: 5px; }
table.fr-table th { background: #ececec; }
.fr-video.fr-dvb {
    display: block;
    clear: both;
    text-align: center;
    position: relative;
}
.fr-video.fr-dvb.fr-fvl { text-align: left; }
.fr-video.fr-dvb.fr-fvr { text-align: right; }
.fr-video iframe { max-width: 100%; }

.display-flex{display: -webkit-flex; display: -ms-flexbox; display: flex;}
.display-flex-col{display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column;}
.align-items-center{-webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.space-between{-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.justify-center{-webkit-justify-content: center; -ms-flex-pack: justify; justify-content: center;}
.flex-1{flex: 1;}

.zoom-control .slider-wrap-container { padding: 8px 0; }
.zoom-control .slider { max-height: 100%; }
.zoom-control .slider .slider-track { background-color: #4789e7; background-image: none; width: 4px !important; margin-left: -2px !important; }
.zoom-control .slider .slider-selection { background-color: #e1e1e1; background-image: none; }
.zoom-control .slider .slider-handle { width: 16px; height: 6px; margin-left: -6px !important; margin-top: -3px !important; border: 2px solid #4789e7; background-color: #fff; border-radius: 5px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.16); }
.zoom-control .btn-zoom-control[data-inout='I'] { border-bottom: 1px solid #ececec; }
.zoom-control .btn-zoom-control[data-inout='O'] { border-top: 1px solid #ececec; }
.contact-map-info-window { font-family: 'Notosans'; width: 240px; background-color: #fff; border-radius: 3px; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16); display: inline-block; position: absolute; left: 0; bottom: 0; z-index: 101; padding: 10px 12px; margin: 8px; }
.contact-map-info-window svg { position: absolute; fill: #4789e7; }
.contact-map-info-window .title { font-size: 13px; font-weight: normal; color: #2d2d2d; line-height: 1.23; word-break: break-all; }
.contact-map-info-window .title + .content { margin-top: 2px; }
.contact-map-info-window .content { font-size: 11px; color: #8d8d8d; line-height: 1.27; word-break: break-all; }
.contact-map-info-window > div { padding-left: 24px; }

.fr-toolbar.fr-inline .fr-command.fr-btn[data-cmd="customParagraphFormat"] { border-left:none; }
.fr-command.fr-btn[data-cmd="customParagraphFormat"] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list { min-width: 145px; }


.cl-not-supported { 
  position: relative; 
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */

  min-height: 150px;
  overflow: hidden!important;
}
.cl-not-supported[data-gjs="fixedscroll2"] { max-height: calc(100vh + 35px - var(--menu-height)); }
.cl-not-supported > div:not(.cl-ns-wrap) * { 
  pointer-events: none; 
  -webkit-touch-callout: none;
}
.cl-not-supported .cl-ns-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100%; height: 100%;
  text-align: center;
  font-family: 'Noto Sans KR','Noto Sans';
  line-height: 1.5;
  color: #fff;
  background-color: rgba(34, 36, 40, 0.8);
  z-index: 2;
}
.cl-not-supported .cl-ns-wrap[data-blockmode="video"] .cl-ns-bottom .cl-ns-btn {display: none;}
.cl-not-supported .cl-ns-title { display: flex; flex-direction: column; font-weight: normal; font-size: 24px; line-height: 1.38; }
.cl-not-supported .cl-ns-title a {display: inline-block; color: #4789e7; text-decoration: underline;}
.cl-not-supported .cl-ns-bottom { display: flex; flex-direction: row; justify-content: center; margin-top: 50px; }
.cl-not-supported .cl-ns-btn { font-size: 16px; padding: 11px 5px 13px; width: 230px; /*max-width: 48%;*/ -webkit-border-radius: 50px; border-radius: 50px; cursor: pointer; }
.cl-not-supported .cl-ns-btn.color-b { background-color: #4789e7; }
.cl-not-supported .cl-ns-btn.color-w { background-color: #ffffff; color: #696c71; }
.cl-not-supported .cl-ns-btn + .cl-ns-btn { margin-left: 20px; }

.cl-not-supported.cl-ns-slim .cl-ns-title { font-size: 18px; }
.cl-not-supported.cl-ns-slim .cl-ns-bottom { margin-top: 20px; }

@media only screen and (min-width: 992px) {
  .cl-not-supported.cl-ns-slim .cl-ns-wrap { flex-direction: row; }
  .cl-not-supported.cl-ns-slim .cl-ns-title { line-height: 1.35; flex-direction: row; justify-content: flex-end; text-align: left; flex: 0 1 auto; margin-left: auto; }
  .cl-not-supported.cl-ns-slim .cl-ns-bottom { justify-content: flex-start; margin: 0 auto 0 50px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cl-not-supported.cl-ns-slim .cl-ns-title { padding-left: 30px; }
}
@media only screen and (min-width: 1199px) {
  .cl-not-supported.cl-ns-slim .cl-ns-bottom { margin-left: 64px; }
}
@media only screen and (max-width: 991px) {
  .cl-not-supported .cl-ns-title { padding: 0 30px; }
}


@media only screen and (max-width:768px){
    .zoom-control { width: 36px !important; }
    .zoom-control .btn-zoom-control { width: 36px !important; height: 36px !important; }
    .zoom-control .btn-zoom-control svg { margin: 6px !important; }
    .zoom-control .btn-zoom-control[data-inout='O'] { border-top: none; }
    .zoom-control .slider-wrap-container { display: none; }
    .contact-map-info-window { min-width: 200px; width: auto;}
    .contact-map-info-window .title { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; }
    .contact-map-info-window .content { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;}

    div.fr-table-responsive {width: 100%; overflow-x: auto; overflow-y: hidden;}
    div.fr-table-responsive table {max-width: initial !important;}
    button[data-cmd="fontFamily"] { border-left: 1px solid #eee !important; }
    .fr-btn-grp { width: 100%; }
    .fr-btn-grp + .fr-btn-grp { border-top: 1px solid #eee; }
}

/* 모바일 프로필 변경 ************************************************************************/
.cl-changePro-modal #siteProfilefileupload { 
    width: 120px;
    height: 129px;
    top: 0px;
    left: -55px;
    z-index: 99;
}
.modal.modal-default.cl-changePro-modal .modal-content .modal-body * {
  font-family: 'Noto Sans', 'Noto Sans KR';
}
.cl-changePro-modal .section-username p { 
    display: inline-block;    
    margin-top: 27px;
    width: 15%;
    margin-left: 18px;
}
.cl-changePro-modal .section-username > p {
    width:19%;
}
.cl-changePro-modal.modal-dialog .section-username p.siteprofileImg_notice {
    width: 100%;
    text-align: left;
    line-height: 1.5;
    padding: 0;
    color: #b1b3b7;
    font-size: 12px;
    word-break: keep-all;
    margin: 2px 0 0 0;
}
.cl-changePro-modal.modal-dialog .section-username .profilenotice_icon {float: left; width: 12px;}
.cl-changePro-modal.modal-dialog .section-username .profilenotice_txt {float: left; width: calc(100% - 16px); margin-left: 4px;}
.cl-changePro-modal .dashboard-userimg {
    min-width: 130px;
    max-width: 130px;
    max-height: 130px;
    min-height: 130px;
    cursor: pointer;
    position: relative;
    float: none;
    width: 100%;
    margin: 0 auto;
    z-index: 98;
}
.cl-changePro-modal .modal-body p { padding-top: 20px;}
.cl-changePro-modal .section-username {
    float: left;
    width: 100%;
    margin-top: 40px;
}
.cl-changePro-modal .profile-image-icon {
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 9px 0;
    background-color: #ffffff;
    border: 1px solid #d1d3d5;
    text-align: center;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
.cl-changePro-modal .profileImg-Box .profile-image-icon svg {
    fill: #676767;
}
.cl-changePro-modal .fileupl-button { position: relative; overflow: hidden;}
.cl-changePro-modal #fileupload-profile { 
    width: 120px;
    height: 129px;
    top: 0px;
    left: -55px;
}
.cl-changePro-modal .fileupl-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    left: 0;
    bottom: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 20px;
    direction: ltr;
    cursor: pointer;
    width:100px;
    z-index: 99;
}
.cl-changePro-modal .dashboard-profile .progress { height:10px; margin-bottom:10px;}
.cl-changePro-modal .btn-save-nickname,.cl-changePro-modal .btn-cancel-nickname {  
    padding: 13px 15px; 
    line-height:1; 
    margin-bottom:20px; 
    margin-left:8px;
}
.cl-changePro-modal .modal-body .p-text { padding-top: 0px; font-size: 13px; color: #b1b3b7; }

.cl-changePro-modal .dashboard-userimg { margin-bottom: 20px;cursor: default; }

.cl-changePro-modal #siteProfilefileupload.modal-upload-button { width: 1px;height: 1px; }

.cl-changePro-modal .dashboard-userimg.dashboard-user-wrap {
    min-width: 110px;
    max-width: 110px;
    /*max-height: 110px;*/
    min-height: 110px;
}
.cl-changePro-modal .fileinput-button.profile-text-box label { 
    display: inline-block; 
    padding: 6px 0px; 
    width: 150px;
    height: 34px;
    color: #4789e7; 
    font-size: 14px;
    font-weight: 300;
    line-height: normal; 
    vertical-align: middle; 
    background-color: #ffffff; 
    cursor: pointer; 
    border: 1px solid #4789e7; 
    border-radius: 3px; 
}

.cl-changePro-modal .fileinput-button.profile-text-box input[type="file"] {
    position: absolute; 
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
    clip:rect(0,0,0,0); 
    border: 0;
}

[data-edit=true] ol,
[data-edit=true] ul, 
.fm-editor ol, 
.fm-editor ul:not(.fr-dropdown-list) {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-block-start: 1em;
    padding-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

[data-edit=true] ol li, [data-edit=true] ul li, .fm-editor ol li, .fm-editor ul li {
/*    list-style-position: inside;*/
}

.fr-table { display: table; margin-top: 3px; margin-bottom: 3px; }
.fr-hr { width: 100%; max-width: 100%; margin-top: 10px; margin-bottom: 10px; border-top: none; border-bottom: 1px solid #ccc; float: none !important; display: block !important; position: unset !important; border-top: none !important; transform: none !important; /*margin-inline-start: 0;*/ /*position: relative;*/ }
.fr-hr[align=left] { margin-left: 0 !important; margin-right: auto !important; }
.fr-hr[align=center] { margin-left: auto !important; margin-right: auto !important; }
.fr-hr[align=right] { margin-left: auto !important; margin-right: 0 !important; }
.fr-inline .fr-hr { cursor: pointer; }
.fr-inline .fr-hr::before { content: ' '; display: block; position: absolute; width: inherit; max-width: 100%; margin-top: -8px; height: 15px;}
.fr-hr-resizer { z-index: 128; cursor: pointer; user-select: none;}
.fr-hr-resizer .fr-handler { width: 12px; height: 12px; background: #0098f7; border: 1px solid #fff; position: absolute; top: calc(50% - 6px); z-index: 1; cursor: e-resize; user-select: none; }
.fr-hr-resizer .fr-handler.fr-left { left: -6px; }
.fr-hr-resizer .fr-handler.fr-right { right: -6px; }

.custom-button-preview { line-height: 1em; max-height: 30px; max-width: 98px; padding: 8px 38px !important; font-size: 12px !important; }
.custom-button-preview::before { /*min-height: 1em; content: ''; display: block;*/}
.fr-custom-button, .custom-button-preview { font-family: 'Noto sans kr'; font-size: 13px; cursor: pointer; position: relative; margin: 1px; border-radius: 0; background-color: #ffffff; padding: 2px 38px 3px; display: inline-block; border: 1px solid #000; max-width: 100%; user-select: none; line-height: 1; box-sizing: content-box; }
.fr-custom-button[data-href] { cursor: pointer; }
.fr-custom-button span { white-space: normal; }
[contenteditable="true"] .fr-custom-button span { cursor: text; }
/*div > .fr-custom-button:first-of-type { margin-left: 1px; }*/
/*div > .fr-custom-button:last-of-type { margin-right: 1px; }*/
/*.fr-custom-button.fr-active::before { content: ' '; border: 1px solid red; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); display: inline-block; left: -2px; top: -2px; }*/
.fr-table-responsive { padding-left: 2px; padding-right: 2px; }

.btn[data-contact-submit]:hover, .btn[data-form-submit]:hover {
    color: inherit;
}

.fr-table.fr-table-type1 td {border: 1px solid #cccccc;}

.fr-table.fr-table-type2 td {border: 1px solid #cccccc;}
.fr-table.fr-table-type2 tr:nth-child(odd) td {background-color: transparent;}
.fr-table.fr-table-type2 tr:nth-child(even) td {background-color: #f3f3f3;}

.fr-table.fr-table-type3 td {border: 1px solid #cccccc; border-left: none; border-right: none;}
.fr-table.fr-table-type3 tr:nth-child(odd) td {background-color: transparent;}
.fr-table.fr-table-type3 tr:nth-child(even) td {background-color: #f3f3f3;}

.fr-table.fr-table-type4 td {border: 1px solid #e7e8e9; background-color: transparent;}
.fr-table.fr-table-type4 tr td:first-child {border-left: 1px solid #cccccc;}
.fr-table.fr-table-type4 tr td:last-child {border-right: 1px solid #cccccc;}
.fr-table.fr-table-type4 tr:first-child td {background-color: #f3f3f3; border-top: 1px solid #cccccc;}
.fr-table.fr-table-type4 tr:last-child td {border-bottom: 1px solid #cccccc;}

.fr-table.fr-table-type5 td {border: 1px solid #cccccc;}
.fr-table.fr-table-type5 tr:nth-child(odd) td {background-color: #f8f8f8;}
.fr-table.fr-table-type5 tr:nth-child(even) td {background-color: #ebebeb;}

.fr-table.fr-table-type6 td {border: 1px solid #cccccc; border-left: none; border-right: none;}
.fr-table.fr-table-type6 tr:nth-child(odd) td {background-color: #f8f8f8;}
.fr-table.fr-table-type6 tr:nth-child(even) td {background-color: transparent;}
.fr-table.fr-table-type6 tr:first-child td {background-color: #010101;}

.fr-table.fr-table-type7 td {border: 1px solid #cccccc;background-color: transparent;}
.fr-table.fr-table-type7 tr td:first-child {background-color: #f3f3f3;}
.fr-table.fr-table-type7 tr:first-child td {background-color: #010101;}

.fr-table.fr-table-type8 td {border: 1px solid #cccccc;background-color: transparent;}
.fr-table.fr-table-type8 tr td:first-child {background-color: #010101;}

.fr-table.fr-table-type9 td {border: 1px solid #a3bcd0;}

.fr-table.fr-table-type10 td {border: 1px solid #a3bcd0;}
.fr-table.fr-table-type10 tr:nth-child(odd) td {background-color: transparent;}
.fr-table.fr-table-type10 tr:nth-child(even) td {background-color: #e5ecf2;}

.fr-table.fr-table-type11 td {border: 1px solid #a3bcd0; border-left: none; border-right: none;}
.fr-table.fr-table-type11 tr:nth-child(odd) td {background-color: transparent;}
.fr-table.fr-table-type11 tr:nth-child(even) td {background-color: #e5ecf2;}

.fr-table.fr-table-type12 td {border: 1px solid #c8d7e2; background-color: transparent;}
.fr-table.fr-table-type12 tr td:first-child {border-left: 1px solid #a3bcd0;}
.fr-table.fr-table-type12 tr td:last-child {border-right: 1px solid #a3bcd0;}
.fr-table.fr-table-type12 tr:first-child td {background-color: #e5ecf2; border-top: 1px solid #a3bcd0;}
.fr-table.fr-table-type12 tr:last-child td {border-bottom: 1px solid #a3bcd0;}

.fr-table.fr-table-type13 td {border: 1px solid #a3bcd0;}
.fr-table.fr-table-type13 tr:nth-child(odd) td {background-color: #fbfbfc;}
.fr-table.fr-table-type13 tr:nth-child(even) td {background-color: #e5ecf2;}

.fr-table.fr-table-type14 td {border: 1px solid #a3bcd0; border-left: none; border-right: none;}
.fr-table.fr-table-type14 tr:nth-child(odd) td {background-color: #e5ecf2;}
.fr-table.fr-table-type14 tr:nth-child(even) td {background-color: transparent;}
.fr-table.fr-table-type14 tr:first-child td {background-color: #5883ab;}

.fr-table.fr-table-type15 td {border: 1px solid #a3bcd0;background-color: transparent;}
.fr-table.fr-table-type15 tr td:first-child {background-color: #e5ecf2;}
.fr-table.fr-table-type15 tr:first-child td {background-color: #5883ab;}

.fr-table.fr-table-type16 td {border: 1px solid #a3bcd0;background-color: transparent;}
.fr-table.fr-table-type16 tr td:first-child {background-color: #5883ab;}

.fr-fic[href]:not([href=""]) { cursor: pointer; }


blockquote.fr-quote { position: relative; max-width: 100%; padding: 0; margin: 0; border: none; clear: both;  }
blockquote.fr-quote p { font-size: inherit; }
/*.fr-quote.fr-draggable { cursor: grab; box-shadow: inset 0 0 0 1px #4789e7; }*/
/*.fr-view .fr-quote:not(.fr-draggable):hover { box-shadow: inset 0 0 0 1px #bdbdbd; }*/

.fr-quote { cursor: text; box-sizing: content-box; min-height: 1.8em; }

.fr-quote::before, .fr-quote::after {
}

.fr-quote.fr-quote-type1 { padding: 62px 0; --color: #b1b3b7; }
.fr-quote.fr-quote-type1:before {
    content:'';
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center center;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"><g><path d="M24.71 12.41c.7-2.06 2.13-3.77 3.97-4.84.18-.1.09-.38-.11-.36-5.62.46-10.17 5-10.49 10.78v.25c-.02.56.01 1.11.07 1.64a5.988 5.988 0 0 0 5.55 4.9c1.84.1 3.53-.65 4.69-1.89a5.99 5.99 0 0 0 1.6-3.75c.17-3.06-2-5.7-4.95-6.21-.24-.04-.41-.28-.33-.52zM8.64 12.41c.7-2.06 2.13-3.77 3.97-4.84.18-.1.09-.38-.11-.36-5.62.46-10.17 5-10.49 10.78v.25c-.02.56.01 1.11.07 1.64a5.988 5.988 0 0 0 5.55 4.9c1.84.1 3.53-.65 4.69-1.89a5.99 5.99 0 0 0 1.6-3.75c.17-3.06-2-5.7-4.95-6.21-.24-.04-.41-.28-.33-.52z"/></g></svg>');
    background-color: var(--color);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    top: 30px;
    width: 32px; height: 32px;
}
.fr-quote.fr-quote-type1:after {
    content:'';
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center center;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"><g><path d="M24.71 12.41c.7-2.06 2.13-3.77 3.97-4.84.18-.1.09-.38-.11-.36-5.62.46-10.17 5-10.49 10.78v.25c-.02.56.01 1.11.07 1.64a5.988 5.988 0 0 0 5.55 4.9c1.84.1 3.53-.65 4.69-1.89a5.99 5.99 0 0 0 1.6-3.75c.17-3.06-2-5.7-4.95-6.21-.24-.04-.41-.28-.33-.52zM8.64 12.41c.7-2.06 2.13-3.77 3.97-4.84.18-.1.09-.38-.11-.36-5.62.46-10.17 5-10.49 10.78v.25c-.02.56.01 1.11.07 1.64a5.988 5.988 0 0 0 5.55 4.9c1.84.1 3.53-.65 4.69-1.89a5.99 5.99 0 0 0 1.6-3.75c.17-3.06-2-5.7-4.95-6.21-.24-.04-.41-.28-.33-.52z"/></g></svg>');
    background-color: var(--color);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    bottom: 30px;
    width: 32px; height: 32px;
    transform: rotate(180deg);
}
/*.fr-quote.fr-quote-type1 .fr-quote-content { margin: 30px 0; }*/

.fr-quote.fr-quote-type2 { padding: 30px 0; --border-width: 6px; --color: #dcdcdc; padding-left: 10px; }
.fr-quote.fr-quote-type2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: var(--border-width);
    background-color: var(--color);
    display: block;
    height: calc(100% - 60px);
}

.fr-quote.fr-quote-type3 { padding: 58px 0 50px; --border-width: 1px; --color: #707070; position: relative; }
.fr-quote.fr-quote-type3::before {
    content:'';
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center center;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28" width="28" height="28"><g><path d="M23.06 5.57c-.76-.37-1.63-.58-2.56-.58-3.04 0-5.5 2.24-5.5 5s2.46 5 5.5 5c1.1 0 2.12-.3 2.97-.8a13.493 13.493 0 0 1-6.84 8.31l.5.5C22.32 20.96 26 15.91 26 9.99c0-1.92-1.19-3.58-2.94-4.42zM10.06 5.57c-.76-.37-1.63-.58-2.56-.58-3.04 0-5.5 2.24-5.5 5s2.46 5 5.5 5c1.1 0 2.12-.3 2.97-.8a13.493 13.493 0 0 1-6.84 8.31l.5.5C9.32 20.96 13 15.91 13 9.99c0-1.92-1.19-3.58-2.94-4.42z"/></g></svg>'); 
    background-color: var(--color);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    top: 30px;
    width: 28px; height: 28px;
    pointer-events: none;
}
.fr-quote.fr-quote-type3::after {
    content:'';
    display: block;
    height: var(--border-width);
    width: 100%;
    background-color: var(--color);
    position: absolute;
    bottom: 30px;
    opacity: .3;
}

.fr-quote.fr-quote-type4 { padding: 30px 0 30px; --border-width: 5px; --color: #dbdcdf; max-width: 420px; margin: 0px auto calc(36px - var(--border-width)); padding: 30px; position: relative; }

.fr-quote.fr-quote-type4::before {
    content:'';
    mask-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mask:   linear-gradient(#fff 0 0) 0 0 / 100% var(--border-width), 
            linear-gradient(#fff 0 0) 0 100% / 30% var(--border-width), 
            linear-gradient(#fff 0 0) 100% 100% / calc(70% - 36px) var(--border-width), 
            linear-gradient(#fff 0 0) 0 100% / var(--border-width), 
            linear-gradient(#fff 0 0) 100% 100% / var(--border-width);

    -webkit-mask-repeat: no-repeat;
    pointer-events: none;
    background-color: var(--color);
}
.fr-quote.fr-quote-type4::after {
    content: '';
    background-color: var(--color);
    display: block;
    width: calc(var(--border-width) + 1px);
    height: 36px;
    position: absolute;
    left: 30%;
    transform: skew(-45deg) translateX(18px);
    top: calc(100% - var(--border-width));
}

.fr-quote.fr-quote-type5 { padding: 36px 0 36px; --border-width: 5px; --color: #dbdcdf; max-width: 420px; margin: 0 auto; padding: 31px; position: relative; }
.fr-quote.fr-quote-type5::before {
    content:'';
    mask-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mask:   linear-gradient(#fff 0 0) top left / 100% var(--border-width), 
            linear-gradient(#fff 0 0) bottom left / calc(100% - 30px) var(--border-width), 
            linear-gradient(#fff 0 0) top left / var(--border-width) 100%, 
            linear-gradient(#fff 0 0) top right / var(--border-width) calc(100% - 30px), 
            url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" width="30" height="30"><g><path d="M36 36V2L2 36z" fill="transparent"/><path d="M32 0H0v36h2L36 2V0z" /></g></svg>') bottom right / 30px 30px no-repeat;
    -webkit-mask-repeat: no-repeat;
    pointer-events: none;
    background-color: var(--color);
}

.fr-quote.fr-quote-type6 { padding: 30px 0 30px; --border-width: 4px; --color: #dbdcdf; max-width: 420px; margin: 0px auto; padding: 40px; position: relative; }
.fr-quote.fr-quote-type6::before { content: ''; position: absolute; width: 40px; height: 40px; border-top: 4px solid var(--color); border-right: 4px solid var(--color); right: 0; top: 0; border-width: var(--border-width); border-color: var(--color); }
.fr-quote.fr-quote-type6::after { content: ''; position: absolute; width: 40px; height: 40px; border-left: 4px solid var(--color); border-bottom: 4px solid var(--color); left: 0; bottom: 0; border-width: var(--border-width); border-color: var(--color); }



[class*="el_"]:not([data-type="review"]) .ly-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
}
[class*="el_"]:not([data-type="review"]):not(.reorderBlock) .ly-img { pointer-events: auto !important; }
[class*="el_"][data-type="review"] .ly-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    display: block;
}
[class*="el_"] .video-content svg {z-index: 19;}
[class*="el_"] .video-gallery-url {display: inline-block; width: 100%; height: 100%; z-index: 40;}
.video_box {
    width: 73%;
    position: absolute;
    height: 100%;
    left: 25px;
    z-index: 100;
}

@media only screen and (max-width:768px){
    .video-content { margin-bottom: 10px; }
}

.blueimp-gallery-display > .slides > .slide > .slide-content{transition: opacity 0.1s;}
.blueimp-gallery-display > .slides > .slide.fullscreen  > .slide-content{opacity: 0;}
.blueimp-gallery .gallery-top-button > .view-original.disabled,
.blueimp-gallery .gallery-top-button > .zoom-out.disabled,
.blueimp-gallery > .view-original.disabled,
.blueimp-gallery > .zoom-out.disabled {pointer-events: none; cursor: default; opacity: 0.4;}
.blueimp-gallery > .zoomable{position: absolute; top: 0; left: 0; bottom:0; width: auto; height: auto; min-width: 100%; max-width: 100%; max-height: 100%; overflow: auto;}
.blueimp-gallery > .zoomable::-webkit-scrollbar { right: 1px; width: 8px; height: 8px; border: 5px solid #f3f4f5; -webkit-border-radius: 8px; border-radius: 8px;}
.blueimp-gallery > .zoomable::-webkit-scrollbar-thumb { height: 50px; width: 50px; background: #d1d3d5;  -webkit-border-radius: 8px; border-radius: 8px; border: 0;}

.blueimp-gallery > .zoomable > img {transition: opacity 0.25s; display: block; position: absolute; width: auto; height: auto; opacity: 0;}
.blueimp-gallery > .zoomable.visible > img{opacity: 1;}
.blueimp-gallery > .zoomable.scroll > img{cursor: grab;}
.blueimp-gallery > .zoomable.scroll.dragging > img{cursor: grabbing;}

.delivery-template-layer { text-align: left; color: #696c71; }
.delivery-template-layer input { display: inline-block; }
.delivery-template-layer input[type=text] { height: 40px; border: 1px solid #dbdcdf; box-shadow: none; }
.delivery-template-layer input[type=radio] { width: 18px; height: 18px; position: relative; top: 4px; margin-right: 5px; margin-top: 0; }
.delivery-template-layer input[numberonly] { width: 155px; text-align: right; margin-right: 5px; }
.delivery-template-layer input[readonly] { background-color: #f3f4f5 !important; }


.delivery-template-layer .popover li { position: relative; padding-left: 10px; list-style: none; }
.delivery-template-layer .popover li.title { font-weight:bold; font-size: 12px; color: #222222; padding-left: 0; }
.delivery-template-layer .popover li.title + .item { margin-top: 10px; }
.delivery-template-layer .popover li.item { font-size: 12px; color: #696c71; }
.delivery-template-layer .popover li.item + .item { margin-top: 5px; }
.delivery-template-layer .popover li.item + .desc { margin-top: 10px; }
.delivery-template-layer .popover .desc { color: #999999; padding-left: 0; }
.delivery-template-layer .popover li:not(.title, .desc):before {
    position: absolute;
    content: '·';
    top:0;
    left:0;
}

.delivery-template-layer .free-condition-row input[name=free_condition] { width: 120px; }
.delivery-template-layer .item-row:first-child { border-top: none; padding-top: 0; }
.delivery-template-layer .item-row { display: flex; border-top: 1px solid #eeeff0; padding: 20px 0; }
.delivery-template-layer .item-row > div:nth-child(1) { flex: 1 1 25%; font-size: 14px; padding: 0 50px 0 0; }
.delivery-template-layer .item-row > div:nth-child(1) svg { position: relative; top: -1px; margin-left: 5px; }
.delivery-template-layer .item-row > div:nth-child(2) { flex: 1 1 calc(100% - 25% - 50px); }
.delivery-template-layer .item-row:last-child { padding-bottom: 5px; }
.delivery-template-layer .row-sub-title { font-size: 13px; color: #8e9095; font-weight: normal; }
.delivery-template-layer .row-sub-title svg { position:relative; top: -1px; margin-right: 5px; margin-left: 0;}
.delivery-template-layer .error-box { border-color: #ee445f !important; }
.delivery-template-layer .mix-yn-row,
.delivery-template-layer .price-type-detail-method-row,
.delivery-template-layer .additional-yn-row,
.delivery-template-layer .pay-type-row,
.delivery-template-layer .make-to-order-yn-row,
.delivery-template-layer .install-fee-yn-row { display: flex; flex-wrap: wrap; }
.delivery-template-layer .mix-yn-row label,
.delivery-template-layer .price-type-detail-method-row label,
.delivery-template-layer .additional-yn-row label,
.delivery-template-layer .pay-type-row label,
.delivery-template-layer .make-to-order-yn-row label,
.delivery-template-layer .install-fee-yn-row label { flex: 0 0 50%; margin: 0; position: relative; color: #222428; font-size: 13px; font-weight: normal; }
.delivery-template-layer .pay-type-row label:nth-child(n+3) { margin-top: 25px; }
.delivery-template-layer .delivery-type-row { display: flex; flex-wrap: wrap; }
.delivery-template-layer .delivery-type-row label { flex: 0 0 50%; color: #222428; font-size: 13px; font-weight: normal; margin-bottom: 20px; }
.delivery-template-layer .delivery-type-row input[type=checkbox] { display: none; }
.delivery-template-layer .delivery-type-row input[type=checkbox] + svg { fill: #dbdcdf; display: inline-block; position: relative; top: 3px; margin-right: 5px; }
.delivery-template-layer .delivery-type-row input[type=checkbox] + svg + svg { fill: #4789e7; display: none; position: relative; top: 3px; margin-right: 5px; }
.delivery-template-layer .delivery-type-row input[type=checkbox]:checked + svg { display: none; }
.delivery-template-layer .delivery-type-row input[type=checkbox]:checked + svg + svg { display: inline-block; }
.delivery-template-layer .bootstrap-select .dropdown-toggle .caret { border-top-color: #696c71; border-bottom-color: #696c71; }

.delivery-template-layer input[type=radio] { display: none; }
.delivery-template-layer input[type=radio] + svg { fill: #dbdcdf; display: inline-block; position: relative; top: 3px; margin-right: 5px; }
.delivery-template-layer input[type=radio] + svg + svg { fill: #4789e7; display: none; position: relative; top: 3px; margin-right: 5px; }
.delivery-template-layer input[type=radio]:checked + svg { display: none; }
.delivery-template-layer input[type=radio]:checked + svg + svg { display: inline-block; }

.delivery-template-layer .delivery-type-row label.btn-delivery-type input[type="radio"] { display: none; }
.delivery-template-layer .delivery-type-row label.btn-delivery-type div { border: 1px solid #dbdde2; text-align: center; height: 40px; padding: 10px 0; color: #b1b3b7; cursor: pointer; }
.delivery-template-layer .delivery-type-row label.btn-delivery-type input[type="radio"]:checked + div { background-color: #ffffff; color: #4789e7; border-color: #4789e7; }
.delivery-template-layer .delivery-type-row label:nth-child(1) input[type="radio"]:not(:checked) + div { border-right: none; }
.delivery-template-layer .delivery-type-row label:nth-child(2) input[type="radio"]:not(:checked) + div { border-left: none; }

.delivery-template-layer input[name=quantity_repeat_value],
.delivery-template-layer input[name=weight_repeat_value] { width: 100px; }
.delivery-template-layer input[name="quantity_differential_value[]"],
.delivery-template-layer input[name="weight_differential_value[]"] { width: 75px; }
.delivery-template-layer input[name="quantity_differential_price[]"],
.delivery-template-layer input[name="weight_differential_price[]"] { width: 100px; }
.delivery-template-layer .delivery-company-row { width: 100%; }
.delivery-template-layer .delivery-company-row .bootstrap-select { margin-top: 5px; }
.delivery-template-layer .delivery-company-row svg { fill: #4789e7; margin-left: 5px; position: relative; top: -2px; vertical-align: text-top; }
/*.delivery-template-layer .delivery-company-row .dropdown-menu li.selected a.selected svg { fill: #ffffff; }*/
.delivery-template-layer .dropdown-menu a:hover { background-color: #f1f6fc; }
.delivery-template-layer .dropdown-menu > .active > a, 
.delivery-template-layer .dropdown-menu > .active > a:hover, 
.delivery-template-layer .dropdown-menu > .active > a:focus { background-color: #eaf1fb; }

.delivery-template-layer .bootstrap-select .dropdown-menu li a { color: #696c71; padding: 10px 14px 10px; }
.delivery-template-layer .bootstrap-select .btn.dropdown-toggle { background-color: #ffffff !important; color: #696c71; border: 1px solid #dbdcdf; height: 40px; padding: 7px 15px; line-height: 24px; }
.delivery-template-layer .bootstrap-select .btn.dropdown-toggle:focus { outline: none !important; }
.delivery-template-layer .make-to-order-row .bootstrap-select { width: 100px !important; }
.delivery-template-layer .make-to-order-row .bootstrap-select .dropdown-toggle { min-width: 100px; width: 100px; }
.delivery-template-layer .price-type-detail-method-row input[type=radio] { display: none; }
.delivery-template-layer .price-type-detail-method-row label { margin-top: 20px; margin-bottom: 15px; }
.delivery-template-layer .price-type-detail-method-row label div {
    border: 1px solid #dbdde2; text-align: center; height: 40px; padding: 10px;  color: #b1b3b7; cursor: pointer;
}
.delivery-template-layer .price-type-detail-method-row input[type=radio]:checked + div { background-color: #4789e7; color: #ffffff; }
.delivery-template-layer .price-type-detail-method-row label:last-child div { border-left: none; }

.delivery-template-layer .btn-quantity-diff,
.delivery-template-layer .btn-weight-diff {
    width: 100%; height: 40px; padding: 5px; color: #4789e7; background-color: #ffffff !important; border: 1px solid #4789e7; border-radius: 3px; font-size: 14px; font-weight: normal;
}
.delivery-template-layer .quantity-differential table,
.delivery-template-layer .weight-differential table { width: 100%; }
.delivery-template-layer .quantity-differential table td,
.delivery-template-layer .weight-differential table td { padding-bottom: 10px; }

.delivery-template-layer .pay-type-row.disabled-area,
.delivery-template-layer .additional-yn-row.disabled-area { pointer-events: none; opacity: .5; }

.delivery-template-layer .btn-delete-condition-row { fill: #696c71; margin-left: 15px; cursor: pointer; }

.delivery-template-modal { padding:0 !important; max-width: 620px !important; }
.delivery-template-modal .modal-body { max-width: 460px !important; }
.setting-delivery-template.setting-box {padding-top: 40px !important;}
.setting-delivery-template { text-align: left; }
.setting-delivery-template .btn-add-template { min-height: 36px; min-width: 125px; font-size: 14px; color: #ffffff; background-color: #4789e7; border: none; padding: 5px 10px; margin-top: 20px; }
.setting-delivery-template .btn-add-template svg { margin-right: 5px; fill: #ffffff; }
.setting-delivery-template .delivery-template-area { margin-top: 76px; }
.setting-delivery-template .template-row-box { display: block; }
.setting-delivery-template .template-row-title-box { background-color: #f7f8f9; border: 1px solid #e2e4e5; border-top-left-radius: 3px; border-top-right-radius: 3px; display: flex; }
.setting-delivery-template .template-row-title, .template-row-buttons { display: inline-block; }
.setting-delivery-template .template-row-title { padding: 10px 20px; line-height: 1.6; font-size: 13px; font-weight: bold; color: #484b50; flex: 1 1 auto; word-break: break-all; }
.setting-delivery-template .template-row-buttons { margin-top: 10px; color: #696c71; fill: #696c71; flex: 1 0 102px; margin-right: 15px; text-align: right; }
.setting-delivery-template .template-row-buttons span { cursor: pointer; margin-left: 4px; padding: 8px; }
.setting-delivery-template .template-row-content { padding: 20px; line-height: 1.38; font-size: 13px; font-weight: normal; color: #676767; border: 1px solid #e2e4e5; border-top: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.setting-delivery-template .template-row-box + .template-row-box { margin-top: 10px; }
 
@media only screen and (max-width:767px){
    .video-content { margin-bottom: 10px; }
    .delivery-template-modal { padding: 44px 0 0 0 !important; max-width: 100% !important; }
    .delivery-template-layer .item-row { flex-wrap: wrap; }
    .delivery-template-layer .item-row > div:nth-child(1) { flex: 1 1 100%; color: #484b50; font-size: 16px; }
    .delivery-template-layer .item-row > div:nth-child(2) { flex: 1 1 100%; margin-top: 10px; }
    .delivery-template-layer .item-row > div:nth-child(1) svg { top: -2px; }
    .setting-delivery-template.setting-box { padding-top: 0 !important; } 
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  /*width: 1px; min-width: 100%; width: 100%;*/
}
.slick-list{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: 0;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  /*height: 100%;*/
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}
.slick-prev:before,
.slick-next:before {
    font-family: 'FontAwesome';
    font-size: 36px;
    line-height: 1;
    opacity: .75;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: -25px;
}
[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-prev:before {
    content: '\f104';
}
[dir='rtl'] .slick-prev:before {
    content: '\f105';
}
.slick-next {
    right: -25px;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}
.slick-next:before {
    content: '\f105';
}
[dir='rtl'] .slick-next:before {
    content: '\f104';
}
/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

/* lux shopping */
.no-data { font-family: "Pretendard"; padding:100px 0px;}
.lightwidget__lightbox { z-index:1000 !important; }
.toast-container { position: absolute; top: 0; left: 0; width: 100%; text-align: center; }
.toast-box { border-radius: 5px; padding: 10px 30px 12px; font-size: 13px; background-color: #ffffff; position: relative; display: inline-block; line-height: 1.31; }
.toast-box.danger { border: 1px solid #ee445f; color: #ee445f; box-shadow: 0 3px 6px 0 rgba(238, 68, 95, 0.16); }
.toast-box.info { border: 1px solid #4789e7; color: #4789e7; box-shadow: 0 3px 6px 0 rgba(71, 137, 231, 0.16); }

/*image popup*/
/*#imgPopupFrame, #imgPopupFrame > .image-popup > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -moz-backface-visibility: hidden;
}*/
#imgPopupFrame {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* Prevent artifacts in Mozilla Firefox: */
  -moz-backface-visibility: hidden;
}
#imgPopupFrame { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; overflow: hidden; background: #000; background: rgba(0, 0, 0, 0.9); direction: ltr; opacity: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-transition: opacity 0.5s linear;
     -moz-transition: opacity 0.5s linear;
      -ms-transition: opacity 0.5s linear;
       -o-transition: opacity 0.5s linear;
          transition: opacity 0.5s linear;
}
#imgPopupFrame.imgPopup-display {opacity: 1;}
#imgPopupFrame > .image-popup{position: relative; height: 100%; text-align: center;}
#imgPopupFrame, #imgPopupFrame > .image-popup > img {margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%;}
#imgPopupFrame > .image-popup > img{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
#imgPopupFrame > .zoom-in,
#imgPopupFrame > .zoom-out,
#imgPopupFrame > .view-original,
#imgPopupFrame > .close {
  position: absolute;
  top: 24px;
  opacity: 1;
}
#imgPopupFrame > .view-original{top: 22px;}
#imgPopupFrame > .close {top: 26px;}
#imgPopupFrame > .zoom-in svg,
#imgPopupFrame > .zoom-out svg { width:23px; height: 23px; }
#imgPopupFrame > .view-original svg { width:27px; height:27px; }
#imgPopupFrame > .close svg{width: 20px; height: 20px;}
#imgPopupFrame > .zoom-in svg,
#imgPopupFrame > .zoom-out svg,
#imgPopupFrame > .view-original svg,
#imgPopupFrame > .close svg {
  text-decoration: none;
  cursor: pointer;
  fill: #8e9095;
}
#imgPopupFrame > .view-original svg:nth-child(1){display: none;}
#imgPopupFrame > .view-original svg:nth-child(2){display: block;}
#imgPopupFrame > .view-original.fullscreen svg:nth-child(1){display: block;}
#imgPopupFrame > .view-original.fullscreen svg:nth-child(2){display: none;}
#imgPopupFrame > .title { 
  left: 25px;
  margin: 0 207px 0 0;
  font-size: 20px;
  color: #999;
/*  text-shadow: 0 0 2px #000;*/
}
#imgPopupFrame > .close { right: 24px; }
#imgPopupFrame > .zoom-in { right: 64px; }
#imgPopupFrame > .zoom-out { right: 107px; }
#imgPopupFrame > .view-original { right: 150px; }

#imgPopupFrame > .close:hover,
#imgPopupFrame > .zoom-in:hover,
#imgPopupFrame > .zoom-out:hover,
#imgPopupFrame > .view-original:hover {
  color: #fff;
  opacity: 1;
}

#imgPopupFrame > .close:hover svg,
#imgPopupFrame > .zoom-in:hover svg,
#imgPopupFrame > .zoom-out:hover svg,
#imgPopupFrame > .view-original:hover svg {
  fill: #fff;
}

#imgPopupFrame > .zoom-out.disabled,
#imgPopupFrame > .view-original.disabled {pointer-events: none; cursor: default; opacity: 0.4;}
#imgPopupFrame > .zoomable{position: absolute; top: 0; left: 0; bottom:0; width: auto; height: auto; min-width: 100%; max-width: 100%; max-height: 100%; overflow: auto;}
#imgPopupFrame > .zoomable::-webkit-scrollbar { right: 1px; width: 8px; height: 8px; border: 5px solid #f3f4f5; -webkit-border-radius: 8px; border-radius: 8px;}
#imgPopupFrame > .zoomable::-webkit-scrollbar-thumb { height: 50px; width: 50px; background: #d1d3d5;  -webkit-border-radius: 8px; border-radius: 8px; border: 0;}

#imgPopupFrame > .zoomable > img {transition: opacity 0.25s; display: block; position: absolute; width: auto; height: auto; opacity: 0;}
#imgPopupFrame > .zoomable.visible > img{opacity: 1;}
#imgPopupFrame > .zoomable.scroll > img{cursor: grab;}
#imgPopupFrame > .zoomable.scroll.dragging > img{cursor: grabbing;}

.element a.disabled[data-popup][data-popup-name] {cursor: default;}

[data-type="form"] h1, [data-type="form"] h2, [data-type="form"] h3, [data-type="form"] h4, [data-type="form"] h5 { font-size: unset; }


/*tooltip override 230705*/
.tooltip { box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1); }
.tooltip .tooltip-arrow {border-width: 1px;}
.tooltip.left { margin-left: -10px;padding: 0; }
.tooltip.right { margin-left: 10px;padding: 0; }
.tooltip.bottom { margin-top: 10px; padding: 0; }
.tooltip.top {margin-top: -10px;padding:0;}
.tooltip.right .tooltip-arrow {
  border-left: 1px solid #b1b3b7 !important;
  border-bottom: 1px solid #b1b3b7 !important;
  border-right: 1px solid transparent !important;
  border-top: 1px solid transparent !important;
  background: #fff;
  transform: rotate(45deg);
  width: 8px; height: 8px; left: -3px !important; border-right: none; margin-top: -5px;
  z-index: 99;
}
.tooltip.left .tooltip-arrow {
  border-top: 1px solid #b1b3b7 !important;
  border-right: 1px solid #b1b3b7 !important;
  border-bottom: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
  background: #fff;
  transform: rotate(45deg);
  width: 8px; height: 8px; right: -3px !important; border-left: none; margin-top: -5px;
}
.tooltip.bottom .tooltip-arrow {
  border-left: 1px solid #b1b3b7 !important;
  border-top: 1px solid #b1b3b7 !important;
  border-right: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
  border-bottom: none;
  background: #fff;
  transform: rotate(45deg);
  width: 8px; height: 8px; top: -3px !important; margin-left: -5px;
}
.tooltip.top .tooltip-arrow {
  border-right: 1px solid #b1b3b7 !important;
  border-bottom: 1px solid #b1b3b7 !important;
  border-left: 1px solid transparent !important;
  border-top: 1px solid transparent !important;
  border-top: none;
  background: #fff;
  transform: rotate(45deg);
  width: 8px; height: 8px; bottom: -3px !important; margin-left: -5px;
}
.tooltip-inner {
  border-radius: 3px; 
  word-break: keep-all;
  font-size: 12px;
  color:#222428;
  background: #fff;
  border-color: #b1b3b7;
  font-weight: 400;
  border: 1px solid #b1b3b7;
  padding:3px 8px;
  max-width: 300px;
  white-space: unset;
}
.tooltip.in { opacity: 1; }

#el-siteConfig #band-banner-accordion [data-type="pb"] .tooltip .tooltip-inner,
#el-siteConfig #popup-banner-accordion [data-type="pb"] .tooltip .tooltip-inner {
  position: absolute;
  bottom: 0;
  left: -40px;
}
#el-siteConfig #band-banner-accordion [data-type="pb"] .tooltip .tooltip-arrow,
#el-siteConfig #popup-banner-accordion [data-type="pb"] .tooltip .tooltip-arrow {
  z-index: 99;
}

#el-siteConfig #band-banner-accordion .sc-tooltip.mobile .tooltip .tooltip-inner,
#el-siteConfig #popup-banner-accordion .sc-tooltip.mobile .tooltip .tooltip-inner {
  position: relative;
  left: 108px;
}
#el-siteConfig #band-banner-accordion .sc-tooltip.mobile .tooltip .tooltip-arrow,
#el-siteConfig #popup-banner-accordion .sc-tooltip.mobile .tooltip .tooltip-arrow {
  z-index: 99;
}
#el-blockConfig .bc-resource[data-loop="slide"][bc-type2="logo"] .image-wrap:first-child .attach-thumb .tooltip .tooltip-inner {
  position: absolute;
  top: -12px;
}
#el-blockConfig .bc-resource[data-loop="slide"][bc-type2="logo"] .image-wrap:last-child:not(:first-child) .attach-thumb .tooltip .tooltip-inner {
  position: absolute;
  bottom: -12px;
}




.modal-upload-button { width: 124px; }
.modal .modal-dialog.modal-resourcebox .popover { position: absolute; display: inline-block; background-color: #ffffff; left: 218px!important; font-size: 11px; border: 1px solid #dddddd; line-height: 20px; z-index: 3; }
.modal .modal-dialog.modal-resourcebox .popover.right .arrow { left: -15px; margin-top: -7px; border-width: 7px; border-left: 1px solid #dddddd !important;  border-bottom: 1px solid #dddddd !important; width: 11px; height: 11px; left: -6px; margin-top: -6px; }
.modal .modal-dialog.modal-resourcebox .popover.right .arrow:after { left: -6px; bottom: -7px; border-width: 7px; }
.modal .modal-dialog.modal-resourcebox .popover .popover-content { padding: 5px 10px; }

/* resource box(file resource box) */
.user-select-none,
.modal .modal-resourcebox,
.modal .modal-resourcebox *:not(input) { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.ui-selectable-helper { position: absolute; z-index: 1055;  border: 1px dotted #dfe5eb;  background-color: rgba(223,229,235,0.3); pointer-events: none; }

.modal.full-width:not(.flink-fileupload) { overflow-y: hidden; }
.modal.full-width:not(.flink-fileupload) .modal-dialog.modal-resourcebox { width: 100%!important; }
.modal .modal-dialog.modal-resourcebox { width: 1105px; max-width: 100%; height: 100vh; font-family: 'Noto sans kr','Open Sans'; padding: 0; }

.modal .modal-dialog.modal-resourcebox .modal-content { border-radius: 0; border: none; height: 100%; display: flex; flex-direction: column; }
.modal .modal-dialog.modal-resourcebox .modal-content.resource-files-content { -wekbit-box-shadow: none; box-shadow: none; }

.modal .modal-dialog.modal-resourcebox .modal-header { flex-basis: 50px; min-height: 50px; max-height: 50px; position: relative; color: #ffffff; background-color: #4789e7; text-align: center; padding: 16px 25px; }
.modal .modal-dialog.modal-resourcebox .modal-header h4 { font-size: 15px; font-weight: 300; line-height: 1.2; letter-spacing: -0.75px; text-transform: uppercase; margin: 0; }
.modal .modal-dialog.modal-resourcebox .modal-header .close { display: inline-block; margin-top: -22px; margin-right: 0px; }
.modal .modal-dialog.modal-resourcebox .modal-header .close svg { fill: #fff; }

.modal .modal-dialog.modal-resourcebox .modal-body { flex: 1 1 auto; overflow: hidden; text-align:left; padding:0; margin: 0; display: flex; flex-direction: column; }

.modal-resourcebox .nav-tabs { flex-basis: 50px; min-height: 50px; max-height: 50px; display: flex; flex-direction: row; background-color: #f3f4f6; border-bottom: 1px solid #d1dbdd; }
.modal-resourcebox .nav-tabs:before, .modal-resourcebox .nav-tabs:after { display: none; }
.modal-resourcebox .nav-tabs > li:not(.right) { flex-basis: 147px; min-width: 147px; max-width: 147px; float: none; }
.modal-resourcebox .nav-tabs > li.right { padding: 12px 25px; line-height: 1; align-self: unset; flex: 1 1 auto; text-align: right; display: flex; flex-direction: row-reverse; align-items: center; }
.modal-resourcebox .nav-tabs > li.disabled { pointer-events: none; opacity: 0.4; }
.modal-resourcebox .nav-tabs > li > a { font-size: 13px; line-height: 14px; letter-spacing: -0.05em; color: #222428; text-align: center; min-width: 147px; padding: 17px 20px; -moz-border-radius: 0; border-radius: 0; text-transform: uppercase; }
.modal-resourcebox .nav-tabs > li.active > a, 
.modal-resourcebox .nav-tabs > li.active > a:hover, 
.modal-resourcebox .nav-tabs > li.active > a:focus { border-top-color: #ffffff; border-right-color: #d1dbdd; }
.modal-resourcebox .nav-tabs > li.active:nth-child(1) > a,
.modal-resourcebox .nav-tabs > li.active:nth-child(1) > a:hover, 
.modal-resourcebox .nav-tabs > li.active:nth-child(1) > a:focus { border-left-color: #ffffff; }
.modal:not(.flink-fileupload) .modal-resourcebox .nav-tabs li:nth-child(3) { display: none; pointer-events: none; }

.modal-resourcebox .nav-tabs > li #btn-resourcebox-fullwidth { fill: #222428; }
#el-fileupload.full-width .modal-resourcebox .nav-tabs > li #btn-resourcebox-fullwidth { fill: #4789e7; }
.modal-resourcebox .nav-tabs > li #btn-resourcebox-fullwidth + label { color: #4789e7; font-size: 13px; letter-spacing: -0.65px; margin-left: 10px; display: none; }

.modal-resourcebox .tab-content { flex: 1 1 auto; overflow: hidden; display: flex; flex-direction: column; }
.modal-resourcebox .btn { width: auto; height: 34px; line-height: 33px; padding: 0 15px; -moz-border-radius: 3px; border-radius: 3px; min-width: 96px; -webkit-box-shadow: none; box-shadow: none; }
.modal-resourcebox .btn.resource-useit.active { background-color: #4789E7 }
.modal-resourcebox .btn.resource-useit,
.modal-resourcebox .btn.btn-default { font-size: 13px; }
.modal-resourcebox .btn.fileinput-button:not([data-limit="true"]) { min-width: 186px; }
.modal-resourcebox .btn.fileinput-button:not([data-limit="true"]) img { vertical-align: middle; }
.modal-resourcebox .btn.fileinput-button,
.modal-resourcebox .btn.fileinput-button:hover,
.modal-resourcebox .btn.fileinput-button:focus { background-color: #4789e7; }
.modal-resourcebox .upload-max-size { line-height: 33px; margin-right: 5px; }

.modal-resourcebox .tab-content > .active { flex: 1 1 auto; overflow: hidden; display: flex; flex-direction: column; }
.modal-resourcebox .resource-heading:before,
.modal-resourcebox .resource-heading:after { content: ''; display: table; clear: both; }
.modal-resourcebox .resource-heading { flex-basis: 59px; min-height: 59px; max-height: 59px; overflow: auto; padding: 13px 25px 11px 17px; border-bottom: 1px solid #d1dbdd; }
.modal-resourcebox .resource-heading .info { font-size: 12px; letter-spacing: -0.6px; color: #222428; line-height: 33px; }
.modal-resourcebox .resource-body { position: relative; overflow: hidden; flex: 1 1 auto; display: flex; flex-direction: row; }
.modal-resourcebox .resource-body_left { flex-basis: 218px; min-width: 218px; max-width: 218px; overflow-x: hidden; overflow-y: auto; padding-bottom: 20px; border-right: 1px solid #d1dbdd; vertical-align: top; display: flex; flex-direction: column; }
.modal-resourcebox .resource-body_right { flex: 1 1 auto; overflow: hidden; display: flex; flex-direction: column; position: relative; }

.modal-resourcebox .resource-row.top { display: flex; flex-direction: row; padding: 15px 36px 15px 26px; flex-basis: 64px; min-height: 64px; max-height: 64px; }
.modal-resourcebox .resource-row.top { display: flex; flex-direction: row; padding: 15px 36px 0px 26px; flex-basis: 49px; min-height: 49px; max-height: 49px; }
.modal-resourcebox .resource-row.line { position: absolute; top: 49px; left: 0; right: 8px; width: auto; height: 15px; z-index: 1; pointer-events: none; background-color: #fff; }
.modal-resourcebox .resource-row.bottom { flex-basis: 36px; min-height: 36px; max-height: 36px; padding: 5px 0px; }
.modal-resourcebox .resource-row.bottom:before,
.modal-resourcebox .resource-row.bottom:after { content: ''; display: table; clear: both; }

.modal-resourcebox .resource-search-group { flex-basis: 360px; min-width: 360px; max-width: 100%; display: flex; flex-direction: row; background-color: #f5f6fa; padding: 8px 8px 8px 15px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
.modal-resourcebox .resource-search-group > * { font-family: 'Noto Sans KR'; font-size: 13px; font-weight: 300; line-height: 1; letter-spacing: -0.65px; color: #696c71; }
.modal-resourcebox .resource-search-group > .resource-search-stx { flex: 1 1 auto; overflow: hidden; color: #696c71; line-height: 18px; background-color: transparent; border: none; padding: 0; }
.modal-resourcebox .resource-search-group > ::-webkit-input-placeholder { color: #b1b3b7; }
.modal-resourcebox .resource-search-group > .resource-search-stx:-moz-placeholder { color: #b1b3b7; }
.modal-resourcebox .resource-search-group > .resource-search-btn { cursor: pointer; }
.modal-resourcebox .resource-search-group > .resource-search-btn * { pointer-events: none; }
.modal-resourcebox .resource-search-group > .resource-search-btn i { font-size: 15px; }
.modal-resourcebox .resource-search-info { padding: 6px 0 0 10px; color: #98A2AC; font-family: 'Noto sans'; font-size: 14px; }

.modal-resourcebox .resource-ctrl-group { display: flex; flex-direction: row; margin-left: auto; }
.modal-resourcebox .bottom .resource-ctrl-group { justify-content: space-between; padding: 0 20px 0 12px; }

.modal-resourcebox .resource-selectbox .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: auto; }
.modal-resourcebox .resource-selectbox > .bootstrap-select > button,
.modal-resourcebox .resource-selectbox > .bootstrap-select > button:hover { color: #222428; background-color: transparent; border: none; min-width: fit-content!important; padding: 3px 10px 3px!important; font-weight: 300; letter-spacing: -0.65px; line-height: 28px!important; vertical-align: middle; }
.modal-resourcebox .resource-selectbox > .bootstrap-select > button:focus { outline: none!important; outline-offset: unset; }
.modal-resourcebox .resource-selectbox *:focus-visible,
.modal-resourcebox .resource-selectbox *:focus { outline: none!important; box-shadow: none!important; }
.modal-resourcebox .resource-selectbox .btn.dropdown-toggle ~ .dropdown-menu { border-color: #dbdcdf; min-height: unset !important; border-radius: 0; box-shadow: none; margin-top: -1px; padding: 0; margin: 0; height: auto; border: 1px solid #dbdcdf; }
.modal-resourcebox .resource-selectbox.resource-ctrl-sort .btn.dropdown-toggle ~ .dropdown-menu { left: -20px; }
.modal-resourcebox .resource-selectbox .btn.dropdown-toggle .filter-option-inner-inner { padding-right: 5px; }
.modal-resourcebox .resource-selectbox .dropdown-menu > li > a { color: #696c71; font-weight: 300; font-size: 13px; padding: 5px 10px; letter-spacing: -0.65px; }
.modal-resourcebox .resource-selectbox .dropdown-menu > li.active > a { color: #fff; }

.modal-resourcebox .resource-paging { padding-left: 20px; }
.modal-resourcebox .resource-paging > ul > li { display: inline-block; }
.modal-resourcebox .resource-paging .pagination { margin: 0; }
.modal-resourcebox .resource-paging .pagination a { border: none; color: #586172; }
.modal-resourcebox .resource-paging .pagination .active a, 
.modal-resourcebox .resource-paging .pagination .active a:hover { background-color: #fff; color:#EE445F; }
.modal-resourcebox .resource-ctrl-selectedinfo { flex: 1 1 auto; }
.modal-resourcebox .resource-ctrl-selectedinfo > label { margin: 2px 32px 0 0; color: #484b50; font-size: 12px; font-weight: normal; }
.modal-resourcebox .resource-ctrl-selectedinfo > label .count { color: #ee445f; }
.modal-resourcebox .resource-ctrl-selectedinfo > label .size { color: #484b50; }
.modal-resourcebox .resource-ctrl-btns { display:flex; flex: 0 1 auto; opacity:0; pointer-events:none; }
.modal-resourcebox .resource-ctrl-btns.active { opacity:1; pointer-events: auto; }
.modal-resourcebox .resource-ctrl-deletes,.modal-resourcebox .resource-ctrl-downloads { padding: 3px 7px; min-width: 55px; font-size: 12px; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #e3e3e3; color: #696c71; line-height: 1.5; font-weight: normal; cursor: pointer; }
.modal-resourcebox .resource-ctrl-deletes svg,.modal-resourcebox .resource-ctrl-downloads svg { fill: #696c71; -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); transform: translateY(1px); }
.modal-resourcebox .resource-ctrl-downloads { margin-right: 10px; }

.modal-resourcebox .resource-row.content { width: 100%; flex: 1 1 auto; overflow: hidden; margin: 0px; text-align: left; }
.modal-resourcebox ul.files::-webkit-scrollbar { width: 8px; }
.modal-resourcebox ul.files::-webkit-scrollbar-thumb { background-color: #d1d3d5; }
.modal-resourcebox ul.files::-webkit-scrollbar-track { background-color: #f3f4f5; }

.modal-resourcebox ul.files.empty { position: relative; }
.modal-resourcebox ul.files.empty .resource-empty-area { width: 100%; height: 100%; }
.modal-resourcebox ul.files .resource-empty { text-align: center; position: absolute; display: inline-block; top: 50%; left: 0; right: 0; width: 100%; margin:0 auto; padding: 50px 30px; color: #43484f; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.modal-resourcebox ul.files .resource-empty .img-wrap { margin-bottom: 30px; }
.modal-resourcebox ul.files .resource-empty p { font-size: 18px; letter-spacing: -0.025em; line-height: 1.6;}
.modal-resourcebox ul.files .resource-empty p + p { font-size: 12px; font-weight: 400; }
.modal-resourcebox ul.files .resource-empty .fa { color:#ec445d;}
.modal-resourcebox ul.files .listprogress { width: 100%; min-height: 40px; text-align:center; padding-top: 50px; }

.modal-resourcebox ul.files { padding-top: 30px; overflow-y: auto; height: 100%; display: flex;  }
.modal-resourcebox ul.files > li.fitem { position: relative; }
.modal-resourcebox ul.files .fitem-thumb,
.modal-resourcebox ul.files .fitem-visual { border-color: transparent; }
.modal-resourcebox ul.files .fitem-img { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; }

.modal-resourcebox ul.files .fitem-ctrl > ul { display: flex; flex-direction: row; justify-content: center; }
.modal-resourcebox ul.files .fitem-ctrl > ul > li { flex: 1 1 auto; overflow: hidden; }
.modal-resourcebox ul.files .fitem-ctrl > ul > li { margin-left: 0; vertical-align: top; line-height: 11px; }
.modal-resourcebox ul.files .fitem-ctrl > ul > li.hover { opacity: 0; pointer-events: none; }
.modal-resourcebox ul.files > li.fitem:hover .fitem-ctrl > ul > li.hover { opacity: 1; pointer-events: auto; }
.modal-resourcebox ul.files .fitem-ctrl > ul > li [class*=fitem-ctrl-] { cursor: pointer; }
.modal-resourcebox ul.files .fitem-ctrl > ul > li [class*=fitem-ctrl-] svg { fill: #c1c1c1; }

.modal-resourcebox ul.files .fitem-content p { margin-bottom: 0; }
.modal-resourcebox ul.files:not([data-layout="grid"]) .fitem-content p.fitem-size,
.modal-resourcebox ul.files:not([data-layout="grid"]) .visible-layout-grid,
.modal-resourcebox ul.files:not([data-layout="list"]) .visible-layout-list { display: none!important; opacity: 0; pointer-events: none; }

.modal-resourcebox ul.files[data-layout="grid"] { padding-left: 30px; flex-direction: row; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; }
.modal-resourcebox ul.files[data-layout="grid"] > li.fitem { flex-basis: calc(20% - 18px); max-width: calc(20% - 18px); min-width: calc(20% - 18px); display: inline-block; margin-right: 18px; margin-bottom: 19px; font-size: 13px; font-weight: 300; color: #222428; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-visual { position: relative; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-thumb { position: relative; display: flex; flex-direction: column; overflow: hidden; justify-content: center; align-items: center; margin: 0 auto; border: 2px solid transparent; -webkit-transition: border-color .3s; -moz-transition: border-color .3s; -ms-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s;}
.modal-resourcebox ul.files[data-layout="grid"] .fitem-mold { width: 100%; height: 100%; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-mold > img { width: 100%; opacity: 0; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-img { flex-shrink: 0; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.modal-resourcebox ul.files[data-layout="grid"] .fitem.ui-selecting .fitem-thumb,
.modal-resourcebox ul.files[data-layout="grid"] .fitem.ui-selected .fitem-thumb { border-color: #4789e7; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-visual:hover .fitem-mold { background-color: rgba(71,137,231,0.1); }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-ctrl { position: absolute; bottom: 0; left: 0; right: 0; padding: 2px; background-color: rgba(48, 48, 48, 0.8); background-clip: content-box; opacity: 0; }
.modal-resourcebox ul.files[data-layout="grid"]:not(.__file_selecting) .fitem-visual:hover .fitem-ctrl { opacity: 1; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-ctrl > ul > li { flex: 0 1 40px; height: 40px; display: flex; flex-direction: row; justify-content: center; vertical-align: top; line-height: 11px; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-ctrl > ul > li [class*=fitem-ctrl-] { width: 100%; display: flex; flex-direction: column; justify-content: center; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-ctrl > ul > li [class*=fitem-ctrl-] svg { margin: 0 auto; pointer-events: none; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-ctrl > ul > li:hover [class*=fitem-ctrl-]:not(.fitem-ctrl-star) svg { fill: #fff; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-ctrl .fitem-ctrl-star.active svg { fill: #fff; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-ctrl .fitem-ctrl-star.active svg:not(.active),
.modal-resourcebox ul.files[data-layout="grid"] .fitem-ctrl .fitem-ctrl-star:not(.active) svg.active { display: none; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-content { padding: 6px 6px 11px; text-align: center; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-content p { margin-bottom: 0; line-height: 1.4; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-content .fitem-name { margin-bottom: 5px; text-overflow: ellipsis;  white-space: nowrap; overflow: hidden; }
.modal-resourcebox ul.files[data-layout="grid"].__file_selecting .fitem-content .fitem-name { pointer-events: none; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-content .fitem-date2,
.modal-resourcebox ul.files[data-layout="grid"] .fitem-content .fitem-size { color: #b1b3b7; font-size: 11px; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-content .fitem-size .size:after { display: inline-block; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-content .fitem-size .size[data-unit="KB"]:after { content: 'KB'; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-content .fitem-size .size[data-unit="MB"]:after { content: 'MB'; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-content .fitem-size .size + .width:before { content: ' | '; display: inline-block; margin-left: 3px; margin-right: 3px; font-size: 11px; line-height: 11px; color: #a1a7af; -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-content .fitem-size .height:before { content: ' x '; display: inline-block; margin-left: 1px; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-content .fitem-username { font-family: 'Rotobo'; color: #999; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-content .fitem-username > a { color: #000; text-decoration: underline; }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-content .tooltip { max-width: 250px;  }
.modal-resourcebox ul.files[data-layout="grid"] .fitem-content .tooltip .tooltip-inner { max-width: none; word-break: break-word; white-space: pre-wrap; color: #222428; font-weight: 300; }

.modal-resourcebox ul.files[data-layout="list"] { padding-left: 26px; padding-right: 10px; flex-direction: column; }
.modal-resourcebox ul.files[data-layout="list"] > li.fitem { margin-bottom: 5px; flex: 0 1 54px; font-size: 13px; font-weight: normal; letter-spacing: -0.65px; color: #696c71; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-wrap { position: relative; display: flex; flex-direction: row; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-wrap:hover .fitem-handle > svg { opacity: 1; pointer-events: auto; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-visual { flex: 1 1 auto; overflow: hidden; position: relative; display: flex; flex-direction: row; align-items: center; border: 1px solid transparent; -webkit-transition: border-color .3s; -moz-transition: border-color .3s; -ms-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s; }
.modal-resourcebox ul.files[data-layout="list"] .fitem.ui-selecting .fitem-visual,
.modal-resourcebox ul.files[data-layout="list"] .fitem.ui-selected .fitem-visual { border-color: #4789e7; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-visual:hover { background-color: rgba(71,137,231,0.1); }
.modal-resourcebox ul.files[data-layout="list"] .fitem-thumb { position: relative; overflow: hidden; height: 52px; width: 52px; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-mold { display: none; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-img { width: 100%; height: 100%; object-fit: cover; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-name.visible-layout-list { flex: 1 1 auto; overflow: hidden; padding-left: 18px; padding-right: 15px; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-name.visible-layout-list > span { text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: block; display: -webkit-box; word-wrap: break-word; width: 100%; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-ctrl { flex: 0 1 180px; margin-left: auto; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-ctrl > ul > li { padding: 0px 10px; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-ctrl > ul > li:hover [class*=fitem-ctrl-] svg { fill: #556274; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-ctrl > ul > li.visible-layout-list { display: flex; flex-direction: column; justify-content: center; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-ctrl > ul > li.visible-layout-list.w132 { flex-basis: 132px; min-width: 132px; max-width: 132px; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-ctrl > ul > li.visible-layout-list.w85 { flex-basis: 85px; min-width: 85px; max-width: 85px; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-ctrl > ul > li.visible-layout-list.w82 { flex-basis: 82px; min-width: 82px; max-width: 82px; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-ctrl .fitem-ctrl-star.active svg { fill: #556274; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-size3[data-unit]:after { display: inline-block; position: relative; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-size3[data-unit="KB"]:after { content: 'KB'; }
.modal-resourcebox ul.files[data-layout="list"] .fitem-size3[data-unit="MB"]:after { content: 'MB'; }

.resource-selected-ul { flex-basis: 0px; min-height: 0px; max-height: 0px; overflow-y: auto; display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 20px 15px 12px; padding: 0px; background: #f5f5f5; border-radius: 2px; text-align: left;}
.resource-selected-ul:not(:empty) { flex-basis: 56px; min-height: 56px; max-height: 56px; margin-bottom: 20px; }
.resource-selected-ul::-webkit-scrollbar { width: 8px; }
.resource-selected-ul::-webkit-scrollbar-thumb { background-color: #d1d3d5; }
.resource-selected-ul::-webkit-scrollbar-track { background-color: #f3f4f5; }

.resource-selected-ul > li { flex: 0 1 56px; max-width: 56px; min-width: 56px; overflow: hidden; padding: 1px; position: relative; }
.resource-selected-ul > li img { width: 100%; }
.resource-selected-ul > li .selected-hover { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 1px; background-color: rgba(0,0,0,0.5); background-clip: content-box; text-align: center; font-size: 32px; line-height: 56px; color: #fff; cursor: pointer; }
.resource-selected-ul > li:not(:hover) .selected-hover { display: none; }
.resource-selected-ul > li p { display: none; pointer-events: none; font-size: 10px; }
.resource-selected-cancel-popover { padding: 3px; border: 1px solid #b1b3b7; -webkit-border-radius: 3px; border-radius: 3px; }
.resource-selected-cancel-popover .popover-content { padding: 1px ; font-size: 12px; color: #222428; font-weight: 300; ord-break: keep-all; white-space: unset; }

.resource-tooltip { pointer-events: none; display:none; width: 50px; height: 50px; z-index: 9999; position: fixed; top: 10px; left: -20px; }
.resource-tooltip.multiple:before { z-index: 9900; content: ''; display: inline-block; position: absolute; top: -3px; left: 3px; width: 50px; height: 50px; border: 1px solid #d2d2d2; background-color: #ffffff;}
.resource-tooltip > img { position: relative; display: inline-block; z-index: 9999; width: 100%; height: 100%; object-fit: cover; border: 1px solid #d2d2d2; }
.resource-tooltip > .count { z-index: 10000; display: inline-block; width: 20px; height: 20px; line-height:20px; content: '10'; position: absolute; top: -10px; right: -10px; background-color: #EE445F; color: #fff; -moz-border-radius: 50%; border-radius: 50%; text-align:center;}

.resourcebox-frame #rframe:not(.blueimp-gallery-display) { pointer-events: none; opacity: 0; z-index: -1; }
.resourcebox-frame #rframe { margin: 0; z-index: 1043; }
.resourcebox-frame #rframe .ctrls { position: absolute; top: 26px; right: 24px; display: flex; flex-direction: row; align-items: center; }
.resourcebox-frame #rframe .ctrls > li { padding-left: 20px; }
.resourcebox-frame #rframe .ctrls svg { fill: #fff; }
.resourcebox-frame #rframe .ctrls a { display: block; line-height: 1; cursor: pointer; }
.resourcebox-frame #rframe .ctrls a.disabled { pointer-events: none; cursor: default; opacity: 0.4; }
.resourcebox-frame #rframe .ctrls .view-original svg { display: none; }
.resourcebox-frame #rframe .ctrls .view-original:not(.fullscreen) svg:nth-child(2),
.resourcebox-frame #rframe .ctrls .view-original.fullscreen svg:nth-child(1) { display: block; }


@media only screen and (min-width: 1200px) {
  .modal.full-width:not(.flink-fileupload) .modal-resourcebox ul.files[data-layout="grid"] .fitem { flex-basis: calc(10% - 15px); max-width: calc(10% - 15px); min-width: calc(10% - 15px); margin-right: 15px; }
}
@media only screen and (min-width: 2240px) {
  .modal.full-width:not(.flink-fileupload) .modal-resourcebox ul.files[data-layout="grid"] .fitem { flex-basis: calc(7% - 12px); max-width: calc(7% - 12px); min-width: calc(7% - 12px); margin-right: 12px; }
}

/* resource case1 : my */
.dd-list.fll { display: flex; flex-direction: column; }
.dd-list.fll > .fli { flex: 0 1 36px; max-height: 36px; min-height: 36px; display: flex; flex-direction: column; position: relative; }
.dd-list.fll > .fli > .fli-wrap { display: flex; flex-direction: row; position: relative; padding: 8px 10px 8px 26px; background-color: #fff; border-bottom: none; cursor: default; }
.dd-list.fll > .fli > .fli-wrap:not(.fl-nodrag) { cursor: pointer; }
.dd-list.fll > .fli.active > .fli-wrap { background-color: #f7fafd; z-index: 1; }
.dd-list.fll > .fli.drag-selected,
.dd-list.fll > .fli.drag-selected.active { background-color:#c3c3c3 !important; }
.dd-list.fll > .fli > .fli-wrap > span[class*=dd-] { line-height: 20px; font-size: 13px; font-weight: normal; color: #556274; }
.dd-list.fll > .fli > .fli-wrap > span[class*=dd-] svg { pointer-events: none; fill: #556274; }
.dd-list.fll > .fli > .fli-wrap > span[class*=dd-].fli-hidden { display: none; pointer-events: none; width: 0px; }
/* flc+fls test 
.dd-list.fll > .fli > .fli-wrap > span[class*=dd-].fli-hidden { font-size: 0.72em; margin-left: 10px;  pointer-events: none; }
.dd-list.fll > .fli > .fli-wrap > span[class*=dd-].fli-hidden[attr-size-unit]:after { display: inline-block; position: relative; }
.dd-list.fll > .fli > .fli-wrap > span[class*=dd-].fli-hidden[attr-size-unit="KB"]:after { content: 'KB'; }
.dd-list.fll > .fli > .fli-wrap > span[class*=dd-].fli-hidden[attr-size-unit="MB"]:after { content: 'MB'; }
.dd-list.fll > .fli > .fli-wrap > span[class*=dd-].fli-hidden[attr-size-unit="GB"]:after { content: 'GB'; }
*/
.dd-list.fll > .fli > .fli-wrap > span[class*=dd-].fli-hover { width: 22px; max-width: 22px; text-align: center; }
.dd-list.fll > .fli > .fli-wrap > span[class*=dd-].fli-hover + .fli-hover { margin-left: 5px; }
.dd-list.fll > .fli:is(:not(:hover), .fl-nodrag) > .fli-wrap > span[class*=dd-].fli-hover { display: none; width: 0px; max-width: 0px; }
.dd-list.fll > .fli > .fli-wrap > span[class*=dd-].fli-hover svg { fill: #8e9095; pointer-events: none; }
.dd-list.fll > .fli > .fli-wrap > span.cl-handle { position: absolute; left: 4px; top: 8px; opacity: 0; pointer-events: none; }
.dd-list.fll > .fli > .fli-wrap > span.cl-handle svg { fill: #d1d3d5; }
.dd-list.fll > .fli:not(.fl-nodrag):hover > .fli-wrap > span.cl-handle { opacity: 1; }
.dd-list.fll > .fli.active:not([data-id="all"]) > .fli-wrap > span.cl-folder,
.dd-list.fll > .fli:not(.active) > .fli-wrap > span.cl-folder-open { display: none; }
.dd-list.fll > .fli > .fli-wrap > span.dd-folder,
.dd-list.fll > .fli > .fli-wrap > span.dd-folder-open { padding-top: 2px; }
.dd-list.fll > .fli > .fli-wrap > span.dd-fln { padding: 0 6px 0 9px; max-width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.dd-list.fll > .fli > .fli-wrap > span.dd-fln > .fln-group { position: absolute; top: 0; left: 44px; right: 10px; bottom: 0; height: 36px; width: 165px; background-color: #fff; pointer-events: auto!important; z-index: 1; }
.dd-list.fll > .fli > .fli-wrap > span.dd-fln > .fln-group > input.form-control { width: 128px; height: 36px; box-shadow: none; -webkit-box-shadow: none; -moz-border-radius: 0; border-radius: 0; border: 1px solid #D1DBDD; padding: 4px 23px 4px 5px; }
.dd-list.fll > .fli > .fli-wrap > span.dd-fln > .fln-group > .input-group-btn > button.btn.btn-fln-save { width: 38px!important; height: 36px!important; outline: 0; padding: 0 7px!important; background-color: #4789E7; border: 1px solid #0073ac; -moz-border-radius: 0!important; border-radius: 0!important; min-width: initial!important; line-height: 28px!important; }
.dd-list.fll > .fli > .fli-wrap > span.dd-fln > .fln-group > .btn-fln-cancel { position: absolute; top: 8px; right: 47px; cursor: pointer; color: #ccc; pointer-events: auto!important; z-index: 1; } 
.dd-list.fll > .fli > .fli-wrap > span.dd-fln > .fln-group i { pointer-events: none; }
.dd-list.fll > .fli > .fli-wrap > span.dd-flc { flex: 0 0 auto; max-width: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #4789e7; cursor: default; pointer-events: none; }
.dd-list.fll > .fli > .fli-wrap > span.dd-fle { margin-left: auto; }
.dd-list.fll > .fli[data-id="all"] > .fli-wrap > span[class*=dd-] { color: #4789e7; pointer-events: none; font-weight: normal; }
.dd-list.fll > .fli[data-id="all"] > .fli-wrap > span.dd-icon > svg { fill: #4789e7; }
.dd-list.fll > .fli[data-id="all"] > .fli-wrap > span.dd-icon { padding-top: 2px; }
.dd-list.fll > .fli[data-id="all"] > .fli-wrap > span.fli-hover { display: none; }
.dd-list.fll > .fli[data-id="all"] > .fli-wrap > span.dd-fln { text-transform: uppercase; }
.dd-list.fll > .fli[data-id="all"] > .fli-wrap > span.dd-flc { max-width: unset; }

#mystorage #nestableFolder { flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; }
#mystorage #nestableFolder::-webkit-scrollbar { width: 8px; }
#mystorage #nestableFolder::-webkit-scrollbar-thumb { background-color: #d1d3d5; }
#mystorage #nestableFolder::-webkit-scrollbar-track { background-color: #f3f4f5; }

#mystorage .dd-header { line-height: 1; flex-basis: 64px; min-height: 64px; max-height: 64px; padding: 15px; text-align: center; }
#mystorage .dd-header .add-folder { color: #4789e7; padding: 9px 15px; font-size: 13px; letter-spacing: -0.65px; border: 1px solid #dbdcdf; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; display: flex; justify-content: center; }
#mystorage .dd-header .add-folder > svg { margin-top: 2px; margin-right: 5px; fill: #4789e7; }
#mystorage .dd-header .popover,
#mystorage .dd-header .popover * { pointer-events: none; }

/* resource case2 : free */
#freestorage .resource-body_left .resource-folderlist > li { height: 48px; padding: 15px; line-height: 15px; cursor: pointer; }
#freestorage .resource-body_left .resource-folderlist > li.active { background-color: #4789e7; color: #fff; }
#freestorage .resource-body_left .resource-folderlist > li > span { padding-left: 5px; }

/* resource case3 : flink */
.flink-fileupload .modal-dialog.modal-resourcebox { width: 740px; }

.flink-fileupload .nav-tabs { display: none; pointer-events: none; }
.flink-fileupload .resource-heading .info { display: flex; flex-direction: row; }
.flink-fileupload .resource-heading .flink-capacity { margin-left: 15px; }
.flink-fileupload .resource-heading .flink-capacity > span { padding-left: 3px; padding-right: 3px; }
.flink-fileupload .resource-heading .flink-fileinput.flink-disabled { background-color: #9B9EA5; }
.flink-fileupload .resource-body { flex-direction: column; }
.flink-fileupload .resource-body_center { display: flex; flex-direction: column; flex-basis: 100%; max-height: 100%; min-height: 100%; overflow: hidden; }

.flink-fileupload .resource-row.top { padding: 15px 25px 15px 17px; }
.flink-fileupload .resource-row.bottom:not(.active) { display: none; pointer-events: none; }
.flink-fileupload .resource-loadmore { display: inline-block; width: 150px; height: 38px; padding: 8px 5px; -moz-border-radius: 0px; border-radius: 0px; border: 1px solid #707070; color: #696c71; font-size: 13px; line-height: 1.4; cursor: pointer; }
.flink-fileupload .modal-resourcebox .resource-row.content { overflow: hidden; }
.flink-fileupload .modal-resourcebox ul.files[data-layout="flist"] { flex-direction: column; flex-wrap: nowrap; padding: 15px 10px 30px 10px; }
.flink-fileupload .modal-resourcebox ul.files[data-layout="flist"] .fitem { display: block; flex-basis: auto; max-width: unset; min-width: unset; width: 100%; margin: 0; padding: 9px 15px 9px 7px; border: 2px solid transparent; }
.flink-fileupload .modal-resourcebox ul.files[data-layout="flist"] .fitem:hover { background-color: #f7fafd; }
.flink-fileupload .modal-resourcebox ul.files[data-layout="flist"] .fitem.selected { border-color: #4789e7; }
.flink-fileupload .modal-resourcebox ul.files[data-layout="flist"] .fitem > .fitem-wrap { display: flex; flex-direction: row; }
.flink-fileupload .modal-resourcebox ul.files[data-layout="flist"] .fitem > .fitem-wrap p { margin-bottom: 0; }
.flink-fileupload .modal-resourcebox ul.files[data-layout="flist"] .fitem > .fitem-wrap .fitem-size { margin-left: auto; padding-right: 20px; }
.flink-fileupload .modal-resourcebox ul.files[data-layout="flist"] .fitem > .fitem-wrap .fitem-size .size:after { display: inline-block; }
.flink-fileupload .modal-resourcebox ul.files[data-layout="flist"] .fitem > .fitem-wrap .fitem-size .size[data-unit="KB"]:after { content: 'KB'; }
.flink-fileupload .modal-resourcebox ul.files[data-layout="flist"] .fitem > .fitem-wrap .fitem-size .size[data-unit="MB"]:after { content: 'MB'; }
.flink-fileupload .modal-resourcebox ul.files[data-layout="flist"] .fitem > .fitem-wrap .fitem-ctrl-del { cursor: pointer; }


/* resource case4 : popup */
.modal.popup-fileupload { background-color: rgba(238, 239, 243); }

@media only screen and (max-width: 767px) {

}
/* resource END */