@charset "utf-8";

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-style: normal;
}
#header .inner{position: relative; max-width: 1800px; margin: 0 auto; box-sizing: border-box;}
#header .inner:after{content: ""; display: block; clear: both;}
#header .hd_bar{background: #d3354a; font-size:1rem; padding: 0.42rem 0; color: #fff;}
#header .hd_bar>div>span:first-child{float:left; display:none; opacity:0.8; letter-spacing:-0.05rem; }
#header .hd_bar>div>span:last-child{float: right;}
/*-----------------------------------------------------*/
#header{ width:100%; height:8rem; color: #111; background:#fff; z-index:9999; position:relative; top: 0; left: 0;}
#header:after{content: ""; position: absolute; z-index: -1; top: 100%; left: 0; display: block; width: 100%; height: 1px; background: transparent; transition: height 0.2s;}
#header .bg_for_header{position: absolute; top: 100%; left: 0; display: block; width: 100%; height: 0; background: #fff; transition: height 0.2s;}
.dim{display: none; position: fixed; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
#header ._logo{position: absolute; z-index: 1; top: 1.5rem; left:0;}
#header ._logo .normal{display: none;}
#header ._logo a{position:relative; display: block;}
#header ._logo a img {transform: scale(1); transition: .5s;}
#header ._logo a .c_name{
    position: absolute; top: 1rem; left:calc(100% + 0.8rem); line-height: 100%; letter-spacing: 0.5px; white-space: pre; 
    font-family:'Pretendard'; font-weight:600; font-size: 1.2rem; transition: .5s;
}
#header ._logo .color{display: none;}
#header ._logo .normal{display: block;}
#header ._logo a .c_name{color: #972C3A;}
#header.fixed{position: fixed; background: #fff;}
#header.fixed:after{background: #e9e9e9;}
#header.fixed ._logo .color{display: block;}
#header.fixed ._logo .normal{display: none;}
#header.fixed ._logo a .c_name{color: #972C3A;}

/*-----------------------------------------------------*/
#header .lnb{width:100%; font-size: 1rem; font-weight:bold; text-align:center; }
#header .lnb > ul{ display:inline-block; line-height:93px;}
#header .lnb > ul:after{content: ""; display: block; clear: both;}
#header .lnb > ul > li{float: left; position: relative; display: block; }
#header .lnb > ul > li:hover,
#header .lnb > ul > li:hover .submenu,
#header .lnb > ul > li.current,
#header .lnb > ul > li.current a,
#header .lnb > ul > li.current .submenu{background: #d3354a; color: #fff;}
#header .lnb > ul > li > a{ display: block; padding: 0 4rem; box-sizing: border-box; border-left: 1px solid transparent; }
#header .lnb > ul > li:last-child > a{border-right: 1px solid transparent;}
#header .lnb > ul > li .submenu{overflow: hidden; transition: height 0.2s; display: block; position: absolute; top: 100%; left: 0; width: 100%; height: 0; color: #222; line-height: 180%;background: #fff; box-sizing: border-box; border-left: 1px solid transparent;}
#header .lnb > ul > li:last-child .submenu{border-right: 1px solid transparent;}
#header .lnb > ul > li .submenu li a{display: block; box-sizing: border-box; padding: 0 10px; font-size: 14px;}
#header.on .lnb > ul > li > a,
#header.on .lnb > ul > li .submenu{border-left: 1px solid #e9e9e9;}
#header.on .lnb > ul > li:last-child > a,
#header.on .lnb > ul > li:last-child .submenu{border-right: 1px solid #e9e9e9;}
#header.on .lnb > ul > li:before{height: 332px;transition: height 0.2s;}
#header.on .lnb > ul > li:first-child:after{height: 332px; transition: height 0.2s;}
#header.on .bg_for_header{background: #fff; border-bottom: 1px solid #e9e9e9; box-sizing: border-box;}

/*-----------------------------------------------------*/
#header .top_quick{ display:flex; position:absolute; right:0; top:1.5rem;}
#header .top_quick .hd_sch_wr {flex:0%;}
#header .top_quick .hd_sch_wr #sch_stx{width:8rem; height:2.6rem; border: 1px solid #c7c7c7; border-right:0; color:#333;}
#header .top_quick .hd_sch_wr #hd_sch #sch_submit{width:3rem; height:2.6rem; border: 1px solid #c7c7c7; border-left:0;}
#header .top_quick .hd_sch_wr #sch_submit i{color: #bababa;}
#header .top_quick .hd_sch_wr #sch_submit:hover i{color: #000}
#header .top_quick .hd_sch_wr .input:focus{ outline:none;}
#header .top_quick .hd_member {display:flex; margin-left:0.2rem;}
#header .top_quick .hd_member li{ position:relative;}
#header .top_quick .hd_member li:before {width:1px; height: 12px; background: #ddd; position:absolute; top:50%; transform:translateY(-50%); left:0; display:block; content: "";}
#header .top_quick .hd_member li:first-child:before{display:none;}
#header .top_quick .hd_member li > a{padding:0.6rem; display: block; color:#333; font-size: 0.9rem; letter-spacing:-0.05rem;}
#header .top_quick .hd_member li:last-child > a{padding-right:0;}

