@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'JalnanGothic';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{text-decoration: none ; font-family: 'Noto Sans KR', sans-serif; color:#303030; }
a{color:#303030}
.header{position: relative; width: 100%;  height: 90px; margin: 0 auto; box-sizing: border-box; }
.h_flex{display: flex; align-items: center; justify-content: space-between;}

/* wrap */
#wrap {position: relative;}

#contents{
  margin-top:100px
}

.container{
  max-width: 1410px;
  position: relative;
  width: 100%;
  height: inherit;
  margin: 0 auto;
  box-sizing: border-box;
}

/* header */
#header {position: relative;}
.header { position: fixed; width: 100%; height: 100px; z-index: 100; background: #fff; top: 0; padding:0 30px }
.header_wrap { position: relative; padding: 38px 0px; }
.header .h_left {}
.header .h_left .logo { display: flex; gap: 50px; align-items: center;  }
.header .h_left .logo a {display: inline-block;  background-image: url('../images/common/logo.png'); width:146px; height:33px; text-indent:-9999px; background-repeat: no-repeat; }
.header .h_left .logo .text_name { font-size:14px; font-weight:900; color:#333333;; }
.header .h_left .logo .text_numbering { font-size:14px; font-weight:900; color:#005a4a; }
.header .h_right { position:absolute; top: 50%; margin-top: -14px; right:0px; }
.header .h_right .menu_bar { position:absolute; right: 0px; }
.header .h_right .menu_btn { display:block; width:38px; height:28px; }
.header .menu_wrap { position: fixed; display: block; left: 0px; right: 0px; top: 99px; background-color: #ffffff; width: 100%; padding: 20px; z-index:10;display: none}
.header .menu_wrap.active { display:block; }
.header .menu_wrap .section_wrap { float:left; width:23.5%; margin-right:2%; }
.header .menu_wrap .section_wrap:nth-child(4) { margin-right:0px; }
.header .menu_wrap .section_tit { font-size:24px; font-weight:900; margin-bottom:25px; }
.header .menu_wrap .section_list {}
.header .menu_wrap .section_list li { margin-bottom: 20px; }
.header .menu_wrap .section_list li a { display: block; font-size:14px; }
.header .menu_wrap .section_list li a strong { display:block; font-weight:600; }





.close { position: relative; width: 50px; height: 50px;display: none}
.close::before,
.close::after { position: absolute; left: 15px; content: ''; width: 2px; height: 40px;  background: #000; }
.close::before { transform: rotate(45deg);  }
.close::after { transform: rotate(-45deg);  }

#footer { background-color:#464646; padding: 75px 0px; }
#footer .footer .container:after { display:block; content:''; clear:both; }
#footer .company_logo { float:left; width: 24%; margin-right:2%; }
#footer .company_logo .logo { margin-bottom:10px; }
#footer .company_logo .copy { font-size:16px; color:#ffffff; }
#footer .company_info { float:left; width: 36%; margin-right:2%; }
#footer .company_info .part { font-size: 16px; color:#fff; line-height:30px; margin-bottom:20px; }
#footer .company_info .part.last { margin-bottom:0px; }
#footer .company_info .part span { display:block; font-weight:600; color:#fff; }
#footer .company_tel { float:left; width:36%; font-size: 16px; color:#fff;  }

#top-btn { position:fixed; right:20px; bottom: 20px; z-index:10; }
#top-btn a { background-image:url('../images/common/top_arrow_btn.png'); background-repeat:no-repeat; background-position:center; display:block; width:70px; height:70px; text-indent:-9999px; background-color:rgba(0,0,0,0.2); }


@media all and (max-width:1410px) {
	.header .h_right .menu_bar { right:0px; }
  #footer { padding: 50px 15px;  }
}
@media all and (max-width:1024px) {
  .header .h_left .logo{gap: 15px;}
  .header .h_left .logo .text_name { display:none; }
  .header .menu_wrap .section_wrap { float:initial; width:100%; margin-bottom: 20px; margin-right:0px; }
  .header .menu_wrap .section_wrap:nth-child(4) { display:none; }
  .header .menu_wrap .section_tit { font-size:14px; margin-bottom:5px; }
  .header .menu_wrap .section_list li { margin-bottom:8px; }
  .header .menu_wrap .section_list li a { font-size: 12px; }
  .header .menu_wrap .section_list li strong { font-size: 0px; }
  #footer { text-align:center; }
  #footer .company_logo { float: initial; width:100%; margin-bottom:15px; }
  #footer .company_info { float:initial; width: 100%; }
  #footer .company_tel { float:initial; width:100%; }
 }
@media all and (max-width:768px) {
 .header .h_left .logo { align-items: flex-end; gap: 10px;}
 }
@media all and (max-width:460px) {  .header .h_left .logo a {  width: 140px; height: 25px; background-size: cover;} }
@media all and (max-width:360px) { }