@charset "utf-8";

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Common
 * 3.0 - Header
 * 4.0 - Footer
 * 5.0 - ETC
 * 6.0 - Media Query
 * -----------------------------------------------------------------------------
 */

/**
 * 1.0 - Reset
 * -----------------------------------------------------------------------------
 */
* {margin:0; padding:0; border:0; outline:0; vertical-align:top; -webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul, ol, dl {list-style:none;}
a {text-decoration:none; color:#000;}
a:hover {text-decoration:none;}
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:top;}
body, input, textarea, select, button, table {font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif; font-size:15px; font-weight:400; -webkit-font-smoothing:antialiased;}
label {cursor:pointer;}
.blind, legend, hr, caption {display:block; position:absolute; top:0; left:-1000em; overflow:hidden;}
i, em, address {font-style:normal; font-weight:normal;}
img {display:inline-block;}
i {line-height:inherit !important;}

/**
 * 2.0 - Common
 * -----------------------------------------------------------------------------
 */
html, body {height:100%;}
body {background-color:#fff;}
strong {font-weight:700;}
.wrapper {margin:0px auto; padding-top:120px; min-width:1300px;}
.wrapper:after {content:""; display:block; clear:both;}
.center_wrap {margin:0 auto; padding-left:20px; padding-right:20px; width:1300px; max-width:1300px; box-sizing:border-box;}
.center_wrap:after {content:""; display:block; clear:both;}
.blank {display:block; height:40px; font-size:0;}
.blank.small {height:20px;}
ul.inline_area > li {display:inline-block;}
ul.inline_area > li.separate {margin:0px 7px;}
table.inline_area {width:100%;}
table.inline_area td.separate {padding-top:15px; width:50px; text-align:center;}
.background_area {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.9);}
.bg_wrap {position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.text_blue {color:#142faa !important;}
.text_red {color:#ff4444 !important;}
.text_green {color:#5da62b !important;}
.text_yellow {color:#ffd846 !important;}
.text_left {text-align:left !important;}
.text_center {text-align:center !important;}
.pull_left {float:left;}
.pull_right {float:right;}
.w100 {width:100%;}
.w50 {width:50%;}
.w30 {width:30%;}
img.full {display:block; width:100%;}
input[type=text].text {width: 100%;}
textarea.text {width: 100%;}
.video_response {position:relative; padding-bottom:56.25%; height:0;}
.video_response iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/* table */
.table {margin:0px; padding:0px; width:100%;}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td {padding:15px 20px; line-height:1.6em; text-align:center; vertical-align:middle; box-sizing:border-box; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table > thead > tr > th:first-child,
.table > thead > tr > td:first-child,
.table > tbody > tr > th:first-child,
.table > tbody > tr > td:first-child {border-left:1px solid #ddd;}
.table tr:first-child > th {border-top:2px solid #000;}
.table tr:first-child > td {border-top:1px solid #ddd;}
.table > thead > tr > th,
.table > tbody > tr > th {color:#000; background-color:#efefef;}
.table > thead > tr > th a,
.table > tbody > tr > th a {color:#000;}
.table > tbody > tr > td.left {text-align:left;}
.table > tbody > tr > td a {color:#142faa;}
.table > tbody > tr > td a:hover {text-decoration:underline;}
.table > thead > tr > th .issue {position:relative; padding:5px 0; font-size:19px; font-weight:500;}
.table > thead > tr > th .issue strong {color:#e30b19;}
.table > thead > tr > th .issue span {position:absolute; top:5px; right:0; font-size:15px; font-weight:400;}
.table > thead > tr > th .help {text-align:right;}
.table > tbody > tr > td span {letter-spacing:-0.1em;}
.table.left > tbody > tr > td {text-align:left;}
.table.left > tbody > tr > td.center {text-align:center;}
.table.tbody > tbody > tr:first-child > td {border-top:2px solid #000;}
.table.tbody > tbody > tr > th {width:170px;}
.table.tbody > tbody > tr > td {text-align:left;}
.table.help > tbody > tr > td li {margin-top:5px;}
.table.help > tbody > tr > td li:first-child {margin-top:0;}
.table.view > tbody > tr > th,
.table.view > tbody > tr > td {padding-left:10px; text-align:left; border:0; border-bottom:1px solid #ddd;}
.table.view > tbody > tr:first-child > th,
.table.view > tbody > tr:first-child > td {border-top:1px solid #000;}
.table.view > tbody > tr > th {background-color:#fff;}
.table.service > tbody > tr:first-child > th {border-top:1px solid #ddd;}

/* Scorll Banner */
.scroll_banner {position:fixed; bottom:80px; right:0px; display:flex; flex-flow:row nowrap; align-items:flex-end; overflow:hidden;}
.scroll_banner .banner {box-sizing:border-box; border:1px solid #ddd;}
.scroll_banner .banner > li {box-sizing:border-box; border-top:1px solid #ddd; background-color:#fff;}
.scroll_banner .banner > li:first-child {border-top:0;}
.scroll_banner .banner .link {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    letter-spacing: -0.03em;
}
.scroll_banner .banner .icon {
    height: 44px;
}
.scroll_banner .banner .icon img {
    width: auto;
    height: 100%;
}
.scroll_banner .banner .subject {
    margin-top: 6px;
    font-size: 12px;
}
.scroll_banner .banner .title {
    font-size: 14px;
    font-weight: 900;
}
.scroll_banner .banner .title.point {
    font-size: 17px;
}
.scroll_banner .banner .title.number {
    font-size: 15px;
}
.scroll_banner .arrow {position:relative; right:-1px; box-sizing:border-box;}
.scroll_banner .arrow > li a {display:block; padding:10px 0; width:40px; line-height:1em; font-size:17px; text-align:center; border:1px solid #ddd; background-color:#fff;}
.scroll_banner .arrow > li a.top {padding:15px 0; font-size:13px; color:#fff; border-color:#142faa; background-color:#142faa;}

/* Slide */
.bx-wrapper {margin:0;}
.bx-wrapper img {width:100%;}
.bx-wrapper .bx-viewport {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:0; left:0; background:none;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position:static; display:inline-block;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {width:auto;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:inherit; margin-top:-1px;}
.bx-wrapper .bx-pager.bx-default-pager a {width:15px; height:15px; margin:0 11px 0 0; border-radius:50%; background-color:#999;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#ff4444;}

/* SumoSelect */
.SumoSelect {width:auto;}
.SumoSelect > .CaptionCont {border-radius:0px; border-color:#dedede;}
.SumoSelect > .optWrapper {text-align:left; border-radius:0px;}
.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont,
.SumoSelect.open > .CaptionCont {box-shadow:none;}

/* Button */
.z_btn {display:inline-block; padding:0px 30px; height:33px; line-height:32px; font-size:13px; cursor:pointer; box-sizing:content-box; border-radius:2em; color:#000; border:1px solid #ccc; background-color:#fff;}
.z_btn i {margin:1px 3px 0px 0px; font-size:1em;}
.z_btn.small {padding-left:20px; padding-right:20px; height:27px; line-height:27px; font-size:11px;}
.z_btn.small i {margin-top:1px; margin-left:2px;}
.z_btn.medium {padding-left:35px; padding-right:35px; height:43px; line-height:43px; font-size:16px;}
.z_btn.large {padding-left:43px; padding-right:43px; height:53px; line-height:53px; font-size:18px;}
.z_btn.big {padding-left:53px; padding-right:53px; height:59px; line-height:59px; font-size:20px;}
.z_btn.black {color:#fff; border-color:#000; background-color:#000;}
.z_btn.gray {color:#666; border-color:#ccc; background-color:#efefef;}
.z_btn.blue {color:#fff; border-color:#142faa; background-color:#142faa;}
.z_btn.red {color:#fff; border-color:#ff4444; background-color:#ff4444;}
.z_btn.green {color:#fff; border-color:#5da62b; background-color:#5da62b;}
.z_btn.yellow {color:#000; border-color:#ffd846; background-color:#ffd846;}
.z_btn.block {display:block; padding:0; text-align:center;}
.z_btn:disabled {color:#ccc; border-color:#ddd; background-color:#f9f9f9; outline:none;}

/**
 * 3.0 - Header
 * -----------------------------------------------------------------------------
 */
.header_wrap {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 120px;
    background-color: #fff;
    z-index: 100;
}
.header_wrap .center_wrap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 100%;
}
.header_wrap .center_wrap:after {
    content: inherit;
}
.header_wrap .logo {
    height: 40px;
}
.header_wrap .logo img {
    width: auto;
    height: 100%;
}
.header_wrap .links {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}
.header_wrap .links a {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    height: 34px;
}
.header_wrap .links a img {
    width: auto;
    height: 100%;
}
.header_wrap .links .separate {
    width: 20px;
    font-size: 0px;
}
.header_wrap .menus {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.header_wrap .menus > li {
    margin-left: 40px;
}
.header_wrap .menus > li:first-child {
    margin-left: 0px;
}
.header_wrap .menus a {
    font-size: 17px;
    white-space: nowrap;
}
.header_wrap .menus > li.active a {
    font-weight: 700;
    color: #142faa;
}
.header_wrap.scroll {
    height: 80px;
}
.header_wrap.scroll .logo {
    height: 30px;
}
.header_wrap.scroll .links a {
    height: 28px;
}

/**
 * 4.0 - Footer
 * -----------------------------------------------------------------------------
 */
.footer_wrap {
    padding-top: 50px;
    padding-bottom: 80px;
    min-width: 1300px;
    background-color: #F1F1F2;
}
.footer_wrap .top {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #DDDDDD;
}
.footer_wrap .top .menus,
.footer_wrap .top .links {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.footer_wrap .top .menus a,
.footer_wrap .top .links a {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}
.footer_wrap .top .menus a {
    font-weight: 500;
}
.footer_wrap .top .menus .separate {
    margin-left: 12px;
    margin-right: 12px;
    width: 1px;
    height: 14px;
    font-size: 0px;
    background-color: #AAAAAA;
}
.footer_wrap .top .links {
    justify-content: flex-end;
}
.footer_wrap .top .links a {
    margin-left: 10px;
    height: 30px;
}
.footer_wrap .top .links a:first-of-type {
    margin-left: 0px;
}
.footer_wrap .top .links img {
    width: auto;
    height: 100%;
}
.footer_wrap .info {
    font-size: 13px;
    line-height: 1.6em;
    color: #666666;
}
.footer_wrap .copyright {
    margin-top: 10px;
    font-size: 12px;
    color: #666666;
}

/**
 * 5.0 - ETC
 * -----------------------------------------------------------------------------
 */
 #NavigatorWrap,
 #CounselWrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;}
.navigator_area,
.counsel_area {position:fixed; top:50%; left:50%; margin:-250px 0 0 -650px; width:1300px; height:500px; text-align:center; border-radius:2em; background-color:#fff;}
.counsel_area {padding:0 30px; height:560px; text-align:left;}
.navigator_area .close_icon,
.counsel_area .close_icon {display:block; position:absolute; top:30px; right:30px; font-size:40px;}
.navigator_area > ul {margin-top:80px;}
.navigator_area > ul > li {display:inline-block; padding:20px 20px 20px 0; width:180px; height:250px;}
.navigator_area > ul > li:first-child {margin-left:20px; padding-left:20px;}
.navigator_area > ul > li > a {font-size:21px; font-weight:700;}
.navigator_area > ul > li > ul {margin-top:10px; padding-top:10px; border-top:2px solid #000;}
.navigator_area > ul > li > ul > li > a {display:block; padding:10px 0;}
.navigator_area > ul > li > ul > li > a:hover {color:#142faa;}
.counsel_area .title {margin-top:30px; font-size:25px; font-weight:700;}
.counsel_area .table {margin-top:20px;}
.counsel_area .text {padding:5px 10px; box-sizing:border-box; border:1px solid #ddd;}
.counsel_area textarea.text {height:100px;}
.counsel_area .check {margin-top:10px; text-align:right;}
.counsel_area .check input[type=checkbox] {position:relative; top:5px;}
.counsel_area .button_area {margin-top:10px; text-align:center;}

.tab_menu_area {display:table; width:100%; box-sizing:border-box;}
.tab_menu_area > li {display:table-cell; position:relative; max-width:0;}
.tab_menu_area > li a {display:block; position:relative; left:-1px; padding:20px 0; font-size:17px; text-align:center; box-sizing:border-box; color:#777; border:1px solid #ddd; border-left:0; background-color:#f9f9f9;}
.tab_menu_area > li:first-child a {border-left:1px solid #ddd;}
.tab_menu_area > li.active a {font-weight:700; color:#142faa; border:1px solid #142faa; background-color:#fff; z-index:10;}
.tab_menu_area.multi {position:relative; top:-2px;}
.tab_menu_area.third {top:-4px;}

.main_wrap {padding-bottom:100px;}
.contents_wrap {padding:10px 0px 100px;}
.contents_wrap:after {content:''; display:block; clear:both;}
.sub_banner_wrap {display:none; height:200px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.location_wrap {margin-bottom:0; padding:0px; box-sizing:border-box; text-align:right;}
.location_wrap > ul > li {line-height:15px; font-size:15px;}
.location_wrap > ul > li:first-child a {display:inline-block; position:relative; top:-10px; width:33px; height:33px; line-height:33px; font-size:20px; text-align:center; color:#fff; border-radius:2em; background-color:#142faa;}
.location_wrap > ul > li:first-child a i {position:relative; top:-1px;}
.location_wrap > ul > li:last-child {font-weight:700;}
.location_wrap > ul > li span {display:none;}

.sub_contents_wrap:after {content:''; display:block; clear:both;}
.sub_contents_wrap .sub_menu_area {float:left; width:250px;}
.sub_contents_wrap .sub_menu_area .title {margin-bottom:25px; font-size:25px; font-weight:700;}
.sub_contents_wrap .sub_menu_area .sub_menu {border-bottom:1px solid #ddd;}
.sub_contents_wrap .sub_menu_area .sub_menu > li {font-size:17px; font-weight:400; border-top:1px solid #ddd;}
.sub_contents_wrap .sub_menu_area .sub_menu > li > a {display:block; position:relative; padding:20px 17px; color:#333;}
.sub_contents_wrap .sub_menu_area .sub_menu > li > a:hover {color:#142faa;}
.sub_contents_wrap .sub_menu_area .sub_menu > li > a > i {display:none; position:absolute; top:25px; right:15px;}
.sub_contents_wrap .sub_menu_area .sub_menu > li.active {font-weight:500; border-top-color:#081344; background-color:#142faa;}
.sub_contents_wrap .sub_menu_area .sub_menu > li.active > a {color:#fff;}
.sub_contents_wrap .sub_menu_area .sub_menu > li.active > a > i {display:block;}
.sub_contents_wrap .sub_menu_area .sub_menu > li > ul {display:block; padding:17px 20px; background-color:#f3f7fb;}
.sub_contents_wrap .sub_menu_area .sub_menu > li > ul > li {font-size:15px; font-weight:400;}
.sub_contents_wrap .sub_menu_area .sub_menu > li > ul > li > a {display:block; padding:7px 0;}
.sub_contents_wrap .sub_menu_area .sub_menu > li > ul > li > a > span {display:inline-block; margin-right:7px;}
.sub_contents_wrap .sub_menu_area .sub_menu > li > ul > li > a:hover {color:#142faa;}
.sub_contents_wrap .sub_menu_area .sub_menu > li > ul > li.active > a {font-weight:700; color:#142faa;}
.sub_contents_wrap .sub_contents_area {float:right; width:980px;}
.sub_contents_wrap .sub_contents_area .browser_title {position:relative; top:-8px; font-size:35px; font-weight:700;}
.sub_contents_wrap .sub_contents_area .sub_contents {margin-top:10px; padding-top:50px; border-top:1px solid #ddd;}

.pagination {text-align:center;}
.pagination a,
.pagination strong,
.pagination .direction {display:inline-block; position:relative; margin:0px 3px; padding:0px; width:40px; height:40px; line-height:40px; color:#666; border:1px solid #ddd; background-color:#fff;}
.pagination .direction {line-height:41px;}
.pagination strong {color:#fff; border-color:#142faa; background-color:#142faa;}
.pagination a:hover,
.pagination a:active,
.pagination a:focus,
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus {text-decoration:none; background-color:#efefef;}
.more_container {padding-top:20px; text-align:center;}

/**
 * 6.0 - Media Query
 * -----------------------------------------------------------------------------
 */
@media screen and (min-width:2200px) {
}