﻿
/*#row1 시작*/
#row1{ width:1000px; height:280px; margin:0 auto; margin-top:10px;}
#row1 .row1Cont{ margin-right:20px; float:left;}

/*#row1 끝*/

/*#row2 시작*/
#row2{ width:1000px; height:414px; margin:0 auto; margin-top:20px;}
#row2 .row2Cont{margin-right:20px; float:left;}
#row2 .row2Bann{ margin-right:0;}

.mtnuri{ width: 718px; height:412px; border:1px solid #d2d2d2;}
.mtnuri  .title{ margin-left:5px; margin-bottom:25px; margin-top:20px;}
.mtnuri .titxt{ float:left; margin-left:35px; }
.mtnuri .cont li{float:left;}
.mtnuri li .plusTxt{ margin-bottom:20px; margin-left:10px;}
.mtnuri li .plusT1{ font-size:13px; margin:5px 0 3px 0; color:#0052b0;}
.mtnuri li .plusT2{ color:#4f4f4f;}

#css_tabs{ width:700px;}
#css_tabs label{ display:inline-block; font-size:12px; padding:7px; text-align:center; width:40px; color:#777; border:1px solid #ccc; margin-bottom:-1px; border-bottom:1px solid #d3d3d3;}
#css_tabs label[for=tab1] {margin-left:270px;}
#lTab1{ background-color:#ffffff;}
#lTab2{ background-color:#f3f3f3;}
#lTab3{ background-color:#f3f3f3;}
#css_tabs span{ display:block; width:680; height:1px; background-color:#d2d2d2; margin-bottom:20px; margin-left:29px;}
#row2 .bn2_2{ margin-top:20px;}
/*#row2 끝*/

/*#row3 시작*/
#row3{ width:1000px; height:367px; margin:0 auto; margin-top:20px;}
#row3 .row3Cont{margin-right:20px; float:left;}
#row3 .reslide{ margin-right:0;}

.printwrap{ width:376px; height:365px; background:#fffdf2; border:1px solid #d2d2d2; position:relative;}
.print .titxt{ float:left; margin:15px 0 20px 30px;}
.up{ margin-bottom:10px;}
.printimg{ width:100px; float:left;}
.print .cont2 li{ width:100px; height:260px; float:left; margin-right:10px;}
.print .cont2 .last{ margin-right:0;}
.ar_left2 .bt2{float:right; width:20px; height:20px; margin-right:27px;}
.ar_right2 .bt2{float:right; width:20px; height:20px; padding-right:6px;}
.ar_left2 .bt2 img{ margin-bottom:-27px;}
.ar_right2 .bt2 img{ margin-bottom:-27px;}
.div_data_view_area2{float:left; width:320px; height:260px; overflow:hidden; margin:0 29px;} 
.ar_images2{float:left; width:1300px;} 						

.songwrap{ width:320px; height:365px; background:#fff; border:1px solid #d2d2d2; position:relative;}
.song .titxt{ float:left; margin:15px 0 20px 30px;}
.song li .songimg{ width:290px; height:287px; float:left;}
/*.ar_left3 .bt3{float:right; width:20px; height:20px; margin-right:15px; padding-top:38px;}
.ar_right3 .bt3{float:right; width:20px; height:20px; padding-right:6px; padding-top:38px;}*/
.song_view_area{ width:290px; height:287px; overflow:hidden; margin:0 15px;}
.songconts{float:left; width:580px}

.reslide{ width: 258px; height:365px; border:1px solid #d2d2d2; background-color:#f3f3f3; position:relative;}
.reslide .photo{ width:200px; height:170px; margin:0 auto; margin-top:30px;}
.reslide .title{ width:200px; margin:0 auto; margin-top:10px; color:#ff4851; font-size:14px; font-weight:bold;}
.reslide .cont{ width:200px;  margin:0 auto; margin-top:5px; color:#717171;}
.reslide .id{ width:200px; text-align:right; margin-top:5px; color:#2484c6;}
.reslide .bimg img{ width:100%; } 
.reslide .slidesjs-pagination{ position:absolute; bottom:16px; left:50%; margin-left:-32px; z-index:50;}
.reslide .slidesjs-pagination li{ float:left; margin:0 2px;}
.reslide .slidesjs-pagination li a{ display:block; width:12px; height:12px; text-indent:-9999px; background:url(../img/pager1.png) no-repeat;}
.reslide .slidesjs-pagination li .active{ background:url(../img/pager2.png) no-repeat;}
/*#row3 끝*/

/*#row4 시작*/
#row4{ width:1000px; height:240px; margin:0 auto; margin-top:20px; margin-bottom:140px;}
#row4 .row4Cont{ float:left;}

.mtpluswrap{width:718px; height:238px; background:#fff; border:1px solid #d2d2d2; margin-right:20px;}
.mtplus .title{ margin-left:5px; margin-bottom:10px;}
.mtplus .titxt{ float:left; margin:0 0 20px 35px; padding-top:15px; width:603px;}
.li_equipment_data{ width:150px; float:left; margin-right:20px;}
.mtplus .cont .last{ margin-right:0;}
.mtplus li .plusTxt{ float:left; width:150px; margin-left:10px;}
.mtplus li .plusT1{ font-size:13px; margin:5px 0 1px 0; color:#40ad54;}
.mtplus li .plusT2{ color:#4f4f4f;}
.ar_left .bt{float:left; width:20px; height:20px; margin-right:6px;}
.ar_right .bt{float:left; width:20px; height:20px;}
.ar_left .bt img{ margin-bottom:-27px;}
.ar_right .bt img{ margin-bottom:-27px;}
.div_data_view_area{ width:660px; height:150px; overflow:hidden; margin:0 29px;} 		
.ar_images{float:left; width:1500px;}

.qmn3{ width:260px; height:240px; position:relative;}
.qmn3 .contBox{ width:130px; height:120px;}
.qmn3 .box1{ position:absolute; top:0; left:0;}
.qmn3 .box2{ position:absolute; top:0; right:0;}
.qmn3 .box3{ position:absolute; top:120px; left:0;}
.qmn3 .box4{ position:absolute; top:120px; right:0;}
.qmn3 div p .on{ position:absolute; top:0; left:0; display:none;}
.qmn3 div p:hover .on{ display:block;}
/*#row4 끝*/



	#css_tabs span { width:660px; margin-left:0; }
	#css_tabs label[for=tab1] { margin-left:50px; }
	#css_tabs { width:680px; }
	#css_tabs label { background-color: #f3f3f3; }
	#css_tabs label.active { background-color:#fff; }
	#lTab1, #lTab2, #lTab3, #lTab4, #lTab5, #lTab6, #lTab7 { cursor:pointer; }

	.row1Cont.mtnuri { width:700px; height:280px; padding:20px; box-sizing:border-box; background-color:#fff; }
	.row1Cont.mtnuri .titxt { margin-left:0; }
	.row1Cont.mtnuri .title { margin:0; margin-left:6px; }
	.row1Cont.mtnuri .cont {margin-left:-4px;}
	.row1Cont.mtnuri .cont li {border-color:000000; width:130px; margin-right:4px; }
	.row1Cont.mtnuri .cont li.last { margin-right:0px; }
	.row1Cont.mtnuri .cont li .plusimg { width:130px; height:160px; text-align:center;}
	.row1Cont.mtnuri .cont li img { width:112px; height:162px;  border:1px solid #d2d2d2; box-sizing:border-box; }
	.row1Cont.mtnuri .cont li img:hover{border:1px solid #2b93ca;}

	.row1Cont.mtnuri .cont li .plusTitle { width:130px; margin-top:3px; font-weight:500; color:#159db1; font-size:12px; text-align:center; }
	.row1Cont.mtnuri .cont li .plusText { width:130px; margin-top:-2px; font-weight:400; font-size:12px; text-align:center; }


	.row1Cont.banner { width:280px; height:280px; margin-right:0 !important; box-sizing:border-box; }
	.row1Cont.banner .photo { width:280px; height:280px; margin-top:0; }
	.row1Cont.banner .photo img{ width:280px; height:280px;}
	

	#row2 { height:382px; }
	.row2Cont.free { width:422px; height:382px; margin-right:20px; padding:20px; background-color:#f3f3f3; box-sizing:border-box; border:1px solid #d2d2d2; }
	.row2Cont.free .cont li { width:110px; height:160px; box-sizing:border-box; float:left; margin-right:25px; margin-bottom:20px; }
	.row2Cont.free .cont li.last { margin-right:0; }
	.row2Cont.free .cont li { position:relative; }
	.row2Cont.free .cont li .plusimg { width:110; height:160; overflow:hidden; }
	.row2Cont.free .cont li .plusimg img{ width:110px; height:160px; border:1px solid #d2d2d2; box-sizing:border-box;}
	.row2Cont.free .cont li .plusimg img:hover{border:1px solid #2b93ca;}

	.row2Cont.free .cont li .freetag {width:49px; height:50px; position:absolute; top:-4px; right:-4px; background-image:url('/img/freetag.png'); background-size:100% 100%; z-index:2; }
	.row2Cont.free .cont li .hottag {width:49px; height:50px; position:absolute; top:-4px; right:-4px; background-image:url('/img/hottag.png'); background-size:100% 100%; z-index:2; }
	.row2Cont.free .cont li .newtag {width:49px; height:50px; position:absolute; top:-4px; right:-4px; background-image:url('/img/newtag.png'); background-size:100% 100%; z-index:2; }
	
	.row2Cont.board .board { width:258px; }
	.row2Cont.board .board1{ width:258px; height:224px; margin-bottom:20px; background-color:#f3f3f3; border:1px solid #d2d2d2; padding:20px; box-sizing:border-box; }
	.row2Cont.board .board1 .borard1_text .table {margin-left:5px; width:97%; }
	.row2Cont.board .board1 .borard1_text .table tbody tr td { text-align:left; padding:2px 0; }
	.row2Cont.board .board1 .borard1_text .table tbody tr td a{color:#0ea1f9; text-decoration:none;}
	.row2Cont.board .board1 .borard1_text .table tbody tr td.tt { text-align:left; }
	.row2Cont.board .board1 .borard1_text .table tbody tr td.new { width:12px; height:12px; background:url('/img/new.png') no-repeat; background-position:2px 5px; background-size:12px 12px; vertical-align:middle; }

	.row2Cont.board .board1 .borard2_text .table {margin-left:5px; width:97%; }
	.row2Cont.board .board1 .borard2_text .table tbody tr td {padding:5px 5px; border-style:solid; border-width:1px; border-color:#ccc; color:#333; background-color:#fff; font-size:13px;}
	.row2Cont.board .board1 .borard2_text .table tbody tr td a:hover{color:#ff0000; text-decoration:none;}

	.row2Cont.board .board2 { width:258px; height:138px; border:1px solid #d2d2d2; background-color:#f3f3f3; padding:20px; box-sizing:border-box; }
	.row2Cont.board .board2 .borard2_text { width:218px; overflow:hidden; }
	.row2Cont.board .board2 .borard2_text ul { list-style:none; margin-top:5px;}
	.row2Cont.board .board2 .borard2_text li { padding:3px 0; width:218px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom: 1px dotted #d1d1d1; }
	.row2Cont.board .board2 .borard2_text li.last { border-bottom:0; }
	.row2Cont.board .board2 .borard2_text li:before { content:""; display:inline-block; width:4px; height:4px; background-image:url('img/list-style.png'); background-size:100% 100%; margin-right:6px; vertical-align:middle; }

	.row2Cont.reslide { width:280px; height:382px !important; padding:20px; margin-right:0 !important; box-sizing:border-box; }
	.row1Cont.reslide .slidesjs-container, .row2Cont.reslide .slidesjs-control { height:268px; }
	.row1Cont.reslide .slidesjs-pagination { margin-left:0; transform:translateX(-50%); }
	.row2Cont.reslide .photo { width:100%; height:100%; margin:0; border:1px solid #d2d2d2; box-sizing:border-box; }
	.row2Cont.reslide .photo img { width:100%; }
	.row2Cont.reslide .title { width:240px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px; color:#333; margin-top:20px; }
	.row2Cont.reslide .cont { width:240px; margin:0; margin-top:12px; font-size:14px; line-height:24px; }
	
	#row3 { height:426px; }
	#row3 .row3Cont { float:left; width:700px; }
	.row3Cont-1, .row3Cont-2 { float:left; }
	.row3Cont-1 { width:700px; margin-right:20px; }
	.row3Cont-2 { width:258px; }
	.row3Cont-1.mtplus  { position:relative; width:700px; margin-bottom:20px; background-color:#fff; background-image:url('img/best_bg.png'); background-size:25% auto; background-position:0 -9px; border:1px solid #d2d2d2; box-sizing:border-box; }
	.row3Cont-1.mtplus .title { margin:0; padding:20px; }
	.row3Cont-1.mtplus .title  .titxt { padding:0; margin:0; width:610px; }
	.row3Cont-1.mtplus .ar_left { position:absolute; top:20px; right:36px; cursor:pointer; }
	.row3Cont-1.mtplus .ar_right { position:absolute; top:20px; right:18px; cursor:pointer; }
	.row3Cont-1.mtplus .ar_left img, .row3Cont-1.mtplus .ar_right img { margin:0; }
	.row3Cont-1.mtplus .div_data_view_area {margin:20px; margin-left:40px; margin-right:40px; width:620px; height:106px; }
	.row3Cont-1.mtplus .li_equipment_data { width:87px; height:106px; }
	.row3Cont-1.mtplus .li_equipment_data.last { margin-right:20px; }
	.row3Cont-1.mtplus .li_equipment_data a { width:100%; height:100%; }
	.row3Cont-1.mtplus .ar_images { width:2046px !important; }
	.row3Cont-1.mtplus .li_equipment_data .plusimg { display:block; width:80px; height:80px; border-radius:50%; overflow:hidden; border:1px solid #ddd; }
	.row3Cont-1.mtplus .plusimg img { width:100%; }
	.row3Cont-1.mtplus li .plusTxt { width:80px; text-align:center; margin-left:0; }
	.row3Cont-1.mtplus li .plusT1 { color:#333; font-weight:bold; letter-spacing:-1px; margin-top:8px; }
	
	.row3Cont-1.news { float:left; width:422px; height:188px; padding:20px; margin-right:20px; background-color:#fff; border:1px solid #d2d2d2; box-sizing:border-box; }
	.row3Cont-1.news .board1 .borard1_text { width:402px; overflow:hidden; }
	.row3Cont-1.news .board1 .borard1_text ul { list-style:none; margin-top:5px;}
	.row3Cont-1.news .board1 .borard1_text li { padding:6px 0; font-size:13px; width:380px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px dotted #d1d1d1; }
	.row3Cont-1.news .board1 .borard1_text li.last { border-bottom:0; }


	.row3Cont-1.banner { float:left; width:258px; height:188px; margin-right:0; border:1px solid #d2d2d2; box-sizing:border-box; }
	.row3Cont-1.banner .bn2 { width:100%; height:100%; }
	.row3Cont-1.banner .bn2 img { width:100%; height:100%; }
	
	.row3Cont-2.app { position:relative; background-color:#fff; width:280px; height:188px !important; margin-bottom:20px; margin-right:0 !important; border:1px solid #d2d2d2; box-sizing:border-box; }
	.row3Cont-2.app img { position:absolute; top:0; left:0; width:100%; height:100%; }

	.row3Cont-2.cs { position:relative; width:280px; height:188px !important; margin-right:0;box-sizing:border-box; }
	.qmn1, .qmn2, .qmn3, .qmn4 { width:140px; height:94px; border:1px solid #d2d2d2; }
	.row3Cont-2.cs .qmn1 { position:absolute; top:0; left:0; background-image:url('/img/prt_help_1.png'); }
	.row3Cont-2.cs .qmn2 { position:absolute; top:0; right:0; background-image:url('/img/prt_help_2.png'); }
	.row3Cont-2.cs .qmn3 { position:absolute; bottom:0; left:0; background-image:url('/img/prt_help_3.png'); }
	.row3Cont-2.cs .qmn4 { position:absolute; bottom:0; right:0; background-image:url('/img/prt_help_4.png'); }
	.row3Cont-2.cs .qmn1:hover { background-image:url('/img/prt_help_1_hover.png'); }
	.row3Cont-2.cs .qmn2:hover { background-image:url('/img/prt_help_2_hover.png'); }
	.row3Cont-2.cs .qmn3:hover { background-image:url('/img/prt_help_3_hover.png'); }
	.row3Cont-2.cs .qmn4:hover { background-image:url('/img/prt_help_4_hover.png'); }

