@charset "UTF-8";
@import url(fonts.css);

body,
input,
textarea,
select, input,
input[type=button], button, a {font-family:SCDream, sans-serif;}
.blind {display:block;overflow:hidden;position:absolute !important;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}


/* #hd */
#hd {z-index:2000;position:fixed;top:0;left:0;right:0;background-color:#fff;font-family:GmarketSans, sans-serif;}
#hd > .inner {position:relative;max-width:1920px;margin:0 auto;padding-top:110px;}
#hd h1 {position:absolute;top:28px;left:42px;}
#hd h1 a,
#hd h1 img {vertical-align:top;}

/* 240908 메인 헤더 투명 */
#hd.main-fullvisual {box-shadow:none;}
#hd.main-fullvisual {background-color:transparent;}
#hd.main-fullvisual .logo .pc-only {display:none;}
#hd.main-fullvisual .logo .pc-fullvisual {display:block !important;}
#hd.main-fullvisual #gnb {background-color:#fff;}
#hd.main-fullvisual #gnb .gnb-top a {color:#fff;}
#hd.main-fullvisual #gnb .gnb-top a:hover,
#hd.main-fullvisual #gnb .gnb-top a:Focus {text-decoration:underline;}
#hd.main-fullvisual .tnb > li > a {color:#fff;}
#hd.main-fullvisual .tnb .btn-consumer,
#hd.main-fullvisual .tnb .btn-consumer.active {background:url(../images/new/ico_person_w.svg) center top no-repeat;}
#hd.main-fullvisual .tnb .btn-sns,
#hd.main-fullvisual .tnb .btn-sns.active {background:url(../images/new/ico_sns.svg_w.svg) center top no-repeat;}
#hd.main-fullvisual .tnb .btn-search {background:url(../images/new/ico_search_w.svg) center top no-repeat;}
#hd.main-fullvisual .tnb .btn-allmenu {background:url(../images/new/ico_menu_w.svg) center top no-repeat;}
#hd.main-fullvisual .tnb .btn-toggle.active {color:#fff;}
#hd.main-fullvisual .tnb .btn-toggle:after,
#hd.main-fullvisual .tnb .btn-toggle.active:after {background:url(../images/new/arr_01_w.svg) right 5px no-repeat;}

/* #gnb */
#gnb .gnb-top {list-style:none;position:absolute;top:45px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;width:100%;max-width:903px;}
#gnb .gnb-top a {font-family:GmarketSans, sans-serif;line-height:27px;font-size:24px;font-weight:500;color:#333;letter-spacing:0.025em;}
#gnb .gnb-top a:hover,
#gnb .gnb-top a:focus {color:#0F7C98;}
#gnb.basic .gnb-wrap {display:none;}

#hd .tnb > li > a span {padding-left:0;}


