@charset "utf-8";

/* 레이아웃 용도 (베이스 소스를 기반으로 플젝 디자인별 적용)   */

body {font-size:12px; letter-spacing:-1px; word-break:keep-all;}
.ub-page.default .ub-frame.body,
.ub-page.board .ub-frame.body {max-width:1340px; margin:0 auto; padding-top:10px;}
.inner-contents-wrap {position:relative;}
.ub-page.full-width .ub-frame.body {padding:10px 130px 50px; margin:0;}

/* header */
.ub-frame.top {position:relative; height:80px; border:0; border-bottom:0; background-color:#34363f;  z-index:1;}
.ub-frame.top .ub-layout.header {position: relative;  min-width: 990px; max-width:1400px; padding:0; margin: 0 auto;}
.ub-frame.top h1 {width: 160px; height:auto; padding:18px 0 0 18px; vertical-align:top;}
.ub-frame.top h1 img {width:100%; vertical-align:top;}
.ub-layout.menu.wide-menu {top:34px !important; right:30px !important; width: calc(100% - 300px); height:36px;}
.ub-layout.menu.wide-menu nav {width:auto; margin:0;}
.ub-layout.menu nav .ub-control.menu {width:100%; text-align:right;}

.ub-frame.top .gnb-util {top:4px !important; right:38px !important; height: 23px; padding:0 !important;  font-size:12px;}
.ub-frame.top .gnb-util .gnb-util-inner {height:100%; font-size:0;}
.ub-frame.top .gnb-util a {min-width:75px; height:18px; padding:0 10px;  border-left:1px solid transparent; border-right:1px solid transparent; color:#fff; font-size:12px; box-sizing:border-box;}
.ub-frame.top .gnb-util .login-user {margin-top: -1px; margin-right: 6px; color:#b9bbc6; font-size:13px;}
.ub-frame.top .gnb-util .login-user em { margin-right:3px !important; color:#a780fc; font-size:12px; font-weight:normal; letter-spacing:-0.5px;}
.ub-frame.top .gnb-util .login-user em:before {display:inline-block; content:''; width:11px; height:13px;  margin-right:4px; vertical-align: middle; background:url('../../images/site/common/ico_user.png') no-repeat 0 0;}
.ub-frame.top .gnb-util .pw-button, 
.ub-frame.top .gnb-util .logout-button, 
.ub-frame.top .gnb-util .lang-cd {height:100%; margin: 0 0 0 3px!important; padding-left:0; vertical-align: middle; background:none;}
.ub-frame.top .gnb-util .pw-button a, 
.ub-frame.top .gnb-util .logout-button a,
.ub-frame.top .gnb-util .lang-cd a  {min-width:65px; height:22px; padding:0 10px;  border-radius:0; border:1px solid #5e5f64; color:#adb0ba; font-size:11px; text-align:center; line-height:20px; background-color:#2a2b32;}

.ub-layout.menu nav .ub-control.menu li {float:none !important; display:inline-block; text-align:center; background:none !important;}
.ub-layout.menu nav .ub-control.menu li:first-child:before {content:none;}
.ub-layout.menu nav .ub-control.menu li a { position: relative; min-width:125px !important; height:46px !important; padding:0 30px !important; color:#c0c2cd !important; font-size:16px !important; font-family: 'notoSans'; font-weight:500; letter-spacing:-1px; line-height: 35px !important; border: 0 !important; box-sizing:border-box;}
.ub-layout.menu nav .ub-control.menu li.last-menu a {padding-right:20px !important;}
.ub-layout.menu nav .ub-control.menu li:hover a {color:#a781ff !important;  border-bottom:4px solid #9064f4 !important; background:none !important;}
.ub-layout.menu nav .ub-control.menu li:hover .depth02 a {border-bottom:0 !important;}

.ub-layout.menu nav .ub-control.menu .sub-depth-box {top:46px !important; box-shadow:3px 3px 0 rgba(0,0,0,0.2) !important; border-color:#2c2e37 !important;}
.ub-layout.menu nav .ub-control.menu .sub-depth {margin:0 0 15px !important; padding-top:10px;}
.ub-layout.menu nav .ub-control.menu .grid04 {margin-left:-700px !important;}
.ub-layout.menu nav .ub-control.menu .depth02 li {text-align:left;}
.ub-layout.menu nav .ub-control.menu .depth02 li:before {content:none;}
.ub-layout.menu nav .ub-control.menu .depth02 li a {height:auto !important; min-height: 24px !important; max-height: 24px !important; padding:2px 0 5px 23px !important; color:#7451c0 !important; font-size:14px !important; line-height: 20px !important; background:url('../../../page/images/site/common/bul_dep03_basic.gif') no-repeat 8px 11px !important;}
.ub-layout.menu nav .ub-control.menu .depth02 li a strong {font-family:'notoSans';}
.ub-layout.menu nav .ub-control.menu .depth02 li.depth-end a {background:url('../../../page/images/site/common/bul_dep02_basic.gif') no-repeat 10px 9px !important;}
.ub-layout.menu nav .ub-control.menu li:hover .depth02 li a:after {content:none;}
.ub-layout.menu nav .ub-control.menu .depth02 li:hover a,
.ub-layout.menu nav .ub-control.menu .depth02 li a:hover {color:#fff !important; background:#8262c6 url('../../../page/images/site/common/bul_dep03_over.gif') no-repeat 8px 11px !important;}
.ub-layout.menu nav .ub-control.menu .depth02 li.depth-end a:hover {background:#8262c6 url('../../../page/images/site/common/bul_dep02_over.gif') no-repeat 10px 9px !important;}
.ub-layout.menu nav .ub-control.menu .depth02 li:hover .depth03 li a,
.ub-layout.menu nav .ub-control.menu .depth03 li a {height:auto !important; min-height: 22px !important; max-height: 22px !important; padding: 2px 0 5px 33px !important; color:#333 !important; font-size:13px !important; line-height:19px !important; background: url('../../../page/images/common/bul_lastdep_basic.gif') no-repeat 24px 11px !important;}
.ub-layout.menu nav .ub-control.menu .depth02 li:hover .depth03 li a:hover,
.ub-layout.menu nav .ub-control.menu .depth03 li a:hover {color:#5268c5 !important; background:#e8ecfb url('../../../page/images/site/common/bul_lastdep_over.gif') no-repeat 24px 11px !important;}


/* title */
.ub-frame.body .ub-control.title  {font-family: 'notoSans';  font-weight:500;   letter-spacing: -0.5px; background-repeat:no-repeat; }
.ub-frame.body h1.ub-control.title {height:18px; padding:7px 0 12px;  font-size:19px; letter-spacing:-1px; color:#333; background:none;}
.ub-frame.body h2.ub-control.title {padding: 5px 0 5px 18px; border:0; line-height: 25px; font-size:13px; border-bottom:0; background-color:transparent; background-image:url('../../images/site/common/ico_h2.gif'); background-position:0 12px;}
.ub-frame.body h3.ub-control.title {margin-bottom:1px; padding-left:10px; font-size:12px;  background-image:url('../../images/site/common/ico_h3.gif'); background-position:0 8px;}
.ub-frame.body .list-tbl-wrap h3.ub-control.title {padding-left:16px; background-image:url('../../images/site/common/ico_h3_etc.gif'); background-position:0 5px;}
.ub-frame.body h2.ub-control.title.hfold {border-bottom:1px solid #8c8c8c; }

/* popup */
.ub-page.popup {overflow-x:hidden;}
.ub-page.popup .ub-frame.body .ub-layout.button.bottom { padding: 7px 15px; border-top:1px solid #d6d6d6; background: #f5f5f5; }
.ub-page.popup .pop-contents {padding:12px 25px 10px;}
.ub-page.popup .ub-frame.body .pop-tail .ub-layout.button.bottom .ub-control.button.bottom,
.ub-page.popup .ub-frame.body .pop-tail .ub-layout.button.bottom .ub-control.button.bottom:hover {height:auto; padding:0; background:none;}
.ub-page.popup .ub-frame.body .pop-tail .ub-layout.button.bottom .ub-control.button.bottom a {height: 24px; padding:0 23px; border:1px solid #686868; line-height: 22px; background:#828282;}
.ub-page.popup .ub-frame.body .pop-tail .ub-layout.button.bottom .ub-control.button.bottom:hover a {border:1px solid #575757; background:#6c6c6c !important;}
.ub-page.popup .ub-frame.body h1.ub-control.title {height: 48px; background:#464854 url('../../images/site/common/bg_pattern_popup.gif') no-repeat 100% 0; }
.ub-page.popup .ub-frame.body a.imgBtn.img-popClose{top: 15px; right: 15px; width:17px; height:17px; background:url('../../images/site/common/ico_close_popup_w.gif') no-repeat 0 0;}
.ub-page.popup .ub-frame.body h1.ub-control.title span {padding: 15px 0 0 24px; font-size:16px; font-family:'notoSans'; font-weight:500; color:#fff; }
.ub-page.popup .ub-layout.search .ub-control.table.normal th label {padding-left: 12px; background: url(../../images/site/common/bul_dot_srch.gif) no-repeat 0 9px;}
.ub-page.popup .ub-frame.body .ub-layout.search .ub-control.table.normal {margin-bottom:23px;}