File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr
{margin:0; padding:0; border:0;letter-spacing: -0.5px}
*, *:before, *:after {-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 100%;-ms-text-size-adjust:none; -webkit-text-size-adjust:none}
html, body {color: #666;width:100%;height: 100%;font-size: 15px;-webkit-text-size-adjust:none;font-family:"NotoSansKR","NanumSquare","sans-serif";word-break: keep-all;font-weight: 300}
a {text-decoration:none;outline:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
audio[controls], canvas, video {display:inline-block; *display:inline; *zoom:1}
audio:not([controls]) {display:none; height:0}
label, input, button, a, span {line-height:1.6}
select {color:#666}
button {border: 0;cursor: pointer;font-weight: 600;font-size: 15px;outline:none}
hr {height:0; -moz-box-sizing:content-box; box-sizing:content-box;border:none}
a:hover, a:active,a:focus {outline:none}
a:active, a:hover, button:active, button:hover {outline:none}
em, address {font-style:normal}
acronym, abbr {cursor:help}
abbr[title] {border-bottom:1px dotted}
ul, ol {list-style:none; list-style-image:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:'' ;content:none}
img {border:0; vertical-align:top; -ms-interpolation-mode:bicubic}
input, select, textarea {font-size:1em}
input[type="text"], input[type="password"] {border:solid 1px #cbcbcb;height:35px;line-height:35px;box-sizing:border-box;padding:0 10px}
input[type="checkbox"] {vertical-align: -1px;vertical-align:middle}
textarea {border:solid 1px #cbcbcb;width:100%;height:100px;box-sizing:border-box;resize:none}
a, span, p, em, label, dt, dd, li, strong {color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit}
strong, b {font-weight:500}
::-webkit-input-placeholder {color:#999}
:-moz-placeholder {color:#999}
::-moz-placeholder {color:#999}
:-ms-input-placeholder {color:#999}
table {width:100%; height:auto; border-collapse:collapse; padding:0; margin:0}
h1, h2, h3, h4, h5, h6 {color: #1b1b1b}
.hidden, legend {line-height:1px; font-size:1px; position:absolute; left:-1000px; top:0; overflow:hidden; text-indent:-30000px}
caption {line-height:1px; font-size:1px; overflow:hidden; text-indent:-30000px}
.clearfix:after {content: "";display: block;clear: both}
select::-ms-expand {display:none}
/************ margin *********************/
.mt100{margin-top:100px !important}
.mt95{margin-top:95px !important}
.mt90{margin-top:90px !important}
.mt85{margin-top:85px !important}
.mt80{margin-top:80px !important}
.mt75{margin-top:75px !important}
.mt70{margin-top:70px !important}
.mt65{margin-top:65px !important}
.mt60{margin-top:60px !important}
.mt55{margin-top:55px !important}
.mt50{margin-top:50px !important}
.mt45{margin-top:45px !important}
.mt40{margin-top:40px !important}
.mt35{margin-top:35px !important}
.mt30{margin-top:30px !important}
.mt25{margin-top:25px !important}
.mt20{margin-top:20px !important}
.mt15{margin-top:15px !important}
.mt10{margin-top:10px !important}
.mt5{margin-top:5px !important}
.mt0{margin-top:0px !important}
.mr100{margin-right:100px !important}
.mr95{margin-right:95px !important}
.mr90{margin-right:90px !important}
.mr85{margin-right:85px !important}
.mr80{margin-right:80px !important}
.mr75{margin-right:75px !important}
.mr70{margin-right:70px !important}
.mr65{margin-right:65px !important}
.mr60{margin-right:60px !important}
.mr55{margin-right:55px !important}
.mr50{margin-right:50px !important}
.mr45{margin-right:45px !important}
.mr40{margin-right:40px !important}
.mr35{margin-right:35px !important}
.mr30{margin-right:30px !important}
.mr25{margin-right:25px !important}
.mr20{margin-right:20px !important}
.mr15{margin-right:15px !important}
.mr10{margin-right:10px !important}
.mr5{margin-right:5px !important}
.mb100{margin-bottom:100px !important}
.mb95{margin-bottom:95px !important}
.mb90{margin-bottom:90px !important}
.mb85{margin-bottom:85px !important}
.mb80{margin-bottom:80px !important}
.mb75{margin-bottom:75px !important}
.mb70{margin-bottom:70px !important}
.mb65{margin-bottom:65px !important}
.mb60{margin-bottom:60px !important}
.mb55{margin-bottom:55px !important}
.mb50{margin-bottom:50px !important}
.mb45{margin-bottom:45px !important}
.mb40{margin-bottom:40px !important}
.mb35{margin-bottom:35px !important}
.mb30{margin-bottom:30px !important}
.mb25{margin-bottom:25px !important}
.mb20{margin-bottom:20px !important}
.mb15{margin-bottom:15px !important}
.mb10{margin-bottom:10px !important}
.mb5{margin-bottom:5px !important}
.ml100{margin-left:100px !important}
.ml95{margin-left:95px !important}
.ml90{margin-left:90px !important}
.ml85{margin-left:85px !important}
.ml80{margin-left:80px !important}
.ml75{margin-left:75px !important}
.ml70{margin-left:70px !important}
.ml65{margin-left:65px !important}
.ml60{margin-left:60px !important}
.ml55{margin-left:55px !important}
.ml50{margin-left:50px !important}
.ml45{margin-left:45px !important}
.ml40{margin-left:40px !important}
.ml35{margin-left:35px !important}
.ml30{margin-left:30px !important}
.ml25{margin-left:25px !important}
.ml20{margin-left:20px !important}
.ml15{margin-left:15px !important}
.ml10{margin-left:10px !important}
.ml5{margin-left:5px !important}
/************ padding *********************/
.pt100{padding-top:100px !important}
.pt95{padding-top:95px !important}
.pt90{padding-top:90px !important}
.pt85{padding-top:85px !important}
.pt80{padding-top:80px !important}
.pt75{padding-top:75px !important}
.pt70{padding-top:70px !important}
.pt65{padding-top:65px !important}
.pt60{padding-top:60px !important}
.pt55{padding-top:55px !important}
.pt50{padding-top:50px !important}
.pt45{padding-top:45px !important}
.pt40{padding-top:40px !important}
.pt35{padding-top:35px !important}
.pt30{padding-top:30px !important}
.pt25{padding-top:25px !important}
.pt20{padding-top:20px !important}
.pt15{padding-top:15px !important}
.pt10{padding-top:10px !important}
.pt5{padding-top:5px !important}
.pt0{padding-top:0px !important}
.pr100{padding-right:100px !important}
.pr95{padding-right:95px !important}
.pr90{padding-right:90px !important}
.pr85{padding-right:85px !important}
.pr80{padding-right:80px !important}
.pr75{padding-right:75px !important}
.pr70{padding-right:70px !important}
.pr65{padding-right:65px !important}
.pr60{padding-right:60px !important}
.pr55{padding-right:55px !important}
.pr50{padding-right:50px !important}
.pr45{padding-right:45px !important}
.pr40{padding-right:40px !important}
.pr35{padding-right:35px !important}
.pr30{padding-right:30px !important}
.pr25{padding-right:25px !important}
.pr20{padding-right:20px !important}
.pr15{padding-right:15px !important}
.pr10{padding-right:10px !important}
.pr5{padding-right:5px !important}
.pb100{padding-bottom:100px !important}
.pb95{padding-bottom:95px !important}
.pb90{padding-bottom:90px !important}
.pb85{padding-bottom:85px !important}
.pb80{padding-bottom:80px !important}
.pb75{padding-bottom:75px !important}
.pb70{padding-bottom:70px !important}
.pb65{padding-bottom:65px !important}
.pb60{padding-bottom:60px !important}
.pb55{padding-bottom:55px !important}
.pb50{padding-bottom:50px !important}
.pb45{padding-bottom:45px !important}
.pb40{padding-bottom:40px !important}
.pb35{padding-bottom:35px !important}
.pb30{padding-bottom:30px !important}
.pb25{padding-bottom:25px !important}
.pb20{padding-bottom:20px !important}
.pb15{padding-bottom:15px !important}
.pb10{padding-bottom:10px !important}
.pb5{padding-bottom:5px !important}
.pl100{padding-left:100px !important}
.pl95{padding-left:95px !important}
.pl90{padding-left:90px !important}
.pl85{padding-left:85px !important}
.pl80{padding-left:80px !important}
.pl75{padding-left:75px !important}
.pl70{padding-left:70px !important}
.pl65{padding-left:65px !important}
.pl60{padding-left:60px !important}
.pl55{padding-left:55px !important}
.pl50{padding-left:50px !important}
.pl45{padding-left:45px !important}
.pl40{padding-left:40px !important}
.pl35{padding-left:35px !important}
.pl30{padding-left:30px !important}
.pl25{padding-left:25px !important}
.pl20{padding-left:20px !important}
.pl15{padding-left:15px !important}
.pl10{padding-left:10px !important}
.pl5{padding-left:5px !important}
/****너 비*****/
.w20 {width:20%}
.w30 {width:30%}
.w40 {width:40%}
.w50 {width:50%}
.w60 {width:60%}
.w70 {width:70%}
.w75 {width:75%}
.w80 {width:80%}
.w90 {width:90%}
.w100 {width:100%}
.wp130 {width:130px}
.wp200 {width:200px}
.wp250 {width:250px}
.noMG{margin: 0 !important}
.noPG{padding: 0 !important}
.noBD{border:none !important}
.fl {float:left}
.fr {float:right}
.tac {text-align:center !important}
.tar {text-align:right !important}
.tal {text-align:left !important}
.dib {display:inline-block}
.p_r {position:relative}
.ani {
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s
}
.menu {display:none;}
.top_bg {padding: 10px 0; border-bottom: 3px solid #4b4b4b;}
.table_wrap {max-width: 900px;margin: 100px auto;}
.table_wrap_inner {overflow-x: scroll;border: 1px solid;}
.table_wrap_inner ul {display: table;width: 2000px;background-color: #ffadad; border-collapse: collapse;}
.table_wrap_inner ul li {display: table-cell;width: 20%;padding: 15px;border: 1px solid;text-align: center;}
.table_wrap_inner .table_y {overflow-y: scroll;overflow-x: hidden;height: 100px;width: 2000px;height: 253px;}
.table_wrap_inner .table_y table {width: 2000px}
.table_wrap_inner .table_y table td {padding: 15px;text-align: center;border: 1px solid;width: 20%}
/************ gnb *********************/
header .header_wrap {position: relative;padding: 25px 0;}
header .header_wrap.main {padding: 25px 0 40px;}
header .header_wrap h1 {position: absolute;top: 17px;left: 31px;}
header .header_wrap h1 {width: 171px;height: 39px;text-indent: -999em;background: url(../img/ubi_logo.svg) no-repeat;display: inline-block;}
header .header_wrap .utility {position: absolute;top: 17px;left: 275px}
header .header_wrap .utility > li {display: table-cell;vertical-align: top;line-height: 30px;font-weight: bold;font-size: 21px;}
header .header_wrap .utility > li a {font-size: 14px;}
header .header_wrap .utility > li:last-child a {padding-right: 0;border: 1px solid #ed1c24;padding: 2px 13px;margin-left: 10px;background-color: #ed1c24;color: #fff;display:block;}
header .header_wrap .utility > li > ul {margin-left: 7px}
header .header_wrap .utility > li > ul > li {float: left;margin-left: -1px}
header .header_wrap .utility > li > ul > li > a {font-size: 14px;display: block;border: 1px solid #d8d8d8;padding: 2px 8px;}
header .header_wrap .utility > li > ul > li > a > em {color:red}
/*************내용************/
.sub_content_wrap {padding: 2%}
.title01 {display: inline-block;margin-bottom: 14px;font-size: 19px;}
.table-wrap {border-top: 1px solid #454545;margin-top: 10px;font-size: 13px;width: 90%;}
.table-wrap.in {border-color:#e3e3e3;}
.table-wrap.row_tab th {border-right: 1px solid #e3e3e3;}
.table-wrap.row_tab th:last-child {border-right: 0}
.table-wrap table th {background-color: #f7f7f7;padding: 9px 5px;border-bottom: 1px solid #e3e3e3;text-align:center;height: 45px;}
.table-wrap table > tbody > tr > th {height: 45px;padding: 5px}
.table-wrap table > tbody > tr > th.border_r {border-right: 1px solid #e3e3e3;}
.table-wrap table td {text-align: center;padding: 5px 13px;border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;height: 45px;}
.table-wrap table td.bnone {border-right:0;}
.table-wrap.td_left > table > tbody > tr > td {text-align: left;}
.table-wrap table tr:hover td, .table-wrap table tr.on td {background-color:#f1fbfd;}
.table-wrap table td:last-child {border-right:0;}
.table-wrap table td .tal {text-align: left;}
.table-wrap .button {padding: 2px 20px;}
.table-wrap label {margin-right:5px;}
.contents_wrap {margin:0 auto;position: relative;margin-top: 2px;}
.contents_wrap.main {background-color: #f2e0e3;padding: 30px 0;margin-top:0;font-size:16px;}
.contents_wrap.main.bg01 {background-color: #faf8f8;}
.contents_wrap.main.bg02 {background-color: #fff;}
.layer_left {width: 50%;display: inline-block;margin-right: -4px;padding-right: 15px;}
.layer_right {width: 50%;display: inline-block;padding-left: 15px;}
.pop_table th, .pop_table td {padding:5px;}
.apply_wrap {padding: 3%;border: 1px solid #d4dde2;margin-top: 20px;background-color: #f4f7f9;clear: both;}
.apply_wrap h4 {text-align: center;font-size: 18px;margin-bottom: 14px;}
.apply_table {border-top: 1px solid #bbbaba;border-left: 1px solid #bbbaba;background-color:#fff;color: #1b1b1b;}
.apply_table table {font-weight: 300;}
.apply_table table th {border-bottom: 1px solid #bbbaba;border-right: 1px solid #bbbaba;}
.apply_table table td {border-right: 1px solid #bbbaba;border-bottom: 1px solid #bbbaba;text-align: center;}
.apply_table table th, .apply_table table td {padding: 8px;}
.textarea_wrap {text-align: left;padding: 17px;}
.text_wrap {margin: 0 auto;max-width: 1200px;width: 100%;}
.text_wrap > li {width: 33.33333%;float: left;padding: 20px 20px 0 20px;}
.text_wrap > li:last-child {border-right: 0;}
.text_wrap > li .list_text {position: relative;}
.text_wrap > li .list_text h3 {margin-bottom: 10px;border-bottom: 1px solid #dadada;padding-bottom: 6px;}
.text_wrap > li .list_text ul {font-size: 14px;}
.text_wrap > li .list_text ul li {position: relative;margin-bottom: 4px;}
.text_wrap > li .list_text ul li a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 74px;display: block;}
.text_wrap > li .list_text ul li em {position: absolute;right: 0;top: 0;}
.sub_nav {position: absolute;width: 250px;border-right: 1px solid #e0e9f1;height: 100%;background-color: #f7f7f7;}
.sub_nav > .title_box {text-align: center;border-top: 2px solid;background-color: #10507b;padding-top: 30px;color: #fff;}
.sub_nav > .title_box em {display: block;font-size: 18px;}
.sub_nav > .title_box a {display: block;line-height: 51px;margin-top: 28px;border-top: 1px solid #447698;}
.sub_wrap {margin-left: 250px;min-height: 800px;}
.sub_title {text-align: center;background-color: #ed1c24;color: #fff;font-size: 18px;font-weight: 400;line-height: 58px;}
.sub_nav_inner > li.on > a {color: #418cc1;}
.sub_nav_inner > li.on > a.add {background-position: right 17px;color: #418cc1;}
.sub_nav_inner > li > a {display: block;line-height: 55px;padding: 0 50px;font-weight: bold;border-bottom: 1px solid #e0e9f1;border-top: 1px solid #e0e9f1;margin-top: -1px;}
.sub_nav_inner > li > ul {background-color: #fff;display:none;}
.sub_nav_inner > li > ul > li > a {display: block;line-height: 37px;padding: 0px 30px;position:relative;}
.sub_nav_inner > li > ul > li > a.on {color: #ed1c24;}
.sub_nav_inner > li > ul > li.on > a.add {background-position: right 14px;color: #418cc1;}
.sub_nav_inner > li > ul > li > a:after {content:'';position:absolute;width:3px;height:3px;background-color:#000;top: 17px;left: 22px;}
.sub_nav_inner > li > ul > li > ul {background-color: #f5f5f5;display:none;}
.sub_nav_inner > li > ul > li > ul > li > a {padding: 6px 0 6px 28px;display:block;}
.sub_nav_inner > li > ul > li > ul > li.on > a {background-color:#ffe1c5;}
.search_box_wrap {border: 1px solid #dde6e8;margin-bottom: 40px;background-color: #f3f6f7;padding: 1.5%;}
.search_box_wrap table th {background-color: #f1f1f1;padding: 10px 5px;}
.search_box_wrap table td {padding: 10px 5px;text-align: center;}
.search_box_wrap label {margin-right: 7px;}
.search_box_wrap .button {background-color: #023a5f;color: #fff;padding: 4px 20px;border-color: #023a5f;}
.number {letter-spacing: 0;}
.sub_s_title {position: relative;padding-left: 11px;}
.sub_s_title:before {content: '';background-color: #ed1c24;height: 16px;width: 5px;position: absolute;top: 5px;left: 0;}
.layer_wrap.left {display: inline-block;width: 36%;}
.layer_wrap.right {float: right;width: 62%;}
.etc_btn {margin-bottom: 15px;}
.etc_btn .fr {margin-top: 0;}
.button {background-color: #f7f7f7;color: #333;padding: 4px 20px;border: 1px solid #e2e2e2;font-weight: 600;display:inline-block;}
.button02 {background-color: #ed1c24;color: #fff;border: 1px solid #ed1c24;padding: 4px 23px;font-weight: 600;display:inline-block;}
.button03 {background-color: #023a5f;color: #fff;border: 1px solid #023a5f;padding: 4px 23px;font-weight: 600;display:inline-block;}
.button04 {background-color: #4b4b4b;color: #fff;border: 1px solid #4b4b4b;padding: 4px 23px;font-weight: 600;display:inline-block;}
.btn_typ01 {border-color: #ff9400;background-color: #ff9400;color: #fff;display:inline-block;}
.btn_typ02 {border-color: #023a5f;background-color: #023a5f;color: #fff;display:inline-block;}
.btn_typ03 {border-color: #8e8e8e;background-color: #8e8e8e;color: #fff;display:inline-block;}
.c_color01 {color: #008fe2;font-weight: 600;}
.c_color02 {color: #ff5e00;font-weight: 600;}
.c_color03 {color: #4e4e4e;font-weight: 600;}
.c_color04 {color: #0048b3;font-weight: 600;}
.link {color: #1168a7;font-weight: 400;}
.title {font-size: 18px;line-height: 58px;padding-left: 2%;background-color: #4b4b4b;color: #fff;}
.title02 {font-size: 20px;margin-bottom: 20px;}
.title02 em {color: #418cc1;}
.title .title_btn {font-size: 15px;float: right;padding: 8px 26px;background-color: #023a5f;color: #fff;margin-top: 1px;border-radius: 21px;}
.main_wrap p {background-color: #f6fbff;padding: 13px 25px;font-size: 18px;font-weight: 400;color: #464646;border: 1px solid #dde7ef;border-radius: 27px;}
.main_wrap h3 {background-color: #f9f9f9;padding: 13px;font-size: 17px;font-weight: 400;text-align: center;border-bottom: 1px solid #c1c1c1;border-top: 1px solid #023a5f;}
.main_wrap .main_wrap_inner {position: relative;text-align: right;padding: 31px;}
.main_wrap .main_wrap_inner strong {position: absolute;left: 31px;text-align: center;line-height: 150px;border-radius: 100%;font-size: 24px;background-color: #ff4d00;color: #fff;display: inline-block;height: 150px;width: 150px;}
.main_wrap .main_wrap_inner strong.img {background-color: #fff;border: 1px solid #dadada;width: 130px;height: 130px;}
.main_wrap .main_wrap_inner strong img {vertical-align: -2px;}
.main_wrap .main_wrap_inner ul {float: right;width: 100%;padding-left: 184px;}
.main_wrap .main_wrap_inner ul li {text-align: left;border-bottom: 1px solid #e4e4e4;position: relative;padding: 8px 0;font-weight: 600;}
.main_wrap .main_wrap_inner ul li .link {color: #1168a7;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 90%;}
.main_wrap .main_wrap_inner ul li span {position: absolute;right: 0;}
.main_wrap .main_wrap_inner ul li span em {color: red;font-weight: 600;}
.line_wrap {margin: 0 -15px;}
.line_wrap .line_wrap_inner {width: 33.33333%;float: left;padding: 15px;}
.line_wrap .line_wrap_inner .box_inner {border: 1px solid #e4e4e4;padding: 28px;background-color: #f6fbff;}
.line_wrap .line_wrap_inner .box_inner h3 {color: #023a5f;margin-bottom: 10px;font-size: 22px;}
.line_wrap .line_wrap_inner .box_inner p { margin-bottom: 25px;}
.line_wrap .line_wrap_inner .box_inner ul li {text-align: left;border-bottom: 1px solid #e4e4e4;position: relative;padding: 8px 0;font-weight: 600;}
.line_wrap .line_wrap_inner .box_inner ul li span {position: absolute;right: 0;}
.line_wrap .line_wrap_inner .box_inner ul li span em {color: red;font-weight: 600;}
.more_btn {display: block;border: 1px solid #418cc1;text-align: center;background-color: #418cc1;color: #fff;padding: 8px;margin-top: 18px;}
/**********QnA***************/
.qna_wrap {font-size: 13px;width: 90%;}
.qna_wrap li {position:relative;padding: 9px 15px;}
.qna_wrap li + li {margin-top:10px;}
.qna_wrap li:before {content: '';border: 1px solid #c6d0d4;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.qna_wrap li .text_wrap {display: none;text-indent: -31px;padding-left: 31px;padding-right: 20px;margin-top: 9px;margin-left: 13px;}
.qna_wrap li .text_wrap em {font-weight: 500;padding-right: 8px;}
.text_weap {text-align: left;padding: 10px;}