@charset "UTF-8"; 

/******************** [ IMPORT(EXTERNAL RESOURCE) ] ************************/
@font-face {
    font-family: 'ngR';
    src: url('font/NanumGothic.eot');
    src: url('font/NanumGothic.eot?#iefix');
    src: local(※), url('font/NanumGothic.woff') format('woff');
    font-style:normal;font-weight:normal;
}

@font-face {
    font-family: 'ngB';
    src: url('font/NanumGothicBold.eot');
    src: url('font/NanumGothicBold.eot?#iefix');
    src: local(※), url('font/NanumGothicBold.woff') format('woff');
    font-style: normal;font-weight: normal;
}


/******************** [ RESET(NOMALIZE) ] ************************/
html{overflow-y:scroll;}
html,body {height:100%;-webkit-text-size-adjust:none}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0 none}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-style:normal;}
li,select,input,label,button,img {vertical-align:middle}
th, em {font-weight:normal;text-decoration:none}
input,select,textarea {border-radius:0;}
main {display:block}
input[type="text"],input[type="password"],
input[type="tel"],input[type="number"],
input[type="email"],input[type="url"],textarea {font-family:inherit;font-size:inherit;-webkit-appearance:none;}
input[type="checkbox"],input[type="radio"] {
    margin:0;
}

