.cm_title{max-width:940px; width:100%; margin:0 auto; padding-top:20px;}
.cm_title h2{text-align:center; margin-bottom:40px; font-size:44px; font-weight:700; line-height:45px;}
.cm_title .cm_menu{width:100%;}
.cm_title .cm_menu .cm_menu_content{width:100%; display:flex;}
.cm_title .cm_menu .cm_menu_content .item{width:25%;}
.cm_title .cm_menu .cm_menu_content .item a{display:block; width:100%; height:60px; line-height:60px; border-bottom:1px solid rgba(0,0,0,0.1); color:#666; font-size:12px; text-align:center;}
.cm_title .cm_menu .cm_menu_content .item a:hover{border-color:#ff574a; color:#ff574a;}

.cm_faq{width:100%; max-width:1400px; margin:0 auto;}
.cm_faq .faq_item{width:100%; padding:40px 0;}

.acdi ul li,
.acdi ul li:hover{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.acdi ul li{
	position:relative;
	border:1px solid #e4e4e4;
	background:#fff;
	border-radius:2px;
	margin-top:10px;overflow:hidden;
}
.acdi ul li:first-child{
	margin-top:0;
}
.acdi ul li.active,
.acdi ul li:focus,
.acdi ul li:hover{
	border-color:#222;
}
.acdi ul li.opa{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
}
.acdi ul li.opa:hover{
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
}
.acdi ul li .qst{
	position:relative;
}
.acdi ul li .qst a{
	position: relative;
	display: block;
	color: #222;
	font-size: 18px;
	line-height: 24px;
	padding: 22px 60px;
	text-decoration: none;
}
.acdi ul li .qst a p{
	display:inline-block;
    margin-bottom: 0px;
	color:#777;
}
.acdi ul li .qst a span {
	display: inline-block;
    width: 30px;
    background-color: #0046c0;
    border-radius: 50%;
	height: 30px;
	display: inline-block;
	color: #222;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -13px;
}
.acdi ul li .qst a span img{width:100%;}
.acdi ul li.active .qst a span {
    background-color: #88a427;
}
.acdi ul li .qst a:after{
	content:"";
	display:inline-block;
	width:18px;
	height:10px;
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-5px;

	-webkit-background-size:18px 20px;
	background-size:18px 20px;
}
.acdi ul li.active .qst a:after{
	background-position:0 100%;
}
.acdi ul li .answer{
	position:relative;
	padding:20px 0 25px;
	margin:0 20px;
	font-size:16px;
	line-height:1.5;color:#777;
	border-top:1px solid #f0f0f0;
	letter-spacing:-.025em;
	display:none;
}
.acdi ul li .answer b{
	color:#222;
}
.acdi ul li .answer p {
	margin-bottom: 0px;
    font-size: 17px;
    line-height: 1.7em;
    color: #222;
    font-weight: 400;
}
@media (max-width:768px){
	.acdi ul li .qst a {
		font-size: 15px;
		line-height: 20px;
		padding: 15px 40px;
	}
	.acdi ul li .qst a span {
		width: 25px;
		height: 25px;
		left: 10px;
		margin-top: -12px;
	}
	.acdi ul li.active .qst a span {
		background-color: #0085ff;
	}
	.acdi ul li .qst a:after{
		content:"";
		display:inline-block;
		width:18px;
		height:10px;
		position:absolute;
		top:50%;
		right:20px;
		margin-top:-5px;

		-webkit-background-size:18px 20px;
		background-size:18px 20px;
	}
	.acdi ul li.active .qst a:after{
		background-position:0 100%;
	}
	.acdi ul li .answer{
		position:relative;
		padding:20px 0 25px;
		margin:0 20px;
		font-size:16px;
		line-height:1.5;color:#777;
		border-top:1px solid #f0f0f0;
		letter-spacing:-.025em;
		display:none;
	}
	.acdi ul li .answer b{
		color:#222;
	}
	.acdi ul li .answer p {
		font-size: 14px;
		font-weight: 300;
	}
}



.header{margin-top:20px;}
.header h2{margin-top:0; line-height:125%; font-size:30px; font-weight:700;}
.tt01{font-size:24px; line-height:55px; margin-bottom:20px; text-align:center;}

.at-content{padding:40px 0;}
.at-content .c{max-width:1400px; margin:0 auto;}

.board-list { margin-top:20px; }

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

.list { margin-bottom:20px; }
.list .list-item { border-bottom:1px solid #ccc; padding:20px; clear:both; }
.list .list-item:first-child { border-top:1px solid #ccc; }
.list .list-item li { float:left; }
.list .list-item .year { width:15%; }
.list .list-item .year h4{font-weight:bold;}
.list .list-item .month { width:45%; }
.list .list-item .month .month-item { padding:5px; }
.list .list-item .month .head { float:left; width:15%; line-height:125%; }
.list .list-item .month .desc { float:left; width:85%; }
.list .list-item .image { width:40%; }
.list .list-item .image .img-wrap1 { margin:-5px; }
.list .list-item .image .img-wrap2 { float:left; width:50%; height:100%; padding:5px; }
.list .list-item .image .img-wrap3 { position:relative; }
.list .list-item .image .img { width:100%; padding-bottom:66.6%; }

.list-wrap .wr-none { padding:50px 0; text-align:center; color:#888; }
.list-wrap .list-more{margin:15px 0 30px; text-align:center;}
.list-wrap .list-more a{color:#aaa;}
.list-wrap .list-more a i{font-size:3rem;}
.list-wrap #infscr-loading {position: fixed; z-index: 100;width: 200px;left: 50%; transform: translateX(-50%);bottom: 50px; margin: 0; padding: 10px; background: rgba(0, 0, 0, 0.8); border-radius: 10px; color: rgb(255, 255, 255); text-align: center;}
@media (max-width:1023px) {  }
@media (max-width:767px) {
	.list .list-item .year { width:100px; }
	.list .list-item .month { width:calc(100% - 100px); }
	.list .list-item .month .head { width:25%; }
	.list .list-item .month .desc { width:75%; }
	.list .list-item .image { width:100%; margin-top:20px; }
}
@media (max-width:480px) {  }
/* Page */
.list-wrap .tiles .tile > .a { border:1px solid #ccc; padding-top:20px; background-color: white; }
.list-wrap .tiles .image .img { background-size:contain !important; }
.list-wrap .tiles .content { margin-top:0; padding:15px; }
.list-wrap .tiles .content h5 { color:#333; text-align:center; }
.list-wrap .tiles .content ul { overflow:hidden; }
.list-wrap .tiles .content ul::after { display:block; content:""; clear:both; }
.list-wrap .tiles .content ul li { float:left; color:#888; padding-bottom:2px; white-space:nowrap; text-overflow:ellipsis; }
.list-wrap .tiles .content ul li:nth-child(1) { width:30%; color:#666; }
.list-wrap .tiles .content ul li:nth-child(2) { max-width:70%; }
.list-wrap .wr-none { padding:50px 0px; text-align:center; color:#888; }
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

.hover-a-border7 .a::after{border:2px solid rgba(100, 100, 100, 0)}
.hover-a-border7 .a:hover::after{ border-color:#f17f42; border-width:7px;}
.hover-img-zoom110 .a:hover .img{transform:scale(1.1);}
.tiles { visibility: hidden; }
.tiles.loaded { visibility: visible; }
.tiles::before, .tiles::after { content: ""; clear: both; display: block; }
.tiles .tile { float: left; margin-bottom: 10px; text-align: center; visibility: hidden; }
.tiles .tile > .a { position: relative; display: block; width: 100%; height: 100%; padding: 0; }
.tiles .tile > .a::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; transition: all .3s ease; }
.tiles .tile > .a::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; transition: all .3s ease; }
.tiles .tile > .a > .a2, .tiles .tile > .a > .a3 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.tiles .tile > .a .a2::before, .tiles .tile > .a .a2::after, .tiles .tile > .a .a3::before, .tiles .tile > .a .a3::after { content: ""; position: absolute; transition-timing-function: linear; z-index: 3; }
.tiles .image { position: relative; display: block; overflow: hidden; }
.tiles .image::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; transition: all .3s ease; }
.tiles .more { display: none; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 2; }
.tiles .image .img { background-repeat: no-repeat; background-size: cover; background-position: center; transition: all .3s ease; }
.tiles .image.no-image .img { background-image: url(img/no-img.jpg) !important; }
.tiles .image .chk { position: absolute; left: 10px; top: 10px; z-index: 3; }
.tiles .content { height: 100%; text-align: left; }
.tiles .data { display: none; }
@media (max-width: 767px) { .tiles { margin: 0 -5px; }
  .tiles .tile { padding: 0 5px; } }
.tiles2 { visibility: visible; }
.tiles2.loaded { visibility: visible; }
.tiles2::before, .tiles::after { content: ""; clear: both; display: block; }
.tiles2 .tile { float: left; margin-bottom: 10px; text-align: center; visibility: visible; }
.tiles2 .tile > .a { position: relative; display: block; width: 100%; height: 100%; padding: 0; }
.tiles2 .tile > .a::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; transition: all .3s ease; }
.tiles2 .tile > .a::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; transition: all .3s ease; }
.tiles2 .tile > .a > .a2, .tiles .tile > .a > .a3 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.tiles2 .tile > .a .a2::before, .tiles .tile > .a .a2::after, .tiles .tile > .a .a3::before, .tiles .tile > .a .a3::after { content: ""; position: absolute; transition-timing-function: linear; z-index: 3; }
.tiles2 .image { position: relative; display: block; overflow: hidden; }
.tiles2 .image::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; transition: all .3s ease; }
.tiles2 .more { display: none; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 2; }
.tiles2 .image .img { background-repeat: no-repeat; background-size: cover; background-position: center; transition: all .3s ease; }
.tiles2 .image.no-image .img { background-image: url(img/no-img.jpg) !important; }
.tiles2 .image .chk { position: absolute; left: 10px; top: 10px; z-index: 3; }
.tils2 .content { height: 100%; text-align: left; }
.tiles2 .data { display: none; }
@media (max-width: 767px) { .tiles2 { margin: 0 -5px; }
  .tiles2 .tile { padding: 0 5px; } }
/* 트랜지션 (애니메이션 속도) */
.tran-2 .tile > .a::after, .tran-2 .tile .image::after, .tran-2 .tile .image .img { transition: all .2s ease; }
.tran-3 .tile > .a::after, .tran-3 .tile .image::after, .tran-3 .tile .image .img { transition: all .3s ease; }
.tran-4 .tile > .a::after, .tran-4 .tile .image::after, .tran-4 .tile .image .img { transition: all .4s ease; }
.tran-5 .tile > .a::after, .tran-5 .tile .image::after, .tran-5 .tile .image .img { transition: all .5s ease; }
.tran-6 .tile > .a::after, .tran-6 .tile .image::after, .tran-6 .tile .image .img { transition: all .6s ease; }
.tran-7 .tile > .a::after, .tran-7 .tile .image::after, .tran-7 .tile .image .img { transition: all .7s ease; }
.tran-8 .tile > .a::after, .tran-8 .tile .image::after, .tran-8 .tile .image .img { transition: all .8s ease; }
.tran-9 .tile > .a::after, .tran-9 .tile .image::after, .tran-9 .tile .image .img { transition: all .9s ease; }
.tran-10 .tile > .a::after, .tran-10 .tile .image::after, .tran-10 .tile .image .img { transition: all 1.0s ease; }
.tran-12 .tile > .a::after, .tran-12 .tile .image::after, .tran-12 .tile .image .img { transition: all 1.2s ease; }
.tran-15 .tile > .a::after, .tran-15 .tile .image::after, .tran-15 .tile .image .img { transition: all 1.5s ease; }
.tran-20 .tile > .a::after, .tran-20 .tile .image::after, .tran-20 .tile .image .img { transition: all 2.0s ease; }

.ts-rectimg-left-1 { margin: 0 -10px; }
.ts-rectimg-left-1 .tile { position: relative; padding: 0 10px; }
.ts-rectimg-left-1 .tile > .a { position: relative; }
.ts-rectimg-left-1 .image { position: relative; width: 60%; }
.ts-rectimg-left-1 .image .img { width: 100%; height: 100%; }
.ts-rectimg-left-1 .content { position: absolute; z-index: 2; left: 60%; right: 0; top: 0; bottom: 0; height: auto; }
.ts-rectimg-left-1 .content .desc { margin-top: 10px; color: #666; font-weight: 300; }
@media (max-width: 1199px) {
	.ts-rectimg-left-1 { margin: 0 -5px; }
	.ts-rectimg-left-1 .tile { padding: 0 5px; }
}
/* View */
.view-wrap {  }
.view-wrap .item { border-top:1px solid #ccc; border-bottom:1px solid #ccc; }

.view-wrap .item .table { height:400px; }

.view-wrap .item1 .table .cell { padding-left:20px; padding-right:10px; }
.view-wrap .item1 .table .img { padding-bottom:75%; box-shadow:7px 7px 5px rgba(0,0,0, 0.25); }

.view-wrap .item2 .table .cell { padding:0 20px 0 60px; }
.view-wrap .item2 table { width:100%; border-top:1px solid; border-bottom:1px solid; border-color:#ccc; }
.view-wrap .item2 tr {  }
.view-wrap .item2 th { width:25%; padding:10px 0; }
.view-wrap .item2 td { color:#888; }
.view-wrap .item2 td a { color:#888; }

.view-wrap .content-wrap { margin-top:-1px; border-top-width:3px; border-top-style:solid; border-bottom:1px solid #ccc; padding:40px 0; }

.view-wrap .swiper-container { max-width:900px; margin-top:10px; }
.view-wrap .gallery-top .swiper-slide { padding-bottom:56.25%; }
.view-wrap .gallery-thumbs .swiper-slide { width:20%; padding-bottom:11.25%; opacity:0.4; cursor:pointer; }
.view-wrap .gallery-thumbs .swiper-slide-active { opacity:1; }

.view-wrap .content { max-width:900px; margin:60px auto 0; padding-top:50px; border-top:1px solid #ccc; }
.view-wrap .content img { max-width:100%; }

@media (max-width:991px) {
	.view-wrap .item {  }
}
@media (max-width:767px) {
	.view-wrap .item1 { border-width:0; }
	.view-wrap .item2 { border-width:0; }
}


.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}

.list-page { padding-top:20px; }


/* Write */
.write-wrap { width:100%; overflow:hidden; }
.write-wrap h2 { letter-spacing:-1px; padding:0px; margin:10px 0px 30px; }
.write-wrap table { width:100%; border:0px; min-width:500px;}
.write-wrap table td { border:0px; border-bottom:1px solid #ddd; padding:8px 15px !important; line-height:20px; vertical-align:middle; }
.write-wrap .form-label label { font-weight:normal; margin-right:15px; vertical-align:middle; line-height:20px; }
.write-wrap .form-label label input { padding:0px !important; margin:0px !important; vertical-align:middle; }
.write-wrap .form-line { border-bottom:2px solid orangered; height:1px; }
.write-wrap .form-title { border-bottom:2px solid orangered; line-height:24px; }
.write-wrap .form-title-thin { border-bottom:1px solid orangered; line-height:24px; }
.write-wrap .sub-title { padding-right:0px !important; width:140px; }
.write-wrap .sub-title span { display:block; border-right:1px solid #ddd; padding-right:10px; }
.write-wrap .sub-title span b { font-weight:normal; }
.write-wrap .form-group { margin-bottom:8px; }
.write-wrap .form-text { margin:10px 0px 20px; }
.write-wrap .form-text textarea { height:100px; }
.write-wrap .form-sign { margin:20px 0px; }
.write-wrap .write-file { border:0;box-shadow:none; }
.write-wrap .write-btn { margin:15px 0px 25px; text-align:center; }
.write-wrap .delete-file { margin:0px; padding:0px 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight: normal; }

.write-wrap .help-block { margin-bottom:5px; }
.write-wrap .help-block li { margin-bottom:0; }

#variableFiles { width:100%; margin:0 !important; border:0; }
#variableFiles td { padding:3px 0px !important; border:0; }
#variableFiles input[type=file] { box-shadow : none; border: 1px solid #ccc !important; outline:none; }
#variableFiles .form-group { margin:0; }
#variableFiles .col-sm-12 .form-group { margin:6px 0px; }
#variableFiles .checkbox-inline { padding-top:0px; font-weight:normal; }

@media (max-width:991px) { 
	.responsive .view-col.pull-left, 
	.responsive .view-col.pull-right { float:none !important; }
}



.sub-cg { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 2rem 0; font-size: 15px; }
.sub-cg a { margin: 0.25rem; padding: 0.4rem 1.25rem; background: #eee; border-radius: 10rem; color: #333; cursor: pointer; }
.sub-cg a:hover { text-decoration: underline; }
.sub-cg a.on { background: #555; color: white; }

				

.intro_bg{width:100%; max-width:1400px; margin:0 auto; height:810px; background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('/img/eco/about_bg.jpg'); background-position:0 0, 50%; background-repeat:repeat, no-repeat; background-size:auto, cover;}
.intro_bg .intro_box{width:100%; max-width:1180px; height:100%; justify-content:center; align-items:center; margin:0 auto; display:flex; flex-direction:column; gap:10px;}
.intro_bg .intro_box h2{margin:0; color:#fff; text-shadow:0 0 10px #000; font-size:40px; font-weight:700; line-height:50px;}
.intro_bg .intro_box h4{color:#fff; font-size:28px; font-weight:500; margin:0;}

.intro_title{width:100%; max-width:960px; margin:0 auto 40px; display:flex;}
.intro_title .intro_item{width:50%;}
.intro_title .intro_item a{display:block; width:100%; height:60px; line-height:60px; font-size:12px; border-bottom:1px solid rgba(0,0,0,0.1); color:#666; text-align:center;}
.intro_title .intro_item a:hover{border-color:#ff574a; color:#ff574a;}

.introd_title{width:100%; max-width:960px; margin:0 auto 40px;}
.introd_title h2{font-size:24px; font-weight:500; color:#666; line-height:36px; text-align:center;}

.introd_overview{width:100%; max-width:960px; margin:0 auto 80px;}
.introd_overview .overview_top{width:100%; margin-bottom:80px;}
.introd_overview .overview_top .title{width:100%; margin-bottom:20px;}
.introd_overview .overview_top .title h2{font-size:35px; font-weight:700; border-top:1px solid rgba(28, 28, 28, .14); padding:20px 10px 0 0;display:inline-block;}
.introd_overview .overview_top .title p{font-size:18px; color:#666; margin:0;}
.introd_overview .overview_top table{width:100%; border-top:2px solid #000;}
.introd_overview .overview_top table th{padding:15px 0; text-align:center; font-size:16px; color:#000; background:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.introd_overview .overview_top table td{padding:15px 0; font-size:16px; border-bottom:1px solid rgba(0,0,0,0.1);}

.introd_overview .overview_bottom{width:100%;}
.introd_overview .overview_bottom .title{width:100%; margin-bottom:20px;}
.introd_overview .overview_bottom .title h2{font-size:35px; font-weight:700; border-top:1px solid rgba(28, 28, 28, .14); padding:20px 10px 0 0;display:inline-block;}
.introd_overview .overview_bottom .title p{font-size:18px; color:#666; margin:0;}
.introd_overview .overview_bottom .introduce .item{width:100%; display:flex; align-items:center; margin-bottom:40px;}
.introd_overview .overview_bottom .introduce .item p{width:50%; font-size:16px; padding:20px 40px;}
.introd_overview .overview_bottom .introduce .item img{width:50%; height:300px; object-fit:cover;}

.introd_history{width:100%; max-width:960px; margin:0 auto 80px;}
.introd_history .history_top{width:100%; margin-bottom:80px;}
.introd_history .history_top .title_hd{width:100%; margin-bottom:20px;}
.introd_history .history_top .title_hd h2{font-size:35px; font-weight:700; border-top:1px solid rgba(28, 28, 28, .14); padding:20px 10px 0 0;display:inline-block;}
.introd_history .history_top .title_hd p{font-size:18px; color:#666; margin:0;}
.introd_history .history_top .history_item{width:100%;}
.introd_history .history_top .history_item .tag{font-size:20px; line-height:30px; color:#f8614e; font-weight:700; border-bottom:3px solid #000; padding-bottom:20px;}
.introd_history .history_top .history_item .box{width:100%; grid-column-gap:4px; grid-row-gap:4px; display:flex; flex-direction:column; padding-top:14px; font-size:18px; font-weight:300; line-height:28px; margin-bottom:20px;}
.introd_history .history_top .history_item .box .title{color:#4c5a75; font-size:24px; font-weight:500; line-height:32px;}
.introd_history .history_top .history_item .box .year{margin-top:10px; font-weight:500;}
.introd_history .history_top .history_item .box2{width:100%; grid-column-gap:4px; grid-row-gap:4px; display:flex; flex-direction:column; padding:14px 0; font-size:18px; font-weight:300; line-height:28px; margin-top:14px; border-bottom:1px solid rgba(0,0,0, .14);}
.introd_history .history_top .history_item .box2 .title{color:#4c5a75; font-size:24px; font-weight:500; line-height:32px;}
.introd_history .history_top .history_item .box2 .wrap{height:48px; display:flex; align-items:center;}
.introd_history .history_top .history_item .box2 .wrap p{margin:10px 0 0; font-weight:500;}
.introd_history .history_top .history_item .box2 .wrap img{width:44px; height:44px; border-radius:100%; margin-left:auto; box-shadow:0 2px 5px rgba(0,0,0,.2);}

.history_bottom{width:100%; background-image:url('/img/cme/wave_white.png'); background-position:50%; background-size:cover; padding-top:40px; padding-bottom:40px;}
.history_bottom .info{align-items:center; display:flex; max-width:960px; width:100%; margin:100px auto; padding:40px; flex-direction:column; font-size:20px;}
.history_bottom .info .title{width:100%; margin-bottom:40px;}
.history_bottom .info .title h2{font-size:44px; line-height:54px; font-weight:700; text-align:center;}

.intro_bg2{width:100%; height:70vh; background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('/img/cme/vision.jpg'); background-position:0 0, 50%; background-repeat:repeat, no-repeat; background-size:auto, cover;}
.intro_bg2 .intro_box{width:100%; max-width:1180px; height:100%; justify-content:center; align-items:center; margin:0 auto; display:flex;}
.intro_bg2 .intro_box h2{margin:0; color:#fff; text-shadow:0 0 10px #000; font-size:40px; font-weight:700; line-height:50px;}

.intro_title2{width:100%; max-width:960px; margin:0 auto 40px; display:flex;}
.intro_title2 .intro_item{width:33.3%;}
.intro_title2 .intro_item a{display:block; width:100%; height:60px; line-height:60px; font-size:12px; border-bottom:1px solid rgba(0,0,0,0.1); color:#666; text-align:center;}
.intro_title2 .intro_item a:hover{border-color:#ff574a; color:#ff574a;}

.vision_info{width:100%; max-width:960px; margin:0 auto 40px;}
.vision_info .title{width:100%; margin-bottom:20px;}
.vision_info .title h2{font-size:35px; font-weight:700; border-top:1px solid rgba(28, 28, 28, .14); padding:20px 10px 0 0; display:inline-block;}
.vision_info .title p{font-size:18px; color:#666; margin:0;}
.vision_info .info p{font-size:16px; line-height:30px; margin-bottom:20px;}
.vision_info .info .vi_img img{width:100%; height:350px; object-fit:cover;}
.vision_info .info .vi_img2{width:100%; height:350px; display:flex;}
.vision_info .info .vi_img2 img{width:55%; height:100%; object-fit:cover;}
.vision_info .info .vi_img2 .vi_text{width:45%; height:100%; color:#fff; background:#ea8800; flex-direction:column; padding:40px; display:flex;}
.vision_info .info .vi_img2 .vi_text.blue{background:#2f7fe9;}
.vision_info .info .vi_img2 .vi_text h3{font-size:36px; line-height:48px;}
.vision_info .info .vi_img2 .vi_text .sub{border-top:1px solid rgba(255, 255, 255, .14); margin-top:auto; padding-top:20px;}
.vision_info .info .vi_img2 .vi_text .sub p{margin:0; padding:0; font-size:18px; font-weight:300;}

.introd{width:100%; max-width:1400px; margin:0 auto; background:#f4f4f4;}
.introd .introd_info{width:100%; display:flex;}
.introd .introd_info .introd_txt{width:60%; padding:70px 0;}
.introd .introd_info .introd_txt .text_info{width:60%; margin:0 auto;}
.introd .introd_info .introd_txt .text_info h2{font-size:30px; font-weight:500; line-height:42px; margin:0;}
.introd .introd_info .introd_txt .text_info p{font-size:16px; line-height:28px; margin:20px 0 0;}
.introd .introd_info .introd_item{width:40%; display:flex;}
.introd .introd_info .introd_item .introd_item_content{width:100%; height:100%; position:relative;}
.introd .introd_info .introd_item .introd_item_content .item_bg{background:#fff; left:0; top:-70px; bottom:0; right:0; position:absolute; z-index:1;}
.introd .introd_info .introd_item .introd_item_content .item{width:100%; height:100%; padding:70px; z-index:2; position:relative;}
.introd .introd_info .introd_item .introd_item_content .item h2{font-size:30px; font-weight:500; line-height:42px; margin:0;}
.introd .introd_info .introd_item .introd_item_content .item p{font-size:14px; line-height:28px; margin:30px 0 0; font-weight:normal;}
.introd .introd_info .introd_item .introd_item_content .item a{font-size:16px; display:block; color:#000; margin-top:30px;}

.whatin{width:100%; max-width:1400px; margin:0 auto; background:#321850;}
.whatin .whatin_info{width:100%; padding:70px 20px; text-align:center;}
.whatin .whatin_info h2{font-size:36px; font-weight:500; color:#fff; margin-bottom:30px;}
.whatin .whatin_info a{display:inline-block; margin:0 15px; font-size:16px; line-height:28px; font-weight:500; color:#fff; border-bottom:1px dashed #fff;}


.ourabout{width:100%; max-width:1400px; margin:60px auto 0; background:#f4f4f4;}
.ourabout .ourabout_info{width:100%; display:flex;}
.ourabout .ourabout_info .ourtxt{display:flex; flex-direction:column; width:50%; padding:70px; gap:30px;}
.ourabout .ourabout_info .ourtxt p{margin:0; font-size:16px; font-weight:500;}
.ourabout .ourabout_info .ourimg{width:50%; padding:70px;}
.ourabout .ourabout_info .ourimg img{width:100%;}


.ecoworld{width:100%; max-width:1400px; margin:60px auto 0;}
.ecoworld .ecoworld_info{width:100%;}
.ecoworld .ecoworld_info h2{font-size:26px; font-weight:500; margin:0; padding:0 100px;}
.ecoworld .ecoworld_info .ecoworld_content{width:100%; display:flex; margin-top:30px;}
.ecoworld .ecoworld_info .ecoworld_content .txt_item{width:50%; padding:0 100px; display:flex; flex-direction:column; gap:30px;}
.ecoworld .ecoworld_info .ecoworld_content .txt_item p{font-size:16px; font-weight:normal; line-height:28px; margin:0;}
.ecoworld .ecoworld_info .ecoworld_content .img_item{width:50%;}
.ecoworld .ecoworld_info .ecoworld_content .img_item img{width:100%;}


.windall{width:100%; max-width:1400px; margin:60px auto 0;}
.windall .windall_info{width:100%;}
.windall .windall_info .top{width:100%; padding:0 100px; }
.windall .windall_info .top h2{font-size:26px; font-weight:500; margin:0;}
.windall .windall_info .top p{font-size:16px; line-height:28px; margin:30px 0 0; padding-bottom:30px; border-bottom:1px solid #c6c6c6;}
.windall .windall_info .windall_content{width:100%; padding:0 100px; margin-top:30px;}
.windall .windall_info .windall_content .windall_entry{margin-bottom:30px; border-bottom:1px solid #c6c6c6; padding-bottom:30px; width:100%;}
.windall .windall_info .windall_content .windall_entry .entry_tab{width:100%;}
.windall .windall_info .windall_content .windall_entry .entry_tab h2{font-size:26px; font-weight:500; margin:0;}
.windall .windall_info .windall_content .windall_entry .entry_pannel{width:100%; margin-top:30px;}
.windall .windall_info .windall_content .windall_entry .entry_pannel .item{width:100%; display:flex;}
.windall .windall_info .windall_content .windall_entry .entry_pannel .item .entry_txt{width:50%; display:flex; flex-direction:column; gap:25px;}
.windall .windall_info .windall_content .windall_entry .entry_pannel .item .entry_txt p{font-size:16px; font-weight:normal; line-height:28px; margin:0; max-width:80%;}
.windall .windall_info .windall_content .windall_entry .entry_pannel .item .entry_txt a{display:inline-block; font-size:16px; text-align:center; width:130px; padding:12px 15px; background:#321850; color:#fff;}
.windall .windall_info .windall_content .windall_entry .entry_pannel .item .entry_img{width:50%;}
.windall .windall_info .windall_content .windall_entry .entry_pannel .item .entry_img img{width:100%;}

.windall .windall_info .windall_content .windall_entry .entry_pannel .item .entry_txt2 p{margin-left:20%;}
.windall .windall_info .windall_content .windall_entry .entry_pannel .item .entry_txt2 a{margin-left:20%;}

.nextwind{width:100%; max-width:1400px; margin:60px auto 0;}
.nextwind + .nextwind{margin:60px auto 100px;}
.nextwind .nextwind_info{width:100%;}
.nextwind .nextwind_info h2{font-size:26px; font-weight:500; margin:0; padding:0 100px;}
.nextwind .nextwind_info .nextwind_content{width:100%; display:flex; margin-top:30px;}
.nextwind .nextwind_info .nextwind_content .nextwind_img{width:50%;}
.nextwind .nextwind_info .nextwind_content .nextwind_img img{width:100%;}
.nextwind .nextwind_info .nextwind_content .nextwind_txt{width:50%; padding:0 100px; display:flex; flex-direction:column; gap:30px;}
.nextwind .nextwind_info .nextwind_content .nextwind_txt p{font-size:16px; font-weight:normal; line-height:28px; margin:0;}
.nextwind .nextwind_info .nextwind_content .nextwind_txt a{display:inline-block; font-size:16px; padding:7px 15px; background:#321850; color:#fff;}


.product{padding:0 0 50px;}
.product .product_info{width:100%; max-width:1400px; margin:0 auto;}
.product .product_info .product_title{font-size:44px; color:#343434; line-height:1em; font-weight:700; text-align:center; margin:0;}
.product .product_info .product_sub_title{font-size:18px; color:#666; margin:20px 0 0; line-height:1.6em; font-weight:300; text-align:center;}
.product .product_info .product_box{margin:0;}
.product .product_info .product_box > li + li{border-top:1px solid #bbb; margin-top:60px; padding-top:60px;}
.product .product_info .product_box li h3{font-size:28px; color:#343434; line-height:1.4em; font-weight:700;}
.product .product_info .product_box li .product_boxx{margin-top:20px;}
.product .product_info .product_box li .product_boxx .my_box{padding:30px 40px; border-radius:20px; margin:0 auto; border:1px solid #ddd;}
.product .product_info .product_box li .product_boxx .my_box2{margin:20px auto 0;}
.product .product_info .product_box li .product_boxx .my_box .mb_none{width:100%; display:flex; flex-wrap:wrap;}
.product .product_info .product_box li .product_boxx .my_box .mb_none .sub_wid{width:50%; margin:10px 0; padding:0 15px;}
.product .product_info .product_box li .product_boxx .my_box .mb_none .sub_wid .input_group{display:flex; align-items:center;}
.product .product_info .product_box li .product_boxx .my_box .mb_none .sub_wid .input_group label{width:150px; font-weight:400; font-size:17px; color:#333; margin:0;}
.product .product_info .product_box li .product_boxx .my_box .mb_none .sub_wid .input_group input{width:calc(100% - 150px); box-shadow:0 0 0; font-size:17px; height:47px; border-radius:8px; border:1px solid #f4f4f4; background:#f4f4f4; padding:6px 20px; }
.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid{width:100%; margin:10px 0; padding:0 15px;}
.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid .with_mps{text-align:right;}
.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid .input_group{display:flex; align-items:center;}
.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid .input_group label{width:150px; font-weight:400; font-size:17px; color:#333; margin:0;}
.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid .input_group .label_input{display:flex; align-items:center; width:calc(100% - 150px); }
.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid .input_group .label_input input{width:calc(100% - 30px); box-shadow:0 0 0; font-size:17px; height:47px; border-radius:8px; border:1px solid #f4f4f4; background:#f4f4f4; padding:6px 20px; text-align:right;}
.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid .input_group .label_input span{margin-left:10px; width:30px; font-size:17px;}
.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid .input_group .label_button{display:flex; align-items:center; width:calc(100% - 150px); gap:8px; }
.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid .input_group .label_button button{display:flex; font-weight:600; color:#606772; background:#f1f2f4; border:1px solid #f1f2f4; height:36px; font-size:18px; border-radius:6px; justify-content:center; align-items:center; width:100%;}

.product .product_info .product_box li .product_boxx .my_box .btn_wrap{margin-top:10px; text-align:center;}
.product .product_info .product_box li .product_boxx .my_box .btn_wrap button{font-size:17px; width:150px; font-weight:500; text-align:center; margin:0 2px; position:relative; display:inline-block; padding:12px 30px; background:#0046c0; color:#fff; border-radius:5px; letter-spacing:0; border:0;}
.product .product_info .product_box li .product_boxx .conbox{margin-top:20px;}
.product .product_info .product_box li .product_boxx .conbox li{position:relative; padding-left:15px;}
.product .product_info .product_box li .product_boxx .conbox li p{font-size:17px; line-height:1.6em; color:#858585; font-weight:300; margin:0;}
.product .product_info .product_box li .product_boxx .conbox li p span{color:#ff0000;}
.product .product_info .product_box li .product_boxx .conbox li:after{content:""; position:absolute; left:0; top:11px; width:4px; height:4px; background:#aaa;}
.product .product_info .product_box li .table_wrap{margin-top:20px;}
.product .product_info .product_box li .table_wrap table{border-top:1px solid #333; width:100%;}
.product .product_info .product_box li .table_wrap table thead tr th{background-color:#fff; border-bottom:1px solid #333; font-weight:500; text-align:center; border-top:0;}
.product .product_info .product_box li .table_wrap table tr th,.product .product_info .product_box li .table_wrap table tr td{font-size:15px; font-weight:300; color:#333; border:1px solid #ddd; padding:13px; vertical-align:middle; text-align:center;}


.product .product_chart{width:100%; background:#2c323f}
.product .product_chart .chart_info{width:100%; max-width:1000px; margin:0 auto; padding:60px 0;}
.product .product_chart .chart_info .pi_solid{border-top:4px solid #0be779; margin:0 auto 15px; width:70px;}
.product .product_chart .chart_info .product_title{font-size:32px; margin-top:10px; margin-bottom:0; text-align:center; color:#fff; font-weight:bold;}
.product .product_chart .chart_info .chart_content{width:100%; margin-top:40px;}
.product .product_chart .chart_info .chart_content .chart_zk{display:flex; margin-bottom:10px; align-items:center;}
.product .product_chart .chart_info .chart_content .chart_zk .zk_name{width:17%; font-size:14px; color:#fff;}
.product .product_chart .chart_info .chart_content .chart_zk .zk_name b{font-weight:normal; text-decoration:line-through;}
.product .product_chart .chart_info .chart_content .chart_zk .zk_name strong{color:#ff8585; font-weight:normal; margin-left:3px;}
.product .product_chart .chart_info .chart_content .chart_zk .zt-skill-bar{width:66%; display:flex; line-height: 25px; position:relative; height: 25px; -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
            -ms-border-radius: 2px;
                border-radius: 2px;}

    .zt-skill-bar * {
        webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
           -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
               transition: all 0.5s ease;
    }

    .zt-skill-bar div {
        background-color: #0be779;
        position: relative;
        padding-left: 25px;
        width: 0;
		height:100%;
		color:#fff;
		font-size:12px;
        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
           -ms- border-radius: 2px;
                border-radius: 2px;
    }
	.chart_zk .zt-skill-bar.ons div{background:linear-gradient(to right, #0be779, yellow);}
    .zk_numbu {
        display: block;
        height: 25px;
		line-height:25px;
		width:17%;
        padding: 0 5px 0 10px;
        background-color: #2c323f;
		color:#fff; font-size:12px;
        -webkit-border-radius: 0 2px 2px 0;
           -moz-border-radius: 0 2px 2px 0;
            -ms-border-radius: 0 2px 2px 0;
                border-radius: 0 2px 2px 0;
    }
	.chart_zk .zk_numbu.ons{position:relative; color:#ff7f73;
		-webkit-border-radius: 0 2px 2px 0;
           -moz-border-radius: 0 2px 2px 0;
            -ms-border-radius: 0 2px 2px 0;
                border-radius: 0 2px 2px 0;}
    .chart_zk zk_numbu.ons:before {
        content: "";
        position: absolute;
        width: 6px;
        height: 6px;
        top: 50%;
        left: -3px;
        margin-top: -3px;
        background-color: #1a1a1a;

        -webkit-transform: rotate(45deg);
           -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
    }



.input_group input[disabled], .input_group input[readonly]{cursor:not-allowed;}


.wind_content{width:100%; margin:0;}
.wind_content .wind_top{width:100%; display:flex; align-items:center;}
.wind_content .wind_top .wind_txt{width:80%; padding:20px 30px; margin:0 auto;}
.wind_content .wind_top .wind_txt .txtto{width:100%; display:flex; margin:0; padding:0;}
.wind_content .wind_top .wind_txt .txtto li{font-size:16px; font-weight:300; margin-left:7px;}
.wind_content .wind_top .wind_txt .txtto li:first-child{margin-left:0;}
.wind_content .wind_top .wind_txt .txtto li b{margin-left:5px; border-left:2px solid #000; padding-left:5px; font-weight:700;}
.wind_content .wind_top .wind_txt .txtto li b.ff00d{color:#ff0000;}
.wind_content .wind_top .wind_txt h2{font-size:24px; font-weight:700; margin:20px 0 0;}
.wind_content .wind_top .wind_txt .wind_group{margin:20px 0 0; width:100%; display:flex; align-items:center;}
.wind_content .wind_top .wind_txt .wind_group .wind_input{width:60%;}
.wind_content .wind_top .wind_txt .wind_group .wind_input .wind_input_group{width:100%; margin-bottom:15px;}
.wind_content .wind_top .wind_txt .wind_group .wind_input .wind_input_group select{width:100%; border:1px solid #ddd; height:40px; padding:0 10px; font-size:14px;}
.wind_content .wind_top .wind_txt .wind_group .wind_input .winds_subinput{background:#f7f7f7; padding:10px 0;}
.wind_content .wind_top .wind_txt .wind_group .wind_input .wind_inputgroup{width:100%;display:flex; margin-bottom:5px;}
.wind_content .wind_top .wind_txt .wind_group .wind_input .wind_inputgroup label{margin:0; padding:0;font-size:14px; background:#f7f7f7; border-top-left-radius:7px; border-bottom-left-radius:7px; height:40px; line-height:40px; width:120px; text-align:center; display:inline-block;}
.wind_content .wind_top .wind_txt .wind_group .wind_input .wind_inputgroup input{width:calc(100% - 160px); height:40px; border:1px solid #ddd; font-size:14px; padding:0 10px;}
.wind_content .wind_top .wind_txt .wind_group .wind_input .wind_inputgroup span{font-size:14px; background:#f7f7f7; border-top-right-radius:7px; border-bottom-right-radius:7px; height:40px; line-height:40px; width:40px; text-align:center; display:inline-block;}
.wind_content .wind_top .wind_txt .wind_group .wind_input .wind_input_group3{width:100%; display:flex; justify-content:space-between;}
.wind_content .wind_top .wind_txt .wind_group .wind_input .wind_input_group3 button{background:#fff; border:1px solid #ddd; width:23%; font-size:14px;}
.wind_content .wind_top .wind_txt .wind_group .wind_button{width:40%; display:flex; flex-direction:column; padding:0 20px; gap:10px;}
.wind_content .wind_top .wind_txt .wind_group .wind_button .btn{height:44px; border-radius:12px;}
.wind_content .wind_top .wind_txt .wind_group .wind_button .btn-save{background:#0046c0; color:#fff;}
.wind_content .wind_top .wind_txt .wind_group .wind_button .btn-stop{background:#a90c0c; color:#fff;}
.wind_content .wind_top .wind_txt .wind_data{margin-top:20px; display:flex; flex-direction:column; gap:10px;}
.wind_content .wind_top .wind_txt .wind_data .wind_item{width:100%;}
.wind_content .wind_top .wind_txt .wind_data .wind_item p{font-size:14px; margin:0;}
.wind_content .wind_top .wind_txt .wind_data .wind_item p .bold_msg{font-weight:700; font-size:16px; color:#ff0000;}
.wind_content .wind_top .wind_image{width:50%; padding:20px 30px;}
.wind_content .wind_top .wind_image img{max-width:100%;}


.wind_content .wind_list{width:100%; margin-top:40px; padding:0 30px;}
.wind_content .wind_list h2{font-size:30px; font-weight:700; margin:0;}
.wind_content .wind_list .wind_list_item{margin-top:40px; width:100%; display:flex; flex-wrap:wrap; gap:20px;}
.wind_content .wind_list .wind_list_item .item{width:calc(50% - 10px); padding:10px 20px;}
.wind_content .wind_list .wind_list_item .item a{color:#000;}
.wind_content .wind_list .wind_list_item .item .item_info{width:100%; width:100%; border-radius:14px; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.2); transition:transform 0.2s ease-out, box-shadow 0.2s ease-out;}
.wind_content .wind_list .wind_list_item .item .item_info .item_top{position:relative;}
.wind_content .wind_list .wind_list_item .item .item_info .item_top img{width:100%; height:320px; object-fit:cover;}
.wind_content .wind_list .wind_list_item .item .item_info .item_top h2{line-height:1.5; color:#000; font-size:28px; text-align:center; margin-top:10px;}
.wind_content .wind_list .wind_list_item .item .item_info .item_top .item_graps{width:100%; margin-top:10px;}
.wind_content .wind_list .wind_list_item .item .item_info .item_top .item_graps .graps_top{width:100%; display:flex; justify-content:center; align-items:center;}
.wind_content .wind_list .wind_list_item .item .item_info .item_top .item_graps .graps_top p{margin-bottom:0; font-size:18px; border-right:1px solid #ccc; padding:0 10px;}
.wind_content .wind_list .wind_list_item .item .item_info .item_top .item_graps .graps_top p b{color:#0046c0;}
.wind_content .wind_list .wind_list_item .item .item_info .item_top .item_graps .graps_top span{font-size:16px; color:#888; display:block; padding:0 10px;}
.wind_content .wind_list .wind_list_item .item .item_info img{width:100%; height:219px; object-fit:cover;}
.wind_content .wind_list .wind_list_item .item .item_info .item_txt{padding:0 24px 16px; margin-top:16px;}
.wind_content .wind_list .wind_list_item .item .item_info .item_text{display:flex; align-items:baseline; justify-content:space-between; width:100%; color:#606772; margin-bottom:10px;}
.wind_content .wind_list .wind_list_item .item .item_info .item_text p{font-size:14px; margin:0;}
.wind_content .wind_list .wind_list_item .item .item_info .item_text h4{font-size:18px; margin:0; color:#303339; font-weight:700;} 
.wind_content .wind_list .wind_list_item .item .item_info .item_text .item_count{display:flex;}
.wind_content .wind_list .wind_list_item .item .item_info .item_text .item_count button{width:30px; height:30px; border:1px solid #bdc9dc; border-radius:0; background:#fff; color:#666;}
.wind_content .wind_list .wind_list_item .item .item_info .item_text .item_count input{height:30px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; border-left:0; border-right:0;}
.wind_content .wind_list .wind_list_item .item .item_info .item_btn{width:100%;}
.wind_content .wind_list .wind_list_item .item .item_info .item_btn button{width:100%; height:50px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; color:#fff; background:#0046c0; border:0; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.2);}

.graps_item{width:96%; margin:10px auto 0;}
.graps_item .progress-wrapper {margin-bottom: 20px;}
.graps_item .progress-container {width: 100%; background-color: #ccc; height: 12px; border-radius: 5px; overflow: hidden;}
.graps_item .progress-bar { height: 100%; width: 0;background-color: #0046c0;transition: width 2s ease-in-out;}
.graps_item .progress-text {font-size: 14px; margin-top: 5px; font-weight: bold;}

.product_routes{width:100%; max-width:1400px; margin:20px auto;}
.product_routes .routes_info{width:100%; display:flex;}
.product_routes .routes_info .routes_item{width:50%; padding:0 20px;}
.product_routes .routes_info .routes_item .tit{padding:15px 0; font-size:22px; font-weight:bold; color:#fff; background:#2783c2; text-align:center; margin:0;}
.product_routes .routes_info .routes_item ul{margin:20px 0 0; display:flex; gap:10px; justify-content:space-between;}
.product_routes .routes_info .routes_item ul:after{display:none;}
.product_routes .routes_info .routes_item ul li{width:calc(33% - 10px); height:300px; background-repeat:no-repeat; background-position:center; background-size:cover; line-height:300px; text-align:center; position:relative;}
.product_routes .routes_info .routes_item ul li h4{margin:0; font-size:24px; font-weight:bold; color:#fff; z-index:2; display:inline; position:relative;}
.product_routes .routes_info .routes_item ul li:after{content:""; display:block; position:absolute; background:rgba(0,0,0,0.3); left:0; right:0; bottom:0; top:0; z-index:1;}
.product_routes .routes_info .routes_graph{width:50%; padding:0 20px;}
.product_routes .routes_info .routes_graph .tit{padding:15px 0; font-size:22px; font-weight:bold; color:#fff; background:#2783c2; text-align:center; margin:0;}
.product_routes .routes_info .routes_graph .graph{min-height:310px; display:flex; justify-content:center; align-items:center;}


.gd_list_chart{width:100%; max-width:1400px; margin:40px auto 0;}

.gd_time_list{width:100%; max-width:1400px; margin:40px auto 0;}
.gd_time_list .time_list_top{width:100%; position:relative; margin-bottom:20px;}
.gd_time_list .time_list_top h2{font-size:24px; font-weight:bold; font-family:"apple";}
.gd_time_list .time_list_top p{font-size:18px; color:#464646; font-family:"apple"; position:absolute; right:0; top:0;}
.gd_time_list .time_list_box{width:100%; display:flex; }
.gd_time_list .time_list_box .bosx:first-child{border-top-left-radius:12px; border-bottom-left-radius:12px;}
.gd_time_list .time_list_box .bosx:last-child{border-top-right-radius:12px; border-bottom-right-radius:12px;}
.gd_time_list .time_list_box .bosx{width:25%; padding:20px; background:#e7e7e7; border:1px solid #f7f7f7;}
.gd_time_list .time_list_box .bosx h2{color:#fe6100; font-family:"apple"; font-size:20px; margin-bottom:20px;}
.gd_time_list .time_list_box .bosx .mon{font-size:20px; font-family:"apple"; margin-bottom:10px; padding-bottom:0; font-weight:600;}
.gd_time_list .time_list_box .bosx .mon span{font-size:16px; font-weight:300; color:#575757; float:right;}
.gd_time_list .time_list_box .bosx .mao{font-size:18px; font-family:"apple"; margin-bottom:10px; padding-bottom:0; }
.gd_time_list .time_list_box .bosx .mao span{font-size:18px; font-weight:300; color:#575757; float:right;}
.gd_time_list .time_list_box .bosx .mao span img{margin-right:5px;}

.gd_oll_list{width:100%; max-width:1400px; margin:40px auto 40px;}
.gd_oll_list .oll_list_top{width:100%; position:relative; margin-bottom:20px;}
.gd_oll_list .oll_list_top h2{font-size:24px; font-weight:bold; font-family:"apple";}
.gd_oll_list .oll_list_top p{font-size:18px; color:#464646; font-family:"apple"; position:absolute; right:0; top:0;}
.gd_oll_list .oli_list_table{width:100%;}
.gd_oll_list .oli_list_table table{width:100%;}
.gd_oll_list .oli_list_table table tr th{padding:15px 0; background:#fff8f4; text-align:center; font-size:16px; font-family:"apple"; color:#000;}
.gd_oll_list .oli_list_table table tr td{padding:15px 0; text-align:center; font-size:16px; font-family:"apple"; color:#000;}
.gd_oll_list .oli_list_table table tr td:first-child{background:#e7e7e7; font-weight:600; }

@media only screen and (min-width: 321px) and (max-width: 768px){
	.SF_board{
		overflow-x: auto;white-space: nowrap;
	}
	#frm_auto .ag_container .ag_setting .ag_set_top .set_money input{width:100%;}
}
@media (min-width: 1px) and (max-width: 1278px) {
	#frm_auto .ag_container .ag_menu{max-width:100%; flex:0 0 100%;}
	#frm_auto .ag_container .ag_setting{max-width:100%; flex:0 0 100%;}
	#frm_auto .ag_container .ag_pasting{max-width:100%; flex:0 0 100%;}
	#frm_auto .ag_container .ag_graph{max-width:100%; flex:0 0 100%;}
	#frm_auto .ag_container .ag_table{max-width:100%; flex:0 0 100%;}
}
@media (min-width: 1279px) {
	#frm_auto .ag_container .ag_setting .ag_set_top .set_money input{width:100%;}
}
@media (max-width:769px){
	.wind_content .wind_list .wind_list_item .item .item_info .item_top img{height:220px;}
}

.ag_container{max-width:1200px; padding:0; margin:0 auto; width:100%;}
.ag_container .row{margin:0; padding:0;}
.ag_container .ag_menu{display:flex; justify-content: space-between; flex-direction: column; padding:30px 0;}
.ag_container .ag_menu .ag_menu_top{text-align:left;}
.ag_container .ag_menu .ag_menu_top .loader{width:79px; height:79px; border-radius:50%; margin:0 auto 20px; color:#fff; font-family:"apple"; text-align:center; line-height:84px;}
.ag_container .ag_menu .ag_menu_top .spin{animation: spin 1.5s linear infinite; -webkit-animation: spin 1.5s linear infinite;}
.ag_container .ag_menu .ag_menu_top h2{font-size:26px; font-weight:bold; font-family:"apple"; display:inline-block;}
.ag_container .ag_menu .ag_menu_top h3{font-size:20px; font-family:"apple"; color:#9f9f9f; display:inline-block; margin-left:10px;}
body.dark .ag_container .ag_menu .ag_menu_top h2{color:#fff;}
.ag_container .ag_menu .ag_menu_top .ato_st{font-size:16px; font-family:"apple"; color:#eee; border-top:2px solid #fff; padding-top:20px; margin:30px auto; width:80%;}
body.dark .ag_container .ag_menu .ag_menu_top .ato_st{color:#aebbcd;}
.ag_container .ag_menu .ag_menu_top .ato_date{font-size:16px; font-family:"apple"; color:#f1f1f1;}
body.dark .ag_container .ag_menu .ag_menu_top .ato_date{color:#fff;}
.ag_container .ag_menu .ag_menu_status{width:100%; margin:20px 0;}
.ag_container .ag_menu .ag_menu_status table{width:100%;}
.ag_container .ag_menu .ag_menu_status table tr td:first-child{width:20%; text-align:left;}
.ag_container .ag_menu .ag_menu_status table tr td{width:30%; text-align:center; padding:15px 20px; background:#f5f5f5; color:#111; font-family:"apple";}

.ag_container .ag_menu .ag_menu_bottom{width:100%; display:flex; align-items:center;}
.ag_container .ag_menu .ag_menu_bottom .ont_mos{width:50%;}
.ag_container .ag_menu .ag_menu_bottom .ont_mos .ont_mos_img{display:inline-block; padding:15px; background:#f3f3f3; border-radius:7px; margin-right:10px;}
.ag_container .ag_menu .ag_menu_bottom .ont_mos h3{font-size:18px; font-family:"apple"; display:inline-block;}
.ag_container .ag_menu .ag_menu_bottom .ont_mos input{width:40%; padding:10px 5px; margin-left:10px; border-radius:7px;}
.ag_container .ag_menu .ag_menu_bottom .stat_bos{width:50%;} 
.ag_container .ag_menu .ag_menu_bottom .stat_bos .ato_st{text-align:center; color:#9f9f9f; margin-bottom:0; font-family:"apple";}
.ag_container .ag_menu .ag_menu_bottom .ag_btn{display:block; width:70%; margin:0 auto; padding:20px 0; border-radius:7px; background:#f3f3f3; font-weight:bold; font-family:"apple"; font-size:20px; margin-bottom:10px; color:#000; text-align:center;}
.ag_container .ag_menu .ag_menu_bottom .ag_start{background:#123C80; color:#fff;}


.ag_container .ag_setting{margin-bottom:20px;s}
.ag_container .ag_setting .ag_set_top {display:flex; justify-content: center; flex-direction: column; width:100%; height:100%; border-radius:7px;}
.ag_container .ag_setting .ag_set_top .ag_left_info{width:100%; display:flex;}
.ag_container .ag_setting .ag_set_top .ag_left_info h2{font-size:24px; font-family:"apple"; text-align:center; margin-bottom:20px;}
.ag_container .ag_setting .ag_set_top .ag_left_info ul li{text-align:center;}
.ag_container .ag_setting .ag_set_top .ag_left_info ul li p{font-size:16px; font-family:"apple";}
body.dark .ag_container .ag_setting .ag_set_top ul li p{color:#fff;}

.ag_container .ag_pasting{display:flex; justify-content: center; flex-direction: column;}

.ag_container .ag_pasting .ag_set_top .ag_right_info{width:100%;}
.ag_container .ag_pasting .ag_set_top .ag_right_info .ag_set_item{ padding:20px;}
.ag_container .ag_pasting .ag_set_top .ag_right_info .ag_set_item h3{font-size:24px; font-family:"apple"; text-align:left; margin-bottom:20px;}
.ag_container .ag_pasting .ag_set_top .ag_right_info .ag_set_item .ag_set_item_info input[type=radio]{opacity:0; display:none;}
.ag_container .ag_pasting .ag_set_top .ag_right_info .ag_set_item .ag_set_item_info label{display:block; width:100%; height:30px; line-height:30px; background:#fff; border:1px solid #d6d6d6; cursor:pointer;}
body.dark .ag_container .ag_pasting .ag_set_top .ag_right_info .ag_set_item .ag_set_item_info label{background:#111; border-color:#464646;}
.ag_container .ag_pasting .ag_set_top .ag_right_info .ag_set_item .ag_set_item_info input[type=radio]:checked + label{background:#59A265;}
body.dark .ag_container .ag_pasting .ag_set_top .ag_set_item h3{color:#fff;}
.ag_container .ag_pasting .ag_set_top .ag_right_info .ag_set_item .ag_set_item_info{display:flex; width:100%; justify-content:space-between;}
.ag_container .ag_pasting .ag_set_top .ag_right_info .ag_set_item .ag_set_item_info .set_item{display:flex; flex-direction: column; width:32%; text-align:center; font-family:"apple";}
body.dark .ag_container .ag_pasting .ag_set_top .ag_set_item .ag_set_item_info .set_item{color:#fff;}

.ag_container .ag_pasting .ag_set_top .ag_right_info .ag_set_chart{margin-top:20px;}
.ag_container .ag_pasting .ag_set_top .ag_right_info .ag_set_chart ul{margin:0; padding:0; display:flex;}
.ag_container .ag_pasting .ag_set_top .ag_right_info .ag_set_chart ul li{padding:10px 20px; cursor:pointer; font-family:"apple";}
.ag_container .ag_pasting .ag_set_top .ag_right_info .ag_set_chart ul li.active{ border-top:2px solid #4399FD; color:#4399FD;}
.ag_container .ag_pasting .ag_set_top .ag_right_info .ag_set_chart .ag_chart_graph{ padding:20px;}

.ag_container .ag_pasting .ag_set_bottom{margin-top:20px;}
.ag_container .ag_pasting .ag_set_bottom .auto_setba{display:flex; padding:20px;}
.ag_container .ag_pasting .ag_set_bottom .auto_setba .set_pattren{width:100%;}
.ag_container .ag_pasting .ag_set_bottom .auto_setba .set_pattren h3{font-size:24px; font-family:"apple"; margin-bottom:20px;}
body.dark .ag_container .ag_pasting .ag_set_bottom .auto_setba .set_pattren h3{color:#fff;}
.ag_container .ag_pasting .ag_set_bottom .auto_setba .set_pattren .set_item{width:100%; padding:5px 0; display:flex; justify-content:space-between; }
.ag_container .ag_pasting .ag_set_bottom .auto_setba .set_pattren .set_item .item_input{width:32%; padding:5px 0; text-align:center; font-family:"apple";}
.ag_container .ag_pasting .ag_set_bottom .auto_setba .set_pattren .set_item .item_input2{width:49%; padding:5px 0; text-align:center; font-family:"apple";}
.ag_container .ag_pasting .ag_set_bottom .auto_setba .set_pattren .set_item input[type=radio]{opacity:0; display:none;}
.ag_container .ag_pasting .ag_set_bottom .auto_setba .set_pattren .set_item label{display:block; width:100%; height:30px; line-height:30px; background:#fff; border:1px solid #d6d6d6; cursor:pointer;}
body.dark .ag_container .ag_pasting .ag_set_bottom .auto_setba .set_pattren .set_item label{background:#111; border-color:#464646;}
.ag_container .ag_pasting .ag_set_bottom .auto_setba .set_pattren .set_item input[type=radio]:checked + label{background:#59A265;}
body.dark .ag_container .ag_pasting .ag_set_bottom .auto_setba .set_pattren .set_item{color:#fff;}

.ag_container .ag_setting .ag_set_top .set_money{width:49%; margin-right:2%; border-bottom:1px solid #e7e7e7; padding-bottom:20px;}
.ag_container .ag_setting .ag_set_top .set_money:last-child{margin-right:0;}
.ag_container .ag_setting .ag_set_top .set_money .so_rotop{width:100%; padding:10px 0; border-bottom:2px solid #000; margin-bottom:15px;}
.ag_container .ag_setting .ag_set_top .set_money .so_rotop h3{font-size:26px; font-family:"apple"; color:#000; display:inline-block;}
.ag_container .ag_setting .ag_set_top .set_money .so_rotop h4{font-size:20px; font-family:"apple"; color:#9f9f9f; display:inline-block;}
body.dark .ag_container .ag_setting .ag_set_top .set_money h3{color:#aebbcd;}
.ag_container .ag_setting .ag_set_top .set_money input{width:60%; margin-top:10px; border:1px solid #f3f3f3; border-radius:7px; padding:7px 5px;}
body.dark .ag_container .ag_setting .ag_set_top .set_money input{background:#121212; color:#fff;}
.ag_container .ag_setting .ag_set_top .set_money select{width:100%; margin-top:10px; border:1px solid #f3f3f3; border-radius:7px; padding:7px 5px;}
body.dark .ag_container .ag_setting .ag_set_top .set_money select{background:#121212; color:#fff;}
.ag_container .ag_setting .ag_set_top .set_pattren{margin-top:15px; text-align:center;}
.ag_container .ag_setting .ag_set_top .set_pattren h3{font-size:18px; font-family:"apple"; text-align:center; color:#777;}
body.dark .ag_container .ag_setting .ag_set_top .set_pattren h3{color:#aebbcd;}
body.dark .ag_container .ag_setting .ag_set_top .set_pattren .input_col{color:#fff;}

.ag_graph{}
.ag_graph .ag_set_chart{margin-top:20px;}
.ag_graph .ag_set_chart ul{margin:0; padding:0; display:flex; justify-content:center;}
.ag_graph .ag_set_chart ul li{padding:10px 20px; cursor:pointer; font-family:"apple"; color:#adadad;}
body.dark .ag_graph .ag_set_chart ul li{color:#fff;}
.ag_graph .ag_set_chart ul li.active{color:#000; font-weight:bold;}
body.dark .ag_graph .ag_set_chart ul li.active{color:#59a265;}
.ag_graph .ag_set_chart .ag_chart_graph{ padding:20px;}

.ag_graph .light_ifrm{display:block;}
.ag_graph .dark_ifrm{display:none;}
body.dark .ag_graph .light_ifrm{display:none;}
body.dark .ag_graph .dark_ifrm{display:block;}

.ag_container .ag_table{display:flex; flex-direction: row; padding:20px;}
.ag_container .ag_table .ag_table_top{width:50%;}
.ag_container .ag_table .ag_table_top h3{margin:0; font-size:18px; text-align:center; font-family:"apple"; }
body.dark .ag_container .ag_table .ag_table_top h3{color:#fff;}
.ag_container .ag_table .ag_table_top .ag_table_sdiv{padding:20px;}
.ag_container .ag_table .ag_table_top .ag_table_sdiv .ag_table_info{width:100%; margin:20px auto; height:300px; overflow-y:scroll;}
.ag_container .ag_table .ag_table_top table{width:100%;}
.ag_container .ag_table .ag_table_top table thead th{text-align:center; padding:7px 0; font-family:"apple"; color:#000; font-size:14px; font-weight:500; background:#fff;}
body.dark .ag_container .ag_table .ag_table_top table thead th{background:#171717; color:#fff;}
.ag_container .ag_table .ag_table_top table tbody td{text-align:center; padding:7px 0; font-family:"apple"; color:#000; font-size:14px;}
body.dark .ag_container .ag_table .ag_table_top table tbody td{color:#fff;}
.ag_container .ag_table .ag_table_top table tbody tr:nth-child(odd) td{background:#f3f3f3;}
body.dark .ag_container .ag_table .ag_table_top table tbody tr:nth-child(odd) td{background:#272727;}


.tbls_wrap{margin-top:5px;  overflow-x:auto; border-top:2px solid #000;}
.tbls_wrap table{width:100%; border-collapse:collapse; background:#fff;}
.tbls_wrap table thead tr th{border:1px solid #ccc; border-width:0 0 1px; background:#fff; padding:15px 10px; text-align:center; font-weight:300; color:#000; font-family:"apple";}
body.dark .tbls_wrap table thead tr th{background:#464646; color:#fff;}
.tbls_wrap table tbody tr td{border:1px solid #ccc; border-width:0 0 1px; padding:15px 10px; text-align:center; white-space:nowrap; color:#000; font-family:"apple";}
body.dark .tbls_wrap table tbody tr td{color:#fff;}

#bo_list{margin-top:30px;}
#bo_list tbody td {background:#fff; }
#bo_list tbody td a{color:#000;}

.ht_message_top{margin:20px 0;}
.ht_message_top p{text-align:center; font-size:20px; color:#777; font-family:"apple";}

#bo_list .ht_cap{color:#000; display:flex; align-itmes:flex-end;}
body.dark #bo_list .ht_cap{color:#aebbcd;}
#bo_list .txt_rdy, #bo_v_rel .txt_rdy {background:#fed208;}
#bo_list .txt_done, #bo_v_rel .txt_done{background:#ff6c60;}

.btn-info{background:#0C1B33; border-color:#0C1B33;}

#bo_list .ht_cap .ht_right{flex:1; justify-content:flex-end; display:flex;}
#bo_list .ht_cap .ht_right  .trade_re{color:#fff; font-family:"apple"; padding:.375rem .75rem; background:#0C1B33; border-radius:.25rem; border:1px solid #0c1B33; margin-left:20px; font-size:14px; font-weight:400;}
#bo_list .ht_cap .ht_right .ht_btn{padding:0 10px; height:30px; line-height:30px; border-radius:3px; text-align:center; display:inline-block; vertical-align:middle;}
#bo_list .ht_cap .ht_right .ht_btn.ht_charge{background:#ff6c60; color:#10141d; min-width:65px;}
#bo_list .ht_cap .ht_right .ht_btn.ht_withdraw{margin-left:5px; background:#fed208; color:#10141d; min-width:65px;}

.forms_01{border-top:1px solid #1abb97;}
.forms_01 table{width:100%; border-collapse:collapse; background:#111; margin:0; padding:0;}
.forms_01 table tbody tr th{border:1px solid rgba(184, 198, 216, 0.08); border-width:0 0 1px; padding:8px 10px; text-align:center; background:#171d29; font-weight:300; color:#b8c6d8;}
.forms_01 table tbody tr td{text-align:left; border:1px solid rgba(184, 198, 216, 0.08); border-width:0 0 1px; padding:8px 10px;}
.forms_01 table tbody tr td span{width:100%; display:inline-block; border:1px solid rgba(184, 198, 216, 0.08); transition:border-color .6s ease; -webkit-transition:border-color .6s ease; -moz-transition:border-color .6s ease;}
.forms_01 table tbody tr td span input{width:100%; height:38px; padding:0 5px; font-size:14px; background:#171d29; outline:none; border:none; vertical-align:middle; color:#aebbcd;}
.forms_01 table tbody tr td span textarea{width:100%; height:38px; padding:0 5px; font-size:14px; background:#171d29; outline:none; border:none; vertical-align:middle; color:#aebbcd;}

.chart_wind{width:100%;}
.chart_wind .windbuttons { margin-bottom: 20px; text-align:center;}
.chart_wind .windbuttons button {padding: 10px 20px; margin: 0 5px; cursor: pointer; border: 1px solid #ddd; background-color: #f5f5f5; border-radius: 5px;}
.chart_wind .windbuttons button.active {background-color: #0046c0; color: #fff;}

.chart_wind2{width:100%; display:flex; align-items:center; justify-content:space-between;}
.chart_wind2 .side-buttons { display: flex; flex-direction: column; gap: 15px; width:40%; }
.chart_wind2 .side-button { width: 100%; padding: 15px; text-align: center; background-color: #FFC107; color: #000; font-weight: bold; border: none; border-radius: 20px; cursor: pointer; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease; }
.chart_wind2 .side-button:hover { background-color: #e0a800; }
.chart_wind2 .side-chart{width:58%;}
.chart_wind2 #chartControls{margin-bottom:10px; display:flex; justify-content:space-between; align-items:center;}
.chart_wind2 #chartControls h2{font-size:18px; color:#000; font-weight:bold;}
.chart_wind2 .chart-button { padding: 10px 20px; margin: 0 10px; cursor: pointer; border: none; border-radius: 20px; background-color: #f5f5f5; font-weight: bold; transition: background-color 0.3s ease, color 0.3s ease; }
.chart_wind2 .chart-button.power { background-color: #0046c0; color: #fff; }
.chart_wind2 .chart-button.carbon { background-color: #FFC107; color: #fff; }
.chart_wind2 #chartContainer2 { width: 100%; height:400px;}

.sub_kom{width:100%; max-width:1400px; margin:0 auto; text-align:center;}
.sub_kom h2{font-size:34px; font-weight:700; padding:20px 10px; display:inline-block; border-bottom:1px solid #0046c0;}
.sub_kom .sub_kom_wrap{width:100%; display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:20px 0;}
.sub_kom .sub_kom_wrap a{border:1px solid #0046c0; border-radius:20px; padding:10px 40px; font-size:16px; color:#000;}
.sub_kom .sub_kom_wrap a.on{background:#0046c0; color:#fff;}


.event_list{width:100%; max-width:1320px; margin:0 auto; padding:50px 0; display:flex; flex-direction:column; gap:50px;}
.event_list .event_run{width:100%;}
.event_list .event_run h2{font-size:24px; font-weight:700; text-align:center; margin-bottom:30px;}
.event_list .event_run .event_item{width:100%; display:flex; flex-wrap:wrap; gap:20px;}
.event_list .event_run .event_item .event_box{width:calc(33.3333% - 14px); }
.event_list .event_run .event_item .event_box a{width:100%; display:flex; flex-direction:column; gap:15px;}
.event_list .event_run .event_item .event_box a img{width:100%;}
.event_list .event_run .event_item .event_box a h2{font-size:20px; font-weight:bold;}
.event_list .event_run .event_content{width:100%; text-align:center;}
.event_list .event_run .event_content img{max-width:100%;}

.my_total{width:100%; padding-bottom:70px;}
.my_total h2{margin:0;}
.my_total p{margin:0;}
.my_total .total_title{font-size:34px; font-weight:700; max-width:800px; margin:0 auto 20px;}
.my_total .total_bg{width:100%; background:#eaeaea; padding:30px 0; margin-bottom:30px;}
.my_total .total_bg .tb_wrap{width:100%; max-width:800px; margin:0 auto;}
.my_total .total_bg .tb_wrap .tb_top{width:100%; display:flex; flex-direction:column; margin-bottom:15px;}
.my_total .total_bg .tb_wrap .tb_top h2{font-size:18px; font-weight:500;}
.my_total .total_bg .tb_wrap .tb_top h2 b{font-size:24px; font-weight:700;}
.my_total .total_bg .tb_wrap .tb_top p{font-size:18px; font-weight:500;}
.my_total .total_bg .tb_wrap .tb_top p b{font-size:26px; font-weight:700;}
.my_total .total_bg .tb_wrap .tb_item{width:100%; display:flex; justify-content:space-between; margin-bottom:20px;}
.my_total .total_bg .tb_wrap .tb_item .tb_box{width:50%; display:flex; flex-direction:column; gap:5px;}
.my_total .total_bg .tb_wrap .tb_item .tb_box:last-child{text-align:right;}
.my_total .total_bg .tb_wrap .tb_item .tb_box p{font-size:16px;}
.my_total .total_bg .tb_wrap .tb_item .tb_box h2{font-size:16px; font-weight:500;}
.my_total .total_bg .tb_wrap .tb_item .tb_box h2 b{font-size:24px; font-weight:700;}
.my_total .total_bg .tb_wrap table{width:100%;}
.my_total .total_bg .tb_wrap table th{background:none; color:#000; font-weight:500; font-size:16px; padding:5px 0; width:25%;}
.my_total .total_bg .tb_wrap table th.right{text-align:right;}
.my_total .total_bg .tb_wrap table td{font-size:16px; padding:5px 0; width:25%; color:#000;}
.my_total .total_bg .tb_wrap table td.right{text-align:right;}
.my_total .total_bg .tb_wrap table td span{color:#ff0000; font-weight:700;}
.my_total .poto_content{width:100%; max-width:800px; margin:0 auto 30px;}
.my_total .poto_content .poc_wrap{width:100%; display:flex; flex-direction:column; gap:15px;}
.my_total .poto_content .poc_wrap .poc_item{width:100%;}
.my_total .poto_content .poc_wrap .poc_item .poc_top{padding:15px 20px; border-bottom:1px solid #eaeaea; margin-bottom:15px; display:flex; justify-content:space-between; align-items:center;}
.my_total .poto_content .poc_wrap .poc_item .poc_top h2{font-size:22px; font-weight:700;}
.my_total .poto_content .poc_wrap .poc_item .poc_top p{font-size:14px; font-weight:500;}
.my_total .poto_content .poc_wrap .poc_item .poc_tiem{width:100%; display:flex; justify-content:space-between; padding:10px 20px;}
.my_total .poto_content .poc_wrap .poc_item .poc_tiem .poc_txt{width:50%; display:flex; flex-direction:column;}
.my_total .poto_content .poc_wrap .poc_item .poc_tiem .poc_txt:last-child{text-align:right;}
.my_total .poto_content .poc_wrap .poc_item .poc_tiem .poc_txt p{font-size:16px; font-weight:500;}
.my_total .poto_content .poc_wrap .poc_item .poc_tiem .poc_txt h2{font-size:20px; font-weight:700;}
.my_total .poto_content .poc_wrap .poc_item .poc_tiem .poc_txt h2 span{color:#ff0000;}
.my_total .table_wrap{width:100%; max-width:800px; margin:0 auto 30px;}
.my_total .table_wrap table{border-top:1px solid #eaeaea; width:100%;}
.my_total .table_wrap table thead tr th{background-color:#fff; border-bottom:1px solid #eaeaea; font-weight:500; text-align:center; border-top:0;}
.my_total .table_wrap table tr th,.my_total .table_wrap table tr td{font-size:15px; font-weight:300; color:#333; border:1px solid #eaeaea; padding:13px; vertical-align:middle; text-align:center;}

.news_list{width:100%; max-width:1400px; margin:0 auto; padding:50px 0;}
.news_list .news_img_list{width:100%; display:flex; flex-direction:column; gap:30px;}
.news_list .news_img_list .news_img_wrap{border-top:1px solid #eaeaea; display:flex; flex-wrap:wrap; gap:20px; padding-top:20px;}
.news_list .news_img_list .news_img_wrap .news_img_item{width:calc(25% - 20px);}
.news_list .news_img_list .news_img_wrap .news_img_item a{width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px;}
.news_list .news_img_list .news_img_wrap .news_img_item a img{width:100%; height:220px; object-fit:cover;}
.news_list .news_img_list .news_img_wrap .news_img_item a h2{font-size:16px; font-weight:700; margin:0; color:#000;}
.news_list .news_img_list .news_img_paging{width:100%;}
.news_list .news_text_list{width:100%; display:flex; flex-direction:column; gap:30px; margin-top:40px;}
.news_list .news_text_list .news_txt_wrap{width:100%; border-top:1px solid #eaeaea; padding-top:20px;}
.news_list .news_text_list .news_txt_wrap table{width:100%; }
.news_list .news_text_list .news_txt_wrap table th{width:70%; padding:10px 0; font-size:16px; font-weight:500; background:none;}
.news_list .news_text_list .news_txt_wrap table th a{color:#000;}
.news_list .news_text_list .news_txt_wrap table td{text-align:center; padding:10px 0; font-size:16px; color:#999;}


@media (max-width: 768px) {
	.news_list .news_img_list .news_img_wrap{padding:10px 5px 0;}
	.news_list .news_img_list .news_img_wrap .news_img_item{width:calc(50% - 20px);}
	.news_list .news_img_list .news_img_wrap .news_img_item a img{height:140px;}
	.news_list .news_img_list .news_img_wrap .news_img_item a h2{font-size:14px;}	
	.news_list .news_text_list .news_txt_wrap{padding-top:10px;}	
	.news_list .news_text_list .news_txt_wrap table th{font-size:14px; padding:7px 5px;}
	.news_list .news_text_list .news_txt_wrap table td{padding:7px 5px; font-size:14px;}

	.chart_wind2{flex-direction:column; gap:30px;}
	.chart_wind2 .side-buttons{width:100%;}
	.chart_wind2 .side-chart{width:100%;}
	.chart_wind2 #chartContainer2{height:350px;}

	.cm_title{padding-top:78px;}
	.cm_title h2{font-size:24px; line-height:30px;}
	.cm_title .cm_menu{width:100%; padding:0 20px;}
	.cm_title .cm_menu .cm_menu_content{width:100%; flex-wrap:wrap; grid-row-gap:10px;}
	.cm_title .cm_menu .cm_menu_content .item{width:50%;}
	.cm_faq .faq_item .faq_box{width:100%; flex-wrap:wrap;}
	.cm_faq .faq_item .title{width:100%;}
	.cm_faq .faq_item .qna_box{width:100%;}
	.cm_faq .faq_item{padding:20px;}
	.cm_faq .faq_item .qna_box .qna_item .qn h4{font-size:14px;}
	.cm_faq .faq_item .qna_box .qna_item .an p{font-size:12px; line-height:22px; margin-bottom:10px;}

	.my_total .total_title{font-size:26px; padding:0 20px;}
	.my_total .total_bg{padding:30px 20px;}
	.my_total .total_bg .tb_wrap .tb_top h2{font-size:16px;}
	.my_total .total_bg .tb_wrap .tb_top p{font-size:16px;}
	.my_total .total_bg .tb_wrap .tb_top p b{font-size:24px;}
	.my_total .total_bg .tb_wrap .tb_item .tb_box p{font-size:14px;}
	.my_total .total_bg .tb_wrap .tb_item .tb_box h2{font-size:14px;}
	.my_total .total_bg .tb_wrap .tb_item .tb_box h2 b{font-size:22px;}
	.my_total .total_bg .tb_wrap table th{font-size:12px; width:23%;}
	.my_total .total_bg .tb_wrap table td{font-size:12px; width:27%;}
	.my_total .table_wrap table tr th, .my_total .table_wrap table tr td{font-size:12px; padding:13px 2px;}

	.intro_bg{height:350px;}
	.intro_bg .intro_box h2{font-size:28px;}
	.intro_bg .intro_box h4{font-size:22px;}
	.introd .introd_info{flex-wrap:wrap;}
	.introd .introd_info .introd_txt{width:100%; padding:35px 0;}
	.introd .introd_info .introd_txt .text_info{width:100%; padding:0 20px;}
	.introd .introd_info .introd_txt .text_info h2{font-size:24px;}
	.introd .introd_info .introd_txt .text_info p{font-size:14px;}
	.introd .introd_info .introd_item{width:100%;}
	.introd .introd_info .introd_item .introd_item_content .item_bg{top:0;}
	.introd .introd_info .introd_item .introd_item_content .item{padding:35px 20px;}
	.introd .introd_info .introd_item .introd_item_content .item h2{font-size:24px;}
	.introd .introd_info .introd_item .introd_item_content .item p{font-size:14px;}

	.whatin .whatin_info h2{font-size:28px;}
	.whatin .whatin_info a{display:table; margin:15px auto;}

	.ourabout .ourabout_info{flex-wrap:wrap;}
	.ourabout .ourabout_info .ourtxt{width:100%; padding:35px 20px; order:2;}
	.ourabout .ourabout_info .ourtxt p{font-size:14px;}
	.ourabout .ourabout_info .ourimg{width:100%; padding:0; order:1;}

	.ecoworld .ecoworld_info h2{padding:0 20px; font-size:24px;}
	.ecoworld .ecoworld_info .ecoworld_content{flex-wrap:wrap;}
	.ecoworld .ecoworld_info .ecoworld_content .txt_item{width:100%; padding:35px 20px; order:2;}
	.ecoworld .ecoworld_info .ecoworld_content .txt_item p{font-size:14px;}
	.ecoworld .ecoworld_info .ecoworld_content .img_item{width:100%; order:1;}

	.windall .windall_info .top{padding:0 20px;}
	.windall .windall_info .top h2{font-size:24px;}
	.windall .windall_info .top p{font-size:14px;}
	.windall .windall_info .windall_content{padding:0 20px;}
	.windall .windall_info .windall_content .windall_entry .entry_tab h2{font-size:24px;}
	.windall .windall_info .windall_content .windall_entry .entry_pannel .item{flex-wrap:wrap;}
	.windall .windall_info .windall_content .windall_entry .entry_pannel .item .entry_txt{width:100%; gap:20px; order:2; margin-top:30px;}
	.windall .windall_info .windall_content .windall_entry .entry_pannel .item .entry_img{width:100%; order:1;}
	.windall .windall_info .windall_content .windall_entry .entry_pannel .item .entry_txt p{max-width:100%;}
	.windall .windall_info .windall_content .windall_entry .entry_pannel .item .entry_txt2 p{margin-left:0;}
	.windall .windall_info .windall_content .windall_entry .entry_pannel .item .entry_txt2 a{margin-left:0;}
	.wind_content .wind_list .wind_list_item .item .item_info img{width:100%; height:167px; object-fit:cover;}
	.nextwind .nextwind_info h2{font-size:24px; padding:0 20px;}
	.nextwind .nextwind_info .nextwind_content{flex-wrap:wrap;}
	.nextwind .nextwind_info .nextwind_content .nextwind_img{width:100%; order:1;}
	.nextwind .nextwind_info .nextwind_content .nextwind_txt{width:100%; padding:0 20px; gap:20px; margin-top:30px; order:2;}
	.nextwind .nextwind_info .nextwind_content .nextwind_txt p{font-size:14px;}

	.product{padding:50px 0;}
	.product .product_info .product_title{font-size:27px;}
	.product .product_info .product_sub_title{font-size:16px; margin:10px 0 0;}
	.product .product_info .product_box{padding:0 5px;}
	.product .product_info .product_box li h3{font-size:24px;}
	.product .product_info .product_box li .product_boxx .my_box{padding:15px 0;}
	.product .product_info .product_box li .product_boxx .my_box .mb_none .sub_wid{width:100%; padding:0 20px; margin:5px 0;}
	.product .product_info .product_box li .product_boxx .my_box .mb_none .sub_wid .input_group{flex-wrap:wrap;}
	.product .product_info .product_box li .product_boxx .my_box .mb_none .sub_wid .input_group label{font-size:14px; margin-bottom:5px;}
	.product .product_info .product_box li .product_boxx .my_box .mb_none .sub_wid .input_group input{width:100%; font-size:14px; height:38px;}
	.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid{width:100%; padding:0 20px; margin:5px 0;}
	.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid .input_group{flex-wrap:wrap;}
	.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid .input_group label{font-size:14px; margin-bottom:5px;}
	.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid .input_group .label_input{width:100%;}
	.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid .input_group .label_input input{font-size:14px; height:38px;}
	.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid .input_group .label_input span{font-size:14px;}
	.product .product_info .product_box li .product_boxx .conbox li p{font-size:14px;}
	.product .product_info .product_box > li + li{margin-top:30px; padding-top:30px;}
	.product .product_info .product_box li .product_boxx .my_box .btn_wrap button{font-size:14px; padding:7px 20px;}

	.product .product_info .product_box li .table_wrap table tr th, .product .product_info .product_box li .table_wrap table tr td{font-size:12px; padding:8px 5px;}

	.event_list .event_run.r_event .event_item .event_box{width:100%;}
	.event_list .event_run.r_event .event_item .event_box a{padding:0 20px;}


	.introd_title h2{font-size:18px; width:80%; margin:0 auto;}
	.introd_overview{padding:0 20px;}
	.introd_overview .overview_top .title h2{font-size:22px; padding:10px 10px 0 0;}
	.introd_overview .overview_top .title p{font-size:16px;}
	.introd_overview .overview_top table th{font-size:12px; width:50px; padding:10px 0;}
	.introd_overview .overview_top table td{font-size:12px; padding:10px 5px;}

	.introd_overview .overview_bottom .title h2{font-size:22px; padding:10px 10px 0 0;}
	.introd_overview .overview_bottom .title p{font-size:16px;}
	.introd_overview .overview_bottom .introduce .item{flex-wrap:wrap;}
	.introd_overview .overview_bottom .introduce .item p{width:100%; order:1; padding:0; font-size:14px;}
	.introd_overview .overview_bottom .introduce .item img{width:100%; order:2; height:200px;}

	.introd_history{padding:0 20px;}
	.introd_history .history_top .title_hd h2{font-size:22px; padding:10px 10px 0 0;}
	.introd_history .history_top .title_hd p{font-size:16px;}
	.introd_history .history_top .history_item .tag{font-size:16px;}
	.introd_history .history_top .history_item .box{font-size:14px;}
	.introd_history .history_top .history_item .box .title{font-size:18px;}
	.introd_history .history_top .history_item .box2{font-size:14px;}
	.introd_history .history_top .history_item .box2 .title{font-size:16px;}
	.introd_history .history_top .history_item .box2 .wrap{height:40px;}
	.introd_history .history_top .history_item .box2 .wrap img{width:34px; height:34px;}
	.history_bottom .info{margin:0 auto;}
	
	
	.history_bottom .info{padding:20px;}
	.history_bottom .info .title h2{font-size:24px;}
	.history_bottom .info .bo_img{text-align:center;}
	.history_bottom .info .bo_img img{width:90%;}

	.intro_title2{flex-wrap:wrap;}
	.intro_title2 .intro_item{width:50%;}
	.intro_title2 .intro_item:last-child{width:100%;}

	.vision_info{padding:0 20px;}
	.vision_info .title h2{font-size:22px; padding:10px 10px 0 0;}
	.vision_info .title p{font-size:16px;}
	.vision_info .info p{font-size:14px;}
	.vision_info .info .vi_img img{height:200px;}

	.vision_info .info .vi_img2{height:auto; flex-wrap:wrap;}
	.vision_info .info .vi_img2 img{width:100%; height:200px; order:1;}
	.vision_info .info .vi_img2 .vi_text{width:100%; order:2;}
	.vision_info .info .vi_img2 .vi_text h3{font-size:24px; line-height:30px;}
	.vision_info .info .vi_img2 .vi_text .sub p{font-size:14px;}


	.wind_content .wind_top{flex-wrap:wrap;}
	.wind_content .wind_top .wind_txt{width:100%; order:2; padding:30px 20px;}
	.wind_content .wind_top .wind_txt .txtto{flex-wrap:wrap;}
	.wind_content .wind_top .wind_txt .txtto li{width:50%; margin-left:0;}
	.wind_content .wind_top .wind_txt .txtto li b{border-left:0; padding-left:0; margin-left:0;}
	.wind_content .wind_top .wind_txt .txtto li:last-child{width:100%; margin-top:10px;}
	.wind_content .wind_top .wind_txt h2{font-size:22px; text-align:center;}
	.wind_content .wind_top .wind_txt .wind_group{flex-wrap:wrap;}
	.wind_content .wind_top .wind_txt .wind_group .wind_input{width:100%;}
	.wind_content .wind_top .wind_txt .wind_group .wind_button{width:100%; margin-top:20px; flex-direction:row; justify-content:center; padding:0;}
	.wind_content .wind_top .wind_image{width:100%; order:1; padding:0px 20px;}
	
	.wind_content .wind_list{margin-top:40px;}
	.wind_content .wind_list h2{font-size:22px;}
	.wind_content .wind_list .wind_list_item .item{width:100%; padding:0;}
	.wind_content .wind_list .wind_list_item .item .item_info .item_text p{font-size:14px;}
	.wind_content .wind_list .wind_list_item .item .item_info .item_text h6{font-size:16px;}
	.wind_content .wind_list .wind_list_item .item .item_info .item_text h4{font-size:16px;}
	.wind_content .wind_list .wind_list_item .item .item_info .item_text ul li span{font-size:12px;}
	.wind_content .wind_list .wind_list_item .item .item_info .item_text ul li b{font-size:13px;}

	.product .product_chart .chart_info .chart_content .chart_zk{flex-wrap:wrap; padding:0 5px;}
	.product .product_chart .chart_info .chart_content .chart_zk .zk_name{width:40%; order:1;}
	.product .product_chart .chart_info .chart_content .chart_zk .zt-skill-bar{width:100%; order:3;}
	.chart_zk .zk_numbu{width:60%; order:2; text-align:right;}

	.product_routes .routes_info{flex-wrap:wrap;}
	.product_routes .routes_info .routes_item{width:100%; padding:0 10px;}
	.product_routes .routes_info .routes_item ul li{height:170px; line-height:170px;}
	.product_routes .routes_info .routes_item ul li h4{font-size:16px;}
	.product_routes .routes_info .routes_graph{width:100%; padding:0 10px; margin-top:20px;}

	.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid .input_group .label_button{flex-wrap:wrap; width:100%;}
	.product .product_info .product_box li .product_boxx .my_box .mb_none .mun_wid .input_group .label_button button{width:calc(33% - 5px);}

	.ag_container .ag_setting .ag_set_top{flex-direction:column;}
	.ag_container .ag_setting .ag_set_top .ag_left_info{width:100%; margin-bottom:20px;}
	.ag_container .ag_setting .ag_set_top .ag_right_info{width:100%;}
	.ag_container .ag_setting .ag_set_top .ag_right_info .ag_set_chart{display:none;}
	.ag_graph{display:block;}

	.ag_container .ag_setting .ag_set_bottom .auto_setba{flex-direction:column;}
	.ag_container .ag_setting .ag_set_bottom .auto_setba .set_betpatt{width:100%; border-right:0; padding-bottom:15px; border-bottom:1px solid #e7e7e7;}
	.ag_container .ag_setting .ag_set_bottom .auto_setba .set_pattren{margin-left:0; width:100%; margin-top:20px;}
	.ag_container .ag_setting .ag_set_bottom .auto_setba .set_pattren table td .input_col{font-family:"apple"; font-size:13px; text-align:center;}
	.ag_container .ag_setting .ag_set_bottom .auto_setba .set_pattren table td .input_col input{display:block; margin:0 auto;}
	.ag_container .ag_menu .ag_menu_top h2{font-size:20px;}
	.ag_container .ag_menu .ag_menu_top h3{font-size:16px;}
	.ag_container .ag_setting .ag_set_top .set_money .so_rotop h3{font-size:20px;}
	.ag_container .ag_setting .ag_set_top .set_money .so_rotop h4{font-size:16px;}
	.ag_container .row{padding:10px;}
	.ag_container .ag_menu .ag_menu_status table tr td:first-child{text-align:center;}
	.ag_container .ag_menu .ag_menu_status table tr td{padding:15px 0; font-size:14px;}
	.ag_container .ag_menu .ag_menu_bottom{flex-wrap:wrap;}
	.ag_container .ag_menu .ag_menu_bottom .ont_mos{width:100%; margin-bottom:15px; display:flex; align-items:center; justify-content:center;}
	.ag_container .ag_menu .ag_menu_bottom .ont_mos .ont_mos_img{margin-right:20px;}
	.ag_container .ag_menu .ag_menu_bottom .ont_mos input{margin-left:20px;}
	.ag_container .ag_menu .ag_menu_bottom .stat_bos{width:100%;}
	.ag_container .ag_menu .ag_menu_bottom .ag_btn{padding:10px 0;}
	.ag_container .ag_menu .ag_menu_bottom .stat_bos .ato_st{font-size:12px;}
	.ag_container .ag_table .ag_table_top{width:100%;}
	.ag_container .ag_table{flex-wrap:wrap;}

	.gd_time_list{padding:0 10px;}
	.gd_time_list .time_list_top h2{font-size:20px;}
	.gd_time_list .time_list_top p{font-size:16px;}
	.gd_time_list .time_list_box{flex-wrap:wrap;}
	.gd_time_list .time_list_box .bosx{width:50%;}
	.gd_time_list .time_list_box .bosx:first-child{border-radius:0;}
	.gd_time_list .time_list_box .bosx:last-child{border-radius:0;}

	.gd_oll_list{padding:0 10px;}
	.gd_oll_list .oll_list_top h2{font-size:20px;}
	.gd_oll_list .oll_list_top p{font-size:16px;}
	.gd_oll_list .oli_list_table table tr th{font-size:12px;}
	.gd_oll_list .oli_list_table table tr td{font-size:12px;}

	.sub_kom .sub_kom_wrap{justify-content:space-between; gap:10px; padding:10px;}
	.sub_kom .sub_kom_wrap a{width:calc(50% - 10px); padding:10px 0; display:flex; justify-content:center;}

	.wind_content .wind_list .wind_list_item .item .item_info .item_top .item_graps .graps_top p{font-size:15px;}
	.wind_content .wind_list .wind_list_item .item .item_info .item_top .item_graps .graps_top span{font-size:13px;}

}


.background-content { display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;justify-content: center; align-items: center; z-index: 1041; }
.background-content.blur { filter: blur(5px); display:flex; }
.modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 1042; }
.modal22 { display:block; background: white; padding: 20px; border-radius: 10px; width: 350px; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
.modal22 h2 { margin-bottom: 20px; font-size:24px; font-weight:700;}
.amount-buttons button { margin: 5px; padding: 10px 15px; border: none; background-color: #f1f2f4; color: #606796; border-radius: 5px; cursor: pointer; }
.input-group { margin-bottom: 20px; align-items:center;}
.input-group input { width: calc(100% - 40px); padding: 10px; border: 1px solid #ccc; border-radius: 5px; text-align:right;}
.input-group span { margin-left: 5px; }
.modal-buttons button { margin: 5px; padding: 10px 15px; border: none; border-radius: 5px; cursor: pointer; width:100%;}
.modal-buttons .reset-btn { background-color: #dc3545; color: white; }
.modal-buttons .submit-btn { background-color: #0046c0; color: white; }
.modal-buttons button:hover { opacity: 0.9; }


.my_total .poto_content .poc_wrap .poc_item .poc_tiem .poc_txt:last-child {
    text-align: left !important;
}
.my_total .poto_content .poc_wrap .poc_item .poc_tiem {
    width: 100%;
    display: flex;
    padding: 10px 20px;
    flex-direction: column !important;
}
.my_total .poto_content {
    padding-bottom: 10px;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #bfbebe;
}
.my_total .poto_content .poc_wrap .poc_item {
    width: 40% !important;
}
.sahdhashduisahudui { 
    width: 60% !important; 
}
/* 기본 스타일 (768px 이상일 경우) */
.my_total .poto_content .poc_wrap {
    display: flex;
    flex-direction: row !important;
}

.total_bg {
    width: 100% !important;
    height: 100% !important;
    background-image: url(/img/samho/company/photo_2025-06-06_09-00-12.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    color: #fff !important;
}
.my_total .total_bg .tb_wrap table th {
    color: #fff !important;
}
.my_total .total_bg .tb_wrap table td {
    color: #fff !important;
}
.my_total .total_bg .tb_wrap table td span {
    color: #fff !important;
}
/* 768px 미만일 경우 스타일 변경 */
@media (max-width: 767px) {
    .my_total .poto_content .poc_wrap {
        flex-direction: column-reverse !important;
    }

    .total_title {
        margin-bottom: 20px !important;
    }
    .total_title {
        margin-top: 20px !important;
    }
    
    .my_total .poto_content .poc_wrap .poc_item,
    .sahdhashduisahudui {
        width: 100% !important;
    }
.my_total .poto_content .poc_wrap .poc_item .poc_tiem .poc_txt {
    width: 100% !important;
    display: flex;
    flex-direction: row !important;
    justify-content: space-between !important;
}


.my_total .poto_content {
    margin-bottom: 0px !important;
}
}

.item_moneywrap{width:100%; position:relative; padding:8px 12px; border:1px solid #dbdbdb; border-radius:6px; height:50px; display:flex; align-self:stretch; align-items:center; justify-content:flex-end;}
.item_moneywrap .item_money_input_wrap{width:100%; display:inline-flex; align-items:center; flex: 0 0 auto; gap:12px; position:relative;}
.item_moneywrap .item_money_input_wrap input{width:100%; height:40px; border:none; font-size:22px; padding-right:10px; text-align:right;}
.item_moneywrap .item_money_input_wrap span{color:#4d4d4d; font-size:18px; font-weight:500; width:fit-content;}
.money_quickwrap{display:flex; width:100%; align-self:stretch; align-items:center; gap:4px; height:32px; margin-top:14px; position:relative;}
.money_quickwrap button{background:#f4f4f4; padding:8px; flex:1; flex-grow:1; border:none;}

/* 기본값: 모두 숨김 */
.mobile-only,
.desktop-only {
  display: none;
  text-align: center;
    font-size: 24px;
    font-weight: 600;
}

/* 767px 미만 (모바일) */
@media (max-width: 766px) {
  .mobile-only {
    display: block;
    font-size: 18px !important;
    margin-top: 12px;
  }
}

/* 767px 이상 (태블릿, PC) */
@media (min-width: 767px) {
  .desktop-only {
    display: block;
  }
}

.mypage{width:100%; max-width:1320px; margin:20px auto 70px;}
.mypage .mypage_title{text-align:center; margin-bottom:40px; font-size:44px; font-weight:700; line-height:45px;}
.memo_content{width:100%;}
.memo_content .memo_top{width:100%; position:relative;}
.memo_content .memo_top ul{margin:0; padding:0; display:flex;}
.memo_content .memo_top ul li a{display:block; border:1px solid transparent; padding:15px 25px; text-align:center; color:#777; margin:0 0 -1px;}
.memo_content .memo_top ul li a.on{border:1px solid #ddd; border-top:3px solid #365291; border-bottom:1px solid #fff; color:#333;}
.memo_content .memo_top .sub_a{position:absolute; right:0; top:0; padding:15px 10px; color:#666;}
.memo_content .memo_table{width:100%; border-top:1px solid #ddd; padding:10px 0;} 
.memo_content .memo_table table{width:100%;}
.memo_content .memo_table table tr{line-height:32px; font-weight:600;}
.memo_content .memo_table table th{padding:5px; text-align:center; background:#f7f7f7; color:#000; font-size:14px;}
.memo_content .memo_table table td{padding:5px; background:#fff; color:#333; font-size:13px; border-bottom:1px solid #eaeaea;}
.memo_content .memo_table table td a{color:#333;}
.memo_content .memo_table table td.date{width:20%; text-align:center;}
.memo_content .memo_table table td .cards{width:100%; font-size:13px; margin-bottom:10px; border:1px solid #0046c0;}
.memo_content .memo_table table td .cards .card_body{background:#f7f7f7; color:#333; padding:20px;}
.memo_content .memo_table table td .cards .card_body p{margin-bottom:5px;}
.memo_content .memo_table table td .cards .card_body img{max-width:100%;}
.memo_content .memo_table table td .cards .card_body .card_body_title{margin-top:10px; color:#333; font-size:16px; font-weight:600; padding:5px 0;}
.memo_content .memo_input_table{width:100%;border-top:1px solid #ddd; padding:10px 0;}
.memo_content .memo_input_table table{width:100%;}
.memo_content .memo_input_table table th{width:35%; padding:7px 5px; background:#f7f7f7; border-bottom:1px solid #ddd; text-align:center;}
.memo_content .memo_input_table table td{width:65%; padding:7px 5px; border-bottom:1px solid #ddd;}
.memo_content .memo_input_table table td input{width:100%; height:40px; padding:0 5px;}
.memo_content .memo_input_table table td textarea{width:100%; height:150px; padding:0 5px;}
.memo_content .memo_input_table .memo_btn{width:100%; text-align:center; margin-top:10px;}
.memo_content .memo_input_table .memo_btn button{width:49%; height:40px; background:#fff; color:#000; font-size:13px; border:1px solid #365291;}