/*  공통  */
.w_1280 {width: 1280px; min-width: 1280px; margin: 0 auto;}
.e_font {font-family: 'Montserrat', sans-serif;}
.font_color {color: #b11515;}
.gray_bg {background: #f4f4f4;}
.gray_line {display: block; width: 100%; height: 1px; background: #d9d9d9;}
.sub_title {font-size: 35px;}
.mar_t_100 {margin-top: 100px;}
.mar_b_100 {margin-bottom: 100px;}
.mar_t_80 {margin-top: 80px;}
.mar_b_80 {margin-bottom: 80px;}
.mar_t_50 {margin-top: 50px;}
.mar_b_50 {margin-bottom: 50px;}
.mar_t_40 {margin-top: 40px;}
.mar_b_40 {margin-bottom: 40px;}
.mar_t_20 {margin-top: 20px;}
.mar_b_20 {margin-bottom: 20px;}
.pad_t_100 {padding-top:100px;}
.pad_b_100 {padding-bottom: 100px;}
.pad_t_80 {padding-top:80px;}
.pad_b_80 {padding-bottom: 80px;}
.pad_l_20 {padding-left:20px;}
.pad_r_20 {padding-right: 20px;}

/*  헤더  */
#pc_menu {width: 1280px; min-width: 1280px; position: relative;  z-index: 9999; top: 70px; margin: 0 auto;}
#pc_menu nav {height: 60px; background: rgba(255,255,255,0.9); padding: 0 10px;}
/*로고*/
h1.logo {width: 220px; height: 46px; background: url('/images/logo.png') no-repeat; background-size: 220px; text-indent: -9999px; margin-top: 10px;}

/*햄버거 버튼*/
.navicon-button { display: inline-block; position: relative; transition: 0.25s; cursor: pointer; user-select: none; height: 60px; text-align: center; line-height: 60px; width: 60px; z-index: 9999;}
.navicon {position: relative; display: inline-block; background: #00509c; transition: 0.2s; border-radius: 2.5rem;}
.navicon:before, .navicon:after { display: block; content: "";  background: #00509c; position: absolute; transition: 0.2s;}
.navicon:before {top: 8px;}
.navicon:after {top: -8px;}
.navicon, .navicon:before, .navicon:after {width: 2.5rem; height: 2px;}
.navicon-button .navicon:before, .navicon-button .navicon:after { transition: 0.25s;}
.navicon-button:hover .navicon:before, .navicon-button:hover .navicon:after { transition: 0.25s;}
.navicon-button:hover .navicon:before { top: 6px;}
.navicon-button:hover .navicon:after { top: -6px;}

/*햄버거 버튼 애니메이션*/
.open:not(.steps) .navicon:before, .open:not(.steps) .navicon:after {top: 0 !important;}
.open .navicon:before, .open .navicon:after {transition: 0.2s;}

/*PC메뉴*/
.gnb {margin-left: 50px;}
.gnb li {float: left; font-size: 18px; font-weight: bold; text-align: center; width: 120px; padding: 18px 20px; position: relative; line-height: 25px; transition: none; background: url('/images/menu_bar.png') no-repeat right 10px;}
.gnb li:last-child {background: none;}
.gnb li:hover {color: #0491dc;}
.gnb li a {display: block;}
.gnb .sub_ul {display: none;transition: none; position: absolute; top: 60px; left: 0; width: 100%; background: white; border: 1px solid #d9d9d9;}
.gnb .sub_ul li {float: none; margin: 0; padding: 0; font-size: 13px; border-right: 0; border-bottom: 1px solid #d9d9d9; color: #999; text-align: center; background: none;}
.gnb .sub_ul li:last-child {border-bottom: 0;}
.gnb .sub_ul li a {padding: 10px 5px; }
.gnb .sub_ul li:hover {color: #333;}

/*사이트맵*/
.sitemap {position: absolute; display: none; transition: none;}
.sitemap > ul {background: white; padding: 50px 0; border: 1px solid #d9d9d9;}
.sitemap ul li.depth_1 {width: 20%; height: 150px; float: left; text-align: center; font-size: 15px; border-right: 1px solid #d9d9d9;}
.sitemap ul li.depth_1:last-child {border-right: 0;}
.sitemap ul li.depth_1 .title {font-size: 18px; font-weight: bold; margin-bottom: 15px; display: block;}
.sitemap ul li.depth_1 ul li {margin-bottom: 10px; color: #999; transition: none;}
.sitemap ul li.depth_1 ul li:hover {color: #0491dc;}



/*  푸터  */
footer {background: #eff2f4; padding: 40px 20px;}
footer p {color: #9fa0a0; font-size: 13px; line-height: 18px; margin-top: 10px;}



/*  메인페이지  */

/*메인이미지*/
/*#main_img { width: 1280px; height: 875px; margin: -60px auto 0; min-width: 1280px; background: url('/images/main_img1.jpg') no-repeat center; position: relative;}*/
#main_img { width: 1280px; height: 875px; margin: -60px auto 0; min-width: 1280px; position: relative;}
#main_img .text_box {position: absolute; top: 280px; right: 150px; }
#main_img .text_box h2 {font-size: 55px; line-height: 65px; font-weight: 700; color: white; text-shadow: 0 0 5px rgba(0,0,0,0.5);}
#main_img .text_box h2 .box {background: #14126f; padding: 1px 10px; color: white;}
#main_img .text_box a {font-weight: 700; color: white;  font-size: 15px; border: 2px solid white; margin-top: 20px; padding: 10px; display: inline-block;}
#main_img .text_box a:hover {background: #0491dc;}

#main_img_bg {width: 100%; height: 875px; top:36px; min-width: 1280px; position: absolute;}

/*메인 퀵 배너*/
#main_banner ul {margin-top: -80px; position: relative;}
#main_banner ul li {height: 157px; width: 24%; margin: 0 0.5%; float: left; text-align: center; line-height: 157px; font-size: 20px; color: white; font-weight: bold;}
#main_banner ul li:nth-child(1) {background: url('/images/main_quick_1.jpg') no-repeat; background-size: cover;}
#main_banner ul li:nth-child(2) {background: url('/images/main_quick_2.jpg') no-repeat; background-size: cover;}
#main_banner ul li:nth-child(3) {background: url('/images/main_quick_3.jpg') no-repeat; background-size: cover;}
#main_banner ul li:nth-child(4) {background: url('/images/main_quick_4.jpg') no-repeat; background-size: cover;}
#main_banner ul li:nth-child(1):hover {background: url('/images/main_quick_1_on.jpg') no-repeat; background-size: cover;}
#main_banner ul li:nth-child(2):hover {background: url('/images/main_quick_2_on.jpg') no-repeat; background-size: cover;}
#main_banner ul li:nth-child(3):hover {background: url('/images/main_quick_3_on.jpg') no-repeat; background-size: cover;}
#main_banner ul li:nth-child(4):hover {background: url('/images/main_quick_4_on.jpg') no-repeat; background-size: cover;}
#main_banner ul li a {display: block;}

/*메인 텍스트*/
#main_content p {color: #999;}
#main_content .more_banner li {float: left; width: 33.333%; text-align: center; border-right: 1px solid #d9d9d9;}
#main_content .more_banner li:last-child {border-right: 0;}
#main_content .more_banner li a {display: block;}
#main_content .more_banner li h4 {font-size: 20px; width: 160px; height: 40px; line-height: 40px; background: #00498f; color: white; margin: 0 auto 70px; border-radius: 40px;}
#main_content .more_banner li img {margin-bottom: 40px;}
#main_content .more_banner li p {font-size: 12px;font-weight: 700;}
#main_content .more_banner li:hover p {color: #00498f;}

/*메인 최신글*/
#main_latest .notice {width: 50%; height: 355px; float: left; background: url("/images/notice_bg.jpg") no-repeat; padding: 50px 0 0 145px;}
#main_latest .notice h4, #main_latest .recruit h4 {font-size: 25px; font-weight: bold; color: white;}
#main_latest .notice h4 span, #main_latest .recruit h4 span {font-size: 15px; color: white; margin-left: 5px;}
#main_latest .notice .latest_list {width: 400px; height: 230px; border: 1px solid white; margin-top: 10px;padding:10px;}
#main_latest .notice .latest_list .subject {float:left;color:#fff;}
#main_latest .notice .latest_list .date {float:right;color:#fff;}
#main_latest .notice p {}
#main_latest .recruit {width: 50%; height: 355px; float: left; background: url("/images/quick_bg.jpg") no-repeat; padding: 50px 0 0 100px;}
#main_latest .recruit p {color: white; font-size: 35px; line-height: 45px; font-weight: bold; margin-top: 50px;}
#main_latest .recruit a {font-weight: 700; color: white;  font-size: 13px; border: 2px solid white; margin-top: 10px; padding: 10px; display: inline-block; background: #59bce7;}
#main_latest .recruit a:hover { color: #333; border: 2px solid #1c93c6;}






/*  서브 레이아웃  */

/*서브 상단 공통*/
.sub_common { height: 190px; margin: -100px auto 0; background: #e5f5f6; position: relative;}
.sub_common_text {background: #0a90cf; width: 100%; height: 90px;text-align: right; padding: 15px 150px;}
.sub_common_text h3 {color: white; font-weight: bold; font-size: 36px;}
.sub_common_text p {color: #ccc; font-size: 18px; font-weight: bold;}

/*lnb 위의 타이틀 바*/
.sub_title {height: 60px; background: #e5f5f6; border-bottom: 1px solid #dbe6e9;}
.sub_title .lnb_title {background: #32a5dc; float: left; font-size: 24px; width: 180px; text-align: left; padding-left: 20px; border-bottom: 10px solid #00498f; color: white; line-height: 50px;}
.sub_title h3 {float: left; font-size: 34px; font-weight: bold; line-height: 60px; color: #666; padding-left: 50px;}
.sub_title p {float: right; font-size: 13px; color: #666;    margin-top: 30px;}

/*lnb*/
.sub_contents .lnb {float: left; width: 180px;font-size: 16px; line-height: 35px;}
.sub_contents .lnb li {border-bottom: 1px solid #d9d9d9;  padding-left: 20px; color: #666; transition: none;}
.sub_contents .lnb li:hover {color: #59bce7;}
.sub_contents .lnb li a {display: block;}

/*서브 컨텐츠*/
.sub_contents .content_box {float: left; width: 800px; padding: 35px 0px 70px 50px;}
.sub_contents .content_box .slogan {display: block; margin: 0 auto 50px;}

/*  오시는 길  */
#map {width: 100%; height: 600px;}
.address {font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 10px;}
.addr_info {font-size: 15px;}



/*  연혁  */
.history li {font-size: 20px; line-height: 50px; border-bottom: 1px solid #d9d9d9;}
.history li .date {color: #666; width: 120px; display: inline-block;}


/*  제품소개  */
.product_title {font-size: 25px; text-align: left; margin-bottom: 20px; color: #999;}
.product_title .bold {color: #666; font-weight:bold;}