@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#user-wrap {background-color:#f1f3f7}
#user-wrap > .user-wrapper {padding-left:55px;padding-right:55px;background-color:#fefefe}
#header-wrapper {margin-bottom:1.25rem;text-align:center}
#header-wrapper::after {content:'';display:table;clear:both}
#header-wrapper ul, #header-wrapper ol {list-style:none;padding:0;margin:0}

/*********************************************
note : 로고영역
*********************************************/
#nav-header {padding:0}
#nav-header::after {content:'';display:table;clear:both}
#nav-header .dis-table {width:100%;table-layout:fixed}
#nav-header .dis-table-cell {width:100%;height:90px;vertical-align:bottom; padding-bottom:10px;}
#nav-header .dis-table-cell.user-banner {width:250px; text-align:left;}

/* 로고 */
#nav-header .user-logo {padding-top:1rem;text-align:center}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {position:relative;border-top:1px solid #333;border-bottom:1px solid #999}
#user-nav::after {content:'';display:table;clear:both}

/* 전체 */
#user-nav .all-articles {overflow:hidden;float:left;position:relative;width:40px;height:40px;font-size:1.375rem;color:#e73f72;text-align:center}
#user-nav .all-articles > i.fa {position:absolute;z-index:1;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

/* search */
#user-nav .user-search {float:left;position:relative;margin-right:1.25rem}
#user-nav .user-search .sch-group {width:70px;font-size:0}
#user-nav .user-search .sch-group > .btns {display:inline-block;overflow:hidden;position:relative;width:35px;height:40px;font-size:1.375rem;color:#777;border:0;vertical-align:top;cursor:pointer}
#user-nav .user-search .btns > i.fa {position:absolute;z-index:1;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
#user-nav .user-search .user-search-form {display:none;position:absolute;z-index:10;left:-40px;top:0;width:185px;padding-top:4px;padding-bottom:4px;background-color:#fefefe}
#user-nav .user-search.active .user-search-form {display:block}
#user-nav .user-search .user-search-form input#search {height:32px;margin:0;padding-right:2.5rem;font-size:.8rem;letter-spacing:-0.05em;border-color:rgba(0,0,0,.12);box-shadow:none}
#user-nav .user-search .user-search-form input#search:focus {border-color:rgba(0,0,0,.5)}
#user-nav .user-search .user-search-form button[onclick] {position:absolute;z-index:1;right:0;top:4px;width:32px;height:32px;margin:0;font-size:1rem;color:#333;cursor:pointer;transition:color .3s}
#user-nav .user-search .user-search-form input#search:focus + button[onclick] {color:#e73f72}
#user-nav .user-search .user-search-form .sch-closed {position:absolute;z-index:2;left:100%;top:4px;width:32px;height:32px;color:#777;background-color:#fefefe;cursor:pointer;transition:color .3s}
#user-nav .user-search .user-search-form .sch-closed:hover {color:#333}