img,fieldset,iframe {border:0 none}
table,div {border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
ul,li,ol {list-style-type:none}
button {margin:0;padding:0;font-family:inherit;font-size:inherit;background:transparent;border:0 none;cursor:pointer}
button[disabled] {cursor:default}
button::-moz-focus-inner {border:0;padding:0}
table, textarea {width:100%;max-width:100%;}
textarea {resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
div,ul,li,span,input,button,a {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
a,span,label {display:inline-block;vertical-align:middle}
label {cursor:pointer}

.table-view {display:none}



/******************** [ INITIALIZE(PRIMARY DESIGN) ] ************************/
body {
    display:none;
    font-family: '돋움',dotum,Helvetica,sans-serif;
    font-size:12px;
    line-height:18px;
    color: #555;
}
a {
    color: #333;
    text-decoration:none;
}
img {
    max-width:100%;
    height:auto;
}

/***** ( FORM ELEMENT ) *****/
input[type="text"],input[type="password"],
input[type="tel"],input[type="number"],
input[type="email"],input[type="url"],
input[type="file"],
select  {
    height:24px;
    padding:0 5px 0 5px;
    margin-right:1px;
    font-family:inherit;
    font-size:inherit;
    border:1px solid #c2c4ca;
}
input[type="tel"] {
    width:40px;
    padding:0;
}
textarea {
    overflow:auto;
    border:1px solid #c2c4ca;
}
input[type="text"][readonly],input[type="password"][readonly], 
input[type="tel"][readonly],input[type="number"][readonly],
input[type="email"][readonly],input[type="url"][readonly],
textarea[readonly] {
    color:#333;
    background-color: #e2f4ff;
}
input[type="text"][disabled],input[type="password"][disabled], 
input[type="tel"][disabled],input[type="number"][disabled],
input[type="email"][disabled],input[type="url"][disabled],
textarea[disabled] {
    color:#999;
    background-color: #dadada;
}
/* ( RADIO & CHECKBOX) */
input[type=radio]+label , input[type=checkbox]+label {
    margin-right:7px;
}
input[type=radio]+label:last-child , input[type=checkbox]+label:last-child {
    margin-right:0
}

input[type='checkbox'] {
    position:absolute;left:-1000px;
    overflow:hidden;
    width:1px;height:1px;margin:-1px;padding:0;
    border:0;
    clip:rect(0 0 0 0);
    z-index:-1000;
}
input[type='checkbox'] + label {
    position:relative;
    display:inline-block;
    height:15px;padding-left:20px;
    background:url('../images/sp_checkbox.png') no-repeat 0 0;
    -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
input[type='checkbox']:checked + label {background-position:0 -30px}
input[type='checkbox'][readonly] + label {
    color:#333;
    background-position:0 -60px
}
input[type='checkbox'][readonly]:checked + label {background-position:0 -90px}
input[type='checkbox'][disabled] + label {
    color:#999;
    background-position:0 -120px
}
input[type='checkbox'][disabled]:checked + label {background-position:0 -150px}

input[type='radio'] {
    position:absolute;left:-1000px;
    width:1px;height:1px;margin:-1px;padding:0;
    overflow:hidden;
    border:0;
    z-index:-1000;
    clip:rect(0 0 0 0);
}
input[type='radio'] + label {
    display:inline-block;
    position:relative;
    height:14px;padding-left:20px;
    background:url('../images/sp_radio.png') no-repeat 0 0;
    -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
input[type='radio']:checked + label {background-position:0 -20px}
input[type='radio'][readonly] + label {
    color:#333;
    background-position:0 -40px
}
input[type='radio'][readonly]:checked + label {background-position:0 -60px}
input[type='radio'][disabled] + label {
    color:#999;
    background-position:0 -80px
}
input[type='radio'][disabled]:checked + label {background-position:0 -100px}
select {
    min-width:80px;padding-right:23px;
    color:#333;
    background:#fff url('../images/bu_arrow_down.gif') no-repeat right 50%;
    -webkit-appearance:none; appearance:none;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
    .filebox {display:inline-block}
    .filebox input[type="file"] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip:rect(0,0,0,0);
        border: 0;
    }
    .filebox label {
        display:inline-block;
        position:absolute;top:0;right:0;
        height: 24px; padding:0 10px;
        line-height:24px;
        font-family: inherit;
        font-size: inherit;
        color: #333;
        vertical-align: middle;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 2px;
        cursor: pointer;
        -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box
    }
    .filebox label[data-del] {right: 24px;}
    .filebox .upload-name {
        height:24px;
        line-height:24px;
        padding:0 0 0 5px;
        margin-right:1px;
        font-family:inherit;
        font-size:inherit;
        border:1px solid #c2c4ca;
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
    }
    .upload-name[readonly] {
        color:#333;
        background-color: #e2f4ff;
    }
    .upload-name[disabled] {
        color:#999;
        background-color: #dadada;
    }
    .upload-name[readonly] + label {
        color:#333;
    }
    .upload-name[disabled] + label {
        color:#999;
    }

.filebox.w100 {position:relative;display:block;padding-right:75px}
.filebox.w100 label {position:absolute; top:0; right:0;}
.filebox.w100 .upload-name {width:100%;}

/* error */
.msg{width:800px; margin:50px auto; border:1px solid #e6e6e6; padding:170px 0 50px; background:url('../images/icon/icon_msg_1.png') no-repeat 50% 60px}
.msg.msg1{background:url('../images/icon/icon_msg_2.png') no-repeat 50% 60px}
.msg strong, .msg p{display:block; text-align:center; color:#0875d2; font-family:'ngR'}
.msg strong{font-size:30px; padding-bottom:30px; line-height:40px}
.msg p{padding-bottom:50px}

select::-ms-expand {display:none}
@-moz-document url-prefix() { 
 select {padding-right:0}
}
select[readonly] {
    color:#333;
    background-color: #e2f4ff;
}
select[disabled] {
    color:#999;
    background-color:#dadada;
}
/* ( fake - 투명 인풋 ) */
input[type="text"].fake {
    border: 0 none;
    background-color:transparent;   
}


/******************** [ GLOBAL DESIGN CLASS ] ************************/
/* ( image-replacement ) */
.ir {
    display:inline-block;
    font-size:0;
    line-height:0;
    text-indent:-9999px;
    background-repeat:no-repeat;
}


/* ( FLOAT and CLEARFIX ) */
.fl {float:left}
.fr {float:right}
.clear:after {
    display:block;content: "";
    clear: both;
}

/* ( TEXT-ALIGN ) */
.txt-l {text-align:left}
.txt-c {text-align:center}
.txt-r {text-align:right}


/* ( FONT ) */
.bold {font-weight:700}
.strong {color:#ff6769}
.em {color:#0080c6;}
.ellipse {
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis; 
}
/* ( ETC ) */
.dotline {
	display:block;
	height:1px;
	margin:5px 0;
	border-top:1px dotted #c3c3c3;
}





/******************** [ GLOBAL COMPONENT (공통 컴포넌트) ] ************************/
/***** ( BUTTONS ) *****/
/* btn common design */
[class*='btn'] {
    padding: 4px 10px;
    border:1px solid transparent;
    border-radius: 2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    [class*='btn'] {
        padding-top:3px;
        padding-bottom:1px;
    }
}

/* btn-primary */
.btn-primary {
    border-color:#ccc;
    background-color:#fff;
    color:#333;
}
/* btn-primary+strong */
.btn-primary.strong {
    padding-left:13px;padding-right:13px;
    background-color: #ef2c30;
    border-color: #ef2c30;
    color:#fff;
}
/* btn-primary+em */
.btn-primary.em {
    padding-left:13px;padding-right:13px;
    background-color: #69707c;
    border-color: #69707c;
    color:#fff;
}
/* btn-primary+em2 */
.btn-primary.em2 {
    padding-left:13px;padding-right:13px;
    background-color: #d1d4da;
    border-color: #d1d4da;
    color:#1e1e1e;
}
/* btn-primary+tip */
.btn-primary.tip {width:74px}
.btn-primary.tip span {font-weight:700;color: #ff5f3d;}

/* btn-table */
.btn-table { 
    font-size: 11px;
    border-color: #cdd0d4;
    background-color: #f2f2f2;
    color:#333;
}
/* btn-sub */
[class*='btn-sub'] { 
    border-color:#a3c4d6;
    background-color: #e4f5ff;
    color: #0080c6;
}
/* btn-sub2 */
.btn-sub2 {
    border-color: #ddadad;
    background-color: #ffe4e4;
    color: #c72727;
}
/* btn-search */
.btn-search {
    min-width: 60px;
    background-color: #319ce8;
    border-color: #2a85c5;
    color:#fff;
}
/* utradhubb */
.btn-main-primary {
    padding:6px 25px 7px;
    font-family:'ngB';font-size:13px;
    border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;
}
.btn-main-primary.strong {
    color:#fff;
    background-color:#ee2c30;
}
.btn-main-primary.em {
    color:#fff;
    background-color:#3e4655;
}
.btn-main-primary.em-green {
    color:#fff;
    background-color:#70ad47;
}
.btn-main-primary.join {
    color:#1e1e1e;
    background-color:#d1d4da;
}
.btn-main-primary.join-info {
    color:#1e1e1e;
    background-color:#fff;
    border:1px solid #c2c4ca;
}
.btn-detail-view {
    min-height:22px;padding:3px 10px;
    font-family:'ngR';
    color:#1e1e1e;
    background-color:#d1d4da;
    border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;
}
.btn-primary.tb-strong {
    color:#fff;
    background-color:#7c808b;
    border-color: #6a6d76;
}
.btn-primary.tb-em {
    color:#fff;
    background-color:#319ce8;
    border-color: #2a85c5;
}
.btn-tb-find {
    height:24px; line-height:24px;
    text-indent:-999em;font-size:0;
    background:url('../images/icon/icon_tb_search.png') no-repeat 0 0;
    border-color:#cdcbc5;
}
.btn-tb-edit {
    height:24px; line-height:24px;
    text-indent:-999em;font-size:0;
    background:url('../images/icon/icon_tb_edit.png') no-repeat 0 0;
    border-color:#cdcbc5;
}

.btn-primary.prev, .btn-primary.next {position: relative;}
.btn-primary.prev {padding-left:20px;}
.btn-primary.next {padding-right:20px;}
.btn-primary.prev:before, .btn-primary.next:before {
    display: block;content: "";
    position:absolute;top:50%;
    height:5px;
    margin-top:-2.5px;
    background:url('../images/paging.png') 0 0 no-repeat;
}
.btn-primary.prev:before,.btn-primary.next:before {width:3px;}
.btn-primary.prev:before,.btn-primary.next:before {margin-left:-1.5px;}
.btn-primary.prev:before {background-position:-3px -3px;left:10px;}
.btn-primary.next:before {background-position:-14px -3px;right:10px;}



/***** ( TABLE ) *****/
/* ( table global class ) */
table.fixed {
    table-layout:fixed; 
}
/* ( table-primary ) */
.table-primary {
    margin-bottom: 20px;
    border-top: 1px solid #2f9be6;
    border-left:1px solid #e1e2e6;
    border-right:1px solid #e1e2e6;
}
.table-primary th, .table-primary td {
    height: 18px;
    padding-left: 9px;padding-right:9px;
    border-bottom: 1px solid #e1e2e6;
    border-right: 1px solid #e1e2e6;   
}
.table-primary th[rowspan], .table-primary td[rowspan] {
    border-left: 1px solid #e1e2e6;   
}
.table-primary th[rowspan]:first-child, .table-primary td[rowspan]:first-child {
    border-left: 0 none;   
}

.table-primary th:last-child, .table-primary td:last-child {
    border-right:0 none;
}
.table-primary th {
    padding-top:6px;padding-bottom:6px;
    background-color: #fbfbfb;
    text-align:left;
    color: #333;
}
.table-primary th.dark {background-color:#eff9ff}
.table-primary th.service { background:#ebf4ff url('../images/bull_dot_indent.png') no-repeat 15px 50%; border-top: 1px solid #bfd6f3; border-right: 1px solid #bfd6f3; padding-left:27px;  }
.table-primary th.service-detail {background:#ebf4ff; border-top: 1px solid #bfd6f3; border-right: 1px solid #bfd6f3; padding-left:27px;  }
.table-primary th.service-title {background:#ebf4ff; border-top: 1px solid #bfd6f3; border-right: 1px solid #bfd6f3;}
.table-primary td.service {border-top:1px solid #bfd6f3; background:#f8fbfe;}

.table-primary th.th-step:before {
    display:inline-block;content:'';
    position:relative;top:-2px;
    width:4px;height:4px; 
    margin-right:4px;
    background-color:#555;
    border-radius:100px;
    vertical-align: middle;
}
.table-primary td {
    padding-top: 5px;
    padding-bottom: 5px;
}
tbody.tbl-txt-c td,tbody.tbl-txt-c th, thead.tbl-txt-c td,thead.tbl-txt-c th {text-align:center}
table tbody td.txt-l, table tbody th.txt-l {text-align:left}
table tbody td.txt-c, table tbody th.txt-c {text-align:center}
table tbody td.txt-r, table tbody th.txt-r {text-align:right}
/* th-required */
.table-primary th.req:after {
    content:"*";
    margin-left:1px;
    font-weight:700;
    color:#ef2c30;
}
/* ( table-primary+board ) */
.table-primary.board {
    margin-top: 7px;
    border-width:2px 0 0 0;
}
.table-primary.board thead th {
    font-weight:700;
    text-align:center;
    background-color: #f3f4f8;
}
.table-primary.board tbody th {
    text-align:center;
    background-color:#fbfbfc; 
}
.table-primary.board tbody th.txt-l {
    text-align:left;
}
.table-primary.board th.dark {background-color: #f3f4f8;}
.table-primary.board tr th:first-child input + label, .table-primary.board tr td:first-child input + label {padding-left:16px;}


/* ( table-view ) */
table.table-primary.view th {
    position:relative;
    padding-left:15px;
    font-weight:700;
    border-right:0 none;
    background-color:transparent;
    text-align:left;   
}
table.table-primary.view th:after {
    display:inline-block;content:"";
    position:absolute;right:0;top:9px;bottom:9px;
    width:1px;
    background-color:#ccc;
}
table.table-primary.view td {border-right:0 none;}
table.table-primary.view .article {padding: 12px 15px;} 
table.table-primary.view .article.qna {border-bottom-color: #319ce8;} 
.table-primary + .button-area-tb {padding-bottom:20px}
/* file-attach */
.file-attach {
    padding-left:20px; 
    background:url(../images/attach.gif) 0 2px no-repeat;
}
/* list-navi */
.list-navi {
    margin-bottom:20px; 
    border-top:1px solid #e1e2e6
}
.list-navi > span {
    display:block;
    border-bottom:1px solid #e1e2e6;
    line-height: 30px;
}
.list-navi > span > span { 
    position:relative;
    padding-left:15px;padding-right:58px;
    width:110px;
    font-weight:700;
    white-space: nowrap;
}
.list-navi > span > span:after {
    display:block;content:"";
    position:absolute;right:14px;top: 8px;
    overflow:hidden;
    width:14px;height:13px;
    background:url(../images/list-navi.gif) 0 0 no-repeat;
}
.list-navi > span.next > span:after {
    background-position:0 -14px;
}
.list-navi > span > a {width:calc(100% - 115px);}

/***** ( TABLE-ELEMENT ) *****/
.table-comment a {
    padding-left:16px;
    color:#ff6769;
    background:url('../images/icon/icon_comment.png') no-repeat 0 50%;
}
.img-alert {margin-right:8px;vertical-align:top;}
.img-new {margin-left:10px;margin-top:2px;vertical-align:top;}
.img-attach {margin-left:10px;margin-top:2px;vertical-align:top;}
.img-lock {margin-left:10px;margin-top:2px;vertical-align:top;}
.tb-view-img {
    min-height:140px;padding:20px;
    border-left:1px solid #e1e2e6;border-top:1px solid #e1e2e6;border-right:1px solid #cacbcf;border-bottom:1px solid #cacbcf;
    background:#fbfbfc url('../images/bg_no_img.png') no-repeat 50% 50%;
}

/***** ( HEADING ) *****/
.h-tit1 {
    font-family:'ngB';font-size:18px;
    color:#1e1e1e;
}
.h-tit2 {
    font-family:'ngB';font-size:14px;
    color:#333;
}
/* ( h-tit-view ) */
.h-tit-view {
    padding: 9.5px 15px;
    font-weight:700;
    font-size:14px;
    border-top:2px solid #319ce8;
    border-bottom:1px solid #e1e2e6;
    background-color:#f3f4f7; 
    color:#1e1e1e;
}
.h-tit-view+table[class] {
    margin-top:0;
    border-top:0 none;
}



/***** ( BULLET ) *****/
.bullet-dep1 {
    position:relative;
    padding-left:18px;
    font-weight:700;
    color:#333;
}
.bullet-dep1:before {
    display:block;content:"";
    position:absolute;left:0;top:3px;
    width:11px; height:11px;
    background:url('../images/bullet/bul_li_dep1.png') no-repeat 0 0;
}

/***** ( LIST ) *****/
ul[class*="li-dep"] > li,ol[class*="li-dep"] > li ,ol[class*="li-num"] > li {
    position:relative;
}
ul[class*="li-dep"] > li:first-child,ol[class*="li-dep"] > li:first-child ,ol[class*="li-num"] > li:first-child {
    margin-top:0;
}
ul[class*="li-dep"] li:before,ol[class*="li-dep"] li:before, ol[class*="li-num"] li:before {
    display:block;content:"";
    position:absolute;left:0;
}
/* ( li-dep2 ) */
.li-dep2 > li {
    padding-left:12px;
}
.li-dep2 > li:before {
    top:-2px;
    width:5px;height:5px;margin-top:7px;
    border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;
    background-color:#148ee5;
}
.li-dep2.space > li {
    margin-top:7px;
}

/* ( li-dep3 ) */
.li-dep3 > li {
    padding-left:10px;
}
.li-dep3 > li:before {
    top:0;
    width:5px;height:5px;margin-top:7px;
    background:url('../images/bullet/bul_li_dep3.png') no-repeat 0 0;
}

/* ( li-num ) and ( p-num num01 ) */
.li-num > li {
    margin-top:7px;
    padding-left:25px;
    color:#333;
 }
.p-num {
    position:relative;
    margin-top:7px;
    padding-left:25px;
    color:#333;
}
.li-num > li:before, .p-num:before {
    top:0;
    width:18px;height:14px;
    font-size:11px;font-weight:700;
    line-height:16px;
    text-align:center;
    color:#fff;
    border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
    background-color:#319ce8;
}
.p-num:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
}
.li-num > li:nth-child(1):before, .p-num.num01:before {content:"01"}
.li-num > li:nth-child(2):before, .p-num.num02:before {content:"02"}
.li-num > li:nth-child(3):before, .p-num.num03:before {content:"03"}
.li-num > li:nth-child(4):before, .p-num.num04:before {content:"04"}
.li-num > li:nth-child(5):before, .p-num.num05:before {content:"05"}
.li-num > li:nth-child(6):before, .p-num.num06:before {content:"06"}
.li-num > li:nth-child(7):before, .p-num.num07:before {content:"07"}
.li-num > li:nth-child(8):before, .p-num.num08:before {content:"08"}
.li-num > li:nth-child(9):before, .p-num.num09:before {content:"09"}
.li-num > li:nth-child(10):before, .p-num.num10:before {content:"10"}
.li-num > li:nth-child(11):before, .p-num.num11:before {content:"11"}
.li-num > li:nth-child(12):before, .p-num.num12:before {content:"12"}
.li-num > li:nth-child(13):before, .p-num.num13:before {content:"13"}
.li-num > li:nth-child(14):before, .p-num.num14:before {content:"14"}
.li-num > li:nth-child(15):before, .p-num.num15:before {content:"15"}
.li-num ul li, .li-num ol li {
    color:#555;
}

.li-dep2 li .li-num , .li-dep3 li .li-num,
.li-dep2 li .li-dep3,
.li-num li .li-dep2 {padding:8px 0 20px}
.li-num li button {
	position:relative;top:-6px;
	margin:0 5px;
	vertical-align: text-top;	
}


/***** ( TEXT-BOX ) *****/
.txt-box1 {font-size:13px}
.txt-box-gray {
    padding:16px 20px;
    border:1px solid #e1e2e6;
    background-color:#f3f4f7;
}
.txt-box-gray > strong {
    display:block;
    font-size:14px;
    color:#333
}
.txt-box-gray > strong.em {
    color:#0080c6
}
.txt-box-gray > strong.strong {
    color:#ff6769
}
.txt-box-gray strong + p {padding-top:7px;}
.txt-box-line {
    padding:16px 20px;
    border-left:1px solid #e1e2e6;border-top:1px solid #e1e2e6;border-right:1px solid #cacbcf;border-bottom:1px solid #cacbcf;
}
.txt-box-gray span {display:inline}


/***** ( STEP ) *****/
.step1 {
    display:inline-block;
}
.step1 > li {
    display:table;
    position:relative;
    float:left;
    width:88px;margin-left:19px;
}
.step1 > li:first-child {
    margin-left:0;
}
.step1 > li:before {
    display:block;content:"";
    position:absolute;left:0;top:50%;
    width:7px;height:13px;margin-left:-13px; margin-top:-6px;
    background:url('../images/bullet/bul_step_arrow_right.png') no-repeat 0 0;
}
.step1 > li:first-child:before {
    background:none;
}
.step1 > li > span {
    display:table-cell;
    height:88px;margin-left:19px;
    font-size:13px;font-family:'ngB';
    text-align:center;
    vertical-align:middle;
    border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;
    color:#fff;
    background-color:#2eaef4;
}

/***** ( IMG-BOX ) *****/
/* ( img-box1 ) */
.img-box1 {
    padding:20px;
    text-align:center;
    border-left:1px solid #e1e2e6;border-top:1px solid #e1e2e6;border-right:1px solid #cacbcf;border-bottom:1px solid #cacbcf;
}

/* box-hscroll */
.text-yscroll {
    margin:10px 0;
    height:300px; padding: 20px;
    overflow-y:scroll;
    border-left: 1px solid #e1e2e6;
    border-top: 1px solid #e1e2e6;
    border-right: 1px solid #cacbcf;
    border-bottom: 1px solid #cacbcf;
}

/* box-hscroll */
.box-hscroll {
    margin-bottom:15px;
}
.box-hscroll > table {
    width:auto;
    margin-bottom:0;
}

/***** ( DATEPICKER ) *****/
div.datepicker {
    position:absolute;
    padding: 20px;
    border: 3px solid #3593d7;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    background-color:#fff;
    z-index:1000;
}
input.datepicker {
    padding-right:35px; 
    background:#fff url(../images/btn_calendar.gif) no-repeat right top;
    text-align: center;
    cursor:pointer;
}

/* datepicker design */
.datepicker-switch {
	height:20px;
	padding-bottom: 8px;
	font-family:'ngB';
	cursor:pointer;
}
div.datepicker .dow {
	font-weight:700;
	border:1px solid #e1e2e6;
	border-left:0 none;
	background-color:#f3f4f7;
}
div.datepicker .dow:last-child {border-right:0 none}
div.datepicker .table-condensed tbody {
	text-align:center;
}
div.datepicker .dow, div.datepicker .table-condensed tbody td {font-size:11px;}
div.datepicker .dow, div.datepicker .table-condensed .day {height:25px;width: 24px;}
div.datepicker .table-condensed tbody td > span {
	padding:3px 5px;
	border:1px solid #e1e2e6;
	border-bottom:0 none;border-left:0 none;
}
div.datepicker .table-condensed tbody td > span:first-child {border-left:1px solid #e1e2e6}
div.datepicker .table-condensed tbody td > span:last-child {border-right:0 none}
div.datepicker .table-condensed tbody td {
	border-right:1px solid #e1e2e6;
	border-bottom:1px solid #e1e2e6;
	cursor:pointer;
}
div.datepicker .table-condensed tbody td.today {
	background-color: #2f98e2;
	color:#fff;
	box-shadow: inset 1px 1px 5px #0f5082;
	text-shadow: 1px 1px #464646;
}

div.datepicker .table-condensed tbody td.disabled {
	color: #cccccc;
}

div.datepicker .table-condensed .day:hover,
div.datepicker .table-condensed tbody td>span:hover {
	color:#ff5f3d
}
div.datepicker .table-condensed .day.old,
div.datepicker .table-condensed .day.new {
	color: transparent;
	cursor:default;
}
div.datepicker .table-condensed .day:last-child {
	border-right:0 none
}
/* prev,next */
div.datepicker .prev,
div.datepicker .next {
	width:25px;
	font-size:0;
	background-repeat:no-repeat;
	background-position: center 4px;
	cursor:pointer;
}
div.datepicker .prev {background-image:url('../images/icon/datepic-prev.gif?A=1')}
div.datepicker .next {background-image:url('../images/icon/datepic-next.gif?A=1')}

/***** ( BLANK ) *****/
.li-dep2 + .img-box1, .li-dep2 + table {margin-top:3px}
.input-br li, .txt-box-gray .li-dep3, .table-primary td p + p {margin-top:5px}
.li-dep2 p + strong + p, .li-dep2 strong + p + p{padding-bottom:10px}
.bullet-dep1 + .img-box1, .bullet-dep1 + table {margin-top:6px}
.li-num .li-dep2.space > li:first-child {margin-top:7px}
.img-box1 + .img-box1, .li-dep2 +  .img-box1 {margin-top:10px}
.h-tit1 + .bullet-dep1, .h-tit1 + .li-dep2, .h-tit1 + .txt-box1, .img-box1 + .li-dep2, .txt-box-line + .req {margin-top:12px}
.txt-box1 + .bullet-dep1, .li-dep2 + .bullet-dep1, .li-dep3 + .bullet-dep1, .txt-box-gray .li-dep3 + p, .li-dep3 + .li-dep2{margin-top:13px}
.h-tit1 + .li-num {margin-top:14px}
.h-tit1 + .img-box1, .h-tit1 + table, .helps + .txt-box-gray, .txt-box1 + .txt-box1 {margin-top:15px}
.img-box1 + .bullet-dep1 {margin-top:17px}
.txt-box-gray + .txt-box-line, .txt-box-line + .li-num, .txt-box-gray + .bullet-dep1 , .txt-box-gray + .h-tit1, .img-box1 + .h-tit1, .txt-box-gray + .txt-box1, .txt-box1 + .img-box1, .dl-accordion + .paging, [class*='mo-button'] + .txt-box-gray, .txt-box-gray .li-dep3 + strong, .ref + .bullet-dep1{margin-top:20px}
.li-num + .h-tit1, .li-dep2 + .h-tit1, .txt-box1 + .h-tit1, .txt-box-gray + .list-search {margin-top:26px}
.input-br li:first-child {margin-top:0}
.filebox + button, input[type="text"] + button {margin-left:5px;}
.bullet-dep1 + .li-dep2 {margin-top:3px; margin-left:7px}
.bullet-dep1 + .txt-box1 {margin-top:3px; margin-left:18px}
.bullet-dep1 + p{padding:5px 0}
.bullet-dep1 + p.p-num{padding:0 0 0 25px}


/***** ( REFERENCE ) *****/
.ref {
    margin-top:10px;
    font-size:13px;
}
.noti {background:url('../images/icon/bull_noti.png') no-repeat 0 1px; padding-left:20px; text-indent:0}
.noti span {display:inline; vertical-align:top}

ul.ref li {
    text-indent:-16px; padding-left:16px
}

/***** ( PAGING ) *****/
.paging {
    position:relative;
    margin-bottom: 20px;
    text-align:center;
}
.paging .page {position: relative;}
.paging .page:before {
    display: block;content: "";
    position:absolute;left:50%;top:50%;
    height:5px;
    margin-top:-2.5px;
    background:url('../images/paging.png') 0 0 no-repeat;
}
.paging .page.first:before,.paging .page.last:before {width:6px;}
.paging .page.prev:before,.paging .page.next:before {width:3px;}
.paging .page.prev:before,.paging .page.next:before {margin-left:-1.5px;}
.paging .page.first:before {margin-left:-3px;} 
.paging .page.last:before  {margin-left:-2px;} 
.paging .page.first:before, .paging .page.prev:before {background-position:-3px -3px}
.paging .page.last:before,.paging .page.next:before {background-position:-14px -3px}
.paging a {
    min-width:24px;
    min-height: 24px;
    padding: 2px 8px;
    border:1px solid #c2c4ca;
    border-radius: 2px;
    background-color:#fff;
    text-align: center;
    color:#333;
    cursor:pointer;
} 
.paging a.now {
    border-color: #6a6d76;
    background-color: #7c808b;
    color:#fff;
    cursor:default;
}
.paging > button, .paging > div {
    position:absolute;top:0;right:0;
}

.paging > div {
    text-align:right;
}


/***** ( POPUP ) *****/
/* ( tit-popup ) */
.tit-popup {
    padding-left:20px;
    font-family:'ngB';font-size:20px;
    background-color:#0077c0;
    line-height:49px;
    color:#fff; 
}
/* ( popup-wrap ) */
.popup-wrap {
    padding:15px 20px 50px 20px
}
/* ( 팝업 CLOSE 영역 ) */
.pop-close {
    position:fixed;bottom:0;left:0;right:0;
    padding:13px;
    background-color:#7a7e85;
    text-align:center;
}
.pop-close .btn-pop-close,
.pop-close .btn-pop {
    width:53px;height:25px;
    padding: 0;
    font-weight:700;
    background-color:#fff;
    border-radius:2px;
    line-height:25px;
    color:#555;
}

/***** ( PARAGRAPH ) *****/
.p-board-info { 
    display:inline-block;
    position: relative;
    margin-bottom: 6px;
    font-weight:700;
}
.fl .p-board-info, .fr .p-board-info {
    position: relative;top: 8px;color:#333;
}
button+.p-board-info {
    top:1px;
    padding-left:8px;
}
.p-board-info .now {vertical-align:top;color:#ef2c30} 


/***** ( TAB ) *****/
.tab-tit {
    margin:15px 0 30px;
    border-bottom:1px solid #319ce8
}
.tab-tit li {float:left;}
.tab-tit li a {
    display:block;
    min-width:100px;height:30px; line-height:30px;padding:0 20px;
    text-align:center;
    border:1px solid #e1e2e6; border-bottom:0 none;
    background-color:#f3f4f7;
} 
.tab-tit li a.on {
    color:#fff;
    border:1px solid #319ce8; border-bottom:0 none;
    background-color:#319ce8;
}
.tab-cnt {display:none;}

.cursor-d {cursor:default}
.cursor-d:hover {color:#444}

/* ( 통합검색 ) */
.board-srh-wrap {
    position:relative;
    padding: 15px 0 20px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #419ad1;
}
.board-srh-wrap .h-tit1 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #4379a5;
}
.board-srh-list {}
.board-srh-list li {
    padding-bottom: 8px;margin-bottom:8px;
}
.board-srh-list li a {display:block;width:100%} 
.board-srh-list li a .title {
    display: block;
    width: 100%;
    margin-bottom:5px;
    font-family:'ngR';
    font-size:14px;
    text-decoration: underline;
    white-space: nowrap; 
    color: #333;
}
.board-srh-list li a .title strong {
    max-width: calc(100% - 150px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}
.board-srh-list li a .title .date {margin-left:10px;vertical-align:middle;color:#444}
.board-srh-list li a:hover .title {text-decoration:underline} 
.board-srh-list li a .article {overflow:hidden;max-height:2.7em;} 
.board-srh-wrap .board-srh-more {position:absolute;right:0;bottom: 10px;font-weight:700;}






/******************** [ 화면별 커스텀 CSS ] ************************/
/* ( 설치가이드 ) */
#mArticle .guide-wrap {
    margin-bottom:57px;
    font-family:'ngR';
    font-size:15px;
}
#mArticle .guide-wrap .guide-title {
    margin-bottom:25px;
    font-size:25px;font-family:'ngB';
    color:#1e1e1e;
}
#mArticle .guide-wrap .guide-title h1 {height:auto;margin:0;padding:0;font-size: inherit;border-bottom:0;}
#mArticle .guide-wrap .guide-title.btnWrap {
    position: relative;
    margin-bottom: 20px;
    padding:32px 0 18px;
    border-bottom: 1px solid #ccc;
}
.guide-wrap .guide-title.btnWrap button { position:absolute;right:0; top:0;}
#mArticle .guide-wrap button,#mArticle .guide-wrap a {border-radius:0}
.guide-wrap .btn-guide-nor {
    position:relative;
    font-size: 14px;font-family: 'ngR';
    height: 48px;
    padding:0 60px 0 35px;
    background: #007cd5;
    border-radius: 0;
    color: #fff;
}
.guide-wrap .btn-guide-nor:after {
    display:block;
    content:"";
    position:absolute;
    right: 23px;
    top:50%;
    width:20px;
    height:14px;
    margin-top:-7px;
    background:url(../images/guide-btn-arr.png) 0 0 no-repeat;
} 
.guide-wrap .list-guide {
    line-height:25px;
    margin-bottom: 23px;
}
.guide-wrap .table-guide {
    border-top:1px solid #c2c4ca;border-left:1px solid #c2c4ca;   

}
.guide-wrap .table-guide th {height:40px;font-family:'ngB';text-align:center;color:#1e1e1e}
.guide-wrap .table-guide th,.guide-wrap .table-guide td {
    border-right:1px solid #c2c4ca;border-bottom:1px solid #c2c4ca;
    background-color:#fff;
    line-height:25px;
}
.guide-wrap .table-guide td {
    padding: 25px 0 25px 52px;
}
.guide-wrap .table-guide td.blue {color:#007cd5}
.guide-wrap .table-guide td.blue.bg {
    background-color:#f5f8ff
}
.guide-wrap .guide-list-box li {
    position: relative;
    padding:66px 0 66px 61px;
    margin-bottom:-1px;
    border:1px solid #c2c4ca;
}
.guide-wrap .guide-list-box li > strong > span {
    display:inline;
    margin-right:10px;
    font-size:20px;
    vertical-align:initial;
    color:#0094ff;
}
.guide-wrap .guide-list-box li a {
    display:inline;margin-left:10px;vertical-align:initial;
    color:#3261d9;
    cursor:pointer;
}
.guide-wrap .guide-list-box li a:hover {text-decoration:underline;}
.guide-wrap .btns {padding:10px 0 0 0;text-align:right;}
.guide-wrap .btns button ,.guide-wrap .btns a{margin-left:5px;margin-right:0}
.btn-guide-down {
    height:53px;
    min-width:322px;
    padding-bottom: 8px; 
    font-size:18px;    
    border: 1px solid #11245a;
    background-color:#3261d9;
    text-align:center;
    text-indent:-15px;
    color:#fff;
    cursor:pointer;
}
.btn-guide-down:after {
    display: inline-block;
    position: relative;top: 2px;
    content:"";
    width:11px;
    height:16px;
    margin-left: 9px;
    background:url(../images/guide-btn-arrD.gif) 0 0 no-repeat;
}
.btn-guide-gray {
    height: 48px;
    min-width:153px;
    line-height: 37px;
    font-size: 14px;
    font-family: 'ngR';
    background-color:#bfbfbf;
    text-align:center;
    color:#1e1e1e;
}
/* ( 개인정보수정 - 업체 정보변경신청, 서비스 정보변경신청 ) */
div[class^=user-infoCont] .btnsModify {padding:40px 0;}
div[class^=user-infoCont] .btnsModify .btn-guide-down {
	height:47px;line-height:36px;
	min-width:280px;
	border-color:#2a85c5;
	background-color:rgba(49, 155, 231, 1);
	font-family:'ngR';
	text-indent:0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		div[class^=user-infoCont] .btnsModify .btn-guide-down {line-height:38px;}
}
div[class^=user-infoCont] .li-num li {margin-top:10px}
div[class^=user-infoCont] .btnsModify .btn-guide-down:after {display:none}
div[class^=user-infoCont] .txt-box-gray {margin-bottom:30px}
div[class^=user-infoCont] .dotline {margin:15px 0;border-color:#c3c3c3}
div[class^=user-infoCont] .li-dep2.space li {margin-bottom:10px}
.user-infoCont4 .dotline {margin:40px 0 10px}







/******************** [ USER AGENT - ONLY MOBILE (!TABLET) ] ************************/
.agent-mobile {display:block}
.agent-mobile .pc-view {display:none}
/************ [ INITIALIZE(PRIMARY DESIGN) ] ************/
/***** ( COMMON ) *****/
body.agent-mobile {
	font-family:'ngR',HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;
    font-size:15px;
    line-height:1.267em;
    color: #555;
}


.agent-mobile input, .agent-mobile textarea, .agent-mobile select {-webkit-appearance:none; border-radius:0}
.agent-mobile input[type="text"],.agent-mobile input[type="password"],
.agent-mobile input[type="tel"],.agent-mobile input[type="number"],
.agent-mobile input[type="email"],.agent-mobile input[type="url"],
.agent-mobile input[type="file"],
.agent-mobile select  {
    height:43px;
}
.agent-mobile .filebox .upload-name {
    height:43px;line-height:43px;
}
.agent-mobile .filebox label {
    height:43px;line-height:43px;
}

/***** ( SEARCH ) *****/
.agent-mobile .list-search {
    padding:20px 0;margin-bottom:9px;
}
.agent-mobile .list-search span {display:block; position:relative;padding-left:110px}
.agent-mobile .list-search span + span {margin-top:5px}
.agent-mobile .list-search span strong {position:absolute; left:0; top:14px}
.agent-mobile .list-search span strong + select {width:100%}
.agent-mobile .list-search .search-sel {position:absolute;left:0;top:0;}
.agent-mobile .list-search input {width:100%}
.agent-mobile .list-search .btn-search {height:43px;width:100%; margin-top:7px}
.agent-mobile .tab-select {margin-bottom:20px}
.agent-mobile .paging a {min-width:30px;min-height:30px;padding:5px 8px}
.agent-mobile .p-board-info {font-weight:normal;}
/******************** [ COMMON(GLOBAL AREA) ] ************************/
/***** ( HEADER ) *****/
.agent-mobile #header {display:none}
.agent-mobile #m-header {position:relative}
.agent-mobile #m-header .btn-all-menu,.agent-mobile #m-header h1 a,.agent-mobile #m-header .btn-per-info-edit {
    height:55px;
    text-indent:-999em;font-size:0;
}
.agent-mobile #m-header .btn-all-menu,.agent-mobile #m-header .btn-per-info-edit {
    position:absolute;top:0;
    width:55px;
}
.agent-mobile #m-header .btn-all-menu {
    left:0; 
    background:url('../images/mobile/btn_all_menu.png') no-repeat 50% 50%;
    background-size:18px auto;
}
.agent-mobile #m-header h1 a {
    display:block;
    width:106px;margin:0 auto;
    background:url('../images/mobile/h_logo.png') no-repeat 50% 50%;
    background-size:auto 25px;

}
.agent-mobile #m-header .btn-per-info-edit {
    right:0;
    background:url('../images/mobile/btn_per_info_edit.png') no-repeat 50% 50%;
    background-size:26px auto;
}
/***** ( MARTICLE ) *****/
.agent-mobile #mArticle {
    position:relative;
    padding:0 20px 65px;
}
.agent-mobile #mArticle .top {
    padding-top:44px;
}
.agent-mobile #mArticle .crumbs {
    position:absolute;left:0; top:0;
    width:100%;min-height:44px;line-height:44px;padding:0 20px;
    border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
    font-size:10px
}
.agent-mobile #mArticle .crumbs .icon-home {
    width:14px;height:14px;
    text-indent:-999em; font-size:0;
    background:url('../images/mobile/icon_home.png') no-repeat 0 0;
    background-size:100%  auto;
}
.agent-mobile #mArticle .crumbs span {
    position:relative;
    padding-left:10px;
    font-size:0.733rem;
    color:#a6a9ab
}
.agent-mobile #mArticle .crumbs span:first-child {
    padding-left:0;
}
.agent-mobile #mArticle .crumbs span:first-child:after {
    background:none;
}
.agent-mobile #mArticle .crumbs span:after {
    display:block;content:'';
    position:absolute; left:0; top:50%;
    width:4px;height:7px; margin-top:-3px;
    background:url('../images/mobile/icon_crumbs_arrow.png') no-repeat 0 0;
    background-size:100% auto;
}
.agent-mobile #mArticle .crumbs .now {
    color:#3f4653
}
.agent-mobile #mArticle .crumbs .btn-top-search {
    position:absolute; right:10px; top:0;
    width:44px;height:44px;
    text-indent:-999em; font-size:0;
    background:url('../images/mobile/btn_top_search.png') no-repeat 50% 50%;
    background-size:17px auto;
}
.agent-mobile #mArticle .top-search-area {
    display:none;
    position:absolute;left:0; top:44px;
    width:100%;min-height:44px;line-height:44px;padding:0 60px 0 40px;
    color:#93c9ef;
    background:#0080c6 url('../images/mobile/icon_top_search.png') no-repeat 20px 50%;
    background-size:17px auto;
}
.agent-mobile #mArticle .top-search-area.on {
    display:block;
}
.agent-mobile #mArticle .top-search-area input {
    width:100%;
    color:#fff;
}
.agent-mobile #mArticle .top-search-area input[type="text"]::-webkit-input-placeholder {color: #93c9ef;}
.agent-mobile #mArticle .top-search-area input[type="text"]:-moz-placeholder {color: #93c9ef;}
.agent-mobile #mArticle .top-search-area input[type="text"]::-moz-placeholder {color: #93c9ef;}
.agent-mobile #mArticle .top-search-area input[type="text"]:-ms-input-placeholder {color:#93c9ef;}

.agent-mobile #mArticle .top-search-area button {
    position:absolute;right:0; top:0;
    width:60px;height:44px;
    color:#fff;
    border-left:1px solid #319ce8;
}
.agent-mobile #mArticle .top-search-area.on + h1 {
    margin-top:59px
}
.agent-mobile #mArticle h1 {
    margin: 15px 0;
    font-size: 1.133rem;font-family: 'ngB';
}
.agent-mobile #mArticle h1 em {
    font-size: 0.867rem;
    vertical-align: baseline;
    color: #0074c7;
}
.agent-mobile #section {padding-top:0 !important}

