@charset "utf-8";

/*한글 Pretendard*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
/* 영문 poppins */
@import url('https://webfontworld.github.io/Poppins/Poppins.css');

body { word-break: keep-all !important; font-family: "Pretendard Variable", Pretendard, -apple-system,'Poppins'; font-size:11.5pt !important;}
body, html { padding:0; margin:0; height:90%;}

.sit_use_tit, .sit_qa_li_title { font-size:small !important; font-weight:normal !important; }
.bo_v_tit { font-size:80% !important; font-weight: normal !important;}
.btn02, .btn01, .btn, .btn_submit { font-size:100% !important;font-weight: normal !important;}
#sit_use_list h3, #sit_qa_list h3 { font-size:120% !important; font-weight:bold;}

a {color:inherit;text-decoration: none;}
a:hover { color:#8b8b8b;}
#topnav .worknav .mainmenu > a:hover { border-top:1px solid #ccc !important;transition: .1s;padding-top:4px;} 
#topnav .login_menu a:hover { color:#8b8b8b;}

#totalmenu { display:none;}
#totalmenu a { margin:3px 0;}
#totalmenu a:hover { border-top:0 !important; padding-top:0 !important;color:#8b8b8b !important;}

#submenu .two {  margin-top:12px; }
#submenu .two a {  display:block;}
#submenu .two a:hover { color:blueviolet; transition: .1s;}

.goods img { transition:all 1s ease-in;}
.goods img:hover { transform: scale(0.9);}

.main_box { margin-top:90px !important;}
.gr_title { margin-bottom:50px;}
.gr_title_memo { color:darkolivegreen;}
.gr_title_line { width:100px;color:#000 !important;}


.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}


footer .contact a:hover { color:#D3D3D3 !important; border:1px solid #000 !important;}


@media (min-width: 1200px) { 
   #submenu { width:30%;}
   .main_box { padding-left: 120px !important; padding-right:120px !important;}
   .detailfind { margin-left:0; margin-right:0;}
   .pagemenu select { width:auto !important; }
}
@media (max-width: 1599px) { 
   img {max-width:100%;height:auto;};
}
@media (max-width:400px) {
  .gr_title_line { width:50px !important;} 
}
@media (max-width:300px) {
  .gr_title_line { display:none !important;} 
}        

.carousel-item { /* 화면 전이 효과*/
  transition: transform 1s ease-in; 
}