/* 로고 오른쪽 search */
.dis-table .user-search {float:right;position:relative;margin-right:1.25rem}
.dis-table .user-search .sch-group {width:70px;font-size:0}
.dis-table .user-search .sch-group > .btns {display:inline-block;overflow:hidden;position:relative;width:35px;height:40px;font-size:1.375rem;color:#777;border:0;vertical-align:top;cursor:pointer}
.dis-table .user-search .btns > i.fa {position:absolute;z-index:1;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.dis-table .user-search .user-search-form {display:inline-block;position:absolute;z-index:10;left:-190px;top:0;width:280px;padding-top:4px;padding-bottom:4px;background-color:#fefefe}
.dis-table .user-search.active .user-search-form {display:block}
.dis-table .user-search .user-search-form input#search {width:280px; height:32px;margin:0;padding-right:2.5rem;font-size:.8rem;letter-spacing:-0.05em;border-color:rgba(0,0,0,.12);box-shadow:none}
.dis-table .user-search .user-search-form input#search:focus {border-color:rgba(0,0,0,.5)}
.dis-table .user-search .user-search-form button[onclick] {position:absolute;z-index:1;right:0;top:4px;width:32px;height:32px;margin:0;font-size:1rem;background-color:#fe802b;color:#fff;cursor:pointer;transition:color .3s}
.dis-table .user-search .user-search-form input#search:focus + button[onclick] {color:#fff}
.dis-table .user-search .user-search-form .sch-closed {position:absolute;z-index:2;left:100%;top:4px;width:32px;height:32px;color:#777;background-color:#fefefe;cursor:pointer;transition:color .3s}
.dis-table .user-search .user-search-form .sch-closed:hover {color:#eee}


/* 섹션 */
#user-nav .mega-menu, #user-nav .mega-menu li.megaline {float:left}
#user-nav .mega-menu li.megaline {position:relative;font-size:0}
#user-nav .mega-menu li.megaline > a {display:inline-block;overflow:hidden;height:40px;padding:.625rem 1.875rem;font-size:1.063rem;font-weight:400;line-height:1;letter-spacing:-0.05em;color:#000;text-decoration:none}
#user-nav .mega-menu li.megaline.large > a {padding-top:.563rem;font-size:1.188rem;font-weight:700}
#user-nav .mega-menu li.megaline.img > a {padding-top:.75rem;font-size:0;color:transparent !important}
/*#user-nav .mega-menu li.megaline.img > a::before {content:'';display:block;overflow:hidden;width:65px;height:14px;background:url(/image/ontv_ani.png) 0 0 no-repeat}*/
#user-nav .mega-menu li.megaline.large > a, #user-nav .mega-menu li.megaline > a.a-hover {color:#e73f72}
#user-nav .mega-menu li.megaline.large > a.a-hover {color:#3498db !important}
/*#user-nav .mega-menu li.megaline.img > a.a-hover::before {background-position:0 -50px}*/
#user-nav .mega-menu li.megaline ul {display:none;position:absolute;z-index:998;left:50%;top:100%;width:112px;padding:5px 0;background-color:#fefefe;border:1px solid #999;border-top:0;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#user-nav .mega-menu li.megaline ul li.sub, #user-nav .mega-menu li.megaline ul li.sub > a {display:block}
#user-nav .mega-menu li.megaline ul li.sub > a {padding:.625rem;font-size:.813rem;font-weight:700;line-height:1;letter-spacing:-0.05em;color:#333;text-decoration:none}
#user-nav .mega-menu li.megaline ul li.sub > a:hover {background-color:#ededed}

/* member's join */
#user-nav .user-logbox {float:right;width:350px;font-size:0;text-align:right}
#user-nav .user-logbox > li {display:inline-block;vertical-align:middle}
#user-nav .user-logbox li > a {display:inline-block;overflow:hidden;max-height:40px;padding:.8rem .375rem;font-size:.813rem;line-height:1;letter-spacing:-0.05em;color:#333}
#user-nav .user-logbox .for-sns {position:relative;width:24px;height:24px;max-height:inherit;margin-left:2px;padding:0;color:#fefefe;background-color:#f0f0f0;border-radius:2px;text-align:center}
#user-nav .user-logbox .for-sns.fb {background-color:#49669e}
#user-nav .user-logbox .for-sns.tw {background-color:#1da2f1}
#user-nav .user-logbox .for-sns.youtube {background-color:#FF0000}
#user-nav .user-logbox .for-sns.navertv {background-color:#03cf5d}
#user-nav .user-logbox .for-sns.rss {background-color:#ff6400}
#user-nav .user-logbox .for-sns > i.fa {position:absolute;z-index:1;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
#user-nav .user-logbox .for-sns.youtube img{padding-top:6px;}
#user-nav .user-logbox .for-sns.navertv img{padding-top:2px;}


/*********************************************
note : 하단
*********************************************/
#user-footer.ct-style {padding:0}
#user-footer.ct-style .dis-table {width:100%;table-layout:fixed}
#user-footer.ct-style .dis-table-cell {width:100%;vertical-align:middle}
#user-footer.ct-style .dis-table > :first-child {width:220px;font-size:0;text-align:center}
#user-footer.ct-style .ndsoft {bottom:1.25rem}

/* navigation */
#user-footer.ct-style .footer-nav {display:block;font-size:0;border-top:2px solid #3e3e3e;border-bottom:1px solid #e1e1e1;text-align:left}
#user-footer.ct-style .footer-nav > a {display:inline-block;padding:.9375rem 0;margin-right:1.125rem;font-size:.813rem;line-height:1;letter-spacing:-0.05em;color:#7e7e7e}

/* logo */
#user-footer.ct-style .user-logo {display:inline-block;float:none;margin:0 auto}

/* address */
#user-footer.ct-style .user-address {padding:1.25rem 0;font-size:.75rem}
#user-footer.ct-style .contact-btn {display:inline-block;margin-left:.625rem;padding:.375rem .625rem;font-size:.75rem;line-height:1;color:#fefefe;border-radius:2px}

/* 김민희 / 923425 / 20200225 */
#user-nav .user-logbox .for-sns.nb {background-color: #4ab50f;}