.left{float:left;}
.right{float:right;}
.cl{clear:both;}

nav{display:none;}
.header_wrap{width:100%; margin:0 auto; background:#154a8e; z-index:9999;}
.header, .top_inner{width:1200px; margin:0 auto}
.gnb_wrap{width:1200px; margin:0 auto; height:80px;}
.logo{float:left; width:350px;padding-top:10px;}
.gnb{float:right; position:relative;}
.gnb > li{float:left; padding-left:70px; height:80px; }
.gnb > li a{width:100%; display:block; line-height:80px; color:#fff; font-size:18px; font-weight:400;}

.gnb_two_depth01{position:absolute; top:79px; left:20px;border-top:1px solid #154a8e; z-index:9999;}
.gnb_two_depth05{position:absolute; top:79px; right:-50px;border-top:1px solid #154a8e; z-index:9999;}
.gnb li ul li{width:180px; height:50px; line-height:50px; padding-left:20px; border-bottom:1px solid #eee;background:#f7f7f7;}
.gnb li ul li:hover{background:#eee;}
.gnb li ul li a{width:100%; display:block; font-size:16px; line-height:50px; color:#424242; letter-spacing:-0.7px;}

.visual_wrap{position:relative; width:100%; background:#ddd;}
#visual{width:100%; position:relative;}
#visual .bxslider02 li{height:518px;}



.tit_area{position:absolute; top:7px; left:; width:100%; margin:0 auto; text-align:center; letter-spacing:-1px;}
.main_tit{width:809px; height:175px; margin:100px auto 0;}
/*.main_tit{padding-top:90px; margin-bottom:18px; font-size:29px; color:#03132c; font-weight:200;}
.main_sub_tit{font-size:35px; line-height:44px; color:#03132c; font-weight:600; letter-spacing:-2px; }*/
.main_tit_btn{margin:30px auto 0; cursor:pointer; }

div.bxslider {left: 50%; margin-left: -600px;}
.bxslider div{}
.slide {position:relative;}
.slide img{height:450px;}*/
.bx-controls-direction{width:1200px; margin:0 auto;}
.btn_v_p{position:absolute; top:200px; left:50%; margin-left:-560px; z-index:999;}
.btn_v_n{position:absolute; top:200px; right:50%; margin-right:-560px; z-index:999;}


.bx-controls-auto-item{position:absolute; bottom:18px; left:50%; margin-left:33px;}
.bx-default-pager{position:absolute; bottom:30px; left:50%; margin-left:-55px;}
.bx-default-pager .bx-pager-item{float:left;}
.bx-pager{z-index:9999;}
.bx-pager.bx-default-pager a {border:1px solid #fff; background:none; text-indent: -9999px;	display: block; width: 12px; height: 12px; margin: 0 5px; outline: 0;	-moz-border-radius: 50%;	-webkit-border-radius: 50%; border-radius: 50%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus{
	background: #fff; 
}


@media screen and (max-width:1200px) {
	.header_wrap, .visual_wrap{display:none;}
	nav{background:#154a8e; z-index:99999 !important; position:fixed; top:0; }
	nav, #visual{display:block; }
	#visual{display:block;  margin-top: 60px;}
	nav h1 img{width:70px;}
	nav {width:100%; padding:15px; overflow:hidden;}
	nav .allmenu {position:absolute; top:15px; right:15px; text-indent:-9999px; }
	nav button { padding:0; height:0; border:0; }
	nav .allmenu a { background:url("/resource/usr/img/btn_allmenu.png") no-repeat; background-size:100%; width:40px; height:40px; overflow:hidden;display:block; z-index:9999;}
	.menu_close { position:absolute; left:250px; top:0px; }
	.menu_close a { width:49px; height:49px; background:url("/resource/usr/company/img/btn_close.png") no-repeat center; background-size:100% auto; display:block; text-indent:-9999px;}

	.totalmenu { display:flex; z-index:99999; background:rgba(0,0,0,0.7); width:100%; height:100%; position:fixed; left:0; top:0; color:#fff; justify-content: end;}
	.totalmenu:before { display:flex; content: ''; width:250px; background:#fff; height:100%; position:absolute; } 
	.totalmenu li a { color:#fff; cursor:pointer; }

	.totalmenu .one_depth { width:250px;}
	.totalmenu .one_depth li { position:relative; }
	.totalmenu .one_depth li a { padding:15px; display:block; }
	.totalmenu .one_depth li a:after { display:block; content:''; background:url("/resource/usr/company/images/icon_plus.png") no-repeat right 7px; background-size:50% auto; width:34px; height:34px; position:absolute; right:10px; top:10px;}
	.totalmenu .one_depth .open a:after { display:block; content:''; background:url("/resource/usr/company/images/icon_open.png") no-repeat right 8px; background-size:50% auto; width:34px; height:34px; position:absolute; right:10px; top:10px;}
	.totalmenu .one_depth .two_depth {display:none;}
	.totalmenu .one_depth .two_depth li {position:relative; background:#f1f2f4; border-bottom:1px solid #ccc;   }
	.totalmenu .one_depth .two_depth li:last-child { border-bottom:none; }
	.totalmenu .one_depth .two_depth li a { color:#282828;   }
	.totalmenu .one_depth .two_depth li a:after {display:block; position:absolute; top:10px; right:10px; content:''; width:16px; height:28px;background:url("/resource/usr/company/images/icon_arrow.png") no-repeat center; background-size:50% auto; }
	
	.totalmenu .one_depth .two_depth .three_depth{display:none;}
	.totalmenu .one_depth .two_depth .three_depth li {position:relative;background:#fff; border-bottom:1px solid #ddd;}
	.totalmenu .one_depth .two_depth .three_depth li:last-child { border-bottom:none; }
	.totalmenu .one_depth .two_depth .three_depth li a {  color:#333; }
	.totalmenu .one_depth .two_depth .three_depth li a:after {display:block; position:absolute; top:10px; right:10px; content:''; width:16px; height:28px;background:url("/resource/usr/company/images/icon_arrow.png") no-repeat center; background-size:50% auto; }

	.menu_close { position:absolute; left:140px; top:0px; }
	.menu_close a { width:49px; height:49px; background:url("/resource/usr/company/img/btn_close.png") no-repeat center; background-size:100% auto; display:block; text-indent:-9999px;}
	.totalmenu .one_depth li {position: relative;}
	.gray_b {background: #787e8c;}
	.gray_b a{text-shadow: none !important;}
	.main_board01 tr, td, th, li, a {font-size:16px;}

	.btn_v_p{width:50px; position:absolute; top:150px; left:0; margin-left: 5px; z-index:999;}
	.btn_v_n{width:50px; position:absolute; top:150px; right:0;margin-right: 5px; z-index:999;}
}

@media screen and (max-width:800px) {
	#visual{width:100%; position:relative;}
	#visual .bxslider02 li{width:100%;  height:360px;}
	#visual .bxslider02 li img{width: 100%;}
	.visual01 {width: 100%; background: url("/resource/usr/company/img/m_visual01.jpg") no-repeat top center;}
	.visual02 {background: url("/resource/usr/company/img/m_visual02.jpg") no-repeat top center ;}
	.visual03 {background: url("/resource/usr/company/img/m_visual03.jpg") no-repeat top center;}
	.visual04 {background: url("/resource/usr/company/img/m_visual04.jpg") no-repeat top center;}
	.visual05 {background: url("/resource/usr/company/img/m_visual05.jpg") no-repeat top center;}

	.tit_area{position:absolute; top:7px; left:0; width:100%; margin:0 auto; text-align:center; letter-spacing:-1px;}
	.main_tit{width:100%; height:192px; margin:50px auto 0; background:url("/resource/usr/company/img/m_visual_tit.png") no-repeat center 0;}
	.main_tit_btn{width:189px; margin:0 auto; cursor:pointer; }
	.visual04 .main_tit{width:100%; height:192px; margin:50px auto 0; background:url("/resource/usr/company/img/m_visual_tit_2.png") no-repeat center 0;}
}


/* 2025-05-07 */
.gnb_wrap .logo a {color:#fff; font-size:18px; font-weight: bold; display: block; text-align: center;}
.gnb_wrap .logo .url {font-size:20px; }

nav {height: 70px; padding-top: 14px;}
nav h1 a {color:#fff; font-size:15px; font-weight: bold; text-align: center; display: inline-block;}
nav h1 a .url {font-size: 16px;}
nav h1 a:visited {color:#fff;}

.cont_wrap:after {content:''; display: block; clear:both;}

.content {margin-top: 52px; min-height:500px;}
.content .cont_tit {display: none;}

.policyWrap {padding:50px 0;}
.policyWrap strong {font-size: 20px; margin-bottom: 10px;}

.aboutWrap {text-align: center;}
.aboutWrap .first{font-size: 18px; font-weight: bold; color:#333; }
.aboutWrap .big{font-size: 30px; font-weight: bold; color:#ee6565; text-align: center; padding:20px 0;}
.aboutWrap .textAbout {display: inline-block; text-align: left;}

.contentSub {float:none !important; padding:17px 0 50px; }
.contentSub .cont_tit {text-align: center;}


.nameCard {padding-top: 30px;}
.nameCard .card {display: flex; align-items: center; justify-content: space-between; gap:50px; }
.nameCard .card .img {flex:1; width: 100%; border:1px solid #333;}
.nameCard .card .img img {width:100%; vertical-align: top;}


.product_detail {margin-top: 10px; padding: 10px; background-color: #f9f9f9; height:100%; max-height:71%; overflow-y: auto;}

@media screen and (max-width:800px) {
	.aboutWrap .first{font-size: 15px;  }
	.aboutWrap .big{font-size:25px;padding:20px 0;}
	.aboutWrap .textAbout{font-size:14px; line-height: 24px;}
	.nameCard {padding-top: 0;}
	.nameCard .card {display: block;}
	.nameCard .card .img {margin-bottom: 30px;}

	.contentSub {padding-top: 10px;}
	.product_detail {max-height:100%;}
}