/* BASIC css start */

#hdWrap .blkbg { 
    position: fixed; 
    width: 100%; 
    top: 0; 
    background-color: #f9f9f9; 
    z-index: 1000; 
    height: 50px; 
    margin: 0 auto;
    display: flex;
    align-items: center;
}

#hdWrap .blkbg .blkWrap { 
    width: 1200px; 
    margin: 0 auto; 
    display: flex;
    justify-content: space-between;
    align-items: center;
}


#hdWrap .blkbg .blkWrap .hd-link { 
    display: flex;
    align-items: center;
}
#hdWrap .blkbg .blkWrap .hd-link li { 
    padding-right: 25px; 
}
#hdWrap .blkbg .blkWrap .hd-link li a { color: #000000; font-size: 15px; }
#hdWrap .blkbg .blkWrap .hd-link li a:hover { color: #1e1e1e; }
#hdWrap .blkbg .blkWrap .hd-link li span { color: #a0a0a0; font-weight: bold; }

#hdWrap .blkbg .blkWrap .hd-right { 
    display: flex;
    align-items: center;
    gap: 20px; 
}

#hdWrap .blkbg .blkWrap .hd-right .hd-link02 { 
    display: flex;
    align-items: center;
}
#hdWrap .blkbg .blkWrap .hd-right .hd-link02 li { 
    padding-right: 25px; 
}
#hdWrap .blkbg .blkWrap .hd-right .hd-link02 li a { color: #000000; font-size: 15px; }
#hdWrap .blkbg .blkWrap .hd-link02 li a:hover { color: #1e1e1e; }
#hdWrap .blkbg .blkWrap .hd-right .hd-link02 li span { color: #a0a0a0; font-weight: bold; }

#hdWrap .blkbg .blkWrap .hd-right .hd-search { 
    display: flex;
    align-items: center;
    position: relative;
}
#hdWrap .blkbg .blkWrap .hd-right .hd-search fieldset {
    display: flex;
    align-items: center;
    position: relative;
    border: 0;
    margin: 0;
    padding: 0;
}


#hdWrap .blkbg .blkWrap .hd-right .hd-search a { 
    position: absolute;
    right: 8px;                       
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    text-indent: -9999px;             
    overflow: hidden;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23777777" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>') no-repeat center center;
    background-size: 16px 16px;
    border: none;
}

#hdWrap .blkbg .blkWrap .hd-right .hd-search a:hover { 
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%2303c75a" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>') no-repeat center center;
    background-size: 16px 16px;
}

#hdWrap .blkbg .blkWrap .hd-right .hd-search a:hover { 
    color: #a0a0a0;
}


#hdWrap .blkbg .blkWrap .hd-right .hd-search .input-keyword { 
   width: 200px !important;          
    height: 32px !important;          
    border: 1px solid #d0d0d0 !important; 
    border-radius: 16px !important;   
    font-weight: normal; 
    font-size: 13px;       
    padding: 0 35px 0 15px !important; 
    color: #333 !important; 
    background: #fff !important;      
    outline: none;
}

#hdWrap .blkbg .blkWrap .hd-right .hd-search .input-keyword:focus {
    border-color: #03c75a !important; 
}


#hdWrap h1 { 
    padding: 80px 0 0 0; 
    display: block; 
    text-align: center; 
}
#hdWrap h1 a.hd-logo img { 
    width: 280px; 
}

#hdWrap .hd-cs { 
    text-align: center; 
    color: #888; 
    font-size: 14px; 
    padding-top: 5px; 
}

.cs-right { 
    float: right;  
    margin: 0 5px 5px 0; 
    font-family: monospace; 
    text-align: right; 
    font-size: 11px; 
    line-height: 14px;
}


#hdWrap .gnb { 
    background-color: #fff; 
    border-top: 1px solid #D0D0D0; 
    border-bottom: 2px solid #111; 
    position: fixed; 
    top: 185px; 
    width: 100%; 
    z-index: 100; 
}
#hdWrap .gnb .gnb-list { 
    zoom: 1; 
    width: 1200px; 
    margin: 0 auto; 
}
#hdWrap .gnb .gnb-list:after { content: ""; display: block; clear: both; }
#hdWrap .gnb .gnb-list li { float: left; word-wrap: break-word; padding: 0 23px; position: relative; }
#hdWrap .gnb .gnb-list li a { font-size: 15px; color: #1e1e1e; display: block; line-height: 36px; font-weight: bold; }
#hdWrap .gnb .gnb-list li a:hover { color: #a0a0a0; }
#hdWrap .gnb .gnb-list .gnb-event a { font-weight: bold; }

/* 카테고리 서브메뉴 */
#hdWrap .gnb .gnb-list .subbox { border-bottom: 1px solid #cecece; padding: 15px 2px 5px; width: 156px; background: url(/design/koeld/tem30/box_arrow.gif) no-repeat scroll center 0 #fff; z-index: 99999; }
#hdWrap .gnb .gnb-list .subbox li { clea

r: both; padding: 0 10px; }
#hdWrap .gnb .gnb-list .subbox li a { font-size: 13px; line-height: 28px; }
#hdWrap .gnb .gnb-list .subbox li a:hover { color: #a0a0a0; }
#hdWrap .gnb .gnb-list .submenu1,
#hdWrap .gnb .gnb-list .submenu2,
#hdWrap .gnb .gnb-list .submenu3,
#hdWrap .gnb .gnb-list .submenu4,
#hdWrap .gnb .gnb-list .submenu5,
#hdWrap .gnb .gnb-list .submenu6,
#hdWrap .gnb .gnb-list .submenu7,
#hdWrap .gnb .gnb-list .submenu8,
#hdWrap .gnb .gnb-list .submenu9,
#hdWrap .gnb .gnb-list .submenu10,
#hdWrap .gnb .gnb-list .submenu11,
#hdWrap .gnb .gnb-list .submenu12 { position: absolute; left: -20px; top: 27px; }
#hdWrap .gnb .gnb-list .submenu1 { left: 0; }
/* BASIC css end */