/***** ( FOOTER ) *****/
.agent-mobile #footer {width:100%;border-top:2px solid #cecfd4; background-color:#f2f2f2;}
.agent-mobile #footer .inner {
    position:relative;
    padding:20px 0 45px;
}
.agent-mobile #footer .inner p,.agent-mobile #footer .inner div {margin-bottom:11px;text-align:center}
.agent-mobile #footer .inner p span,.agent-mobile #footer .inner div span {display:block}
.agent-mobile #footer .inner p > a + span {margin-top:10px}
.agent-mobile #footer .inner p a {
    position:relative;
    padding-left:16px;padding-right:10px;font-family:'ngB'; font-size:13px; color:#444;
}
.agent-mobile #footer .inner p a:first-child {
    padding-left:0;
}
.agent-mobile #footer .inner p a:first-child:before {
    background-color:transparent;
}
.agent-mobile #footer .inner p a:hover {
    color:#0080c6;
}
.agent-mobile #footer .inner > p a:before {
    display:block;content:'';
    position:absolute;top:50%;left:0;
    width:1px;height:11px;margin-top:-5px;
    background-color:#dcdee3;
}
.agent-mobile #footer .inner .address {font-family:'ngR'; line-height:17px;margin-top:40px; color:#777;font-size:0.667rem}
.agent-mobile #footer .inner .address span:first-child {padding-bottom:15px;font-size:0.867rem;}
.agent-mobile #footer .inner dl {position:absolute; right:0; top:18px;}
.agent-mobile #footer .inner dl dt a {
    display:block;
    width:138px; height:22px; padding:0 0 0 10px; line-height:22px; 
    color:#666;
    border:1px solid #bbb;
    background:#fff url('../images/bu_arrow_down_up.gif') no-repeat 118px 7px;
}
.agent-mobile #footer .inner dl.opened dt a {background-position:118px -35px;}
.agent-mobile #footer .inner dl dd {
    display:none;
    position:absolute; left:0; bottom:21px;
    width:136px;
    text-align:left; 
    background:#fff;
    border:1px solid #c4c6cb;
}
.agent-mobile #footer .inner dl dd li {
    border-top:1px solid #e1e2e6;
}
.agent-mobile #footer .inner dl dd li:first-child {
    border-top:0 none;
}
.agent-mobile #footer .inner dl dd li a {
    display:block;
    line-height:22px;padding:0 5px;
    color:#777;
}
.agent-mobile #footer .inner dl dd li a:hover {
    color:#ff5f3d;
    background-color:#eeeff3;
}
.agent-pc .btn-pcVersion {display:none}
.agent-mobile .btn-pcVersion {
    display:block;
    text-align:center;
}