/*-----------------------------------------------------*/
#btn_m_open{display:none;  position:absolute; z-index:2; right:0; top:24px; width:26px; height:20px; font-size: 0;}
#btn_m_open .bar{position: absolute; left:0; display:block; width: 100%; height: 2px; border-radius: 2px; background: #111;}
#btn_m_open .bar1{top: 0;}
#btn_m_open .bar2{top: 50%; transform: translateY(-50%);}
#btn_m_open .bar3{bottom: 0;}

/*-----------------------------------------------------*/
#header .mobile_lnb{
    display: none; overflow-y: auto; position: fixed; z-index: 3; left: 100%; top: 0; width: 100%; height: 100%; 
    box-sizing: border-box; transition: left 0.25s ease-in-out; background: #fff; font-size:1rem; color: #111;
}
#header .mobile_lnb.on{left:0; }
#header .mobile_lnb .mobile_lnb_header{position: relative; padding: 4rem 0 0;}
#header .mobile_lnb .mobile_lnb_header #btn_m_close{position: absolute; z-index: 2; right: 15px; top: 22px; width: 26px; height: 20px; font-size: 0;}
#header .mobile_lnb .mobile_lnb_header #btn_m_close .bar{position: absolute; left: 0; display: block; width: 100%; height: 2px; border-radius: 2px; background: #fff;background: #111;}
#header .mobile_lnb .mobile_lnb_header #btn_m_close .bar1{top: 50%; transform: translateY(-50%) rotate(45deg);}
#header .mobile_lnb .mobile_lnb_header #btn_m_close .bar2{top: 50%; transform: translateY(-50%) rotate(-45deg);}
#header .mobile_lnb .mobile_lnb_header ul{display: flex; justify-content: space-between; background: #4a4a4a; }
#header .mobile_lnb .mobile_lnb_header ul li{width: 50%;}
#header .mobile_lnb .mobile_lnb_header ul li a{display: block; text-align: center; line-height:3rem; color: #fff;}
#header .mobile_lnb > ul > li > a{position:relative; display: block; padding:1rem 1.2rem; border-bottom: 1px solid #e9e9e9; color:#333;}
#header .mobile_lnb > ul > li > a:after{content: ""; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); right: 20px; display: block; width: 10px; height: 10px; margin: -4px 0 0; border: 1px solid #777; border-top-color: transparent; border-left-color: transparent;}
#header .mobile_lnb > ul > li > a.on:after{transform: translateY(-50%) rotate(-135deg); margin: 4px 0 0;}
#header .mobile_lnb > ul > li .submenu{display: none;}
#header .mobile_lnb > ul > li > a.on + .submenu{display: block;}
#header .mobile_lnb > ul > li .submenu{padding:1.2rem 0; background: #f8f8f8;}
#header .mobile_lnb > ul > li .submenu li a{display: block; padding:0.6rem 1.2rem; color:#444;}

/*-----------------------------------------------------------*/
.not_scroll{position: fixed; overflow: hidden; width: 100%; height: 100%}
.not_scroll .cont {position: relative; top: 0;}

/*-----------------------------------------------------------*/
@media all and (max-width: 1860px){
    #header .inner{margin:0 0.5rem;}
    #header .lnb > ul > li > a{padding: 0 2.2rem;}
}
@media all and (max-width: 1200px){
    #header{ height: 6.6rem;}           
    #header .lnb{display: none;}  
    #header .mobile_lnb{display: block;}
    #header #btn_m_open{display: block;}

    #header .top_quick{ top:0.94rem; right:3.5rem;}
    #header .top_quick .hd_sch_wr #sch_stx{height:2.4rem;}
    #header .top_quick .hd_sch_wr #hd_sch #sch_submit{height:2.4rem;}
    #header .top_quick .hd_member{display: none;}

    #header ._logo {top:0.8rem; left:-0.4rem;}
    #header ._logo a img {transform: scale(0.82);}
    #header ._logo a .c_name{top:0.8rem; left:calc(100% + 0.2rem); font-size: 1.1rem;}    
}
@media all and (max-width: 767px){ 
    #header .top_quick{display: none;}
    #header .hd_bar>div>span:first-child{display:block;}       
    #header ._logo a .c_name {display: none;}
}