@media all and (min-width:1025px){
    .mo-only {display:none;}

    #hd {box-shadow:0 10px 30px rgb(0,0,0,0.16)}
    
    #gnb.basic .gnb-wrap {min-height:450px;background:url(../images/new/bg_gnb_logo.png) left -45px bottom -100px no-repeat;padding:48px 20px;}
    #gnb.basic .gnb-wrap .allmenu-title {position:absolute;text-indent:-9999px;overflow:hidden;width:0;height:0;}
    #gnb.basic .gnb-depth1 {list-style:none;display:flex;width:100%;max-width:1340px;margin:0 auto;justify-content:space-between;}
    #gnb.basic .gnb-depth1 > li > a {position:relative;font-family:GmarketSans, sans-serif;line-height:32px;padding:10px 19px 0 0;font-size:28px;font-weight:500;transition:.2s ease-out;}
    #gnb.basic .gnb-depth1 > li > a:before {content:'';position:absolute;top:0;right:0;display:block;width:16px;height:25px;background:url(../images/new/img_gnb_on.svg) right top no-repeat;opacity:0;transition:.2s ease-out;}
    #gnb.basic .gnb-depth1 > li:hover > a,
    #gnb.basic .gnb-depth1 > li > a:focus,
    #gnb.basic .gnb-depth1 > li > a.on {color:#0F7C98;}
    #gnb.basic .gnb-depth1 > li:hover > a:before,
    #gnb.basic .gnb-depth1 > li > a:focus:before,
    #gnb.basic .gnb-depth1 > li > a.on:before {opacity:1;}
    #gnb.basic .gnb-depth2 {margin-top:31px;}
    #gnb.basic .gnb-depth2 > li > a {position:relative;line-height:38px;font-size:22px;font-weight:500;color:#888888;}
    #gnb.basic .gnb-depth2 > li > a:before {content:'';position:absolute;bottom:3px;left:0;display:inline-block;width:0;height:1px;background-color:#0F7C98;transition:.2s ease-out;}
    #gnb.basic .gnb-depth2 > li > a:hover,
    #gnb.basic .gnb-depth2 > li > a:focus,
    #gnb.basic .gnb-depth2 > li > a.on {color:#0F7C98;}
    #gnb.basic .gnb-depth2 > li > a:hover:before,
    #gnb.basic .gnb-depth2 > li > a:focus:before,
    #gnb.basic .gnb-depth2 > li > a.on:before {width:100%;}
    #gnb.basic .btn-gnb-close {display:none;}
    #gnb.basic .back {display:none;}
    #gnb.allmenu .gnb-wrap {z-index:3000;display:block !important;position:fixed;top:0;right:0;bottom:0;left:0;background:#09438c;}
    #gnb.allmenu .gnb-wrap .allmenu-title {position:relative;text-indent:0;width:auto;height:auto;text-align:Center;font-size:2.333rem;line-height:1.6;height:auto;margin-top:5vw;margin-bottom:0vw;color:#fff;font-family:GmarketSans, sans-serif;font-weight:500;}
    #gnb.allmenu .gnb-wrap .btn-gnb-close {position:absolute;top:5vw;right:20px;display:inline-block;width:70px;height:70px;text-indent:-9999px;}
    #gnb.allmenu .gnb-wrap .btn-gnb-close:before,
    #gnb.allmenu .gnb-wrap .btn-gnb-close:after {content:'';position:absolute;top:50%;left:50%;width:70px;height:3px;background-color:#fff;transition:all 0.4s;border-radius:4px;margin-left:-35px;}
    #gnb.allmenu .gnb-wrap .btn-gnb-close:before {transform:rotate(45deg)}
    #gnb.allmenu .gnb-wrap .btn-gnb-close:after {transform:rotate(-45deg)}
    #gnb.allmenu .gnb-depth1 {list-style:none;display:flex;justify-content:center;margin-top:50px;}
    #gnb.allmenu .gnb-depth1 {font-family:GmarketSans, sans-serif;}
    #gnb.allmenu .gnb-depth1 > li {min-width:230px;margin:0 1rem;margin-bottom:3vw;height:auto;}
    #gnb.allmenu .gnb-depth1 > li > a {display:block;width:100%;font-size:1.222rem;min-width:7.778rem;padding:1rem;background-color:#173773;color:#38d7ff;text-align:center;}
    #gnb.allmenu .gnb-depth2 {list-style:none;margin-top:1rem;text-align:center;}
    #gnb.allmenu .gnb-depth2 > li > a {position:relative;display:inline-block;font-size:1rem;font-weight:400;color:#fff;padding:8px 0;}
    #gnb.allmenu .gnb-depth2 > li > a:before {content:'';position:absolute;left:0;bottom:0;display:inline-block;width:0;height:1px;background-color:#f3de68;transition:.3s ease-out;}
    #gnb.allmenu .gnb-depth2 > li > a:hover,
    #gnb.allmenu .gnb-depth2 > li > a:focus {color:#f3de68;}
    #gnb.allmenu .gnb-depth2 > li > a:hover:before,
    #gnb.allmenu .gnb-depth2 > li > a:focus:before {width:100%;}
    
    /* .tnb */
    #hd .tnb {list-style:none;position:absolute;top:42px;right:42px;display:flex;gap:32px;}
    #hd .tnb a {font-family:GmarketSans, sans-serif;}
    #hd .tnb > li {position:relative;}
    #hd .tnb > li > a {position:relative;display:flex;padding-top:24px;font-size:13px;font-weight:500;color:#555;}
    #hd .tnb > li > a span {line-height:15px;}
    #hd .tnb > li > a:hover,
    #hd .tnb > li > a:focus {text-decoration:underline;}
    #hd .tnb .btn-toggle {color:#7DB8C7;}
    #hd .tnb .btn-toggle:after {content:'';display:inline-block;width:11px;height:15px;background:url(../images/new/arr_01.svg) right 5px no-repeat;vertical-align:top;}
    #hd .tnb .btn-toggle.active {color:#0F7C98;}
    #hd .tnb .btn-toggle.active:after {background:url(../images/new/arr_01_on.svg) right 5px no-repeat;}
    #hd .tnb .btn-toggle .close {display:none;}
    #hd .tnb .btn-toggle.active .open {display:none;}
    #hd .tnb .btn-toggle.active .close {display:block;}
    #hd .tnb .btn-consumer {background:url(../images/new/ico_person.svg) center top no-repeat;}
    #hd .tnb .btn-consumer.active {background:url(../images/new/ico_person_on.svg) center top no-repeat;}
    #hd .tnb .btn-sns {background:url(../images/new/ico_sns.svg) center top no-repeat;}
    #hd .tnb .btn-sns.active {background:url(../images/new/ico_sns_on.svg) center top no-repeat;}
    #hd .tnb .btn-sns .close {display:none;}
    #hd .tnb .btn-sns.active .open {display:none;}
    #hd .tnb .btn-sns.active .close {display:block;}
    #hd .tnb .btn-search {background:url(../images/new/ico_search.svg) center top no-repeat;}
    #hd .tnb .btn-allmenu {background:url(../images/new/ico_menu.svg) center top no-repeat;}
    #hd .tnb .tnb-depth2 {display:none;list-style:none;position:absolute;top:45px;left:50%;width:68px;margin-left:-34px;background-color:#fff;padding:12px 6px;border-radius:7px;box-shadow:0 4px 4px rgb(0,0,0,0.1);}
    #hd .tnb .tnb-depth2 a {font-size:11px;font-weight:500;line-height:13px;color:#767676;}
    #hd .tnb .tnb-depth2 a:hover,
    #hd .tnb .tnb-depth2 a:focus {color:#0F7C98;}
    #hd .tnb .btn-toggle.active + .tnb-depth2 {display:block;}
}
/* (min-width:1025px) */
@media all and (max-width:1520px) and (min-width:1025px){
    #hd h1 {left:20px;}
    #hd .tnb {right:20px;gap:10px;}
    #gnb .gnb-top {width:calc(100% - 430px);left:auto;right:235px;transform:translateX(0);}
    #gnb .gnb-top a {font-size:20px;}
}
@media all and (max-width:1024px){
    .pc-only {display:none;}

    .intro_cont_area {z-index:8000;}
    .m_tab_menu_area {top:110px;}

    #hd .logo + .btn-allmenu {position:absolute;top:35px;right:29px;display:inline-block;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url(../images/new/ico_menu_m.svg) center no-repeat;}

    #gnb .gnb-top {display:none;}
    #gnb.allmenu .gnb-wrap {z-index:9999;position:fixed;top:0;right:0;bottom:0;left:0;display:block !important;}
    #gnb.allmenu .gnb-wrap .gnb-bg {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.74);}
    #gnb.allmenu .gnb-wrap > .inner {z-index:0;position:absolute;top:0;left:0;bottom:0;background-color:#fff;width:300px;padding-top:80px;}
    #gnb.allmenu .gnb-wrap > .inner:before {content:'';position:absolute;top:79px;left:0;right:0;display:block;height:1px;background-color:#dedede;}
    #gnb.allmenu .gnb-wrap .logo-m {position:absolute;top:19px;left:29px;}
    #gnb.allmenu .gnb-wrap .logo-m img {width:39px;}
    #gnb.allmenu .gnb-wrap .allmenu-title {position:absolute;width:0;height:0;overflow:hidden;text-indent:-9999px;}
    #gnb.allmenu .gnb-wrap .btn-gnb-close {position:absolute;top:21px;right:18px;display:block;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url(../images/new/ico_x_01.svg) center no-repeat;}
    #gnb.allmenu .gnb-wrap .gnb-depth1 {list-style:none;z-index:0;position:relative;width:100%;padding:17px 0 0 15px;height:calc(100vh - 80px);}
    #gnb.allmenu .gnb-wrap .gnb-depth1:before {z-index:-1;content:'';position:absolute;top:0;left:0;bottom:0;display:block;width:130px;background-color:#F9F9F9;}
    #gnb.allmenu .gnb-wrap .gnb-depth1 > li + li {margin-top:8px;}
    #gnb.allmenu .gnb-wrap .gnb-depth1 > li > a {display:block;width:138px;padding:11px 7px 9px;font-family:GmarketSans, sans-serif;line-height:16px;font-size:14px;font-weight:500;color:#666666;border-radius:5px;}
    #gnb.allmenu .gnb-wrap .gnb-depth1 > li > a.active {background-color:#009CB4;color:#fff;}
    #gnb.allmenu .gnb-wrap .gnb-depth2 {display:none;list-style:none;position:absolute;top:15px;left:170px;width:100%;}
    #gnb.allmenu .gnb-wrap a.active + .gnb-depth2 {display:block;} 
    #gnb.allmenu .gnb-wrap .gnb-depth2 a {display:block;width:110px;padding:10px 5px 13px;line-height:16px;font-size:12px;color:#888;border-bottom:1px solid #eee;}

    #hd .tnb {display:none;}
    
      /* 240908 메인 헤더 투명 */
    #hd.main-fullvisual {background-color:#fff;}
    #hd.main-fullvisual .logo .pc-fullvisual {display:none !important;}
}
/* (max-width:1024px) */