/******************** [ INITIALIZE(PRIMARY DESIGN) ] ************************/
.agent-mobile .m-nav_gnb {display:none; position:absolute; left:0; top:0; width:100%; height:100%; z-index:101; background-color:#0080c6}
.agent-mobile .m-nav_gnb > div {position:relative; height:55px; background-color:#fff}
.agent-mobile .m-nav_gnb .btn-all-menu, .m-nav_gnb .btn-closed {position:absolute;top:0;height:55px;}
.agent-mobile .m-nav_gnb .btn-all-menu {left:0; padding-left:50px;font-size:0.867rem;background:url('../images/mobile/btn_all_menu.png') no-repeat 20px 50%;background-size:18px auto;}
.agent-mobile .m-nav_gnb .btn-closed {width:55px;text-indent:-999em;font-size:0;right:0;}
.agent-mobile .m-nav_gnb .btn-closed:after {display:block; content:''; position:absolute; left:50%; top:50%;width:17px; height:17px; margin-left:-8px; margin-top:-8px;background:url('../images/mobile/sp_navi.png') no-repeat -50px 0; background-size:100px auto;}

.agent-mobile .m-nav_gnb li{font-family:'ngB'; font-size:0.933rem}
.agent-mobile .m-nav_gnb li a {display:block}
.agent-mobile .m-nav_gnb .depth1 > li {border-bottom:1px solid #fff}
.agent-mobile .m-nav_gnb .depth1 > li.on {border-bottom:0 none}
.agent-mobile .m-nav_gnb .depth1 > li > a {position:relative; padding:0 25px; color:#fff; background-color:#0080c6; line-height:60px}
.agent-mobile .m-nav_gnb .depth1 > li.low > a:after {display:block; content:''; position:absolute; right:20px; top:50%; width:17px; height:9px; margin-top:-5px; background:url('../images/mobile/sp_navi.png') no-repeat 0 0; background-size:100px auto;}
.agent-mobile .m-nav_gnb .depth1 > li.low.on > a:after {background-position:0 -20px;}
.agent-mobile .m-nav_gnb .depth1 > li > ul{display:none; background-color:#fff}
.agent-mobile .m-nav_gnb .depth1 > li.on > ul{display:block}
.agent-mobile .m-nav_gnb .depth2 {position:relative; padding:20px 0}
.agent-mobile .m-nav_gnb .depth2 > li {padding-left:20px; padding-right:50%}
.agent-mobile .m-nav_gnb .depth2 > li > a {position:relative; padding-right:30px; margin-bottom:15px; line-height:20px}
.agent-mobile .m-nav_gnb .depth2 > li.low > a:after {display:block; content:''; position:absolute; right:15px; top:5px; width:10px; height:10px; background:url('../images/mobile/sp_navi.png') no-repeat -30px 0; background-size:100px auto;}
.agent-mobile .m-nav_gnb .depth2 > li.low.on > a:after {width:7px; height:11px; background-position:-30px -20px;}
.agent-mobile .m-nav_gnb .depth2 > li.low.on > a {color:#0080c6}
.agent-mobile .m-nav_gnb .depth2 > li > ul{display:none}
.agent-mobile .m-nav_gnb .depth1 > li:nth-child(2).on .depth2{height:270px;}

.agent-mobile .m-nav_gnb .depth2 > li.on > ul{display:block}
.agent-mobile .m-nav_gnb .depth3 {position:absolute; top:0; right:0; width:50%; height:100%; overflow:auto; padding-left:25px; background-color:#ebebeb}
.agent-mobile .m-nav_gnb .depth3 li a {line-height:30px}
.agent-mobile .m-nav_gnb .depth3 .tit {color:#0080c6; padding:25px 0 10px; margin-bottom:20px; border-bottom:1px solid #bbb;}

/*   (통합검색)   */
.agent-mobile .list-search.board-srh input {width:100%!important}
.agent-mobile .list-search.board-srh input+button {margin-left:0;}




/******************** [ USER AGENT - PC (& TABLET) ] ************************/
.agent-pc {display:block;min-width:1280px}
/******************** [ COMMON(GLOBAL AREA) ] ************************/
.agent-pc .mo-view, .agent-pc .m-nav_gnb {display:none !important}

/***** ( HEADER ) *****/
.agent-pc .mo-view, .agent-pc #header {
    position:absolute;top:0;left:0;
    width:100%; min-width:1280px;height:85px;
    background:#ffffff url('../images/bg/bg_header_hover.png') no-repeat center top;
    box-shadow: 0 1px 6px 2px #e0e0e0;-webkit-box-shadow: 0 1px 6px 2px #e0e0e0;-moz-box-shadow: 0 1px 6px 2px #e0e0e0; 
    z-index:100; 
}
.agent-pc #header:before {
    display:block;content:'';
    position:absolute;top:82px;left:0;
    width:100%; min-width:1120px;height:3px;
    background-color:#0080c6;
}
.agent-pc #header.opened {border-bottom:1px solid #aaaaaa; box-shadow:0 0 30px #333333;}
.agent-pc #header > .inner {position:relative; width:1120px; height:85px; padding:0 0 0 210px; margin:0 auto;}
.agent-pc #header h1 {
    position:absolute; left:0; top:0;
    width:210px; padding:27px 0 0 0;
}

.agent-pc #header .nav_gnb {
    position:relative;
    margin-top:44px;
}
.agent-pc #header .nav_gnb a {
    font-size:14px;font-family:'ngB';
    color:#1e1e1e;
}
.agent-pc #header .nav_gnb > ul > li {display:inline-block; vertical-align:top;}
.agent-pc #header .nav_gnb > ul > li:hover {
    background:url('../images/icon/icon_nav_gnb_hover_arrow_top.png') no-repeat 50% 31px;
}
.agent-pc #header .nav_gnb > ul > li:hover ul {
    background-color:#0080c6;
}
.agent-pc #header .nav_gnb > ul > li:hover ul a {
    color:#fff;
}
.agent-pc #header .nav_gnb > ul > li:hover ul a:hover {
    color:#004c81;
    background-color:#75dcff;
}
.agent-pc #header .nav_gnb > ul > li > a  {
    display:block; 
    width:160px;padding-bottom:20px;
    font-size:18px;
    text-align:center;
}

