@charset "UTF-8";
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
* css는 유료테마 ASKTHEME의 일부입니다. 불법복제시 불이익을 받을 수 있습니다.
* Header_pure
* 흰배경 불투명
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*  Large Device - PC 
*/
@media (min-width: 992px) { .mobile-menu-trigger { display: none; }
  #logo { float: left; }
  .standard-logo-black { display: none; }
  .standard-logo { display: block; } }
/* Header */
.transparent-header { background: transparent; }

.header.header_pure.slide-up { top: -140px; -webkit-transition: 0.4s; -khtml-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background: #000; background: black; }

/* 메뉴 배경색 지정 */
.header.header_pure.add-background { -webkit-transition: 0.6s; -khtml-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; background: #343a40; background: #343a40; }

.header.header_pure.slide-up-opacity { background: #212529; background: rgba(33, 37, 41, 0.9); }
@media (min-width: 992px) { .header.header_pure.slide-up-opacity { background: #212529; background: rgba(33, 37, 41, 0.8); } }

.header_pure.header-right-slide { transform: translateX(-180px); }

.header_pure.header-left-slide { transform: translateX(260px); }

/* Header Menu */
.header.header_pure { position: relative; -webkit-transition: 0.3s; -khtml-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 1030; top: 0; left: 0; right: 0; padding-top: 70px; }
.header.header_pure::after { display: block; clear: both; content: ""; }
@media (min-width: 992px) { .header.header_pure { padding-top: 0; } }
.header.header_pure #basic-header-wrap { position: fixed; top: 0; left: 0; margin: 0; padding: 0; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.05); width: 100%; background-color: #fff; -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); /* 탑 회원 메뉴 */ }
.header.header_pure #basic-header-wrap::after { display: block; clear: both; content: ""; }
@media (min-width: 992px) { .header.header_pure #basic-header-wrap { position: relative; top: 0; left: 0; } }
.header.header_pure #basic-header-wrap .pc-sub-menu { overflow: hidden; line-height: 1.5rem; display: none; background: white; max-height: 49px; }
@media (min-width: 992px) { .header.header_pure #basic-header-wrap .pc-sub-menu { display: block; } }
.header.header_pure #basic-header-wrap .pc-sub-menu .pc-sub-wrap { padding-bottom: 0.75rem; }
.header.header_pure #basic-header-wrap .pc-sub-menu .pc-sub-nav { margin: 0.5rem 0 0 0; padding: 0; }
.header.header_pure #basic-header-wrap .pc-sub-menu .pc-sub-nav .ps-item { display: inline-block; }
.header.header_pure #basic-header-wrap .pc-sub-menu .pc-sub-nav .ps-item a { display: block; color: #6c757d; font-size: 0.85rem; font-family: "Noto Sans KR", sans-serif; font-weight: 400; padding: 0 0.5rem; }
.header.header_pure #basic-header-wrap .pc-sub-menu .pc-sub-nav .ps-item a:hover { color: #212529; }
.header.header_pure #basic-header-wrap .pc-sub-menu .pc-sub-nav .ps-item:last-child { padding-right: 2rem; }
.header.header_pure #basic-header-wrap .pc-sub-menu.slideup_close { max-height: 0; }
.header.header_pure #basic-header-wrap .container.pc-main-menu { height: 70px; /* 주메뉴 */ }
@media (min-width: 992px) { .header.header_pure #basic-header-wrap .container.pc-main-menu { position: relative; } }
.header.header_pure #basic-header-wrap .container.pc-main-menu::after { display: block; clear: both; content: ""; }
.header.header_pure #basic-header-wrap .container.pc-main-menu #logo { /* 사이트로고 */ position: relative; margin: 0 auto; width: 100px; height: 55px; padding: 8px 0 15px 0; }
@media (min-width: 992px) { .header.header_pure #basic-header-wrap .container.pc-main-menu #logo { padding: 0 0 15px 0; position: absolute; bottom: 0; margin: auto; width: auto; height: auto; } }
.header.header_pure #basic-header-wrap .container.pc-main-menu #logo .site-logo { /* PC */ display: block; height: 55px; width: 100px; }
@media (min-width: 992px) { .header.header_pure #basic-header-wrap .container.pc-main-menu #logo .site-logo { height: auto; width: auto; } }
.header.header_pure #basic-header-wrap .container.pc-main-menu #logo .site-logo img { height: 55px; width: 100px; }
@media (min-width: 992px) { .header.header_pure #basic-header-wrap .container.pc-main-menu #logo .site-logo img { height: 90px; width: 130px; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } }
.header.header_pure #basic-header-wrap .container.pc-main-menu #logo .site-logo-mobile { display: block; }
@media (min-width: 992px) { .header.header_pure #basic-header-wrap .container.pc-main-menu #logo .site-logo-mobile { display: none; } }
.header.header_pure #basic-header-wrap ul, .header.header_pure #basic-header-wrap li { list-style: none; }
.header.header_pure #basic-header-wrap #basic-primary-menu { /* 상단 메인메뉴 PC - 모바일에서는 슘겨지니 모바일 PC 구분하지 않아도 된다. */ display: none; margin: 0; padding: 0; position: relative; }
.header.header_pure #basic-header-wrap #basic-primary-menu::after { display: block; clear: both; content: ""; }
@media (min-width: 992px) { .header.header_pure #basic-header-wrap #basic-primary-menu { display: block; float: right; display: block; } }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu { list-style: none; margin: 0; padding: 0; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu::after { display: block; clear: both; content: ""; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent { float: left; display: block; position: relative; z-index: 10; border-top: 4px solid transparent; border-bottom: 4px solid transparent; /* end site-search */ }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent:hover { /* 마우스 hover 시 border color */ border-top: 4px solid rgba(77, 88, 204, 0.5); }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent:hover .sub-menu { display: block; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent .parent_menu { transition: 0.3s; /* A tag */ font-family: "Noto Sans KR", sans-serif; min-width: 70px; text-align: center; display: block; line-height: 62px; padding: 0 15px; font-size: 1rem; color: #212529; font-weight: 600; }
@media (min-width: 992px) { .header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent .parent_menu { color: #212529; } }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent .parent_menu:hover { color: #007bff; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent .parent_menu.icontype { /*아이콘형식메뉴*/ min-width: 0; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent .sub-menu { /* 드롭다운 하위 메뉴 */ -webkit-transition: 0.5s; -khtml-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; visibility: hidden; opacity: 0; display: block; background: #f8f9fa; background: rgba(248, 249, 250, 0.95); border: 1px solid #efefef; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); margin: 4px 0 0 0; padding: 0; position: absolute; z-index: 20; border: 1px solid rgba(0, 0, 0, 0.1); min-width: 170px; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent .sub-menu li { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 0.2rem 0; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent .sub-menu li:last-child { border-bottom: none; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent .sub-menu li a { font-family: "Noto Sans KR", sans-serif; transition: 0.3s; line-height: 2rem; font-weight: 400; margin: 0 10px; font-size: 0.875rem; color: #212529; text-shadow: 1px 1px 1px white; display: block; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent .sub-menu li a:hover { padding-left: 8px; color: #007bff; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent .sub-menu li:last-child a { border-bottom: none; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent:hover ul.sub-menu { visibility: visible; opacity: 1; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent .site-search { /* 검색 */ left: auto; right: -50px; width: auto; line-height: 40px; padding: 0.75rem; min-height: 42px; overflow: hidden; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent .site-search .search .search-wrapper { background: #fff; background: white; margin-top: 0; height: 42px; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent .site-search .search .search-wrapper::after { display: block; clear: both; content: ""; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent .site-search .search .search-wrapper .search-field { border: none; width: 150px; display: block; background: #f7f7f9; background: rgba(247, 247, 249, 0.1); padding-left: 0.5rem; }
.header.header_pure #basic-header-wrap #basic-primary-menu .basic-main-menu .basic-nav-parent .site-search .search .search-wrapper .search-btn { border: none; width: 30px; display: block; background: #fff; background: rgba(255, 255, 255, 0); margin: 0; padding: 0; }
.header.header_pure .mobile-member-trigger { /* 모바일 우측 메뉴 버튼 */ display: block; position: absolute; right: 15px; top: 50%; margin-top: -20px; }
@media (min-width: 992px) { .header.header_pure .mobile-member-trigger { display: none; } }
.header.header_pure .mobile-member-trigger button { font-size: 1.5rem; display: block; color: #495057; background: transparent; border: none; }
.header.header_pure .mobile-member-trigger button:focus { outline: none; }
.header.header_pure .mobile-menu-trigger { /* 모바일 메뉴 버튼 */ display: block; position: absolute; top: 50%; margin-top: -20px; left: 15px; }
@media (min-width: 992px) { .header.header_pure .mobile-menu-trigger { display: none; } }
.header.header_pure .mobile-menu-trigger button { font-size: 1.5rem; display: block; color: #495057; background: transparent; border: none; }
.header.header_pure .mobile-menu-trigger button:focus { outline: none; }

/* Top fixed */
@media (min-width: 992px) { body.sticky_header { margin-top: 114px; } }
body.sticky_header div.basic-primary-header { background-color: #fff !important; margin-top: 0 !important; position: fixed !important; top: 0; left: 0; z-index: 9000; }
@media (min-width: 992px) { body.sticky_header div.basic-primary-header { margin-top: -44px !important; } }
body.sticky_header div.basic-primary-header a.site-logo img.logo { width: 100px !important; height: 55px !important; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
@media (min-width: 992px) { body.sticky_header div.basic-primary-header a.site-logo img.logo { width: 73px !important; height: 40px !important; } }

.slider.business_basic { /* 슬라이더 배경으로 당기기 */ top: 0; }
@media (min-width: 992px) { .slider.business_basic { top: -100px; } }

.left-sub-menu-wrap { /* 하위페이지 왼쪽 메뉴 */ position: relative; display: none; padding-top: 1.5rem; }
@media (min-width: 992px) { .left-sub-menu-wrap { display: block; } }
.left-sub-menu-wrap .content-title { text-align: center; border-bottom: 1px solid #e9ecef; }
.left-sub-menu-wrap .content-title h2 { font-size: 1.45rem; }
.left-sub-menu-wrap .content-title p { color: #adb5bd; font-size: 0.75rem; }
.left-sub-menu-wrap .sub-menu-wrap { /* lg 왼쪽 메뉴 */ margin-right: -29px; z-index: 5; position: relative; }
.left-sub-menu-wrap .sub-menu-wrap::after { display: block; clear: both; content: ""; }
.left-sub-menu-wrap .sub-menu-wrap ul, .left-sub-menu-wrap .sub-menu-wrap li { list-style: none; }
.left-sub-menu-wrap .sub-menu-wrap .side-left-menu { display: block; margin-top: 3rem; position: relative; padding: 0; }
.left-sub-menu-wrap .sub-menu-wrap .side-left-menu li { display: block; text-align: right; position: relative; padding-right: 2rem; margin-right: 2rem; position: relative; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; top: 1px; margin-top: -1px; padding-top: 1px; border-color: #e9ecef; }
.left-sub-menu-wrap .sub-menu-wrap .side-left-menu li a { display: block; text-align: left; font-size: 1rem; padding: 0.5rem 0.5rem 0.5rem 1rem; }
.left-sub-menu-wrap .sub-menu-wrap .side-left-menu li a::before { content: "\2219"; position: absolute; top: 8px; left: 0.5rem; }
.left-sub-menu-wrap .sub-menu-wrap .side-left-menu li a:hover { color: #007bff; }
.left-sub-menu-wrap .sub-menu-wrap .side-left-menu li.active { /* 현재 왼쪽 메뉴*/ background-color: #fff; margin-right: -1px; padding-right: 4rem; }
.left-sub-menu-wrap .sub-menu-wrap .side-left-menu li.active a { color: #007bff; }

.lg-right-menu { padding-right: 30px; position: relative; z-index: 2; min-height: 520px; }

.left-side-bg { position: absolute; right: 0; width: 100px; z-index: -1; }

.shadow-top { background: url("images/sd-03.png") no-repeat top right transparent; top: 0px; height: 261px; }

.shadow-center { background: url("images/sd-02.png") repeat-y top right transparent; top: 260px; bottom: 260px; left: auto; right: 0; }

.shadow-bottom { background: url("images/sd-01.png") no-repeat top right transparent; bottom: 0px; height: 260px; }

/*# sourceMappingURL=header_pure.css.map */