/*상단박스*/
.top-box{margin-left:50px; background:#e9f2f0; margin-bottom:50px; }
.top-box .in-wrap{position:relative; top:-10px; left:-10px; background:#fff; border:1px solid #c8c8c8; padding:60px 80px;}
.top-box .in-wrap:before{display:block; content:''; width:100px; height:5px; background:#005629; position:absolute; left:-50px; top:50px}
.top-box .in-wrap h4.title{color:#005b2b; font-family: 'NotoKrB'; font-size:1.5rem;}
.top-box .in-wrap p.txt{font-size:1.05rem; padding-top:30px}
.top-box .in-wrap p.txt.notop{padding-top:0;}

	@media screen and (max-width:1024px){ 
		.top-box{margin-bottom:30px; margin-left:25px}
		.top-box .in-wrap{padding:30px 20px;}
		.top-box .in-wrap:before{width:50px; left:-25px; top:25px;}
		.top-box .in-wrap h4.title{font-size:1.2rem;}
		.top-box .in-wrap p.txt{font-size:0.9rem; padding-top:15px;}
	}



#tab ul li:first-child:nth-last-child(2),
#tab ul li:first-child:nth-last-child(2) ~ li{width:50%}
#tab ul li:first-child:nth-last-child(3),
#tab ul li:first-child:nth-last-child(3) ~ li{width:33.33%}
#tab ul li:first-child:nth-last-child(4),
#tab ul li:first-child:nth-last-child(4) ~ li{width:25%}
#tab ul li:first-child:nth-last-child(5),
#tab ul li:first-child:nth-last-child(5) ~ li{width:20%}
#tab ul li:first-child:nth-last-child(6),
#tab ul li:first-child:nth-last-child(6) ~ li{width:16.66%}
#tab ul li:first-child:nth-last-child(7),
#tab ul li:first-child:nth-last-child(7) ~ li{width:14.28%}
#tab ul li:first-child:nth-last-child(8),
#tab ul li:first-child:nth-last-child(8) ~ li{width:12.5%}

/*4depth tab*/
.tab-4depth{margin-bottom:50px}
.tab-4depth ul{width:100%;overflow:hidden;border-top:1px solid #c8c8c8}
.tab-4depth ul li{display:flex;display:-ms-flex;justify-content:center;align-items:center;height:60px;float:left;border-bottom:1px solid #c8c8c8;border-right:1px solid #c8c8c8}
.tab-4depth ul li a{display:inline-block;font-size:1.01rem;letter-spacing:-0.025em;padding:0 10px;text-align:center;color:#222;word-break:keep-all}
.tab-4depth ul li:first-child{border-left:1px solid #c8c8c8}
.tab-4depth ul li:hover,
.tab-4depth ul li:focus{opacity:1; background:#e9f2f0; }
.tab-4depth ul li:first-child:nth-last-child(14),
.tab-4depth ul li:first-child:nth-last-child(14) ~ li,
.tab-4depth ul li:first-child:nth-last-child(13),
.tab-4depth ul li:first-child:nth-last-child(13) ~ li,
.tab-4depth ul li:first-child:nth-last-child(12),
.tab-4depth ul li:first-child:nth-last-child(12) ~ li,
.tab-4depth ul li:first-child:nth-last-child(11),
.tab-4depth ul li:first-child:nth-last-child(11) ~ li,
.tab-4depth ul li:first-child:nth-last-child(10),
.tab-4depth ul li:first-child:nth-last-child(10) ~ li,
.tab-4depth ul li:first-child:nth-last-child(9),
.tab-4depth ul li:first-child:nth-last-child(9) ~ li,
.tab-4depth ul li:first-child:nth-last-child(8),
.tab-4depth ul li:first-child:nth-last-child(8) ~ li{width:12.5%}
.tab-4depth ul li:first-child:nth-last-child(13) ~ li:nth-child(9),
.tab-4depth ul li:first-child:nth-last-child(12) ~ li:nth-child(9),
.tab-4depth ul li:first-child:nth-last-child(11) ~ li:nth-child(9),
.tab-4depth ul li:first-child:nth-last-child(10) ~ li:nth-child(9),
.tab-4depth ul li:first-child:nth-last-child(9) ~ li:nth-child(9){border-left:1px solid #c8c8c8}
.tab-4depth ul li:first-child:nth-last-child(7),
.tab-4depth ul li:first-child:nth-last-child(7) ~ li{width:14.285%}
.tab-4depth ul li:first-child:nth-last-child(6),
.tab-4depth ul li:first-child:nth-last-child(6) ~ li{width:16.666%}
.tab-4depth ul li:first-child:nth-last-child(5),
.tab-4depth ul li:first-child:nth-last-child(5) ~ li{width:20%}
.tab-4depth ul li:first-child:nth-last-child(4),
.tab-4depth ul li:first-child:nth-last-child(4) ~ li{width:25%}
.tab-4depth ul li:first-child:nth-last-child(3),
.tab-4depth ul li:first-child:nth-last-child(3) ~ li{width:33.333%}
.tab-4depth ul li:first-child:nth-last-child(2),
.tab-4depth ul li:first-child:nth-last-child(2) ~ li{width:50%}
.tab-4depth ul li:first-child:nth-last-child(4) a,
.tab-4depth ul li:first-child:nth-last-child(4) ~ li a,
.tab-4depth ul li:first-child:nth-last-child(3) a,
.tab-4depth ul li:first-child:nth-last-child(3) ~ li a,
.tab-4depth ul li:first-child:nth-last-child(2) a,
.tab-4depth ul li:first-child:nth-last-child(2) ~ li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tab-4depth ul li.on:hover,
.tab-4depth ul li.on:focus,
.tab-4depth ul li.on{background-color:#005629;}
.tab-4depth ul li.on a{color:#fff; font-family: 'NotoKrB'; }
.tab-4depth ul li a:focus,
.tab-4depth ul li a:hover{text-decoration:underline}
/*
.tab-4depth{margin-bottom:50px; }

.tab-4depth:after{display:block; content:''; clear:both;}
.tab-4depth ul{width:100%}
.tab-4depth ul li{position:relative; height:60px; overflow:hidden; float:left; top: 50%;  border:solid #c8c8c8; border-width:1px 1px 1px 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translate(0, -50%);}
.tab-4depth ul li:first-child{border-left:1px solid #c8c8c8}
.tab-4depth ul li:hover,
.tab-4depth ul li:focus{opacity:1; background:#e9f2f0; }
.tab-4depth ul li:first-child:nth-last-child(13),
.tab-4depth ul li:first-child:nth-last-child(13) ~ li{width:20%}
.tab-4depth ul li:first-child:nth-last-child(8),
.tab-4depth ul li:first-child:nth-last-child(8) ~ li{width:12.5%}
.tab-4depth ul li:first-child:nth-last-child(7),
.tab-4depth ul li:first-child:nth-last-child(7) ~ li{width:14.285%}
.tab-4depth ul li:first-child:nth-last-child(6),
.tab-4depth ul li:first-child:nth-last-child(6) ~ li{width:16.666%}
.tab-4depth ul li:first-child:nth-last-child(5),
.tab-4depth ul li:first-child:nth-last-child(5) ~ li{width:20%}
.tab-4depth ul li:first-child:nth-last-child(4),
.tab-4depth ul li:first-child:nth-last-child(4) ~ li{width:25%}
.tab-4depth ul li:first-child:nth-last-child(3),
.tab-4depth ul li:first-child:nth-last-child(3) ~ li{width:33.333%}
.tab-4depth ul li:first-child:nth-last-child(2),
.tab-4depth ul li:first-child:nth-last-child(2) ~ li{width:50%}
.tab-4depth ul li a{top: 45%;position: relative; transform: translate(0, -50%);position:relative; z-index:20; width:100%; display:inline-block; vertical-align:middle; font-size:1.01rem; letter-spacing:-0.025em; padding:0 15px; line-height:20px;  text-align:center;  color:#222;	overflow:hidden; }
.tab-4depth ul li:first-child:nth-last-child(4) a,
.tab-4depth ul li:first-child:nth-last-child(4) ~ li a,
.tab-4depth ul li:first-child:nth-last-child(3) a,
.tab-4depth ul li:first-child:nth-last-child(3) ~ li a,
.tab-4depth ul li:first-child:nth-last-child(2) a,
.tab-4depth ul li:first-child:nth-last-child(2) ~ li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tab-4depth ul li.on:hover,
.tab-4depth ul li.on:focus,
.tab-4depth ul li.on{background-color:#005629;}
.tab-4depth ul li.on a{color:#fff; font-family: 'NotoKrB'; }
.tab-4depth ul li a:focus,
.tab-4depth ul li a:hover{text-decoration:underline}
*/

	@media screen and (max-width:1024px){ 
		.tab-4depth ul li{height:50px}
		.tab-4depth ul li:nth-child(odd){border-left:1px solid #c8c8c8}
		.tab-4depth ul li:first-child:nth-last-child(14),
		.tab-4depth ul li:first-child:nth-last-child(14) ~ li,
		.tab-4depth ul li:first-child:nth-last-child(13),
		.tab-4depth ul li:first-child:nth-last-child(13) ~ li,
		.tab-4depth ul li:first-child:nth-last-child(12),
		.tab-4depth ul li:first-child:nth-last-child(12) ~ li,
		.tab-4depth ul li:first-child:nth-last-child(11),
		.tab-4depth ul li:first-child:nth-last-child(11) ~ li,
		.tab-4depth ul li:first-child:nth-last-child(10),
		.tab-4depth ul li:first-child:nth-last-child(10) ~ li,
		.tab-4depth ul li:first-child:nth-last-child(9),
		.tab-4depth ul li:first-child:nth-last-child(9) ~ li,
		.tab-4depth ul li:first-child:nth-last-child(8),
		.tab-4depth ul li:first-child:nth-last-child(8) ~ li,
		.tab-4depth ul li:first-child:nth-last-child(7),
		.tab-4depth ul li:first-child:nth-last-child(7) ~ li,
		.tab-4depth ul li:first-child:nth-last-child(6),
		.tab-4depth ul li:first-child:nth-last-child(6) ~ li,
		.tab-4depth ul li:first-child:nth-last-child(5),
		.tab-4depth ul li:first-child:nth-last-child(5) ~ li,
		.tab-4depth ul li:first-child:nth-last-child(4),
		.tab-4depth ul li:first-child:nth-last-child(4) ~ li,
		.tab-4depth ul li:first-child:nth-last-child(3),
		.tab-4depth ul li:first-child:nth-last-child(3) ~ li{width:50%}
		.tab-4depth ul li a{font-size:0.9rem; padding:0 10px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	}

	@media screen and (max-width:780px){ 
		.tab-4depth{margin-bottom:15px}
	}

/*5depth tab*/
.btn-5depth-mobile{display:none;}
.tab-5depth{margin-bottom:50px; }
.tab-5depth:after{display:block; content:''; clear:both;}
.tab-5depth ul{width:100%;}
.tab-5depth ul li{display:block;  float:left; height:60px;  border:1px solid #c8c8c8; border-radius:5px; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translate(0, -50%);}
.tab-5depth ul li + li{margin-left:0.5%}
.tab-5depth ul li:first-child:nth-last-child(8),
.tab-5depth ul li:first-child:nth-last-child(8) ~ li{width:12.0625%}
.tab-5depth ul li:first-child:nth-last-child(7),
.tab-5depth ul li:first-child:nth-last-child(7) ~ li{width:13.857%}
.tab-5depth ul li:first-child:nth-last-child(6),
.tab-5depth ul li:first-child:nth-last-child(6) ~ li{width:16.25%}
.tab-5depth ul li:first-child:nth-last-child(5),
.tab-5depth ul li:first-child:nth-last-child(5) ~ li{width:19.6%}
.tab-5depth ul li:first-child:nth-last-child(4),
.tab-5depth ul li:first-child:nth-last-child(4) ~ li{width:24.625%}
.tab-5depth ul li:first-child:nth-last-child(3),
.tab-5depth ul li:first-child:nth-last-child(3) ~ li{width:33%}
.tab-5depth ul li:first-child:nth-last-child(2),
.tab-5depth ul li:first-child:nth-last-child(2) ~ li{width:49.5%}
.tab-5depth ul li a{top: 48%;display:block; width:100%; position:relative; font-size:1.01rem;text-align:center;  color:#222;  padding:0 35px 0 15px; letter-spacing:-0.025em;  line-height:20px; overflow:hidden;transform:translate(0, -50%); word-break:keep-all; }
.tab-5depth ul li:first-child:nth-last-child(4) a,
.tab-5depth ul li:first-child:nth-last-child(4) ~ li a,
.tab-5depth ul li:first-child:nth-last-child(3) a,
.tab-5depth ul li:first-child:nth-last-child(3) ~ li a,
.tab-5depth ul li:first-child:nth-last-child(2) a,
.tab-5depth ul li:first-child:nth-last-child(2) ~ li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tab-5depth ul li.on,
.tab-5depth ul li.on:hover,
.tab-5depth ul li.on:focus{background:#33866e; border:1px solid #33866e; }
.tab-5depth ul li:after{position:absolute; top:50%; right:10px; margin-top:-10px; display:block; width:20px; height:20px; content:''; border:1px solid #c8c8c8; border-radius:20px; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; background-image:url('../images/common/ico-tab-arrow2.png');}
.tab-5depth ul li.on:after{background-image:url('/_res/tongmyong/tuhome/img/common/ico-tab-arrow1.png');border-color:#33866e}
.tab-5depth ul li:hover,
.tab-5depth ul li:focus{background-color:#f5f5f5; text-decoration:underline;}
.tab-5depth ul li.on a{font-family: 'NotoKrB'; color:#fff; }

	@media screen and (max-width:1024px){ 
		.tab-5depth{margin-bottom:20px}
		.tab-5depth ul li{height:50px}
		.tab-5depth ul li:first-child:nth-last-child(8),
		.tab-5depth ul li:first-child:nth-last-child(8) ~ li,
		.tab-5depth ul li:first-child:nth-last-child(7),
		.tab-5depth ul li:first-child:nth-last-child(7) ~ li,
		.tab-5depth ul li:first-child:nth-last-child(6),
		.tab-5depth ul li:first-child:nth-last-child(6) ~ li,
		.tab-5depth ul li:first-child:nth-last-child(5),
		.tab-5depth ul li:first-child:nth-last-child(5) ~ li,
		.tab-5depth ul li:first-child:nth-last-child(4),
		.tab-5depth ul li:first-child:nth-last-child(4) ~ li,
		.tab-5depth ul li:first-child:nth-last-child(3),
		.tab-5depth ul li:first-child:nth-last-child(3) ~ li{width:49.75%; margin-top:5px}
		.tab-5depth ul li + li{margin-left:0}
		.tab-5depth ul li:first-child, .tab-5depth ul li:nth-child(2n+1){margin-right:0.5%}
		.tab-5depth ul li a{font-size:0.9rem; padding:0 10px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	}

	@media screen and (max-width:780px){ 
		.btn-5depth-mobile{display:block; position:relative;  background:#33866e; font-size:0.9rem; color:#fff; border:none; border-radius:5px;   padding:12px 35px 12px 15px; cursor:pointer; width:100%; text-align:left}
		.btn-5depth-mobile:after{position:absolute; top:50%; right:10px; margin-top:-10px; display:block; width:20px; height:20px; border-radius:20px; content:'';  background:#fff url('/_res/tongmyong/tuhome/img/common/ico-tab-arrow1.png') no-repeat 50% 50%; ; transition:transform 200ms ease-in-out}
		.btn-5depth-mobile.on:after{transform:rotateX(180deg)}
		.tab-5depth{position:relative;}
		.tab-5depth ul{display:none}
		.tab-5depth > ul.mobile{width:100%; border:1px solid #c8c8c8; background:#f1f1f1; overflow:hidden; position:absolute; top:45px; left:0;z-index:30}
		.tab-5depth > ul.mobile li{width:100% !important; border:none; margin-left:0; margin-top:0}
		.tab-5depth ul li {transform:none; height:auto}
		.tab-5depth ul li a{font-size:0.9rem; text-align:left; border:none; padding:10px; transform:none; top:0}
		.tab-5depth ul li:after, .tab-5depth ul li.on:after{display:none}
		.tab-5depth ul li.on, .tab-5depth ul li.on:hover, .tab-5depth ul li.on:focus{background:transparent; border:none}
		.tab-5depth ul li a, .tab-5depth ul li.on a{color:#000; }
	}

/*6depth tab*/
.tab-6depth{margin-bottom:50px; background:#f4f4f4; padding:35px;}
.tab-6depth:after{display:block; content:''; clear:both;}
.tab-6depth ul li{float:left; position:relative; padding-left:10px; padding-bottom:10px}
.tab-6depth ul li:before{display:block; content:''; width:3px; height:3px; background:#005629; position:absolute; top:11px; left:0px;}
.tab-6depth ul li a{display:block; color:#222; font-size:1.01rem; padding-right:50px; }
.tab-6depth ul li.on a{color:#2fa74f; font-family: 'NotoKrB'; }
.tab-6depth ul li a:hover,
.tab-6depth ul li a:focus{text-decoration:underline}

	@media screen and (max-width:1024px){ 
		.tab-6depth{margin-bottom:30px; padding:25px;}
		.tab-6depth ul li a{font-size:0.9rem;}
	}

	@media screen and (max-width:780px){ 
		
	}


/*h-title ol ul p*/
h4.title-h4{color:#000; padding:15px 0 0 0; background:url('/_res/tongmyong/tuhome/img/common/ico-title-h4.gif') no-repeat 0 0 ; font-size:1.4rem; /*font-family: 'NotoKrB';*/ margin-top:50px;}
#s-content h4.title-h4:first-child{margin-top:0}

h5.title-h5{color:#0fa13c;font-size:1.2rem; font-family: 'NotoKrB'; margin-top:30px; }
h5.title-h5_1{color: #0fa13c; font-size: 1.2rem; font-family: 'NotoKrB'; margin-top:0px; text-align: center;}

.ul-bul{padding-left:15px; margin-top:30px;  font-size:15px; line-height:24px; }
.ul-bul:after{display:block; content:''; clear:both;}
.ul-bul > ul > li{position:relative; padding:5px 0 5px 10px}
.ul-bul > ul > li:before{display:block; content:''; width:4px; height:4px; border-radius:4px; background:#0fa13c; position:absolute; top:15px; left:0 }
.ul-bul > ul > li > ul > li{padding:2px 0 0 13px; position:relative;}
.ul-bul > ul > li > ul > li:before{display:block; content:''; width:6px; height:2px; background:#353535; position:absolute; top:11px; left:0 }

.ol-bul.changui{margin-top:20px;}
.ul-bul.changui{margin-top:20px;padding-left:0;}

.ol-bul.ucc{margin-top:10px;}
.ol-bul.ucc > ol > li{line-height:23px}
.ol-bul.ucc > ol > li:before{width:20px;height:20px;line-height:20px;}
.ul-bul.ucc{margin-top:10px;padding-left:0;}


p.txt-box{padding-top:30px;}

.ol-bul{margin-top:30px; counter-reset:title;  font-size:15px; line-height:24px; }
.ol-bul:after{display:block; content:''; clear:both; }
.ol-bul > ol > li{position:relative; padding-left:35px; line-height:30px;counter-increment:title; padding-bottom:5px;}
.ol-bul > ol > li:before{display:block; content:counter(title)" ";text-align:center; width:25px; height:25px; border-radius:25px; line-height:25px;border:1px solid #0fa13c; color:#0fa13c; font-size:0.9rem; position:absolute; top:0; left:0}
.ol-bul p{margin-top: 15px;}
.text_c{color: #0fa13c;}

	@media screen and (max-width:780px){ 
		h4.title-h4{font-size:1.2rem; margin-top:30px}
		h5.title-h5{font-size:1.1rem; margin-top:15px;}
		p.txt-box{padding-top:15px;}
		.ul-bul{margin-top:15px; padding-left:0}
		.ol-bul{margin-top:15px;}
		h5.title-h5_1{margin:10px 0;}
	}

/*table*/
.table-wrap table.table-st1{width:100%; margin-top:30px; background-color:#fff; border-top:2px solid #005629; font-size:15px; line-height:24px; overflow:hidden; }
.table-wrap .fixed{table-layout:fixed;}
.table-wrap table.table-st1 thead th{padding:13px 10px; border:1px solid #d6d6d6; background-color:#f9f9f9; color:#000; font-weight:600; text-align:center;}
.table-wrap table.table-st1 thead th + th{border-left:1px solid #d6d6d6;}
.table-wrap table.table-st1 thead th:first-child{border-left:none;}
.table-wrap table.table-st1 thead th:last-child{border-right:none;}
.table-wrap table.table-st1 tbody th, .table-wrap tfoot th{background-color:#f9fafc; font-weight:300; color:#000; text-align:center; word-break:break-all;}
.table-wrap table.table-st1 tbody th, .table-wrap tbody td, .table-wrap tfoot th, .table-wrap tfoot td{padding:13px 25px; border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6;  word-break:break-all;}
.table-wrap table.table-st1 tfoot td:first-child{border-left:none;}
.table-wrap table.table-st1 tbody tr th:last-child{border-right:none;}
.table-wrap table.table-st1 td:last-child{border-right:none;}
.table-wrap table.table-st1 tbody th + td, .table-wrap tbody td + td, .table-wrap tfoot td{border-left:1px solid #d6d6d6;}
.table-wrap table.table-st1 tbody td, .table-wrap tfoot td{text-align:center;  word-break:break-all;}
.table-wrap table.table-st1 .tal {text-align:left;}
.table-wrap table.left-style tbody td:nth-child(2){text-align:left;}
.table-wrap table.table-st1 .new-blue{color:#0008ff;margin-bottom:0 !important;}

.table-scroll{overflow:hidden; }
.table-scroll-txt{position:relative;}
.table-scroll-txt .m-hand{display:none;  position:absolute; width:70px; height:70px; border-radius:100px; background:rgba(0, 0, 0, 0.7);  z-index:10; left:50%; margin-left:-35px; top:100px;}
.table-scroll-txt .m-hand > span{position:relative;}
.table-scroll-txt .m-hand > span > i{width:30px; height:30px; position:absolute; top:20px; left:20px; background:url('/_res/tongmyong/tuhome/img/main/ico-mhand.png') no-repeat 50% 50%; background-size:50px auto; font-size:0; text-indent: -999em; animation:handmove 0.5s linear 1s infinite alternate}
.table-scroll-txt .m-hand > span > em{width:30px; height:30px; position:absolute; top:20px; left:20px; background:url('/_res/tongmyong/tuhome/img/main/ico-mhand.png') no-repeat 50% 50%; background-size:50px auto; font-size:0; text-indent: -999em; animation:handmove 0.5s linear 1s infinite alternate}


	@media screen and (max-width:1024px){ 
		
	}

	@media screen and (max-width:780px){ 
		
		.table-scroll { overflow-x:scroll;}
		.table-scroll table.table-st1{width:750px;}
		
		
		.table-wrap table.table-st1{font-size:0.85em;}	
		.table-wrap table.table-st1 thead th{padding:5px; font-size:0.85rem;}
		.table-wrap table.table-st1 tbody th, .table-wrap tbody td, .table-wrap tfoot th, .table-wrap tfoot td{padding:5px; font-size:0.85rem;}
	}

	
	 @keyframes handmove {
        from {left: 8px;}
        to {right: -12px;}
    }


/*content-layout*/
.con-side-img{position:relative; /*padding-left:700px;*/ min-height:270px; margin-top:30px;display: flex;justify-content: space-between;flex-direction:row-reverse;}
.con-side-img:before{display:block; content:''; width:100px; height:5px; background:#005629; position:absolute; right: 500px; top:30px; z-index:10}
.con-side-img .img{/*position:absolute; top:10px; left:50px; */background:#e9f2f0; width:530px;height: fit-content;}
.con-side-img .img img{width:100%;;}
.con-side-img .img span{position:relative; top:-10px; left:-10px; background:#fff; border:1px solid #c8c8c8; display:block; width:100%; height:263px;}
.con-side-img .img span img{width:100%; height:100%}
.con-side-img .img.changui span{height:auto}
.con-side-img .con-box{margin-right:100px;width: calc(100% - 630px);}
.con-side-img .title-h4{margin-top:0;}

.con-side-img.ucc .img.ucc{background-color:#fff;}
.con-side-img .img.ucc span{height:730px;}
.con-side-img.ucc:before{display:none;}
.con-side-img.ucc .title-h5{margin-top:20px;}
.con-side-img.ucc .ucc-btn{display:flex;}
.con-side-img.ucc .ucc-btn > li:first-child{margin-right:20px;}
.con-side-img.ucc .caution{color:#ff0800;font-size:18px;}

.con-one-img{text-align:center; margin-top:30px;}
.con-one-img img{max-width:100%}
.con-one-img .btn-zoom{display:none}


@media screen and (max-width:1400px){
		.con-side-img.ucc .ucc-btn{display:block;}
} 
	@media screen and (max-width:1024px){ 
		.con-side-img{/*padding-left:350px;*/flex-wrap:wrap;}
		.con-side-img:before{width:50px;}
		.con-side-img .img{left:30px;width:100%;}
		.con-side-img .img span{width:300px; height:215px;}
		.con-side-img .img.changui span{width:100%;height:auto;left:13px;}
		.con-side-img.ucc{padding-left:350px;}
		.con-side-img .img.ucc span{height:auto;}
		.con-side-img .con-box{margin-right:0;width: 100%;}
		.con-side-img .title-h4{margin-top:50px;}
	}

	@media screen and (max-width:780px){ 
		.con-side-img{padding-left:0}
		.con-side-img .img{position:static;width:300px; margin:0 auto}
		.con-side-img:before{left:50%; margin-left:-180px}
		.con-one-img {position:relative;}
		.con-one-img .btn-zoom{display:block; width:50px; height:50px; background:url('/_res/tongmyong/tuhome/img/common/btn-zoom-img.png') no-repeat; background-size:cover; position:absolute; bottom:10px; right:10px; font-size:0; text-indent:-99999em;}
		.con-side-img.changui:before{margin-left: -170px;}
		.con-side-img.ucc{padding-left:0;}
}


/*button*/
span.btn-type1{display:inline-block; border:1px solid #005b2b}
span.btn-type1 a{display:block; position:relative; line-height:50px; color:#005b2b; background:#fff;  padding:0 50px 0 15px; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
span.btn-type1 a:after{display:block; content:''; width:35px; height:50px; background:#005b2b url('/_res/tongmyong/tuhome/img/common/ico-btn1.png') no-repeat 50% 50%; position: absolute; top:0; right:0}
span.btn-type1 a:focus,
span.btn-type1 a:hover{background:#005b2b; color:#fff;}
span.btn-type1 a:hover:after,
span.btn-type1 a:focus:after{background-color:#024321}

span.btn-type2{display:inline-block; border:1px solid #2e658f}
span.btn-type2 a{display:block; position:relative; line-height:50px; color:#2e658f; background:#fff;  padding:0 50px 0 15px; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
span.btn-type2 a:after{display:block; content:''; width:35px; height:50px; background:#2e658f url('/_res/tongmyong/tuhome/img/common/ico-btn2.png') no-repeat 50% 50%; position: absolute; top:0; right:0}
span.btn-type2 a:focus,
span.btn-type2 a:hover{background:#2e658f; color:#fff;}
span.btn-type2 a:hover:after,
span.btn-type2 a:focus:after{background-color:#16456a}

span.btn-type2.changui{border: 1px solid #64a91b;margin-top:30px;}
span.btn-type2.changui a{color: #64a91b;}
span.btn-type2.changui a:hover{background: #64a91b;color: #fff;}
span.btn-type2.changui a:after{background-color:#64a91b;}
span.btn-type2.changui a:after{background-color: #52940c;}


span.btn-type3{display:inline-block; border:1px solid #64a91b}
span.btn-type3 a{display:block; position:relative; line-height:50px; color:#64a91b; background:#fff;  padding:0 50px 0 15px; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
span.btn-type3 a:after{display:block; content:''; width:35px; height:50px; background:#64a91b url('/_res/tongmyong/tuhome/img/common/ico-btn3.png') no-repeat 50% 50%; position: absolute; top:0; right:0}
span.btn-type3 a:focus,
span.btn-type3 a:hover{background:#64a91b; color:#fff;}
span.btn-type3 a:hover:after,
span.btn-type3 a:focus:after{background-color:#52940c}

span.btn-type4{display:inline-block;}
span.btn-type4 a{display:block; position:relative; line-height:40px; color:#fff; background:#096936 url('/_res/tongmyong/tuhome/img/common/ico-btn4.png') no-repeat 10px 10px;  padding:0 15px 0 30px; border-radius:5px; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
span.btn-type4 a:focus,
span.btn-type4 a:hover{text-decoration:underline}




	@media screen and (max-width:1024px){ 
		
	}

	@media screen and (max-width:780px){ 
		
	}