.agent-pc #header .nav_gnb > ul > li:first-child > a  {
	margin-right:20px;
}

.agent-pc #header .nav_gnb > ul > li > a:hover  {
    color:#0080c6;
}
.agent-pc #header .nav_gnb > ul > li > ul {display:none;margin-top:3px; height:283px}
.agent-pc #header .nav_gnb > ul > li > ul > li {height:30px;}
.agent-pc #header .nav_gnb > ul > li > ul > li > a {
    display:block;
    line-height:30px;padding:0 10px 0 17px;
    font-family:'ngR';
}
.agent-pc #header .nav_gnb > a {float:right; padding:15px 0 17px 30px; margin:0; font-size:18px; color:#0077c0;}

.agent-pc #header .inner .fr {margin-top:41px}
.agent-pc #header .util,.agent-pc #header .links, .agent-pc #header .search {
    display:inline-block;
}
.agent-pc #header .util > a {float:left}
.agent-pc #header .per-info-edit,.agent-pc #header .login,.agent-pc #header .logout {
    display:block;
    height:21px;margin-top:2px; margin-right:10px;
    font-family:'ngR';
}
.agent-pc #header .en,.agent-pc #header .cn,.agent-pc #header .jp {
    display:block;
    width:20px;height:15px;margin-top:3px;
    font-size:0;
    text-indent:-999em;
}
.agent-pc #header .en {background:url('../images/icon/icon_en.png') no-repeat 0 0}
.agent-pc #header .cn {background:url('../images/icon/icon_ch.png') no-repeat 0 0;margin-left:4px;margin-right:4px}
.agent-pc #header .jp {background:url('../images/icon/icon_jp.png') no-repeat 0 0;margin-right:5px;}
.agent-pc #header .links,.agent-pc #header .search {
    margin-top:2px;
    vertical-align:top
}
.agent-pc #header .links > a {display:inline-block; height:19px; line-height:19px; margin-top:13px; padding:0 10px 0 22px; vertical-align:top; font-family:'ngB';  font-size:13px; background:url('../images/ico_home.gif') no-repeat left 2px;}
.agent-pc #header .links > dl {position:relative;display:inline-block;vertical-align:top;}
.agent-pc #header .links > dl dt {width: 110px;border-bottom:1px solid #787c87;}
.agent-pc #header .links a {
    font-family:'ngR'; 
    color:#333;
}
 .agent-pc #header .links > dl dt a {
    display:block;
    height:23px; padding:0 0 0 5px;
    text-align:left; font-size:12px; font-family:'ngR'; 
    color:#333;
    background:url('../images/bu_arrow_down_up.gif') no-repeat 90px 4px;
}
.agent-pc #header .links > dl.opened dt a {background-position:90px -38px;}
.agent-pc #header .links > dl dd {
    display:none;
    position:absolute;
    right: 0;
    top:22px;
    min-width: 110px;
    text-align:left;
    background:#fff;
    border:1px solid #787c87;
    z-index:1;
}
.agent-pc #header .links > dl dd li {
    border-top:1px solid #e1e2e6;
    white-space: nowrap;
}

