@charset "UTF-8";
.wrap {background-color:#ebebeb;height:auto;min-height:calc(100vh - 70px);}
.container.main {width:1400px;background-color:transparent;margin:0 auto;}
.container.cube-sub-main {width:100%;margin:0 auto;height:calc(100% - 70px);}
.container.cube-sub-main .contents {width:1400px;background-color:transparent;margin:0 auto;}
.container.std-sub-main {width:100%;margin:0 auto;height:calc(100vh - 70px);}
.container.std-sub-main .contents {width:1400px;background-color:transparent;margin:0 auto;}
.bg-box {background:#fff;border-radius:5px;box-shadow:0 3px 3px rgba(0,0,0,.1);}
section.flex {display:flex;justify-content:stretch;align-items:stretch;flex-flow:row nowrap;}
.flex {display:flex;justify-content:space-between;flex-flow:row wrap;flex:1;}
.flex .left {flex:1;padding:1rem 0; width:1035px;}
.flex .right {padding:1rem 0 1rem 1rem!important;width:360px;box-sizing:border-box;}
.flex .middle {width:1035px;margin:0 auto;padding:1rem 0;}
.mainBody header ,
.mainBody header .gnb {height:70px;background:#fff;border-bottom:1px solid #df3b42;}
.mainBody header .gnb-inner {width:1400px;height:69px;margin:0 auto;}
.mainBody .container {padding-top:70px;}
.gnb h1 {width:auto;margin:0 40px;}
.gnb h1 a:first-child:before {width: 120px;height: 30px; background: url(/eurecaxpg/static/images/icon-logo-f17762841498ec71e97510f99c25950b.png) no-repeat 0 0;top: 7px;}
.gnb .menu {height:69px;}
.gnb .menu > li > a {font-size:20px;line-height: 69px;padding:0 30px;}
.gnb .menu > li:hover > a:before,
.gnb .menu > li.active > a:before {display:none;}
.gnb .menu .depth-2 {display: none;position:absolute;top:60px;}
.gnb .util-area {position:absolute;top:10px;right:10px;min-width:auto;}
.gnb .util-area .smenu > li a.btn_remote,
.gnb .util-area .smenu > li a.btn_talk {width: 40px; height: 40px; text-align: center;}
.gnb .util-area .smenu > li a.btn_widget,
.gnb .util-area .smenu > li a.btn_setting {width: 40px; height: 40px; text-align: center; font-size: 0; text-indent: -1000%;}
.gnb .util-area .smenu > li a.btn_remote:after {height: 40px; background-position: -603px -594px}
.gnb .util-area .smenu > li a.btn_talk:after {height: 40px; background-position: -500px -594px;}
.gnb .util-area .smenu > li a.btn_widget:after {height: 40px; background: url(/eurecaxpg/static/images/icon-dashboard-cda13d408c82c4eadb42cdbd2a610da1.png) no-repeat; top: 10px; left: 10px;}
.gnb .util-area .smenu > li a.btn_setting:after {height: 40px; background-position: -501px -2px;}



/*slides banner*/
.sb-wrap {position:relative;width:400px;height:auto;margin:1rem 0 0 0;padding:0;}
.sb-wrap .mySlides {display:none}
.sb-wrap .mySlides{position:relative;width:100%;height:100%;min-height:320px;background: #4eadb6;padding:1rem 2rem;}
.sb-wrap .mySlides:before {content:"";display:block;width:170px;height:150px;position:absolute;bottom:0;right:10px; background:url(/eurecaxpg/static/images/main/icon_ban-41453456e58b21d8f7d4f64c4a7ba960.png) no-repeat right bottom;background-size:130px;}
.sb-wrap .mySlides h2 {font-size: 1.8rem;font-weight:600;padding:0;margin:.2rem 0;line-height:40px;color:#fff;letter-spacing:-1px;word-break:keep-all;}
.sb-wrap .mySlides .info-txt {font-size:.95rem;color:#eaeaea;margin:.2rem 0;line-height:1.4;}
.sb-wrap .mySlides .info-txt.sm {font-size: .9rem;color:#eaeaea;margin-top:.5rem;}
.sb-wrap .mySlides .info-txt em {font-style:normal;color:#fff; display:block;margin:.4em 0;}
.sb-wrap .banner1 {background: #4eadb6;}
.sb-wrap .banner2 {background:#df3b42}
.sb-wrap .banner3 {background:#459a57}
.sb-wrap .sb-btn-area {position:absolute;top:50%;left:0;width:430px;height:40px;margin:-17px 0 0 -17px;display:inline-flex;justify-content:space-between;}
.sb-wrap .sb-btn-area .sb-left,
.sb-wrap .sb-btn-area .sb-right{color:#bdbdbd;background: #fff;box-shadow:0 3px 3px rgba(0,0,0,.2);opacity:1;}
.sb-wrap .sb-btn-area .sb-left:hover,
.sb-wrap .sb-btn-area .sb-right:hover {opacity:1;color:#111}
.sb-btn-area {width:54px;position:absolute;left:100%;top:1rem;margin-left:-54px;}
.sb-btn-area .sb-left,
.sb-btn-area .sb-right{cursor:pointer;display:inline-block;width:36px;height:36px;border-radius:50%;line-height:36px;text-align:center;color:#444;font-size:20px;box-sizing:border-box;opacity:.6}
.sb-btn-area .sb-left:hover,
.sb-btn-area .sb-right:hover {opacity:1;}
.sb-wrap .sb-badge-area {position:absolute;bottom:0;left:0;width:100%;text-align:center;height:30px;}
.sb-wrap .sb-badge-area .sb-badge {cursor:pointer;display:inline-block; height:11px;width:11px;padding:0;background:#fff;border-radius:50%;opacity:.4}
.sb-wrap .sb-badge-area .sb-badge.sb-white {opacity:1;}

/*유레카소개*/
.intro-area {position:relative;width:auto;flex:1;height:auto;margin:1rem 0 0 1rem;padding:2rem;background:url(/eurecaxpg/static/images/main/intro-bg-7e7ace1063f0ae77f1f7f555809dc440.png) no-repeat 0 0;background-size: 100%;}
.intro-area h2 {position:relative;color:#fecb00;font-size:36px;line-height: 1.4;margin:2.2rem;padding-top:1.7rem;}
.intro-area h2:before {content:"";display:block;width:90px;height:3px;background:#fff;border-radius:1px;position:absolute;top:0;left:4px;}
.intro-area .white {color:#fff;font-size:40px;}
.intro-area .talk {position:absolute;top:0;right:0;color:#fff;font-size:13px;background:#595b6a;border-radius:6px;padding:10px 12px;line-height:1.2;}
.intro-area .talk.ba1 {top:20px;right:410px;background:#df3b42;color:#fff;}
.intro-area .talk.ba2 {top:90px;right:380px;}
.intro-area .talk.ba3 {top:40px;right:50px;background:#333340;color:#fff;}
.intro-area .talk.ba4 {top:140px;right:320px;width:290px;text-align:right; }
.intro-area .talk.ba5 {top:250px;right:180px;}
.intro-area .talk.ba6 {top:135px;right:10px;background:#df3b42;color:#fff;width:220px;}
.intro-area .talk:before {content:"";display:block;width:0px;height:0px;border-top:6px solid transparent;border-left:6px solid #595b6a;border-bottom:6px solid transparent;border-right:6px solid transparent;
													position:absolute;left:100%;top:0;transform:rotate(-135deg);margin-left:-6px;}
.intro-area .talk.ba1:before {border-left:6px solid #df3b42;}
.intro-area .talk.ba2:before {transform:rotate(-20deg);border-right-width:20px;border-left-width:20px;}
.intro-area .talk.ba3:before {border-left:6px solid #333340;left:60%;top:28px;}
.intro-area .talk.ba5:before {left:90%;top:0;margin-top:-20px;transform:rotate(-90deg);border-right-width:20px;border-left-width:20px;}
.intro-area .talk.ba6:before {border-left:6px solid #df3b42;left:70%;top:44px;}
.intro-area .btn-go {background:#fecb00;font-size:13px;display:inline-block;padding:5px 10px;border-radius:5px;position:absolute;bottom:2rem;left:2.8rem;}
.intro-area .btn-go span {display:inline-block;padding-left:20px;}
.intro-area .btn-go:hover {background-color:#f0bf00;color:#000!important;}

/*알림*/
.board-area {width:auto;flex:1;height:auto;margin:1rem 0 1rem 1rem;padding: 0 !important;}
.sb-notice-wrap {position:relative;padding:1rem 50px 1rem 1rem;}
.sb-notice-wrap .news {display:none;}
.sb-notice-wrap .news .cate {display:inline-block;width:auto;height:30px;padding:0 10px;text-align:center;line-height:28px;font-size:13px;border:1px solid #df3b42;border-radius:2px;color:#df3b42;margin-right:8px;}
.sb-notice-wrap .news .cate.data {border:1px solid #4eadb6;color:#4eadb6;}
.sb-notice-wrap .sb-btn-area {width:60px;position:absolute;left:100%;top:1rem;margin-left:-60px;}
.sb-notice-wrap .sb-btn-area .sb-left,
.sb-notice-wrap .sb-btn-area .sb-right {color:#bdbdbd;width:25px;height:25px;line-height:25px;box-shadow:0 0 0;}
.sb-notice-wrap .sb-btn-area .sb-left:hover,
.sb-notice-wrap .sb-btn-area .sb-right:hover {color:#111;}

/*큐브*/
.cube-section {display:flex;justify-content:space-between;align-items:flex-start;}

/*인기큐브 */
.cube-area {flex:1;width:100%;height:auto;overflow:hidden;margin:1rem 0 0 0;padding: 0;}
.cube-area ul {display:flex;justify-content:flex-start;flex-flow:row wrap;width:100%;overflow:hidden;}
.cube-area li {width:33.333%;height:310px;padding:0 1rem 1rem 0;box-sizing:border-box;}
.cube-area li:nth-child(3n + 3){padding-right:0;}
.cube-area .inner-box {position:relative;display: block;height: 100%;padding:0 0 50px 0;border-radius:5px;background-color: #fff;box-shadow: 1px 1px 0 0 rgb(0 0 0 / 10%); -webkit-box-shadow: 1px 1px 0 0 rgb(0 0 0 / 10%); transition: box-shadow 300ms;}
.cube-area .inner-box:hover{box-shadow:1px 1px 10px 0 rgba(0, 0, 0, 0.4);}
.cube-area .inner-box .cube-thum{text-align:center;height:140px;overflow:hidden;background-color:#f9f9f9;border-radius:5px 5px 0 0;}
.cube-area .inner-box .cube-thum img{display:inline-block;transition:all .3s;height:98% !important;border-radius:8px; padding-top:1px;}
.cube-area .inner-box:hover .cube-thum img{transform:scale(1.1)}
.cube-area .inner-box a {display:block;padding:.5rem 1rem;}
.cube-area .inner-box a strong {font-size:16px;}
.cube-area .inner-box a p {font-size:14px;color:#666;}
.cube-area .inner-box .cube-bottom {position:absolute;left:0;bottom:0;width:100%;height:auto;padding:1rem;}
.cube-area .inner-box .cube-bottom .s-txt {font-size:13px;color:#a6a6a6;display:inline-block;;margin:.5rem .3rem;line-height:1.2;}
.cube-area .inner-box .cube-bottom .s-txt .svg-inline--fa {font-size:.9em;margin-right:.2rem;line-height:1;}
.cube-area .inner-box .cube-bottom span.fav .svg-inline--fa {color:#df3b42;}
.cube-area .inner-box .cube-bottom .btn.regist {display:block;background-color:#fff;border:1px solid #df3b42;color:#df3b42;text-align:center;margin:0;padding:0;line-height:28px;}
.cube-area .inner-box .cube-bottom.btm25 {bottom: 25px; left:5px;}
.cube-area .inner-box .btn.remove {position:absolute;top:10px;right:10px;background-color:#fff;min-width:22px;height:22px;line-height:20px;text-align:center;border:1px solid #fff;border-radius:50%;padding:0!important;margin:0;text-indent:0;font-size:1em;color:#a6a6a6;opacity:.5;}
.cube-area .inner-box .btn.remove:before {display:none;}
.cube-area .inner-box .btn.remove:hover {border-color:#df3b42;color:#df3b42;opacity:1;}

/*member info*/
.mem-wrap {width:100%;height:auto;overflow:hidden;margin-bottom:1rem;}
.mem-wrap .user-box {display:flex;justify-content:space-between;align-items:center;padding:1rem;width:100%;height:auto;position:relative;line-height:36px;color:#4e4c4d;}
.mem-wrap .user-box .user-name {font-size:16px;color:#000;font-weight:500;padding:0 .2rem 0 0;line-height: 1.2;margin:0;}
.mem-wrap .user-box .profile-pic {display:inline-block;}
.mem-wrap .user-box .profile-pic img {display:block;width:45px;height:45px;border:0px solid #d5d9dc;border-radius:50%;box-sizing:border-box;margin:0;}
.mem-wrap .user-box .my-info {padding:0 .2rem 0 0;text-decoration:none;color:#666;}
.mem-wrap .user-box .my-info .svg-inline--fa {color:#666;margin:0 4px;}
.mem-wrap .user-box .my-info:hover,
.mem-wrap .user-box .my-info:hover * {color:#000;}
.mem-wrap .inner-bottom {padding:0 1rem;margin-bottom:1rem;}
.mem-wrap .user-box > div {display:inline-flex;justify-content:flex-start;align-items:center;}
.mem-wrap .user-box > div > div >div {line-height:24px;}
.mem-wrap .user-box .btn-area {flex:1;justify-content:flex-end;}
.mem-wrap .btn-logout {display:inline-block;width:auto;min-width:80px;height:30px;box-sizing:border-box;background:#cdcdcd;color:#fff;font-family:"noto sans kr";font-size:13px;line-height:30px;padding:0 15px;margin-left:2px;text-align:center;border-radius:15px;}
.mem-wrap .btn-logout:hover {background:#df3b42}

.mem-wrap .btn-big {display:block;width:100%;height:34px;line-height:34px;background:#df3b42;color:#fff;text-align:center;border-radius:2px;margin-bottom: 2px;padding: 0;}

.mem-wrap .link {font-size:13px;color:#505050;}
.mem-wrap .link .svg-inline--fa {color:grey;margin-right:4px;}
.mem-wrap .tab {width:100%;height:40px;display:flex;justify-content:space-between;background:#f8f8f8;border:none;}
.mem-wrap .tab button{flex:1;text-align:center;border:1px solid #e4e8eb;border-left:none;font-size:13px;line-height:38px;color:#666}
.mem-wrap .tab button:last-child {border-right:none;}
.mem-wrap .tab button.active {background:#f8f8f8;color:#df3b42;}
.mem-wrap .tab button:hover:not(.active) {background:transparent;color:#000;}
.mem-wrap .tabcontent {padding:0;}
.mem-wrap .inner-info {padding:.2rem 1rem;width:100%;height:auto;position:relative;line-height:36px;color:#4e4c4d;}

.mem-wrap .inner-bottom.el_cube_func_list {display:flex;justify-content:space-between;align-items:center;flex-flow:row nowrap;align-items:center;}
.mem-wrap .inner-bottom.el_cube_func_list button.btn-big {flex:1;width:auto;font-size:14px;}
.mem-wrap .inner-bottom.el_cube_func_list button {height:34px;line-height:32px;font-size:13px;border-radius:2px;margin-bottom:2px;}
.mem-wrap .inner-bottom.el_cube_func_list button.del {background:#444;}

/* tab */
.tab {position:relative;width:100%;height:45px;overflow: hidden;background-color: #fff;border-bottom:1px solid #ddd;border-radius:0;margin:0;}
.tab.w100p {display:flex;justify-content:space-between;border-bottom:none;}
.tab.w100p button {flex:1;padding:0;}
.tab button {position:relative;float: left; border: none; outline: none; cursor: pointer; transition: 0.3s; font-size: 15px;line-height:45px;padding:0;font-size:16px;}
.tab button .new {display:inline-block;background: #df3b42;color:#efefef;font-size:8px;padding:0;text-align:center;line-height:15px;width:15px;height:15px;border-radius:50%;position:absolute;top:12px;margin-left:2px;}
.tab button:hover {background-color: #ddd;}
.tab button.active {background-color: #df3b42;color:#fff;}
.tab button.btn.ico.more{position:absolute;right:0;top:0;background:transparent;text-indent:0;font-size:1.6rem;text-align:center;width:45px;height:45px;color:#a6a6a6;margin:0;padding:0;}
.tab button.btn.ico.more:before {display:none;}
.tabcontent {display: none;padding:1rem;text-align:left;}

.board-area ul {display:inline-flex;justify-content:space-between;align-items:stretch;flex-flow:row wrap;width:100%;overflow:hidden;height:auto;}
.board-area ul li {flex:1;flex-basis:25%;padding:5px;}
.board-area ul li > div {position:relative;display:block;width:100%;height:100%;padding:1rem 1rem 2rem 1rem;box-sizing:border-box;border:1px solid #ddd;background-color:#f8f8f8;}
.board-area ul li > div:hover {background:#fff;border-color:#df3b42;}
.board-area ul li > div a {font-size:17px;font-weight:500;}
.board-area ul li > div .date {position:absolute;bottom:10px;right:10px;display:block;font-size:13px;font-weight:400;color:#a6a6a6}

/*새로운큐브*/
.cube-new {width:100%;overflow:hidden;margin: 0 0 0 0; transition: box-shadow 300ms;}
.cube-new li {width:100%;height:auto;border-bottom:1px solid #e4e8eb;}
.cube-new li .inner-box {position:relative;display: flex;justify-content: space-between;align-items:center;flex-flow:row wrap;width:100%;height:auto;padding: .5rem 1rem;}
.cube-new li .inner-box .user-pic {width:40px;height:40px;margin-right:.2rem;}
.cube-new li .inner-box .user-pic img {width:40px;height:40px;border-radius:50%;}
.cube-new li .inner-box .inner-content {display:block;width:auto;flex:1;padding-left:.5rem;}
.cube-new li .inner-box a {display:block;width:300px;overflow:hidden;text-overflow:ellipsis;word-break:break-word;white-space:nowrap;}
.cube-new li .inner-box .user-pic + div a {width: 250px;}
.cube-new li .inner-box span {font-size:13px;color:#a6a6a6;display:block;width:100%;}
.cube-new li .inner-box span.new .svg-inline--fa {color:#228be6;margin:0 5px 0 0;}
.cube-new li .inner-box .svg-inline--fa {color:#a6a6a6;margin:0 5px 0 0;}
.cube-new li .inner-box div.sys-ntce .svg-inline--fa {color:#dc9600;margin:0 5px 0 0;}
.cube-new li .inner-box div.sys-ntce a {width: 240px; float:right;}
.cube-new li .inner-box div.etc-ntce .svg-inline--fa {display: none;}

/*best tab */
.best .tab {position:relative;width:100%;overflow: hidden; border:none;border-radius:5px 5px 0 0;margin:0;padding:.5rem 0;border-bottom:1px solid #e4e8eb;}
.best .tab button {float: left;display:block; border: none;outline: none;cursor: pointer;transition: 0.3s;font-size: 14px;line-height:34px;margin:0 15px;padding:0;color:#666;background:transparent;}
.best .tab button:hover{background:transparent;color: #000;}
.best .tab button.active { color: #df3b42;border-bottom:2px solid #df3b42;font-weight:600;}
.best .tabcontent {display: none;padding:0;text-align:left;}

/*new-best*/
.new-best {width:100%;overflow:hidden;margin:0; transition: box-shadow 300ms;padding:0;}
.new-best li {width:100%;height:auto;border-bottom:1px solid #e4e8eb;padding:.5rem;box-sizing:border-box;}
.new-best li:first-child {padding-top:1rem;}
.new-best li:hover {background:#f8f8f8;}
.new-best li .inner-box {position:relative;display:inline-flex;width:100%;height:auto;justify-content:flex-start;align-items:center;}
.new-best li .inner-box .num {font-size:20px;font-weight:600;color:#111;display:inline-block;width:45px;height:45px;line-height:45px;text-align:center;}
.new-best li:nth-child(1) .inner-box .num,
.new-best li:nth-child(2) .inner-box .num,
.new-best li:nth-child(3) .inner-box .num {color:#df3b42;}
.new-best li .inner-box .thum-pic ,
.new-best li .inner-box .thum-pic img {width:40px;height:40px;}
.new-best li .inner-box a {display:block;width:calc(100% - 90px);}
.new-best li .inner-box .tit {display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444;font-size:14px;vertical-align:middle; }
.new-best li .inner-box .tit span:first-child {display:inline-block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444;vertical-align:middle;}
.new-best li .inner-box .tit .reply {color:#228be6;padding:0 2px;display:inline-block;vertical-align:middle;}
.new-best li .inner-box span {font-size:14px;color:#777;display:inline-block;}
.new-best li .inner-box span.hot .svg-inline--fa {color:#df3b42;margin:0 5px 0 0;}
.new-best li .inner-box span.fav .svg-inline--fa {color:#df3b42;}

/*paging*/
.pagination {display:flex;width:100%;height:50px;justify-content:flex-end;align-items:center;}
.pagination a {cursor:pointer;display:inline-block;width:50px;height:50px;line-height:48px;font-size:14px;border:none;border-left:1px solid #e4e8eb;color:#a6a6a6;padding:0;margin:0;}
.pagination a:hover,
.pagination a:hover:not(.active) {background:#f8f8f8;color:#000;}
.pagination span {font-size:13px;padding:0 8px;line-height:48px;color: #a6a6a6;cursor:pointer;}
.pagination span strong {color:#000;}

.pagination.type2 {width:100%;height:50px;display:block;text-align:center;margin-top:5px;}
.pagination.type2 a {cursor:pointer;display:inline-block;width:40px;height:40px;line-height:38px;font-size:14px;border:none;color:#a6a6a6;padding:0;margin:0;}
.pagination.type2 a:hover,
.pagination.type2 a:hover:not(.active) {background:#f8f8f8;color:#000;border-radius:50%}
.pagination.type2 span {font-size:13px;padding:0 8px;line-height:48px;color: #a6a6a6;cursor:pointer;}
.pagination.type2 span strong {color:#000;}


.right .tabcontent .pagination {display:flex;width:100%;height:40px;justify-content:flex-end;align-items:center;}
.right .tabcontent .pagination a {cursor:pointer;display:inline-block;width:40px;height:40px;line-height:38px;font-size:14px;border:none;border-left:1px solid #e4e8eb;color:#a6a6a6;padding:0;margin:0;}
.right .tabcontent .pagination span {font-size:13px;padding:0 8px;line-height:38px;color:#666;cursor:pointer;}
.right .tabcontent .pagination span strong {color:#000;}


.bg-box .tit-area .pagination {width:auto;}
.bg-box .tit-area .pagination .prev,
.bg-box .tit-area .pagination .next {width:40px;height:40px;border:none;line-height:38px;}
.bg-box .tit-area .pagination .prev:hover,
.bg-box .tit-area .pagination .next:hover {background:transparent}

/* footer */
.foot-ban-wrap {position:relative;width:100%;height:auto;background:#f8f8f8;padding:0;}
.foot-ban-wrap .ban-list {z-index:100;position:relative;width:1320px;height:70px;margin:0 auto;padding:15px 0;box-sizing:border-box;}
.foot-ban-wrap .ban-list > a {display:block;width:auto;float:left;width:210px;background:#fff;border:1px solid #ddd;line-height:40px;text-align:center;font-weight:600;margin:0 5px;box-sizing:border-box;}
.foot-ban-wrap .sb-btn-area {position:absolute;left:50%;top:15px;width:1400px;height:40px;margin:0 0 0 -700px;}
.foot-ban-wrap .sb-btn-area .sb-left {z-index: 100;}
.foot-ban-wrap .sb-btn-area .sb-right {position:absolute;right:0; cursor:pointer;z-index: 100;}
footer {width:100%;height:auto;background:#333340;padding:25px 30px;box-sizing:border-box;}
footer .copyright {width:1400px;height:auto;margin:0 auto;color:#d3d3d3;font-size:12px;font-weight:400;line-height:1.6;box-sizing:border-box;}
footer .copyright p:last-child {opacity:.5}

/*유레카커뮤니티-큐브*/
/*큐브*/
.cube-wrap {position:relative;width:auto;flex:1;height:auto;margin:0;padding: 0;}
.cube-wrap .tit-area h3 {font-size:20px;}
.cube-wrap .tit-area h3:before {top:14px;}
/*.cube-wrap .cube {display:none;}*/
.cube-wrap .sb-btn-area {width:auto;position:absolute;left:100%;top:4px;margin-left:-54px;}
.cube-wrap .sb-btn-area .sb-left,
.cube-wrap .sb-btn-area .sb-right {color:#444;width:25px;height:25px;line-height:25px;}

/*내큐브*/
.myCube {position:relative;width:auto;overflow:hidden;height:auto;flex:1;margin: 0;padding: 0 !important;}
.myCube .tab {position:relative;border-radius:5px 5px 0 0;border:none;width:100%;height:50px;border-bottom:1px solid #e4e8eb;box-sizing:border-box;}
.myCube .tab .set {position:absolute;top:3px;right:0;font-size:13px;color:#999}
.myCube .tab button {position:relative;float: left;display:block;outline: none;cursor: pointer;transition: 0.3s;font-size: 16px;border:none;height:50px;line-height:49px;margin:0 0.7rem;padding:0;color:#999;background:transparent;}
.myCube .tab button:hover{background:transparent;color: #000;}
.myCube .tab button.active {color:#df3b42;font-weight:600;}
.myCube .tab button.active:before {content:"";display:block;position:absolute;left:0;top:47px;width:100%;height:3px;background:#df3b42;}
.myCube .tab button.btn.more {position:absolute;right:0;top:0;font-size:.9rem;width:40px;height:40px;}
.myCube .tab button.btn.more:hover {color:#000;}
.myCube .tabcontent {display: none;padding:0;text-align:left;}
.myCube .tabcontent {position:relative;display: none;padding:0;text-align:left;position: relative;}

.myCube .mem-man-wrap {width:100%;height:auto;padding:0 1rem;}
.myCube .mem-man-wrap .search-wrap {width:100%;overflow:hidden;background:#f8f8f8;border:1px solid #ddd;padding:.5rem;display:inline-flex;justify-content:flex-start;align-items:center;}
.myCube .mem-man-wrap .search-wrap label {padding:0 1rem;font-weight:500;box-sizing:border-box;color: #6c6e75;}
.myCube .mem-man-wrap .search-wrap .inputs-wrap {flex:1;display:inline-flex;}
.myCube .mem-man-wrap .search-wrap .inputs-wrap * + * {margin-left:4px;}
.myCube .mem-man-wrap .search-wrap .inputs-wrap .btn.search {margin-top: 5px;}
.myCube .mem-man-wrap .search-wrap .inputs-wrap .btn.btn-msg {height: 34px; float: right; margin-left: 10px;}
.myCube .mem-man-wrap .search-wrap .btn.search {margin-left:-28px;background-color:transparent;}
.myCube .mem-man-wrap .list-top-wrap {width:100%;overflow:hidden;padding:0;margin:5px 0;display:inline-flex;justify-content:space-between;align-items:center;}
.myCube .mem-man-wrap .list-top-wrap > div {display:inline-flex;justify-content:start;align-items:center;padding-left:.5rem;}
.myCube .mem-man-wrap .list-top-wrap .btn.sm {background:#fff;border: 1px solid #9a9a9a;color:#6c6e75;line-height:22px;border-radius:2px;padding:0 6px;margin:0 0 0 4px;}
.myCube .mem-man-wrap .list-top-wrap .btn.sm:hover {color:#000;border-color:#000;}
.myCube .mem-man-wrap .tit-area {height:40px;line-height:40px;}
.myCube .mem-man-wrap .search-wrap + .tit-area {margin-top:1rem;}
.myCube .mem-man-wrap .tit-area h4 {display:block;position:relative;overflow:hidden;color:#333;font-size:15px;font-weight:500;padding-left:12px;margin:5px 0;height:30px;line-height:30px;}
.myCube .mem-man-wrap .tit-area h4:before {content:"";display:inline-block;width:6px;height:6px;border:none;background:#df3b42;border-radius:0;position:absolute;left:0;top:12px;}
.myCube .mem-man-wrap .tit-area h4 strong {color:#df3b42;display:inline-block;padding-left:4px;}

/* tab.type2 */
.myCube .tab.type2 {position:relative;width:100%;height:38px;overflow: hidden;border:none;display:flex;justify-content:space-between;flex-flow:row nowrap;margin:1rem 0;padding:0 1rem;}
.myCube .tab.type2 button {clear:both;flex:1;border: none;height:auto;background-color: #efefef;line-height: 1;padding:0;margin:0;border-radius:0;font-size:16px;font-weight:500;}
.myCube .tab.type2 button:hover {background:#ddd;color:#6c6e75}
.myCube .tab.type2 button.active {background-color:#6c6e75;color:#fff;}


.myCube .search-area {width:400px;height:auto;position:absolute;top:10px;right:0;z-index: 10;}
.myCube .search-area .form-control {width:350px;height:30px;border-color:#dcdcdc;}
.myCube .search-area .form-control::placeholder {color:#a6a6a6;font-weight:400;}

/*표준공사코드 */
.visual-box {width:100%;height:200px;background:#fff;border-bottom:1px solid #dcdcdc; background:url(/eurecaxpg/static/images/visual-bg-29a4edb4023ff4c4e277496952f18420.png) no-repeat;background-size:cover;margin-bottom:1rem;}
.visual-box .copy {width:1400px;height:100%;margin:0 auto;padding:1.2rem 0; background:url(/eurecaxpg/static/images/visual-img-cs-89acab8a2d1241a9c1c179eaa816a6ee.png) no-repeat right bottom;background-size:340px;}
.visual-box .copy h2 {display:block;width:auto;height:60px;position:relative;font-size:2.4rem;color:#fff;padding-left:16px;}
.visual-box .copy p {position:relative;font-size:1rem;color:#fff;display:block;width:70%;margin-top:.5rem;padding-left:16px;opacity:.8;font-weight:400;}
.visual-box .copy p:before {content:"";display:block;width:8px;height:1px;background:#fff;position:absolute;top:20px;left:0;opacity:.5}

.std-wrap {width: 100%;height:calc(100% - 80px);padding:1rem 0;}
.std-wrap .search-area {width:100%;height:34px;display:inline-flex;justify-content:space-between;align-items:center;flex-flow:row nowrap;margin-bottom:.5rem;}
.std-wrap .search-area select {width:150px;height:34px;border-color:#dcdcdc;}
.std-wrap .search-area input {width:480px;height:34px;border-color:#dcdcdc;text-indent:5px;}
.std-wrap .search-area input[type="text"].search-word {ime-mode:active;}
.std-wrap .search-area .btn.search {border-radius:0 2px 2px 0;}
.std-wrap .search-area .btn-area {width:auto;}
.std-wrap .search-area .btn{height:34px;vertical-align:top; width:34px;border-radius:2px;}
.std-wrap .grid-area {width:100%;height:calc(100% - 40px);}


/*커뮤니티 */
.visual-box.comunity {width:100%;height:200px;background:#fff;border-bottom:1px solid #dcdcdc; background:url(/eurecaxpg/static/images/visual-bg-com-aaca96bebd606af9a1b0fdcd5882e3ab.png) no-repeat;background-size:cover;margin-bottom:1rem;}
.visual-box.comunity .copy {width:1400px;height:100%;margin:0 auto;padding:1.2rem 0; background:url(/eurecaxpg/static/images/visual-img-com-2091cce9b7e990555fffb7a69d0735fc.png) no-repeat right bottom;background-size:340px;}


/*.cube-list {width:100%;overflow:hidden;margin:0;padding:0;transition:300ms;display:flex;flex-flow:row wrap;}
.cube-list li {width:50%;padding:1rem 1.2rem;border-bottom: 1px solid #e4e8eb;}*/
.cube-list {width:100%;overflow:hidden;margin:0;padding:0;transition:300ms;display:flex;justify-content:space-between;flex-flow:row wrap;}
.cube-list li {width:50%;height:auto;padding:1rem 1.2rem;border-bottom: 1px solid #e4e8eb;}
.cube-list li:first-child {padding-top:1.5rem;}
.cube-list li:hover {background:#f8f8f8}
.cube-list li .inner-box {position:relative;display:block;width:100%;height:auto;display:flex;justify-content:space-between;flex-flow:row wrap;}
.cube-list li .inner-box a {display:block;width:auto;flex:1;}
.cube-list li .inner-box .thum-pic ,
.cube-list li .inner-box .thum-pic img {width:50px;height:50px;display:block;border-radius:3px;}
.cube-list li .inner-box .s-txt.cate {color:#e67c22}
.cube-list li .inner-box .tit {display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444;font-size:16px;vertical-align:middle; }
.cube-list li .inner-box .tit span:first-child {display:inline-block;max-width:370px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444;font-size:16px;vertical-align:middle;}
.cube-list li .inner-box .tit .reply {color:#228be6;padding:0 2px;display:inline-block;vertical-align:middle;}
.cube-list li .inner-box .remove {position:relative;top:0;right:0;width:25px;height:25px;text-align:center;line-height:25px;opacity:.2;}
.cube-list li .inner-box .remove:hover,
.cube-list li .inner-box a.s-txt:hover {opacity:1;color:#444;}
.cube-list li .inner-box a.s-txt {color:#a6a6a6;display:inline-block;}
.cube-list li .inner-box .s-txt {font-size:12px;color:#a6a6a6;display:inline-block;margin:0 6px 0 0}

.cube-list li .inner-box .flex1 {flex:1;width:auto;overflow:hidden;padding-left:1rem;}
.cube-list li .inner-box .fav {width:30px;height:30px;position:relative;top:50%;margin-top:-15px;}
.cube-list li .inner-box .fav .svg-inline--fa {color:#a6a6a6;width:16px;height:16px;}
.cube-list li .inner-box .fav:hover .svg-inline--fa {color:#df3b42}
.cube-list li .inner-box .join { text-align:center;color:#a6a6a6;border-radius:2px;}
.cube-list li .inner-box .join .svg-inline--fa {width:12px;height:12px;text-align:center;color:#228be6;opacity:.4;}
.cube-list li .inner-box .join span {display:block;border-radius:20px;font-size:12px;padding:0 7px;line-height:1;}
.cube-list li .inner-box .join strong {color:#444;font-size:14px;font-weight:500;}
.cube-list li .inner-box .join:hover span {color:#444}
.cube-list li .inner-box .join:hover strong {color:#228be6}
.cube-list li .inner-box .join:hover .svg-inline--fa {opacity:1;}
.cube-list li .inner-box .btn {position:relative;top:50%;right:0;margin-top:-14px;width:auto;height:28px;border:1px solid #000;background:#fff;text-align:center;border-radius:2px;color:#000;line-height:26px;opacity:.3;}
.cube-list li .inner-box .btn:hover {opacity:1;}


.cube-list li .inner-box .cube-bottom {display:block;margin-top:.4rem;}
.cube-list li .inner-box .cube-bottom .fav {width:auto;height:auto;}
.cube-list li .inner-box .cube-bottom .fav .svg-inline--fa {color:#a6a6a6;width:1.2em}



.cube-list.w100p li {width:100%;}
.cube-list.w100p li .inner-box .tit span:first-child {max-width:600px;}
.level1 > .svg-inline--fa {color:#9ecb06;}
.level2 > .svg-inline--fa {color:#1eac09;}
.level3 > .svg-inline--fa {color:#e6820f;}
.level4 > .svg-inline--fa {color:#df3b42;}


.tit-area {position:relative;}
.bg-box .tit-area {padding:0 .2rem;width:100%;display:flex;justify-content:space-between;align-items:center;height:50px;border-bottom:1px solid #e4e8eb;}
.bg-box .tit-area h3 {position:relative;display:inline-block; border: none;outline: none;transition: 0.3s;font-size: 16px;line-height:48px;margin:0 15px;padding:0;color: #df3b42;background:transparent;}
.bg-box .tit-area h3:before {content:"";display:inline-block; color: #df3b42;width:100%;height:2px;top:48px;font-weight:600;}
.bg-box .tit-area .btn-area {width:auto;padding-right:1rem;}

.right .bg-box + .bg-box {margin-top:1rem;}
.right .cube-list {width:100%;overflow:hidden;margin:0;padding:0;transition:300ms;display:flex;justify-content:space-between;flex-flow:row wrap;}
.right .cube-list li {position:relative;width:100%;height:auto;padding:1rem;border-bottom: 1px solid #e4e8eb;}
.right .cube-list li:first-child {padding-top:1.5rem;}
.right .cube-list li .inner-box .thum-pic img{border-radius:50%;}



/*큐브-서브메인*/
.cube-area.intro {flex:1;width:100%;height:auto;margin:0;padding: 1rem 0; background:#fff;border-bottom:#ddd;}
.cube-area.intro .inner-box{position:relative;display: block;width:1400px;height:230px;margin:0 auto;padding:1rem 370px 1rem 1rem;border-radius:0;box-shadow:none;background:#fff;}
.cube-area.intro .inner-box:before {content:"";display:none;width:0;height:0;border:15px solid transparent;border-right:15px solid #df3b42;transform:rotate(45deg);position:absolute;top:0;left:0; margin:-15px 0 0 -15px;}
.cube-area.intro .inner-box .cube-thum{position:absolute;right:0;top:0;text-align:center;width:350px;height:auto;overflow:hidden;border-radius:5px;padding:1rem;background:transparent;}
.cube-area.intro .inner-box .cube-thum img{display:inline-block;transition:all .3s;height:200px;margin-top:0;border-radius: 0;}
.cube-area.intro .inner-box:hover .cube-thum img{transform:scale(1);}
/*.cube-area.intro .inner-box a {display:block;padding:.5rem 0;}*/
.cube-area.intro .inner-box .cube_nm {font-size:26px;color:#000;font-weight:600;letter-spacing:-1px}
.cube-area.intro .inner-box .cube_dscrpt {font-size:14px;padding:.5rem 0;}
.cube-area.intro .inner-box .cube-bottom {position:absolute;left:0;bottom:0;width:calc(100% - 370px);height:auto;padding:1rem 0 1rem 1rem;}
.cube-area.intro .inner-box .cube-bottom .btn.regist {display:block;background-color:#fff;border:1px solid #df3b42;color:#df3b42;text-align:center;margin:0;padding:0;line-height:28px;}
.cube-area.intro .inner-box .btn.remove {position:absolute;top:10px;right:10px;background-color:#fff;min-width:22px;height:22px;line-height:20px;text-align:center;border:1px solid #fff;border-radius:50%;padding:0!important;margin:0;text-indent:0;font-size:1em;color:#a6a6a6;opacity:.5;}
.cube-area.intro .inner-box .btn.remove:before {display:none;}
.cube-area.intro .inner-box .btn.remove:hover {border-color:#df3b42;color:#df3b42;opacity:1;}

.s-txt {font-size:13px;color:#a6a6a6;display:inline-block;;margin:.5rem .3rem;line-height:1.2;}
.s-txt .svg-inline--fa {font-size:.9em;margin-right:.2rem;line-height:1;}
.s-txt .fav .svg-inline--fa {color:#df3b42;}
.s-txt span.round-border {border:1px solid #a6a6a6;border-radius:20px;padding:0 8px;line-height:18px;font-size:12px;}
a.s-txt:hover {color:#333;}

/*큐브-업종별지역별 검색 */
.cube-search-wrap {margin-bottom:1rem;display:flex;justify-content:space-between;padding:0;}
.cube-search-wrap > div {position:relative;display:block;background:#f8f8f8;width:50%;height:80px;border-radius:5px;box-shadow: 0 3px 3px 0 rgb(0 0 0 / 10%);transition: box-shadow 300ms;}
.cube-search-wrap > div:first-child {margin-right:5px;}
.cube-search-wrap > div:last-child {margin-left:5px;}
.cube-search-wrap > div:before {content:"";display:block;width:64px;height:64px;background:url(/eurecaxpg/static/images/icon-cdd6c21d57b8d55147f62f1511002deb.png) no-repeat -300px -600px;position:absolute;right:.5rem;bottom:0;}
.cube-search-wrap > div:last-child:before {background-position:-400px -600px;}
.cube-search-wrap > div a {position:relative;display:block;line-height:24px;padding:18px 20px;font-size:18px;font-weight:600;}
.cube-search-wrap > div a span {display:block;font-size:14px;font-weight:400;}
.cube-search-wrap > div a:hover {color:#000;}
.cube-search-wrap > div:hover {background-color:#fff;box-shadow: 0 3px 3px 0 rgb(0 0 0 / 15%);}

.cube-area.search {flex:1;width:100%;height:auto;margin:0;padding: 1rem 0; background:#fff;border-bottom:1px solid #ddd;}
.cube-area.search .sb-wrap2 {position:relative;width:1400px;height:auto;margin:0 auto;padding:0;text-align:center;}
.cube-area.search .sb-wrap2 h2 {width:auto;height:60px;font-size:30px;line-height:50px;letter-spacing:-1px;font-weight:400;text-align:center;display:inline-block;color: #df3b42;position:relative;}
.cube-area.search .sb-wrap2 h2:after {content:"";display:inline-block;width:100%;height:2px;background: #df3b42;position:absolute;left:0;bottom:0;}
.cube-area.search .sb-wrap2 .mySlides {display:none}
.cube-area.search .sb-wrap2 .mySlides {position:relative;width:100%;height:40px;line-height:40px;min-height:auto;background: transparent;padding:0;margin-top:1rem;text-align:center;}
.cube-area.search .sb-wrap2 .mySlides a {font-size:20px;font-weight:600;display:inline-block;padding:0 25px;color:#000;}
.cube-area.search .sb-wrap2 .sb-btn-area {position:absolute;top:77px;left:0;width:100%;height:40px;margin:0;display:inline-flex;justify-content:space-between;}
.cube-area.search .sb-wrap2 .sb-btn-area .sb-left,
.cube-area.search .sb-wrap2 .sb-btn-area .sb-right{color:#bdbdbd;font-size:24px;}
.cube-area.search .sb-wrap2 .sb-btn-area .sb-left:hover,
.cube-area.search .sb-wrap2 .sb-btn-area .sb-right:hover {opacity:1;color:#111}
.cube-area.search .sb-btn-area {width:54px;position:absolute;left:100%;top:1rem;margin-left:-54px;}
.cube-area.search .sb-btn-area .sb-left,
.cube-area.search .sb-btn-area .sb-right{cursor:pointer;display:inline-block;width:36px;height:36px;border-radius:50%;line-height:36px;text-align:center;color:#444;font-size:20px;box-sizing:border-box;opacity:.6}
.cube-area.search .sb-btn-area .sb-left:hover,
.cube-area.search .sb-btn-area .sb-right:hover {opacity:1;}

.cube-area.search2 {flex:1;width:100%;height:auto;margin:0;padding: 1rem 0;background: #fff;border-bottom:1px solid #ddd;}
.cube-area.search2 .search-area {position:relative;width:1400px;height:auto;margin:0 auto;padding:0;text-align:center;}
.cube-area.search2 .search-area .form-control {width:700px;height:40px;border-radius:25px;padding-left:15px;}
.cube-area.search2 .search-area .form-control::placeholder {color:#a6a6a6;opacity:.6}
.cube-area.search2 .search-area .btn.search {width:50px;height:40px;background:#a6a6a6;border:none;border-radius:0 25px 25px 0;margin-left:-40px;}
.cube-area.search2 .search-area .btn.search:before {top:5px;}

/*form-wrap*/
.form-wrap {width:100%;height:auto;overflow:hidden;padding:1rem;}
.form-wrap li {width:100%;height:auto;display:inline-flex;justify-content:flex-start;padding:4px; border-bottom:1px dotted #e4ebe8}
.form-wrap li:last-child {border-bottom:1px solid #e4e8eb;padding-bottom:1rem;}
.form-wrap li label {position:relative;width:150px;height:40px;box-sizing:border-box;text-align:right;color:#000;font-size:15px;line-height:34px;font-weight:500;padding-right:10px;margin:2px;}
.form-wrap li label.form-radio,
.form-wrap li label.form-checkbox {width:auto;text-align:left;font-size:14px;height:auto;}
.form-wrap li .input-wrap {flex:1;display:inline-flex;justify-content:flex-start;align-items:center;line-height:34px;box-sizing:border-box;padding:0 4px;}
.form-wrap li .input-wrap.block {display:block;}
.form-wrap li .input-wrap * + * {margin-left:4px;}
.form-wrap li .input-wrap.block > div *,
.form-wrap li .input-wrap.block > div + div {margin-left:0;}
.form-wrap li .input-wrap .btn {height:34px;}
.form-wrap .form-control {flex:1;min-height:34px;}
.form-wrap li input,
.form-wrap li select {height:34px;line-height:32px;margin:2px 0;}
.form-wrap + .btn-area,
.btn-area.btn-area2{padding:0 1rem 1rem;justify-content:center;}
.form-wrap + .btn-area .btn,
.btn-area.btn-area2 .btn{height:50px;padding:0 30px;font-size:16px;}
.form-wrap + .btn-area .btn.active,
.btn-area.btn-area2 .btn.active {background:#df3b42;}


.form-wrap li .cube-thum{text-align:center;width:auto;overflow:hidden;display:inline-block;height:60px;}
.form-wrap li .cube-thum img{display:block;width:60px;height:60px;border-radius:50%;}
.form-wrap li .cube-thum .noImg {position:relative;display:block;width:60px;height:60px;color:#888;line-height:1.2;border-radius:40px;border:1px solid #f4f4f4;background:#f4f4f4;font-size:11px;}
.form-wrap li .cube-thum .noImg:before {content:"이미지를 등록하세요";font-size:9px;padding:0 6px;display:block;opacity:.5;}
.form-wrap li .cube-thum .noImg > * {background:transparent;padding:4px;width:24px;height:24px;border-radius:50%;position:absolute;right:0;bottom:0;margin:0 -5px 0 0;}
.form-wrap li .cube-thum .noImg:hover > * {color:#333;}
.info-txt {font-size:13px;color:#888;line-height:1.2;}
.info-txt .strong {color:#df3b42;font-size:inherit;}
.blue {color:#228be6;}
.red {color:#df3b42;}
.yellow {color:#e6ce22;}
.lh24 {line-height:24px;}
.i-ess {color:#df3b42;padding:0 0 0 3px;font-weight:600;position:absolute;right:0;}
.fileupload {position:relative;width:100%;height:auto;padding:0;margin:.5rem 0;}
.fileupload input[type="file"] {opacity:1;width:100%;height:auto;padding:0 10px;z-index:10;background:#f8f8f8;border:1px solid #ddd;}
.fileupload .btn-file {z-index:8;}

/*detail-wrap*/
.detail-wrap {width:100%;height:auto;overflow:hidden;padding:0.8rem 2rem;border-bottom:1px solid #e4ebe8;}
.detail-wrap li {width:100%;height:auto;display:inline-flex;justify-content:flex-start;padding:4px;}
.detail-wrap li .content-wrap {flex:1;line-height:1.6;color:#333;padding:0 0 1rem.4rem;width: 100%;word-wrap: break-word;}
.detail-wrap li .subject {font-size:22px;font-weight:500;}
.detail-wrap li .keyword {display:inline-block;width:auto;height:auto;padding:2px 6px;background:#f2f7fa;margin:0 6px 2px 0;font-size:13px;color:#8b9dc7;cursor:pointer;}
.detail-wrap li .detail-bottom {display:flex;justify-content:space-between;flex:1;overflow:hidden;}
.detail-wrap li .detail-bottom .btn.sm {font-size:12px;color:#a6a6a6;height:32px;padding:0 15px;line-height:30px;background:#fff;border:1px solid #ddd;float:left;margin:0 0 0 -1px;}
.detail-wrap li .detail-bottom .btn.sm strong {color: #228be6;}
.detail-wrap li .detail-bottom div .btn.sm:first-child {margin-left:0;}
.detail-wrap li .detail-bottom .btn.sm:hover {background:#f8f8f8;color:#111;border-color:#ccc;}
.profile-pic {float:left;margin-right:10px;padding:0;}
.profile-pic img {display:inline-block;width:34px;height:34px;border-radius:50%;box-sizing:border-box; margin-right:10px;}
.comment-wrap {display:block;width:100%;padding-left:50px;position:relative;}
.comment-wrap .user-box .profile-pic{position:absolute;top:0;left:0;}
.comment-wrap {display:block;width:100%;min-height:45px;padding-left:50px;position:relative;}
.comment-wrap .user-box .s-txt {color:#df3b42;}
.detail-wrap li .form-sort {margin-left:4px;height:34px;border-color:#ddd;color:#a6a6a6;font-size:13px;}
.detail-wrap li .form-comment {border-width:0 0 1px 0;flex:1;width:100%;height:40px;padding:4px 60px 4px 10px;}
.detail-wrap li .write-comment {width:60px;height:34px;line-height:32px;background:transparent;position:absolute;right:0;top:4px;}
.detail-wrap li .write-comment:hover {background:#f4f4f4}


/*modal*/
.modal.dim{z-index:100;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6)}
.modal-wrap{margin:auto;background:#fff;position:relative;padding:0;outline:0;width:600px;box-shadow:0 3px 3px rgba(0,0,0,.2)}
.modal .tit-area {width:100%;height:45px;position:relative;background:#f8f8f8;}
.modal .tit-area h3 {color:#000;font-size:16px;}
.modal .tit-area h3:before {display:none;}
.modal .tit-area .btn-close {position:absolute;top:0;right:0;width:45px;height:45px;text-align:center;background:transparent;color:#888;}
.modal .tit-area .btn-close:hover {color:#000;}
.modal .modal-content {width:100%;height:auto;box-sizing:border-box;padding:1rem;}
.modal .modal-content .info-txt {line-height:1.6;color:#444;}
.modal .modal-content .img-area {width:100%;min-height:150px;border:1px solid #ddd;background:#f8f8f8;font-size:13px;color:#888;margin:1rem 0 0 0;display:inline-flex;align-items:center;justify-content:center;}
.modal .modal-content .btn-area {margin-bottom:0;}

/*summernote : 2023.04.28 add ham */
.note-editor .note-toolbar .note-btn-group .note-dropdown-menu .note-align {margin-right: 0px !important;}
.note-editor .note-toolbar .note-btn-group .note-dropdown-menu .note-dropdown-item h3:before {width: 0px;height: 0px;background: transparent;}
.note-editor .note-toolbar .note-btn-group .note-dropdown-menu .note-dropdown-item h4:before {width: 0px;height: 0px;border: none;}
.note-editor .note-toolbar .note-color-all .note-dropdown-menu {min-width: 350px !important;}
.note-editor .note-toolbar .note-color-all .note-dropdown-menu .note-palette button.note-color-select {margin: 3px 0px !important;}
.note-modal .note-modal-content .note-modal-body .note-form-label {width: 100%;text-align: left;margin-left: 0px;padding-left: 0px;}
.note-modal .note-modal-content .note-modal-body .checkbox label {width: 100%;text-align: left;}
.note-modal .note-modal-content .note-modal-body .checkbox label input[type="checkbox"] {vertical-align: top;margin-right: 5px;}
.note-modal .note-modal-content .note-modal-body .note-group-select-from-files input[type="file"] {height: 40px;line-height: 27px;}
.note-modal .note-modal-content .note-modal-footer {height: 50px;}
.note-modal .note-modal-content .note-modal-footer .note-btn {height: 30px;line-height: 19px;}