@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');

img { display:inline-block; max-width:100%; height:auto; }

#hd_menu_wrapper .container { position:relative; }
#hd_menu_wrapper #menu_open { font-size:16px; }

a { text-decoration: none !important; }

.gnb { padding: 0 45px; box-sizing:border-box; justify-content:space-between; }
.gnb .de1_li { position:relative; text-align: center; }
.gnb .de1_li .de1_a { display:flex; height:48px; text-align: center; justify-content:center; align-items:center; font-size:16px; }
.gnb .de1_li .inner { background:#fff; position:absolute; left:-15px; width:195px; padding: 20px 20px 30px; box-sizing:border-box; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); z-index:2; display:none; }
.gnb .de1_li .inner .tit { font-size:16px; color:#3a3a3a; font-weight: 500; display:flex; align-items:baseline; justify-content:space-between; border-bottom: 1px solid #dadada; box-sizing:border-box; padding-bottom: 2px; }
.gnb .de1_li .inner .tit:after { content:"\f107"; font-family: "Font Awesome 5 Free"; font-size:17px; color:#666; font-weight: 600; }
.gnb .de1_li .inner .de2_ul { margin-top: 16px; }
.gnb .de1_li .inner .de2_ul .de2_li { margin-top: 6px; text-align:left; }
.gnb .de1_li .inner .de2_ul .de2_li:first-child { margin-top: 0; }
.gnb .de1_li .inner .de2_ul .de2_li .de2_a { display:inline-block; border-bottom: 1px solid transparent; font-size:14px; color:#666; padding-bottom: 2px; box-sizing:border-box; }

.gnb .de1_li:hover .inner { display:block; }
.gnb .de1_li .inner .de2_ul .de2_li .de2_a:hover { border-color: #44aee2; color:#44aee2; font-weight: 500; }

/* 카테고리 */
#category { display: none;position:absolute; background:transparent; width:100%; left:0; top:49px; z-index:3; }
#category .de1_ul { background:#fff; display:flex; flex-wrap:wrap; /*border: 1px solid #8fdaed;*/ box-sizing:border-box; padding: 0 50px 50px 20px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
#category .de1_ul .de1_li { width:20%; margin-top: 40px; padding-left: 30px; box-sizing:border-box; }
#category .de1_ul .de1_li .de1_a { font-size:16px; color:#222; font-weight: 600; border-bottom: 1px solid #eaeaea; box-sizing:border-box; display:block; padding-bottom: 7px; }
#category .de1_ul .de1_li .de2_ul { margin-top: 9px; }
#category .de1_ul .de1_li .de2_ul .de2_li { margin-top: 5px; }
#category .de1_ul .de1_li .de2_ul .de2_li:first-child { margin-top: 0; }
#category .de1_ul .de1_li .de2_ul .de2_li .de2_a { font-size:14px; color:#222; }

/* header */
.sub_head { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align: center; padding-top: 13px; box-sizing:border-box; height:182px; }
.sub_head i { display:inline-block; width:5px; height:5px; background:#41afe4; border-radius:50%; }
.sub_head .tit { font-size:26px; color:#41afe4; font-weight: 600; text-align: center; margin: 4px 0 5px; }
.sub_head .enTit { font-size:16px; color:#666; font-family: "Montserrat"; text-transform:uppercase; font-weight: 400; }