.agent-pc #header .links > dl dd li:first-child {
    border-top:0 none;
}
.agent-pc #header .links > dl dd li a {
    display:block;
    line-height:22px;padding:0 5px;
}
.agent-pc #header .links > dl dd li a:hover {
    color:#ff5f3d;
    background-color:#eeeff3;
}
.agent-pc #header .search {
    position:relative;
    margin-left:6px;
    width:23px;height:23px;
}
.agent-pc #header .search input {
    width:144px;
    color:#1e1e1e;
    border:0 none; border-bottom:1px solid #787c87;
}
.agent-pc #header .search button {
    position:absolute;top:0;right:0;
    width:23px;height:23px;
    text-indent:-999em; font-size:0;
    background:url('../images/icon/icon_search.png') no-repeat 50% 50%;
}
.agent-pc .pc-search-area {
    display:none;
    background-color:#0080c6;
}
.agent-pc .pc-search-area.on {
    display:block;
}
.agent-pc .pc-search-area .inner {
    position:relative;
    width:1120px; height:46px; margin:0 auto;
    font-family:'ngB';font-size:13px; text-align:right;
    color:#fff
}
.agent-pc .pc-search-area input {
    width:286px;height:46px;line-height:46px;padding-left:26px;margin-right:46px;
    color:#fff;
    background:url('../images/icon/icon_header_search.png') no-repeat 0 50%;
}
.agent-pc .pc-search-area input[type="text"]::-webkit-input-placeholder {color: #93c9ef;}
.agent-pc .pc-search-area input[type="text"]:-moz-placeholder {color: #93c9ef;}
.agent-pc .pc-search-area input[type="text"]::-moz-placeholder {color: #93c9ef;}
.agent-pc .pc-search-area input[type="text"]:-ms-input-placeholder {color:#93c9ef;}
.agent-pc .pc-search-area button {
    position:absolute;top:-3px;right:0;
    width:46px;line-height:49px;
    border-left:1px solid #319ce8;border-right:1px solid #319ce8;
    color:#fff;
    z-index:0;
}


/***** ( FOOTER ) *****/
.agent-pc #footer {width:100%; min-width:1120px;  height:139px; border-top:2px solid #d2d2d2; background-color:#f3f4f7;}
.agent-pc #footer .inner {
    position:relative;
    width:1120px; margin:0 auto; padding:26px 0 0 132px; 
    background:url('../images/bg_utradeHub_gray.gif') no-repeat 0 22px;
}
.agent-pc #footer .inner p {margin-bottom:11px;}
.agent-pc #footer .inner p a, .agent-pc #footer .inner p strong {
    display:inline-block;
    position:relative;
    padding-left:10px;padding-right:10px;font-family:'ngB'; font-size:13px; color:#444;
}
.agent-pc #footer .inner p > a:first-child {
    padding-left:0;
}
.agent-pc #footer .inner p a:hover {
    color:#0080c6;
}
.agent-pc #footer .inner > p a:before {
    display:block;content:'';
    position:absolute;top:50%;right:0;
    width:1px;height:11px;margin-top:-5px;
    background-color:#dcdee3;
}
.agent-pc #footer .inner p.address {font-family:'ngR'; font-size:10px; line-height:22px; color:#777;}
.agent-pc #footer .inner .familylink {position:absolute; right:0; top:50px; width:300px; height:120px; text-align:right}
.agent-pc #footer .inner .familylink p {margin:10px 0 5px 0; color:#FC0004; font-weight:bold}
.agent-pc #footer .inner .familylink s { }
.agent-pc #footer .inner dl {position:absolute; right:0; top:22px;}
.agent-pc #footer .inner dl.link2 {position:absolute; right:160px; top:22px;}
.agent-pc #footer .inner dl dt a {
    display:block;
    width:138px; height:22px; padding:0 0 0 10px; line-height:22px; 
    color:#666;
    border:1px solid #bbb;
    background:#fff url('../images/bu_arrow_down_up.gif') no-repeat 118px 7px;
}
.agent-pc #footer .inner dl.opened dt a {background-position:118px -35px;}
.agent-pc #footer .inner dl dd {
    display:none;
    position:absolute; left:0; bottom:21px;
    width:136px;
    text-align:left; 
    background:#fff;
    border:1px solid #c4c6cb;
}
.agent-pc #footer .inner dl dd li {
    border-top:1px solid #e1e2e6;
}
.agent-pc #footer .inner dl dd li:first-child {
    border-top:0 none;
}
.agent-pc #footer .inner dl dd li a {
    display:block;
    line-height:22px;padding:0 5px;
    color:#777;
}
.agent-pc #footer .inner dl dd li a:hover {
    color:#ff5f3d;
    background-color:#eeeff3;
}
.agent-pc #footer .inner .tel, #footer .inner .tel:hover {
    color:#444;
    cursor:default;
}
.agent-pc #footer .inner > p a.tel:before {
    background-color:#f3f4f7;
}

