@charset "utf-8";
/**
 * @File Name : content.css
 * @Description : Each Subpage Body Contents CSS (★ 최초…최종 작업자는 갱신 이력을 반드시 남겨주세요!)
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2020.00.00 | ★★★ | 최초 등록
 * </pre>
 * @author 웹표준화실
 * @since 2020.02.27
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! Subpage Body Content Each Template v.20150905~ 20190611. 20191011~ | by @Who
 */

/** Compatible! [IE9+] 20191011~ */

/* Table of contents ))
 | .content1template1
 | …
 */

/* All Device ◆◆◆◆◆◆◆◆◆◆ */


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */

/* 스킵네비게이션(지도) */
.skipapi{z-index:9999;position:absolute;left:0;top:0;width:100%;}
.skipapi *{display:inline;list-style:none;margin:0;padding:0;}
.skipapi a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
.skipapi a:focus{left:0;width:98%;padding:1%;height:auto;background:#555;color:#fff;text-decoration:none;text-align:left;line-height:18px;}
a#skipContent:focus{outline:1px dotted #000;background:#000}


#skipapi{z-index:9999;position:absolute;left:0;top:0;width:100%;}
#skipapi *{display:inline;list-style:none;margin:0;padding:0;}
#skipapi a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
#skipapi a:focus{left:0;width:98%;padding:1%;height:auto;background:#555;color:#fff;text-decoration:none;text-align:left;line-height:18px;}




.location1{}
.location1 .root_daum_roughmap{width:100% !important;height:400px}
.location1 .wrap_map{height:400px !important;} 
.location1info1{position:relative;
	background:#f1f6f8;
	padding:20px;
}
.location1info1 ul{list-style:none;padding:0;margin:0;}
.location1info1 li{display:block;position:relative;overflow:hidden;}
.location1info1 .ic1{display:inline-block;
	width:21px;height:21px;
	background:url() no-repeat;
	vertical-align:middle;
	margin:0 5px 0 0;
}
.location1info1 .address .ic1{background-image:url(/_res/portal/img/lib2/ic42a1c1mapmarker1.png);}
.location1info1 .contact .ic1{background-image:url(/_res/portal/img/lib2/ic42a1c1phone1.png);}
.location1info1 .fax .ic1{background-image:url(/_res/portal/img/lib2/ic42a1c1fax1.png);}
.location1info1 .clock .ic1{background-image:url(/_res/portal/img/lib2/ic42a1c1clock1.png);}
.location1info1 .t1{display:inline-block;
	font-weight:bold;color:#000;
	margin:0 15px 0 0;
}
.location1info1 .t3{display:inline-block;
	font-weight:bold;color:#000;
	margin:0 15px 0 0;
}
.location1info1 .button{display:block;
	z-index:1;
	position:absolute;right:0;top:10px;
	color:#fff;
	background:#003471 !important;
	margin:-60px 10px 0 0;
}
.location1info1 .button:before{content:'';
	display:inline-block;
	width:20px;height:20px;
	background:url(/_res/portal/img/lib2/ic20a1c0mapmarker1.png) no-repeat;
	background-size:contain;
	vertical-align:middle;
}
.button.round-coner{
	border-radius:30px;
	padding:.5em 20px;
	font-size:14px;
	background:#4897e4;
	letter-spacing:-1px;
}
.button.round-coner .ic1{display:inline-block;
 
	background:url(/_res/portal/img/lib2/ic60a1c1arrow.png) no-repeat;
 
	margin:7px 0 0 10px;
}
.button.round-coner:hover{border-color:transparent;}
@media all and (min-width:768px){
	.location1info1 li{display:inline-block;min-height:50px;margin-right:20px;}
	.location1info1 li .ic1{display:block;
		position:absolute;left:0;top:50%;
		width:50px;height:50px;
		margin:-25px 0 0;
	}
	.location1info1 .address .ic1{background-image:url(/_res/portal/img/lib2/ic100a1c1map.png);}
	.location1info1 .contact .ic1{background-image:url(/_res/portal/img/lib2/ic100a1c1phonebook1.png);}
	.location1info1 .fax .ic1{background-image:url(/_res/portal/img/lib2/ic100a1c1print1.png);}
	.location1info1 .clock .ic1{background-image:url(/_res/portal/img/lib2/ic100a1c1clock.png);}
	.location1info1 .phone1 .ic1{background-image:url(/_res/portal/img/lib2/ic100a1c1clock.png);}
	.location1info1 li .t1{display:block;margin-left:70px;
		font-size:13px;
	}
	.location1info1 li .t2{display:block;font-size:18px;
		color:#000;
		margin:-5px 0 0 70px;
	}
	.location1info1 li .t3{display:block;margin-left:70px;
		font-size:18px; font-weight:600;
	}
	.location1info1 li .t4{display:block;font-size:27px;
		color:#000;
		margin:-5px 0 0 70px;
	}
	.location1info1 li:first-child{float:left !important;}
}





/* 사이트맵 */
.sitemap1{margin:0 0 40px;padding:0 0 40px;border-bottom:1px solid #ddd;}
.sitemap1 .h2{display:block;
	background:none;
	padding:0;margin:0;
	letter-spacing:-3px;
	font-family:'GimhaeGaya';
	font-size:28px;
	font-weight:400;
}
.sitemap1 .d2{display:block;
	border:1px solid #ddd;
	background:#ecf1f5;
	color:#333;
	text-align:center;
	padding:7px 5px;
	letter-spacing:-1px;
	font-weight:600
}
.sitemap1 .column ul{display:block;
	background:#fafbfc;
	border:1px solid #ddd;
	border-top:0;
	padding:15px;
	margin:0;
	font-size:14px;
}
.sitemap1 .column ul>li{background:none;padding:0;;}
.sitemap1 .column ul>li>a{display:block;
	position:relative;
	color:#555;
	text-decoration:none;
	margin:7px 0;
	padding:0 0 0 10px;
	line-height:135%;
}
.sitemap1 .column ul>li:before{display:none;}
.sitemap1 .column ul>li>a:before{content:'- ';
	display:block;
	position:absolute;left:0;top:0;
}
.sitemap1 .column ul>li>a:hover{color:#000}




/* 유래 */
.gh-his {position:relative;text-align:center;font-size:1em}
.gh-his .t2 {z-index:10;position:absolute;top:3%;left:7%;display:inline-block;vertical-align:top;border-left:2px solid #fff;border-right:2px solid #fff; color:#fff;font-size:20px; padding:0 10px; font-family:'GimhaeGaya';font-weight:600; word-break:keep-all}
.gh-his .t2:after{position:absolute;bottom:-40px;left:50%;margin-left:-33px;margin-bottom:0px;content:"";display:block;width:46px;height:46px;background:url(/_res/edu/img/sub/01/gh_his_img05.png) no-repeat;background-size:contain;}
.gh-his br {display:none}
.gh-his .his-cont {position:relative;background-size:contain;margin-top:0px;padding:26% 4% 0;box-sizing:border-box;}
.gh-his .his-cont.n1{ background:url(/_res/edu/img/sub/01/gh_his_img01.jpg) no-repeat; }
.gh-his .his-cont.n2{ background:url(/_res/edu/img/sub/01/gh_his_img04.png) no-repeat; }
/*.gh-his .his-cont:before {position:absolute;top:-36px;left:50%;margin-left:-32.5px;content:"";display:block;width:65px;height:72px;background:url(../../img/sub/ic93a1logo1.png) no-repeat;background-size:contain}*/
.gh-his .his-cont p {background:#fff;margin:0;padding:10px 4% 10px;line-height:1.625em;word-break:keep-all}
.gh-his .his-cont p:first-child {padding-top:30px;}
.gh-his .his-cont p.tt2 {background:#fff;margin:0;padding:10px 4% 10px;line-height:1.625em;word-break:keep-all;text-align:left;}
.gh-his .his-cont .h22{font-family:'GimhaeGaya';font-weight:500;color:#000;font-size:20px;line-height:1.444em;}
.gh-his .his-cont .h12{font-family:'GimhaeGaya';font-weight:600;color:#000;font-size:20px;}

@media all and (min-width:500px){
	.gh-his .t2 {top:6%;left:8%; padding:0 27px;font-size:26px;}
	.gh-his br {display:block;line-height:0;}
}
@media all and (min-width:600px){
	.gh-his .his-cont:before {width:93px;height:103px;background-size:auto;margin-left:-46.5px;top:-52px;}
	.gh-his .his-cont {margin-top:0px;padding-left:7%;padding-right:7%;}
	.gh-his .his-cont p {padding-left:8%;padding-right:8%;}
	.gh-his .his-cont p:first-child {padding-top:50px;}
	.gh-his .his-cont p.a1:first-child {padding-top:80px;}
	.gh-his .his-cont p.tt2{padding-left:26%;padding-right:26%;}
	.gh-his .his-cont .h22{font-size:26px;}
	.gh-his .t2 {top:6%;left:20%; }
	.gh-his .t2:after{width:96px;height:96px;margin-left:-60px;bottom:-100px;}
}
@media all and (min-width:768px){
	.gh-his {font-size:1.2em;}
	.gh-his .t2 {top:6%;left:26%;}
	.gh-his .t2:after{margin-left:-66px;bottom:-140px;}
}

@media all and (min-width:1000px){
	.gh-his .t2 {top:8%;left:30%;}
	.gh-his .t2:after{margin-left:-46px;bottom:-140px;}
}



.line_bv { display:inline-block; width:24px;height:17px;background:url(/_res/edu/img/sub/01/gh_his_img02.gif);margin:0 .3em;}
.line_v_tit { display:block; width:30px; height:2px; margin:20px auto 0; background: #abbbc8;}
.line_bv2_tit { display:block; width:120px;height:8px;background:url(/_res/edu/img/lib/b1s1c1g4.png);margin:0 auto;}
.line_v_tit2 { display:block; width:30px; height:2px; margin:6px auto 30px; background: #abbbc8;}

.line_v_tit3 { display:block; width:90%; height:1px; margin:5px auto 5px; background: #fff;}


/* 연혁 */
.history1 {clear:both;position:relative;display:block;padding-bottom:20px;font-size:.875em;}
.history1:after {position:absolute;bottom:0;left:50%;margin-left:-33px;margin-bottom:30px;content:"";display:block;width:46px;height:46px;background:url(/_res/edu/img/sub/01/gh_his_img03.png) no-repeat;background-size:contain;}
.history1 .t1 {font-family:'GimhaeGaya';width:100%;height:0;padding:12% 0 13%;overflow:hidden;background:url(/_res/edu/img/sub/01/gh_his_img02.jpg) no-repeat;background-size:cover;text-align:center;color:#fff;line-height:1;font-size:1.714em;margin:0 0 40px;letter-spacing:-0.05em;}
.history1list1 {border-bottom:1px solid #ccc;}
.history1list1 .lst1 {position:relative;border-top:1px solid #ccc;padding-bottom:5px;}
.history1list1 .lst1 .t2 {display:inline-block;vertical-align:top;color:#000;font-size:1.625em;padding-top:10px;box-sizing:border-box;border-top:3px solid #000;margin:-1px 0 0;font-weight:600}
.history1list1 ul {list-style:none;margin:0;padding:0;}
.history1list1 li {position:relative;padding-left:70px;font-size:1.125em}
.history1list1 li .t3 {position:absolute;top:0;left:0;width:85px;height:100%;line-height:1;color:#333;padding-top:16px;box-sizing:border-box;}
.history1list1 li .t4 {padding:10px 0;margin:0;color:#888888}
@media all and (min-width:500px){
	/*.history1 .t1 {padding-top:11%;padding-bottom:13%;background-size:contain;}*/
	.history1list1 .lst1 {padding-left:105px;padding-bottom:0;}
	.history1list1 .lst1 .t2 {position:absolute;top:-1px;left:0;width:120px;height:100%;text-align:center;padding-top:15px;}
	.history1list1 li .t3 {padding-top:20px;}
	.history1list1 li .t4 {padding-top:15px;padding-bottom:15px;font-size:.875em;}
}
@media all and (min-width:600px){
	.history1list1 .lst1 {padding-left:140px;}
	.history1list1 li {padding-left:85px;}
	.history1list1 .lst1 .t2 {padding-top:10px;}
}
@media all and (min-width:768px){
	.history1 {font-size:1em;}
	.history1 .t1 {margin-bottom:60px;font-size:2.250em;}
	.history1:after {width:96px;height:96px;margin-left:-47px;}
}

/*비전*/

.vision_t1 .t2 {position:relative;font-family:'GimhaeGaya';font-weight:500;color:#000;text-align:center;font-size:24px;line-height:1.444em;max-width:660px;margin:30px auto;padding:20px 30px;box-sizing:border-box;word-wrap:break-word;word-break:keep-all}
.vision_t1 .t2:before, .vision_t1 .t2:after {position:absolute;content:"";display:block;width:23px;height:18px;background:url(/_res/edu/img/sub/01/service_sp.gif) no-repeat;background-size:auto 18px;}
.vision_t1 .t2:before {top:0;left:0;background-position:0 0;}
.vision_t1 .t2:after {bottom:0;right:0;background-position:-23px 0;}
.sst{padding:20px 0;}
 
@media all and (min-width:768px){

	.vision_t1 .t2 {line-height:46px;padding:0 50px;font-size:40px;}
	.vision_t1 .t2:before, .vision_t1 .t2:after {background-size:auto;width:28px;height:23px;}
	.vision_t1 .t2:after {background-position:-30px 0;}
	.sst{padding:30px 0 0;}
}
 
.vision{position:relative;display:block;text-align:center;overflow:hidden;padding:10% 3% 6%;background:url(/_res/edu/img/sub/01/gh_vision_img22.png) no-repeat 50% 20px;}
.vision .t2{position:relative;display:block; font-weight:500;color:#21409a;font-size:24px;line-height:1.2em;}
.vision .even-grid > .column.li1{padding:3px;}


@media all and (min-width:768px){
	.vision .t2{font-size:36px;line-height:1.3em;}
	.vision .p1{padding:20px 30px;}
	.vision .p2{width:80%;margin:0 auto; padding:30px 0}

}


[class*='panel']>.deco12board2ckeck1{background-image:url(/_res/edu/img/sub/03/clipboard1ckeck1.png);}
[class*='panel']>.deco12board2ckeck2{background-image:url(/_res/edu/img/sub/03/clipboard1ckeck2.png);}

.groub .t2 {position:relative;font-family:'GimhaeGaya';font-weight:500;color:#000;text-align:center;font-size:24px;line-height:1.444em;max-width:300px;margin:30px auto;padding:20px 30px;box-sizing:border-box;word-wrap:break-word;word-break:keep-all}
.groub .t2:before, .groub .t2:after {position:absolute;content:"";display:block;width:23px;height:18px;background:url(/_res/edu/img/sub/01/service_sp.gif) no-repeat;background-size:auto 18px;}
.groub .t2:before {top:0;left:0;background-position:0 0;}
.groub .t2:after {bottom:0;right:0;background-position:-23px 0;}

.groubchart001{list-style:none;margin:2em;padding:0;}
.groubchart001 li{position:relative;margin:1em 0;padding:0 0 0 80px;font-size:20px;text-align:left;line-height:1.5;color:#000;}
.groubchart001 li:before{content:'';position:absolute;left:0;top:0;padding-left:20px;color:#000;font-family:'GimhaeGaya';background:url(/_res/edu/img/sub/03/customer1chart1libg1.png) no-repeat;font-weight:600;}
.groubchart001 li:nth-child(1):before{content:'주체'}
.groubchart001 li:nth-child(2):before{content:'목적'}
.groubchart001 li:nth-child(3):before{content:'관계'}
.groubchart001 li:nth-child(4):before{content:'활동'}
.groubchart001 li:nth-child(5):before{content:'비전'}
.groubchart001 li:nth-child(6):before{content:'위상'}


@media all and (min-width:768px){
	.groub .t2 {line-height:46px;padding:0 50px;font-size:30px;max-width:400px;}
	.groub .t2:before, .groub .t2:after {background-size:auto;width:28px;height:23px;}
	.groub .t2:after {background-position:-30px 0;}
	.groubchart001{margin-left:8em;}
}


/* flow1. */
.flow1{border:1px solid #c8c8cc;background:#fcfdfe;/*background:#fafafa;*/}
.flow1:after{display:none}
.flow1>li{position:relative;vertical-align:top;border:1px solid #d5d7e6;border-width:0 0 1px;padding:30px 2% 5% 70px !important;}
.flow1>li:before{display:block;position:absolute;left:15px;top:30px;font-size:20px;font-family:Helvetica,Arial,sans-serif;line-height:30px;color:#fff;width:30px;height:30px;border-radius:100px;text-align:center;}
.flow1>li:nth-child(1):before{content:'01';background-color:#00a66d}
.flow1>li:nth-child(2):before{content:'02';background-color:#00b992}
.flow1>li:nth-child(3):before{content:'03';background-color:#00a5ba}
.flow1>li:nth-child(4):before{content:'04';background-color:#0086d2}
.flow1>li:nth-child(5):before{content:'05';background-color:#046fd9}
.flow1>li:nth-child(6):before{content:'06';background-color:#046fd9}

.flow1>li:after{content:'';position:absolute;left:80px;top:-1px;display:block;width:37px;height:20px;background:url(/_res/edu/img/sub/arrow2ss.png) no-repeat;}
.flow1>li:first-child:after{background:transparent;}
.flow1>li:last-child{border:0;}
.flow1>li>.t1{display:block;font-size:18px;color:#000;margin:.25em 0 ;line-height:1.333;font-weight:600;}
@media all and (min-width:768px){
	.flow1{display:table !important;table-layout:fixed !important;padding:0 !important;width:100%;}
	.flow1>li{display:table-cell !important;vertical-align:top;border-width:0 1px 0 0;padding:2% 2% 4% 3% !important;/*height:146px;min-height:146px;*/}
	.flow1>li:before{position:relative;left:0;top:0;}
	.flow1>li:after{left:-1px;top:55px;width:20px;height:37px;background:url(/_res/edu/img/sub/arrow2s.png) no-repeat 0 0;}
	.flow1>li>.t1{margin:1em 0 .25em;}
}


/* flowchart */
.flow-chart {background:#f6f6f6;font-size:.875em;margin-bottom:10px;}
.flow-chart ol {list-style:none;padding:0 10px;margin:0;overflow:hidden;}
.flow-chart ol > li {position:relative;text-align:center;margin:20px 0}
.flow-chart ol > li:first-child {margin-left:0 !important}
.flow-chart ol > li:after {position:absolute;content:"";display:block;width:17px;height:11px;background:url(/_res/edu/img/sub/01/ic17a1flowchart1.gif) no-repeat;transform:rotate(90deg);bottom:-16px;right:50%;margin-right:-6px;}
.flow-chart ol > li:last-child:after {display:none;}
.flow-chart ol li .grid-in {background:#046fd9;color:#fff;text-align:center;border-radius:5px;line-height:22px;box-sizing:border-box;padding:10px 0;}
.flow-chart ol > li:nth-child(odd) .grid-in {background:#00b992;}
.flow-chart ol > li.line2 .grid-in, .flow-chart li.line3 .grid-in {padding-top:10px;padding-bottom:10px;}
.flow-chart li .grid-in br {display:none;}
.flow-chart ol.flow1 li {float:none;width:100%;margin:0}
.flow-chart ol.flow1 li .grid-in {background:#fff;border:2px solid #046fd9;color:#333;}
.flow-chart ol.flow1 li:nth-child(odd) .grid-in {border-color:#00b992}
.flow-chart ol.flow1 li .grid-in strong {color:#046fd9;border-bottom:1px solid #046fd9}
.flow-chart ol.flow1 li:nth-child(odd) .grid-in strong {color:#00b992;border-color:#00b992}
.flow-chart ol.flow1 li strong {font-size:1.25em;display:block;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:15px;}
.flow-chart ol.flow1 li .span {padding:10px 15px;}
.flow-chart ol.flow1 li:after {position:relative;top:auto;right:auto;left:auto;bottom:auto;transform:rotate(30deg);-ms-transform:rotate(30deg);margin:10px auto;}
.flow-chart ol > li .grid-in .span .num {display:block;font-size:1.375em;margin-bottom:5px;}
@media all and (min-width:800px){
	.flow-chart {font-size:1em;margin-bottom:20px}
	.flow-chart ol {padding:20px 10px;}
	.flow-chart ol > li {float:left;margin-left:4%;}
	.flow-chart .flow5 li {width:16.8%;}
	.flow-chart ol > li:after {bottom:auto;top:50%;right:-11%;transform:rotate(0);margin-top:-6px;}
	.flow-chart .flow5 li:after {right:-14%}
	.flow-chart li .grid-in {min-height:100px;padding:50px 5px;word-wrap:break-word;word-break:keep-all;display:table;width:100%;}
	.flow-chart ol li .grid-in .span {display:table-cell;vertical-align:middle;padding-left:10px;padding-right:10px;}
	.flow-chart li.line2 .grid-in {padding-top:40px;padding-bottom:40px;}
	.flow-chart li.line3 .grid-in {padding-top:30px;padding-bottom:30px;}
	.flow-chart li .grid-in br {display:block;line-height:0}
}
@media all and (min-width:1000px){
	.flow-chart ol {padding:20px 40px}
	.flow-chart ol > li {margin-top:10px;margin-bottom:10px;}
	.flow-chart .flow5 {padding:30px 25px;}
}

@media all and (min-width:800px){
	.flow-chart .flow3 > li {width:30%;}
	.flow-chart .flow3 li:after {right:-8%}
}
 
/* flow4 4개 */
@media all and (min-width:800px){
	.flow-chart .flow4 > li {width:22%;}
	.flow-chart li:nth-child(4n+1) {margin-left:0}
}
/* flow4 5개 */
@media all and (min-width:800px){
	.flow-chart .flow5 > li {width:16.8%;}
	.flow-chart .flow5 li:nth-child(5) {margin-left:4%}
}
 




/* 주요사업 */
.mm1{padding:20px 0;} 
.mm1 ul{width:100%; margin:0px auto;}
.mm1 .tgroup{display:table-cell;vertical-align:middle;width:130px;height:130px;line-height:1.333;border-radius:50%;margin:auto;color:#fff;}
.mm1 .tgroup .t1{display:block;font-size:1.125em;text-align:center;font-weight:600;}
.mm1 .tgroup .t2{display:block;font-size:.875em;line-height:1.333;}
.mm1 li:nth-child(1) .tgroup{background:#f46164;}
.mm1 li:nth-child(2) .tgroup{background:#00ab5f;}
.mm1 li:nth-child(3) .tgroup{background:#00a5ba;}
.mm1 li:nth-child(4) .tgroup{background:#046fd9;}
.mm1 li:nth-child(5) .tgroup{background:#33558a;}

 
@media all and (min-width:768px){
	.mm1 .tgroup{width:145px;height:145px;}
}
@media all and (min-width:1000px){
	.mm1 .tgroup{width:160px;height:160px;font-size:20px;} 
}


/* 이미지확대보기 */
.imgExpand1{display:inline-block;position:relative;}
.imgExpand1>a{display:block;position:absolute;right:0;bottom:0;width:40px;height:40px;background:url(/_res/portal/img/lib/b.000000.opacity.50.png)}
.imgExpand1 .ic1{display:block;width:40px;height:40px;background:url(/_res/portal/img/inc/ic80a1c0search1@2x.png) no-repeat;background-size:contain;text-indent:-9999px;}

@media all and (min-width:768px){
	.imgExpand1{display:block;position:relative;/*text-align:center;*/}
	.imgExpand1>a{display:none;}
}




.box1.download1s1{border-color:#e2e2e4 !important;background:#f7f8f8 !important;}
.download1s1{overflow:hidden;}
.download1s1 .m1{display:inline-block;float:left;margin-top:.999em;line-height:1.333;vertical-align:middle;}
.download1s1 .b1{display:inline-block;float:right;vertical-align:middle;}
/*.download1s1 .b1>.button{margin:0;font-size:13px;}
.download1s1 .b1>.button.finance{
	border-radius:100%;
	width:auto;height:auto;
	padding:5px;
}
.download1s1 .b1>.button.finance>.ic1{min-width:auto;min-height:auto;
	width:16px;height:16px;
	background-image:url(/_res/portal/img/lib/ic32a1download1.png);
}
*/ 

/* YYYYMMDD.Writer. ◇◆ */



/* RWD ◇◆◇◆ */
/* ◇◆ */
@media all and (min-width:640px){
}
/* ◇◆ */
@media all and (min-width:768px){
}
/* ◇◆ */
@media all and (min-width:1000px){
}
/* ◇◆ */
@media all and (min-width:1260px){
}