@charset "UTF-8";
/*-------------------------------------------------------------------
    파일정의 : 레이아웃 스타일
    참고사항 : 레이아웃, 상세스타일, 메뉴스타일 분류
    분류순서 : Wrapper > Header > Content > Footer > Navigation
    속성순서 : 표시 > 위치 > 넘침/흐름 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
    ## Wrapper
-------------------------------------------------------------------*/
/* SkipNav */
#skipNav {position:absolute; left:0; top:0; width:100%; height:0;}
#skipNav a {display:block; position:absolute; left:0; bottom:0; width:100%; line-height:30px; background-color:#000; color:#fff; text-align:center; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
#skipNav a:focus {-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}

/*right_menu*/
.right_menu{
    opacity: 1;
    position: absolute;
    display: block;
    width: 70px;
    height: 110px;
    right: 4%;
    top: calc(50% - 210px);
    z-index: 10;
}

.right_res{
    opacity: 1;
    position: absolute;
    display: block;
    width: 70px;
    height: 110px;
    right: 4%;
    top: calc(50% - 80px);
    z-index: 10;
}

.right_notice{
    opacity: 1;
    position: absolute;
    display: block;
    width: 70px;
    height: 110px;
    right: 4%;
    top: calc(50% + 60px);
    z-index: 15;
}
.right_btn span{display: block;text-align: center;top: 18px;color: #a9a9a9;}
.right_btn:after{
    content: '';
    opacity: 1;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgba(0, 40, 140, 0.85);
}
@media (max-width:1600px){
    .right_menu, .right_res, .right_notice{right: 2%;}
}
.ico-menu{display: block;width: 32px;height: 32px;margin: 0 auto 30px;background-image: url('../images/common/ico_menu-02.png');background-position: center;}
.ico-res {width: 32px;height: 32px; margin: 0 auto 30px; background-image: url('../images/common/ico_res.png');}
.ico-notice{width: 32px;height: 32px;margin: 0 auto 30px;background-image: url('../images/common/ico_notice.png');}
.right_area{
    display: inline-block;
    position: fixed;
    top: 50%;
    right: 3%;
    z-index: 10;
}

 
/* Wrapper Layout */
html, body, #wrapper {min-width: 1263px;max-width: 100%;min-height:100%;height:auto;}
#asideMenu {display:none; position:fixed; z-index:1001; left:0; right:0; width:100%; height:100%; padding:20px; background-color:#fff;}
#container {min-height:100%; padding:80px 0;}
 
/* Common Layout */
.out-sec {position:relative; min-width:1200px;}
.in-sec {position:relative;max-width: 100%;margin:auto;}
@media screen and (max-width: 1319px) {
    .out-sec {min-width:320px;}
    .in-sec {margin-right:20px; margin-left:20px;}
}
a {cursor:pointer;}
 
/*-------------------------------------------------------------------
    ## Allmenu
-------------------------------------------------------------------*/
.aside-menu .btn-anb {position:absolute; right:20px; top:18px;}
 
/*-------------------------------------------------------------------
    ## Header
-------------------------------------------------------------------*/
/* Header Layout */
#header {
    position:absolute; z-index:103; top:60px; left:50%; width:1236px; height:96px; background-color:#fff;
    transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);
    border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px;
}
.header-inner {height:100%;display: flex;justify-content: space-between;padding:10px 60px;z-index: 4;}
.header-logo {position:unset;z-index: 105;}
.header-logo .logo{
    font-size:0px;color:transparent;text-indent:-99999px;display: block;
    width:240px;height:76px;background:url("../images/common/custom/logo.png")no-repeat center center;
}
.header-anb { width:calc(100% - 360px); display: inline-flex; gap:90px; align-items:center; justify-content:space-between; position:unset; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
.header-gnb {position:absolute; right:0; top:25px;}
.header_bg{position:relative;}
.header_bg.is-active:before{ opacity:1; transition:opacity 500ms ease; -webkit-transition:opacity 500ms ease; -moz-transition:opacity 500ms ease; -ms-transition:opacity 500ms ease; -o-transition:opacity 500ms ease; }
.header_bg:before{
    content:'';
    opacity:0;
    display:block;
    width:410px;
    height:326px;
    background:url("../images/common/custom/gnb_bg.png")no-repeat left bottom;
    position:absolute;
    left:0;
    bottom:0;
    transition:opacity 200ms ease;
    -webkit-transition:opacity 200ms ease;
    -moz-transition:opacity 200ms ease;
    -ms-transition:opacity 200ms ease;
    -o-transition:opacity 200ms ease;
}
.header-utilMenu{position: unset;width: auto;display: block;z-index: 10;}
.header-utilMenu ul{position: relative;display: inline-block;z-index: 999;}
.header-utilMenu ul > li {display:inline-block;}
.header-utilMenu ul > li+li:before{content:'';display:inline-block;width:1px;height:10px;background:var(--Primary-Primary-01, #46B034);margin:0 10px 0 8px;vertical-align: middle;}
.header-utilMenu ul > li > a{font:normal 500 14px / 22px var(--font-pretendard);color:var(--gray-600, #616164);}
 
/* gnb - Base */
.gnb .node1-list {position: unset;width: auto;white-space:nowrap;height:100%;}
.gnb .node1-item {display:inline-table; position:relative; padding:0 10px;align-items:center;}
.gnb .node1-link {display:block;font:normal 600 16px / 22px var(--font-pretendard);color:var(--gray-900, #131314);padding:0 10px;}
.gnb .node2-menu{opacity:0;}
.gnb .node2-wrap {display:none; position:absolute; left:50%; top:100%; padding-top:5px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);  transform:translateX(-50%);}
.gnb .node2-list {}
.gnb .node2-link {display:block; padding:0 15px; line-height:24px; font-size:12px; color:#333;}
.gnb-fullsize > .logo{display: none;}
/* gnb - Active */
.gnb .node1-item:hover .node1-link{ color:var(--Primary-Primary-02, #008D31); transition:color 200ms ease; -webkit-transition:color 200ms ease; -moz-transition:color 200ms ease; -ms-transition:color 200ms ease; -o-transition:color 200ms ease; }

/* side-menu */
.side-menu{position: fixed;width: 100px;height: 200px;display: block;right: 0;bottom: 0;z-index: 104;}
.side-menu .node1-list {
    position: relative;
    white-space: nowrap;
    margin: 0 -10px;
}

.side-menu .node1-item {
    display: block;
    position: relative;
    padding: 0 10px;
    color: #555;
}

.side-menu .node1-link {
    display: block;
    position: relative;
    padding: 0 15px;
    line-height: 30px;
    color: inherit;
}

.side-menu .node1-item.is-selected {
    color: #ffcc00;
}
 
/*-------------------------------------------------------------------
    ## Footer
-------------------------------------------------------------------*/
#footer {background:var(--gray-800, #2C2C2D);padding:50px 0 95px;height:auto;border:none;z-index: 3;}
.footer-inner {display: block;width: 1350px;display: flex;margin:0 auto;gap:70px;justify-content: space-between;padding:0;}
.footer-inner .logo_inner{width: 200px;}
.footer-inner .logo{width:100%;height:43px;background:url("../images/common/custom/logo_gray.png")no-repeat center center;display: block;font-size:0;color:transparent;text-indent: -99999px;}
.info_inner{display: flex;flex-direction: row;justify-content:space-between;width:calc(100% - 270px);}
.info_inner .company_info{width:710px;}
.info_inner .row-01{margin:0 0 30px;}
.info_inner .terms li{display: inline-block;}
.info_inner .terms li+li:before{content:'';display:inline-block;width:1px;height:8px;background:var(--gray-300, #C7C7CA);margin:0 22px 0 18px;vertical-align: middle;}
.info_inner .terms a{font:normal 400 14px / 20px var(--font-pretendard);color:var(--gray-100, #F4F4F6);}
.info_inner .terms a.link_clause{color:var(--Primary-Primary-01, #46B034);}
.info_inner .terms a:hover{color:var(--basic-white, #fff);}
.info_inner .terms a.link_clause:hover{color:var(--Sub-Sub-01, #8FC321);}
.info_inner .row-02{display: flex;gap:10px 40px;flex-direction: row;flex-wrap:wrap;}
.info_inner .row-02 dt, .info_inner .row-02 dd{font:normal 400 16px / 22px var(--font-pretendard);color:var(--basic-white, #FFF);display: inline-block;}
.info_inner .copyright{font:normal 400 16px / 22px var(--font-pretendard);color:var(--gray-300, #C7C7CA);}
.info_inner .company_info2 .btn+.btn{margin:20px 0 0;}
.info_inner .btn_ft{ width:250px; padding:12px; border:1px solid var(--gray-300, #C7C7CA); display:block; text-align:center; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; }
.info_inner .btn_ft span{font:normal 400 16px / 22px var(--font-pretendard);color:var(--basic-white, #fff);display: inline-block;width:auto;}
.info_inner .btn_ft:before{content:'';display:inline-block;vertical-align: middle;width:24px;height:24px;margin-right:8px;background-position:center center;background-repeat:no-repeat;}
.info_inner .btn_ft:nth-child(1):before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' viewBox='0 0 24 22' fill='none'%3E%3Cg clip-path='url(%23clip0_2402_337)'%3E%3Cpath d='M12 22C11.786 22 11.5812 21.8986 11.4537 21.7236L8.96358 18.3372H4.09256C1.8346 18.3372 0 16.4804 0 14.1952V4.14199C0 1.85675 1.8346 0 4.09256 0H19.9074C22.1654 0 24 1.85675 24 4.14199V14.1906C24 16.4758 22.1654 18.3326 19.9074 18.3326H15.0364L12.5508 21.719C12.4234 21.894 12.2185 22 12.0046 22H12ZM4.09256 1.3822C2.59029 1.3822 1.36571 2.62157 1.36571 4.14199V14.1906C1.36571 15.711 2.59029 16.9504 4.09256 16.9504H9.30501C9.51897 16.9504 9.72382 17.0517 9.85129 17.2268L11.9954 20.1432L14.1396 17.2268C14.2671 17.0517 14.4719 16.9458 14.6859 16.9458H19.9029C21.4052 16.9458 22.6297 15.7064 22.6297 14.186V4.14199C22.6297 2.62157 21.4052 1.3822 19.9029 1.3822H4.09256Z' fill='white'/%3E%3Cpath d='M15.61 10.0809H8.39001C8.01216 10.0809 7.70715 9.77224 7.70715 9.38983C7.70715 9.00742 8.01216 8.69873 8.39001 8.69873H15.61C15.9879 8.69873 16.2929 9.00742 16.2929 9.38983C16.2929 9.77224 15.9879 10.0809 15.61 10.0809Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2402_337'%3E%3Crect width='24' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.info_inner .btn_ft:nth-child(2):before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18' fill='none'%3E%3Cg clip-path='url(%23clip0_2402_343)'%3E%3Cpath d='M7.10668 13.8418H4.7435C2.12773 13.8418 -0.00427246 11.6709 -0.00427246 9.00217C-0.00427246 6.3334 2.12345 4.1582 4.7435 4.1582H7.10668C7.46201 4.1582 7.74885 4.45085 7.74885 4.81338V13.1866C7.74885 13.5491 7.46201 13.8418 7.10668 13.8418ZM4.74778 5.46856C2.8384 5.46856 1.28435 7.0541 1.28435 9.00217C1.28435 10.9502 2.8384 12.5314 4.74778 12.5314H6.46879V5.46856H4.74778Z' fill='white'/%3E%3Cpath d='M16.0329 18C15.943 18 15.8531 17.9825 15.7674 17.9388L6.84128 13.7806C6.61438 13.6758 6.46454 13.4399 6.46454 13.1866V4.81338C6.46454 4.55568 6.6101 4.32418 6.84128 4.21935L15.7674 0.0611366C15.9644 -0.0305887 16.1998 -0.0131172 16.3796 0.104815C16.5637 0.227116 16.675 0.432406 16.675 0.655167V17.3448C16.675 17.5676 16.5637 17.7772 16.3796 17.8952C16.2726 17.965 16.1527 18 16.0329 18ZM7.74888 12.7673L15.3907 16.3271V1.67288L7.74888 5.2327V12.7673Z' fill='white'/%3E%3Cpath d='M23.3578 9.65753H19.2137C18.8584 9.65753 18.5715 9.36488 18.5715 9.00235C18.5715 8.63982 18.8584 8.34717 19.2137 8.34717H23.3578C23.7132 8.34717 24 8.63982 24 9.00235C24 9.36488 23.7132 9.65753 23.3578 9.65753Z' fill='white'/%3E%3Cpath d='M19.5862 6.52569C19.3935 6.52569 19.2009 6.43396 19.0724 6.26798C18.8584 5.9797 18.914 5.56912 19.1966 5.35073L22.5958 2.72564C22.8783 2.50724 23.2808 2.56403 23.4948 2.85231C23.7089 3.14058 23.6532 3.55116 23.3707 3.76956L19.9715 6.39465C19.8559 6.48637 19.7189 6.52569 19.5862 6.52569Z' fill='white'/%3E%3Cpath d='M22.9854 15.4056C22.8484 15.4056 22.7157 15.3619 22.6001 15.2746L19.2008 12.6538C18.9183 12.4354 18.8626 12.0249 19.0767 11.7366C19.2908 11.4483 19.6932 11.3915 19.9757 11.6099L23.3749 14.2306C23.6575 14.449 23.7132 14.8596 23.4991 15.1479C23.3749 15.3182 23.1823 15.41 22.9854 15.41V15.4056Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2402_343'%3E%3Crect width='24' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.footer.popup-wrap .popup-body{padding:0;}
 
/*-------------------------------------------------------------------
    ## Buttons
-------------------------------------------------------------------*/
.btn-anb {display:inline-block; position:relative; width:44px; height:44px; padding:10px 0;}
.btn-anb:before, .btn-anb:after {content:'';}
.btn-anb span, .btn-anb:before, .btn-anb:after {display:inline-block; position:absolute; left:10px; top:50%; width:24px; height:2px; background:#000; vertical-align:top; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.btn-anb:before {margin-top:-8px;}
.btn-anb span {width:16px; text-indent:-999px; overflow:hidden; white-space:nowrap;}
.btn-anb:after {margin-top:8px;}

/*-------------------------------------------------------------------
    ## Content
-------------------------------------------------------------------*/

/* Section */

.section {
    /* margin-top: 50px; */
}

.section-inner {
    background-color: #fff;
    border: 1px solid #ddd;
}

.section-head {
    padding: 20px;
    /* border-bottom: 1px solid #ddd; */
}

.section-body {
    padding: 20px;
    min-height: 400px;
}

/*-------------------------------------------------------------------
    @Popup
-------------------------------------------------------------------*/
/* Popup Layout */
.popup_wrap {visibility:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; position:fixed; z-index:1002; left:0; top:0; width:100%; height:100%; padding:20px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.popup_wrap .popup {position:relative; z-index:11; width:100%; background-color:#fff; opacity:0; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.popup_wrap.is_active {visibility:visible;}
.popup_wrap.is_active .popup {opacity:1;}
 
/* Popup Scroll */
.popup {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.popup .popup_body {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto; overflow:auto;}
.popup .popup_head, .popup .popup_foot {-webkit-box-flex:0;-ms-flex:none;flex:none;}
 
/* Transition */
.popup_wrap.type_basic .popup {-webkit-transform:translate(0, 30px);-ms-transform:translate(0, 30px);transform:translate(0, 30px);}
.popup_wrap.type_full {padding:0;}
.popup_wrap.type_full .popup {width:100%; height:100%; min-height:100%; opacity:1; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0);}
.popup_wrap.type_select {padding:0; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end;}
.popup_wrap.type_select .popup {width:100%; -webkit-transform:translate(0, 100%); -ms-transform:translate(0, 100%); transform:translate(0, 100%);}
.popup_wrap.type_alert .popup {-webkit-transform:translate(0, 30px);-ms-transform:translate(0, 30px);transform:translate(0, 30px);}
.popup_wrap.type_confirm .popup {-webkit-transform:translate(0, 30px);-ms-transform:translate(0, 30px);transform:translate(0, 30px);}
.popup_wrap.is_active .popup {-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}

/*-------------------------------------------------------------------
    ## animate
-------------------------------------------------------------------*/
.delay-03 {-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.delay-05 {-webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.delay-06 {-webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay-09 {-webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.dur-1{-webkit-animation-duration: 1s;animation-duration: 1s;}
.dur-13{-webkit-animation-duration: 1.3s;animation-duration: 1.3s;}
.dur-16{-webkit-animation-duration: 1.6s;animation-duration: 1.6s;}
.dur-19{-webkit-animation-duration: 1.9s;animation-duration: 1.9s;}

/*ie_chk_area*/
.ie_chk_area{position: fixed;width: 550px;height: 550px;bottom: 0px;right: 0px;display: block;background: #fff;padding: 25px;z-index: 999;border:1px solid #ccc;}
.ie_chk_area .con .tit img {display: block;margin: 20px auto 10px;}
.ie_chk_area .con .tit{display: block;margin: auto;font-size: 1.8rem;font-weight: 400;text-align: center; color: #00455a;}
.ie_chk_area .con strong{font-weight: 900;}
.ie_chk_area .con strong.color-01{color: #009c39;}
.ie_chk_area .blind{display: none;}
.ie_chk_area .btn-close{ position: absolute; display: block; width: 40px; height: 40px; top: 0px; right: 0px; float: right; background: url('/static/pc/images/common/ico_close-01') center no-repeat; border: 0;}
.ie_chk_area .btxt{color: #00455a;text-align: center;font-weight: 600;padding-bottom: 2rem;margin-bottom: 2rem;border-bottom: 1px solid;}
.ie_chk_area .txt{color: #575757;text-align: center;}
.ie_chk_area .con span{position: relative;width: 480px;height: 285px;margin: 20px auto;background: #f4f4f4;display: block;padding: 30px;}
.ie_chk_area .btn-upgrade{position:relative;display:block;margin: 20px auto;width: 256px;text-align: center;padding: 10px 0;background: #00455a;border-radius: 5rem;font-size: 16px;color: #fff;}
.ie_chk_area .chk-uclose{position: absolute;bottom: 0;padding: 0.5rem 0;background: white;width: 540px;left: 0;text-align: center;}