@charset "UTF-8";
:root {
    --head-nav-main-width: 200px;
    --head-nav-main-height: 50px;
    --head-nav-sub-height: 260px;

    --main-color-1: #121e2f;
    --main-color-2: #1a2b44;
    --main-color-3: #565e6e;
}
.wrap {position:relative; overflow-x:hidden;}
.inner {width:1280px; margin:0 auto;}
.top {width:100%; position:relative;}
.caption {width:0; height:0; overflow:hidden; display:none; }

/* font size */
.fs_xs {font-size: 12px;}
.fs_sm {font-size: 14px;}
.fs_md {font-size: 16px;}
.fs_lg {font-size: 18px;}
.fs_xl {font-size: 20px;}

/* 헤더 */
.head {width:100%; height:182px; min-width:1280px; z-index: 999;background: #fff;}
.inner {width:100%; margin:0 auto;}
.head .inner .logo {width: 192px; height: 130px; margin: 0 auto; padding: 47px 0 0 0;}
.head .inner .logo a {display:block;}
.head .gnb_nav {height:52px;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}
.head .inner .gnb {position: relative;top: -51px;width: 880px;margin: 0 auto;text-align: center;}
.head .inner .gnb > li {display:inline-block;width:var(--head-nav-main-width);height:var(--head-nav-main-height);padding-top: 15px;}
.head .inner .gnb li > span > a {display:block;width:100%;color:#404040;font-size:13pt;font-family: 'NanumGothicBold';cursor:pointer;}
.head .inner .gnb .gnb_sub {display: none;width:197px;height:var(--head-nav-sub-height);position:absolute;top:51px;padding-top:20px;z-index:3;background: #083893;}
.head .gnb_bg {display: none;background: #083893;width: 820px;height: var(--head-nav-sub-height);z-index: 2;position: relative;top: -50px;margin: 0 auto;}
.head .gnb_bg.on {display: block;}
.head .inner .gnb .gnb_sub.on {display: block;}
.head .inner .gnb .gnb_sub li a {display:block;width:100%;color:#fff;font-size:13pt;font-family: 'NanumGothic';line-height: 1.3;padding:7.5px 0;}
.head .inner .gnb > li:hover > .gnb_sub {display: block;}
.head .inner .gnb > li:hover > span > a {color:#083893;}
.head .inner .gnb .gnb_sub > li:hover a {color:#c6d8fa;}
.head .inner .gnb_all {display:flex; justify-content:flex-end; width:1280px; height:50px; margin:0 auto; padding: 10px;}

/* 푸터 */
.footer {width: 100%;height: 238px;min-width:1280px;background: #d5d5d5; padding: 80px 0 0 0;}
.footer .inner {width:1280px;display:flex; justify-content:center;}
.footer .inner .info_img {display: flex;justify-content: center;flex-direction: column;}
.footer .inner img {width:168px; height:38px;}
.footer .inner .info {padding-left: 60px;}
.footer .inner .info ul li {display:inline-block;line-height: 30px;}
.footer .inner .info ul li span {padding:0 10px;font-size:12pt; font-family: 'NanumBarunGothic';color:#5a5a5a;}
.footer .inner .info ul li span a {color:#5a5a5a;}
.footer .inner .info ul li span.copy {font-size:11pt;}
.footer .inner .info ul li:before {content: "|";float: left;color: #5a5a5a; display: block;}
.footer .inner .info ul li:first-child:before {content: "";}

/* 퀵메뉴 */
.side_menu {position: absolute;top: calc(80vh);right: 20px;z-index: 1000;}
.side_menu a {display: block;}

/* 상세페이지 */
.page_container {width:100%;}
.page_container .page_banner {width:100%; height:193px; position:relative;background-repeat:no-repeat; background-size:cover; background-position:center;}
.page_container .page_banner.bg1 {background-image:url('../img/intro/sub_introduction.png');}
.page_container .page_banner.bg2 {background-image:url('../img/business/sub_business.png');}
.page_container .page_banner.bg3 {background-image:url('../img/perform/sub_performance.jpg');}
.page_container .page_banner.bg4 {background-image:url('../img/support/sub_support.png');}

.page_container .page_banner .inner {position:relative; height:100%;}
.page_container .page_banner .page_title {position:absolute; width:100%; top:80px; text-align:center;}
.page_container .page_banner .page_title h1 {font-size:25pt;font-family:'NanumGothicBold';color:#083893;}
.page_container .page_banner .page_title h1 span {font-size:17pt;font-family:'NanumBarunGothic';color:#6e85b2;}
.page_container .page_banner .page_title.wh h1 {font-size:25pt;font-family:'NanumGothicBold';color:#fff;}
.page_container .page_banner .page_title.wh h1 span {font-size:17pt;font-family:'NanumBarunGothic';color:#8eace6;}

/*상세페이지 서브 내비게이션 영역*/
.nav_area {width:100%;margin: 60px 0 0 0;}
.nav_area .inner {position:relative; height:100%; text-align:center;}
.nav_area .inner .nav_sub {display:inline-block; vertical-align:top;}
/*width: 267px;*/
/*width: calc(1066px / 6);*/
.nav_area .inner .nav_sub li {float:left; position:relative;width: 267px;border-top: 1px solid #083893; border-right:none; border-bottom: 1px solid #083893; border-left: 1px solid #083893;}
.nav_area .inner .nav_sub li:last-child {border-right: 1px solid #083893;}
.nav_area .inner .nav_sub li a {display:block; position:relative; height: 54px; padding-top: 14px;
text-align:center; font-size:13pt; font-family: 'NanumGothicBold'; color:#083893;}
.nav_area .inner .nav_sub li:hover a,
.nav_area .inner .nav_sub li.on a {color:#fff;background: #083893;}

/* 컨텐츠 영역 */
.content {width:100%; padding:110px 0;}
.content .inner {width:1068px;}
.content .inner h2 {font-family: 'NanumGothicBold'; font-size: 23pt;}
.content .inner h2.bk {color: #404040;}
.content .inner h2.wh {color: #fff;}
.content .inner h2:before {content: url('../img/common/title_before.png');}

/* paging */
.btn_row {padding:20px 0; text-align:center; position:relative;}
.page_style {display:block; text-align:center; width:100%;}
.page {display:inline-block;width:38px;height:38px;margin-right:10px;cursor:pointer;vertical-align:middle;line-height:38px;text-align:center;font-family: 'NanumGothic';font-size:16px;color:#c4c4c4;}
.page_num.on {color:#2c2c2c;}
.prev_btn {background:url('../img/common/left_btn.png') no-repeat; background-position:center;}
.next_btn {background:url('../img/common/right_btn.png') no-repeat; background-position:center;}