/***** ( FORM ELEMENT ) *****/
.agent-pc .input-br li {position:relative;padding-right:49px}
.agent-pc .input-br li .filebox + button {position:absolute;top:0;right:0}
.agent-pc .filebox {position:relative; padding-right:73px;}
.agent-pc .filebox label {
    display:block;
    width:70px;
}
.agent-pc .filebox .upload-name {
    width:100%
}
.agent-pc .upload-name[readonly] {
    color:#333;
    background-color: #e2f4ff;
}
.agent-pc .upload-name[disabled] {
    color:#999;
    background-color: #dadada;
}
.agent-pc .upload-name[readonly] + label {
    color:#333;
}
.agent-pc .upload-name[disabled] + label {
    color:#999;
}

/***** ( SEARCH ) *****/
.agent-pc .searchSec {position:relative; z-index:1; margin-top:15px; padding:14px 19px; background:#f6f6f6; border:1px solid #ebebeb;}
.agent-pc .searchSec table tr th {padding-right:10px; text-align:right; font-weight:bold; color:#333;}
.agent-pc .searchSec table tr td {line-height:32px; font-size:0;}
.agent-pc .searchSec table tr td * {margin-right:5px; vertical-align:middle; font-size:12px;}
.agent-pc .searchSec table tr td button.btn {width:55px; padding:0; margin-right:2px;}
.agent-pc .searchSec table tr td button.ui-datepicker-trigger {margin:0 5px 0 -5px;}
.agent-pc .searchSec button.btn_search {position:absolute; right:20px; bottom:15px; width:80px; height:24px; color:#fff; background:#434a54; border-radius:2px;}

.agent-pc .list-search {
    padding:20px 0;margin-bottom:9px;
    text-align:center;
    background-color:#f3f4f7;
    border-left:1px solid #e2e3e7;border-top:1px solid #e2e3e7;border-right:1px solid #cacbcf;border-bottom:1px solid #cacbcf;
}
.agent-pc .list-search span + span {
    margin-left:10px;
}
.agent-pc .list-search input[type="text"] {
    width:260px;
}