/*  공통  */
.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;}

/*  헤더  */
header {background: #a0b8c8;}
#pc_menu {width: 1280px; min-width: 1280px; position: relative; z-index: 9999; margin: 0 auto;}
#pc_menu nav {height: 85px; padding: 0 10px;}
/*로고*/
h1.logo {width: 223px; height: 53px; background: url('/images/logo.png') no-repeat; background-size: 223px; text-indent: -9999px; margin-top: 15px;}

/*햄버거 버튼*/
.navicon-button { display: inline-block; position: relative; top: 12px; 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: #cc3366; transition: 0.2s; border-radius: 2.5rem;}
.navicon:before, .navicon:after { display: block; content: "";  background: #cc3366; 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: 190px; border-top: 5px solid #cc3366; position: relative;}
.gnb li {float: left; font-size: 18px; font-weight: bold; text-align: center; width: 120px; padding: 27px 20px;  line-height: 25px; transition: none;}
.gnb li:last-child {background: none;}
.gnb li:hover {color: #cc3366;}
.gnb li a {display: block;}
.gnb .sub_ul {display: none;transition: none; position: absolute; top: 80px; left: 0; width: 100%; background: white; border: 1px solid #a0b8c8; border-radius: 0 0 5px 5px;}
.gnb .sub_ul li { margin: 0; padding: 0; width: 25%; font-size: 15px; border-right: 0; 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: 25%; 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: #cc3366;} 



/*  푸터  */
footer {background: white; border-top: 1px solid #eee; padding: 40px 20px;}
footer img {width: 150px;}
footer .footer_text {border-left: 1px solid #d9d9d9; padding-left: 20px; margin-left: 20px;}
footer .footer_text h5 {font-size: 18px; font-weight: bold; color: #777;}
footer .footer_text p {color: #9fa0a0; font-size: 13px; line-height: 18px; margin-top: 10px;}



/*  메인페이지  */

/*메인이미지*/
#main_img { width: 100%; height: 790px; margin: 0 auto; min-width: 1280px; background: url('/images/main_img.jpg') no-repeat center; 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_banner {background: url('/images/main_slide_bg.jpg') no-repeat; height: 250px; padding-top: 30px;}
#main_banner .swiper-slide {text-align: center;}
#main_banner .swiper-slide p {color: white; margin-top: 10px;}

/*메인 최신글*/
#main_latest {padding-top: 90px; height: 750px; background: url('/images/main_bg.jpg') no-repeat;}
#main_latest .company_link {text-align: left; width: 50%;}
#main_latest .company_link h3 {font-size: 25px; line-height: 35px; color: #263256; }
#main_latest .company_link h3 .bold {font-weight: bold; color: inherit;}
#main_latest .company_link .link {font-size: 18px; color: #263256; display: inline-block; border: 1px solid #263256; background: white; padding: 10px 20px; margin-top: 30px; font-weight: bold;}
#main_latest .company_link .link:hover {background: #263256; color: white;}

#main_latest .latest {width: 50%;}
#main_latest .latest .title {margin-bottom: 15px;}
#main_latest .latest .title h3 {float: left; font-size: 25px; color: #263256; font-weight: bold;}
#main_latest .latest .title a {float: right; font-size: 15px; margin-top: 10px; color: #999;}
#main_latest .latest .latest_text {border-top: 2px solid #263256; border-bottom: 2px solid #263256; font-size: 15px;height:140px;text-align:left;padding-top:10px;padding-bottom:10px;}
#main_latest .latest .latest_text p {display:inline-block;width:100%;} 
#main_latest .latest .latest_text .subject {float:left;} 
#main_latest .latest .latest_text .date {float:right;} 

#main_latest .main_latest_img {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}










/*  서브 레이아웃  */

/*서브 상단 공통*/
.sub_bg { height: 500px; background: url('/images/sub_bg.jpg') no-repeat center #0277c6;}


/*서브 컨텐츠*/
.sub_content {background: url('/images/main_bg.jpg') no-repeat; min-height: 600px; padding-top: 100px; padding-bottom: 100px;}
.sub_content .title {margin-bottom: 100px;}
.sub_content .title h3 {font-size: 20px; width: 150px; text-align: center; height: 35px; line-height: 32px; border: 1px solid #0277c6; font-weight: bold; color:#0277c6; }
.sub_content .title p {line-height: 32px; color: #999;}
.sub_content .title p .bold {font-weight: bold; color: #666;}



/*인사말*/
h4.orange_font {font-size: 25px; line-height: 35px; color: #ff4d1a;}
h4.orange_font .bold {font-weight: bold; color: #ff4d1a;}
.greeting_txt {font-size: 20px; margin-top: 60px; line-height: 25px; }


/*  연혁 및 조직도  */
.history {font-size: 18px; margin-top: 100px;}
.history th {text-align: left; width: 120px; font-weight: bold;}
.history td {height: 40px;}
.organization {margin-top: 100px;}


/*  오시는 길  */
#map {width: 100%; height: 500px; background: gray; margin-top: 20px;}
.company_info p {margin-top: 20px;}
.company_info p .size_up {font-size: 20px; font-weight: bold;}


/*  제품소개  */
h4.blue_font {font-size: 25px; line-height: 35px; color: #5686d9;}
h4.blue_font .bold {font-weight: bold; color: #5686d9;}
.product_img {margin-top: 100px;}



/*  게시판  */
.board_text {margin-top: -100px; margin-bottom: 50px;}