@charset "utf-8";


/* reset */
* { padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, table {margin: 0; padding: 0; list-style: none;}
header, main, footer, section, article, aside, nav {display: block;}
a {color: inherit; text-decoration: none;}
a img {border: none;}
ul, dl,dt,dd {list-style: none;}
body,input,textarea,select,button,table{ font-family: "Noto Sans KR", 'Nanum Gothic', '돋움', sans-serif;  font-size: 15px; font-weight: 300; line-height: 26px; color: #333;} /*기본폰트설정*/




/*헤더*/

.ttmenu a { font-size:13px; padding:0 15px; line-height:32px; display:block}
.ttmenu .home a { background-color:#fff; color:#004990; border-left:solid 1px #ddd; border-right:solid 1px #ddd; padding:0 20px}
.ttmenu a:hover { color:#db2400; transition:all 0.5s}


#topmenu { width:100%;}
#main-menu > li { float: left;  position: relative; padding:0 38px !important}
#main-menu > li > a {
  font-size: 20px;
  font-weight:400;
  color: #333;
  text-align: center;
  text-decoration: none;
  letter-spacing: -0.2px;
  display: block;
  line-height:97px;
  opacity:1;
}
#main-menu > li > a:hover { color:#004ea2}

#sub-menu {
  position: absolute;
  background: #333;
  opacity: 0.5;
  visibility: hidden;
  transition: all 0.15s ease-in;
  top:97px;
  width:200px;
  left:-25px;
  line-height:20px;
  z-index:11;
  box-sizing:border-box
}

#main-menu > li:last-child { padding-right:0}

#main-menu > li:nth-child(2) #sub-menu > li > a { font-size:13px} 
#sub-menunth-child(2) { width:210px}

#sub-menu > li { border-bottom: 1px solid rgba(211,211,211,0.3); text-align:center;}

#sub-menu > li > a { color: #fff; text-decoration: none; font-weight:400; display:block; width:200px; text-align:center; font-size:15px; opacity:1; letter-spacing:-1px;  padding: 10px; box-sizing:border-box}
#main-menu > li:hover #sub-menu { opacity: 1; visibility: visible; }
#sub-menu > li >  a:hover { background-color:#004990}





/* 메인 */
.main_text01 { font-size:38px; font-weight:500; color:#333; text-align:center; line-height:45px}
.main_text02 { font-size:20px; font-weight:400; color:#868686; text-align:center; line-height:30px}


.main_call_bn_text01 { font-size:16px; font-weight:400; color:#c2e8ff; line-height:26px}
.main_call_bn_text02 { font-size:40px; font-weight:500; color:#fff; line-height:48px; text-shadow: 2px 2px 4px #333;}
.main_call_bn_text03 { font-size:16px; font-weight:400; color:#fff; line-height:26px}
.main_call_bn_text04 { text-align:center; line-height:35px}
.main_call_bn_text04 a { font-size:16px; font-weight:400; color:#fff; line-height:26px; display:block; width:250px; height:35px; border:solid 1px #fff; padding-top:5px}
.main_call_bn_text04 a img { padding-left:15px}
.main_call_bn_text04 a:hover { background-color:#004990; transition:all 0.5s; border:solid 1px #004990}
.main_call_bn_text04 a:hover img { padding-left:20px; transition:all 0.5s}





/* 서브페이지 공통 */
.sub_gnb { font-size:14px; font-weight:200; color:#626161 }

.left_menu_wrap { position:relative; margin-top:-43px; width:250px; z-index:1}

.sub_menu_title {background-color:#004ea2; height:180px; text-align:center; vertical-align:middle; font-size:20px; font-weight:400; color:#e0e0e0; line-height:28px}
.sub_menu_title span { font-size:35px; font-weight:500; color:#fff; line-height:36px}

.left_menu { /*height:30px;*/border-bottom:solid 1px #ddd; /*line-height:53px*/}
.left_menu a {padding:20px 0;font-size:14px; font-weight:400; color:#000; padding-left:20px; display:block; width:260px; /*height:53px;*/ background:url(../images/sub/left_menu_arr.png) no-repeat 93% center; letter-spacing:-0.8px; box-sizing:border-box}
.left_menu a:hover  { background-color:#f2f2f2; background:url(../images/sub/left_menu_arr.png) no-repeat 94% center; transition:all 0.2s}
.left_menu_wrap .on a { background-color:#f2f2f2;}
.left_menu_wrap .long a { line-height:20px; letter-spacing:-1px; font-size:14px; padding-right:40px; padding-top:7px; width:260px; box-sizing:border-box}

.left_menu_bn_text01 { font-size:13px; font-weight:300; color:#333; line-height:20px}
.left_menu_bn_text02 { font-size:28px; font-weight:500; color:#333; line-height:60px}
.left_menu_bn_text03 { font-size:14px; font-weight:300; color:#333; line-height:22px}
.left_menu_bn_text04 { border:solid 1px #ddd; text-align:center }
.left_menu_bn_text04 a { font-size:15px; font-weight:400; color:#333; line-height:35px; width:220px; display:block}
.left_menu_bn_text04 a img { padding-left:10px}
.left_menu_bn_text04 a:hover { background-color:#f2f2f2; transition:all 0.5s}
.left_menu_bn_text04 a:hover img { padding-left:20px; transition:all 0.5s}

.sub_page_title { font-size:30px; font-weight:500; line-height:60px; letter-spacing:-1px}
.sub_page_title_bar { width:50px; height:5px; background-color:#004990; display:block}




/* 회사소개 */
.com_text01 { font-size:25px; font-weight:500; line-height:40px; color:#0042af}
.com_text02 { font-size:18px; line-height:28px}
.com_text03 { font-size:20px; font-weight:400;  line-height:28px}
.com_text03 span { font-size:30px; padding-left:15px;}
.com_text04 {border:solid 2px #f2f2f2; padding:15px 30px; font-size:16px}
.com_text04 span  {font-size:18px; font-weight:400; color:#039; padding-right:10px}




/* 제품소개 */
.pro_text01 { font-size:30px; font-weight:500; line-height:50px; color:#004990; border:solid 2px #004990; padding-left:20px; border-bottom-right-radius:10px}