/**/

/* */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);


h1,h2,h3,h4,h5,h6
{font-family:'Lato';}
* , p, a, li, ul, span
{font-family:'Spoqa Han Sans';}


.section .container
{max-width:1140px; margin:0 auto; widht:100%; padding:0px;}
.section .sec_tit
{text-align:center; margin-bottom:30px;}
.section .sec_tit h2
{margin:0px; color:#232323; font-weight:700; font-size:44px;}
.section .sec_tit p
{font-size:17px; color:#878787; margin:5px 0px;}

/** nav STR **/
#header
{height:100px; border-bottom: 1px solid #fff;}
#header .header_gnb
{height:100%;}
#header .header_gnb .contains
{max-width:1140px;}
#header .header_gnb .contains .header_wrap
{height:100%;}
#header .header_gnb .contains .header_wrap .logo a, #header .header_gnb .contains .header_wrap .logo img
{max-height:53px; width:207px;}

#header #gnb
{width:60%;}
#header #gnb .menu .link
{height:100%; line-height:100px;}
#header .header_main.active #gnb .menu:hover a.link
{color:#27896d;}
#header #gnb .menu .sub_menu
{top:100px; padding:0px !important;}


#header .header_main .header_gnb .contains .header_wrap .logo
{left:-70px;}
#header .header_main .header_gnb .contains .header_wrap .logo_on
{position:Absolute; top:15px; left:-70px; z-index:20; margin:0px;}
#header .header_main .header_gnb .contains .header_wrap .logo_on a
{max-height:53px; width:207px;}


/* logo2 */
#header .header_main .header_gnb .contains .header_wrap .logo-2
{position:absolute; left:160px;}


/* menu mouse hover STR */
#header .header_main .header_gnb .contains .header_wrap .logo_on
{left:-70px;}
#header .header_main .header_gnb .contains .header_wrap .logo_on a img
{display : none;}
#header .header_main.active .header_gnb .contains .header_wrap .logo_on a img
{display : inline-block;}
#header .header_main .header_gnb .contains .header_wrap .logo a img
{display : inline-block;}
#header .header_main.active .header_gnb .contains .header_wrap .logo a img
{display : none;}
/* menu mouse hover END */

/* menu scrollDown STR */
#head-area .header_main .header_gnb .contains .header_wrap .logo_on a img
{display : none;}
#head-area.header_scroll .header_main .header_gnb .contains .header_wrap .logo_on a img
{display : inline-block;}
#head-area .header_main .header_gnb .contains .header_wrap .logo a img
{display : inline-block;}
#head-area.header_scroll .header_main .header_gnb .contains .header_wrap .logo a img
{display : none;}
/* menu scrollDown END */

/** nav END **/





.section01
{padding:70px 0px;}

.section01 .product_wrap:after
{clear:both; content:''; display : block;}
.section01 .product_wrap .pro_wrap
{float:left; margin-right:2%; width:32%; border:1px solid #ddd; margin-bottom:3%; text-align:center; border-top:2px solid #094392;transition-duration:0.2s;}
.section01 .product_wrap .pro_wrap:nth-child(3),
.section01 .product_wrap .pro_wrap:nth-child(6)
{margin:0px;}
.section01 .product_wrap .pro_wrap .pro_txt
{margin:0px; padding:20px 0px; border-top:1px solid #ddd; color:#464646; font-size:17px; transition-duration:0.2s;}
.section01 .product_wrap .pro_wrap:hover
{transform:translate(0px,-10px);}
.section01 .product_wrap .pro_wrap:hover .pro_txt
{background:#094392; color:white; }

.section01 .more
{width:100%;text-align:center; margin-top:30px;}
.section01 .more a
{border:2px solid #d8d8d8; color:#464646; font-size:15px; padding:15px 70px; transition-duration:0.1s;}
.section01 .more a:hover
{background:#094392; border-color:#094392; color:white;}


.section02
{padding:100px 0px; background:url('../img/section02_bg.jpg') center; text-align:center;}
.section02 .sec02_tit
{font-size:42px; font-weight:600; color:white;}
.section02 .sec02_txt
{font-size:19px; color:white; font-weight:300; line-height:130%; margin-top:20px;}
.section02 a
{display : inline-block; color:white; padding:15px 40px; border:2px solid white; margin-top:20px; transition-duration:0.1s;}
.section02 a:hover
{background:#094392; border-color:#094392;}

.section03
{padding:70px 0px;}
.section03 .contact_wrap
{width:32%; float:left; margin-right:2%; position:relative; border:1px solid #eee;}
.section03 .contact_wrap:last-child
{margin-right:0px; border:none;}
.section03 .contact_wrap h4
{display : inline-block; color:#4c4c4c; font-size:19px; font-weight:600; margin:20px;}
.section03 .contact_wrap.location .root_daum_roughmap_landing
{width:100%;}
.section03 .contact_wrap .contact_plus
{position:absolute; right:10px; top:16px; width:26px;height:26px;}
.section03 .contact_wrap .contact_plus .plus_col
{width:2px; height:26px; background:#cfcfcf; position:absolute; right:12px;}
.section03 .contact_wrap .contact_plus .plus_row
{width:26px; height:2px; background:#cfcfcf;position:absolute; top:12px;}


.section03 .notice .contact_inner
{border-top:1px solid #ddd; padding:20px 20px 30px; height:240px;}
.section03 .notice .noticeoutput > tbody
{display : inline-block; width:100%;}
.section03 .notice .noticeoutput > tbody > .board_output_11_tr
{display : inline-block; width:100%; padding:5px 0px 2px;}
.section03 .notice .noticeoutput > tbody > .board_output_11_tr td.bd_out1 a
{color:#6c6c6c !important; font-size:15px !important;}
.section03 .notice .noticeoutput > tbody > .board_output_11_tr td:nth-child(3)
{font-size:14px !important; color:#b1b1b1;}


.section03 .customer 
{background:#094392; text-align:center; padding:20px; height:302px;}
.section03 .customer h4
{color:white;font-size:22px;}
.section03 .customer p
{font-size:16px; color:white;}
.section03 .customer .cus_tel
{font-size:33px; color:white; font-weight:600;}
.section03 .customer .cus_fax
{font-size:22px; color:white; margin-bottom:25px;}
.section03 .customer .contact_inner a
{display : inline-block; padding:10px 25px; background:white; color:#012fb0;}
.section03 .customer .contact_inner a:hover
{background:#eee;}


.cs-divs
{background:#383838;}
.cs-divs .cs-div
{padding:50px 0px; text-align:left; max-width:1140px;}
.cs-divs .cs-div .f_menu ul li
{display : inline-block;}
.cs-divs .cs-div .f_menu ul li a
{color:#d3d3d3;}
.cs-divs .cs-div .f_menu ul small
{padding:0px 10px;}

.cs-divs .f_txt
{margin-top:20px !important;}
.cs-divs .f_txt li
{padding-bottom:0px;}
.cs-divs .f_txt li span
{color:#929292;font-size:15px;}
.cs-divs .f_txt li.copy
{margin-top:10px;}


/* sub page */
#sub-body{clear:both; margin:0 auto; width:100%;padding:0;}
#sub-body .sub-body-cn:after
{display : block; content:''; clear:both;}
.subbg1{background:url('sub-menu-bg1.jpg')no-repeat center top; background-size:cover; }
.subbg2{background:url('sub-menu-bg2.jpg')no-repeat center top; background-size:cover; }
.subbg3{background:url('sub-menu-bg3.jpg')no-repeat center top; background-size:cover; }
.subbg4{background:url('sub-menu-bg4.jpg')no-repeat center top; background-size:cover; }
.subbg5{background:url('sub-menu-bg5.jpg')no-repeat center top; background-size:cover; }

/*
.submn1 .sub-menus ul li:nth-child(1) a{color:#fff;background:#278565;}
.submn2 .sub-menus ul li:nth-child(2) a{color:#fff;background:#278565;}
.submn3 .sub-menus ul li:nth-child(3) a{color:#fff;background:#278565;}
.submn4 .sub-menus ul li:nth-child(4) a{color:#fff;background:#278565;}
.submn5 .sub-menus ul li:nth-child(5) a{color:#fff;background:#278565;}
.submn6 .sub-menus ul li:nth-child(6) a{color:#fff;background:#278565;}
.submn7 .sub-menus ul li:nth-child(7) a{color:#fff;background:#278565;}
.submn8 .sub-menus ul li:nth-child(8) a{color:#fff;background:#278565;}

.sub-menus ul li
{background:white;}
.sub-menus ul li a
{color:#333;}
*/


.sub-body-cn .col-md-3 #secondmenu .leftmenu
{display : inline-block; width:100%;}
.sub-body-cn .col-md-3 #secondmenu .leftmenu h1
{font-size:20px; border-bottom:2px solid #094392; padding-bottom:10px; font-weight:600; color:#094392; margin:0px;}
.sub-body-cn .col-md-3 #secondmenu .leftmenu .nav__list > li > label
{font-size:16px;margin:0px;padding:10px 8px; font-weight:400; cursor:pointer;}
.sub-body-cn .col-md-3 #secondmenu .leftmenu .nav__list > li > .group-list > li > label
{ font-size:15px;padding:10px 8px 10px 20px; background:#f7f7f7; color:#666; font-weight:400; margin:0px; border-left:3px solid #969696; cursor:pointer;}
.sub-body-cn .col-md-3 #secondmenu .leftmenu .nav__list > li > .group-list > li .sub-group-list li
{ background:#ddd; border-bottom:1px solid #a9a9a9;}
.sub-body-cn .col-md-3 #secondmenu .leftmenu .nav__list > li > .group-list > li .sub-group-list li a
{color:#000; width:100%; display : inline-block; padding:10px 37px;}
.sub-body-cn .col-md-3 #secondmenu .leftmenu .nav__list > li > .group-list > li .sub-group-list li:hover, 
.sub-body-cn .col-md-3 #secondmenu .leftmenu .nav__list > li > .group-list > li .sub-group-list li.menu-on 
{background:linear-gradient(100deg, #efefef, #ddd);}



.sub-body-cn .col-md-3 #secondmenu .leftmenu dl dt
{padding:5px 0px; font-weight:400; border-bottom:1px solid #eee;}
.sub-body-cn .col-md-3 #secondmenu .leftmenu dl dt a
{font-size:16px; color:#828282; width:100%; display : inline-block;}
.sub-body-cn .col-md-3 #secondmenu .leftmenu dl dt a:hover
{color:#094392;}

.gallerybbs .board tbody tr td
{padding: 0px 1px;}
.gallerylist .board table td img
{height:auto;}





/***/
.nav__list input[type=checkbox] {display: none;}
.nav__list input[type=radio] {display: none;}

.group-list, .sub-group-list, .sub-sub-group-list {height: 100%; max-height: 0; overflow: hidden; -webkit-transition: max-height .3s ease-in-out; transition: max-height .3s ease-in-out;}
.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */ max-height: 1000px; }
.nav__list input[type=radio]:checked + label + ul { /* reset the height when checkbox is checked */ max-height: 1000px; }


.group-list label > span, .sub-group-list label > span {margin-top: 0;}

label > span.nav-left-arrow {float: right; margin-right: 7px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 1;}
label > span.nav-left-close {float: right; margin-right: 7px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;  opacity: 0; position: relative; right: -19px; z-index: 1;}

.nav__list input[type=checkbox]:checked + label > span.nav-left-arrow  { opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.nav__list input[type=radio]:checked + label > span.nav-left-arrow  { transform: rotate(90deg); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
/* .nav__list input[type=checkbox]:checked + label > span.nav-left-close { opacity: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.nav__list input[type=radio]:checked + label > span.nav-left-close { opacity: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } */

.sub-contents .sub-menu-tabs {overflow: hidden; margin: 30px 0 !important;}
.sub-contents .sub-menu-tabs a {text-align: center; display: block; background: #ddd; border-radius: 4px; font-size: 15px; padding: 10px 0; font-weight: 600; color: #000;}
.sub-contents .sub-menu-tabs a:hover, .sub-contents .sub-menu-tabs a.on {background: #395da5; color: #fff; box-shadow: 0px 5px 17px rgba(0,0,0,0.2);}

.leftmenu {position: relative; top: 0px; z-index: 9;}
.leftmenu.left-sticky {position: fixed; width: 270px; top: 110px;}


.gallerylist .board td.bbsnewf5 table td a > img
{width:269px;}

/***/

/* sub gallery nav */


.col-md-3 .nav .nav__list li label
{width:100%;}
/*
label > span.nav-left-arrow
{float:right; margin-right:7px; opacity:1;}
label > span.nav-left-close
{float:right;margin-right:7px; opacity:0; position:relative; right:-19px; z-index:1;}
*/



/* sub company */
.sub_body > h2
{font-size:18px; line-height:140%; color:#333; display : inline-block;}
.sub_body > p
{font-size:16px;}
.sub_body > h4
{margin-top:30px; font-size:18px; color:#333;}

/* sub-location */
.location_map
{width:100%; display : inline-block;}
.location_map .root_daum_roughmap_landing
{width:100%;}

@media screen and (max-width:500px){
	.sub-body-cn .col-md-3 #secondmenu .leftmenu
	{position:relative !important; top:0px !important; left:0px; width:100% !important;}
}
@media screen and (max-width:414px){
	#header .header_main .header_gnb .contains .header_wrap .logo
	{top:15px; left:5px;}
	#head-area .header_main .header_gnb .contains .header_wrap .logo a img
	{width:175px;}
	#header .header_main .header_gnb .contains .header_wrap .logo-2
	{position:absolute; left:190px; width:110px; top:7px;}
	/** nav **/
	#header, #header .header_gnb
	{height:100px !important;}
	#header #gnb .menu .link
	{line-height:60px; text-align:left;}
	#header #gnb .menu .sub_menu
	{top:0px;}
	#header #gnb .menu .sub_menu a
	{padding:10px 30px; text-align:left;}
	
	#header .header_wrap .btn_menu
	{right:10px;}
	#header .header_main .header_gnb .contains .header_wrap .logo
	{top:15px; left:5px;}
	#header .header_main .header_gnb .contains .header_wrap .logo_on
	{left:5px;}
	

	#header .header_main .header_gnb .contains .header_wrap .logo_on
	{width : 175px;}



	.section .sec_tit h2
	{font-size:36px;}
	
	.section01
	{padding:70px 10px;}
	.section01 .product_wrap .pro_wrap
	{width:100%;}
	
	.section02
	{padding:80px 10px;}
	.section02 .sec02_tit
	{font-size:32px;}
	.section02 .sec02_txt .mobile_hide
	{display :none;}
	
	
	.section03
	{padding:70px 10px;}
	.section03 .contact_wrap
	{width:100%; margin-right:0px; margin-bottom:2%;}
	
	.section03 .notice .noticeoutput > tbody > .board_output_11_tr td:first-child
	{display : inline-block;}
	.section03 .notice .noticeoutput > tbody > .board_output_11_tr td.bd_out1
	{display : inline-block;}
	.section03 .notice .noticeoutput > tbody > .board_output_11_tr td:nth-child(3)
	{display : inline-block; width:auto;}
	
	.cs-divs .cs-div
	{padding:50px 10px;}
	
	
	/*sub page */
	.sub-menus ul li a
	{border:1px solid #278565;}
	
	
	
}