.wrap {position:relative; max-width:100%; min-width:1200px; min-height:100%;}

/* 배너 */
.bannerBox {max-width:100%; min-width:1200px; height:415px; position:relative; padding-top:145px;}
.bannerBox .img {height:270px; /* background:url(../image/subbg.png) no-repeat center; */ text-align:center;}
.bannerBox .textBox {position:absolute; top:60%; text-align:center; width:100%; transform:translateY(0)}
.bannerBox .textBox .mainTitle {font-size:40px; font-weight:700; margin-bottom:0; color:#fff; word-break:keep-all;}


/* 퀵메뉴 */
.navBor {position:relative; background:#C0DBF6; width:100%; height:45px;}
.navBor .navWarp {width:1200px; margin:0 auto; position:relative; padding-right:15px; padding-left:15px; text-align:center;}
.navBor .navWarp li {float:left; width:200px; background:#62a5e9; height:45px; border-right:solid 1px #fff;}
.navBor .navWarp li.home {width:45px; border-left:solid 1px #fff;}
.navBor .navWarp li.home svg {width:45px; height:45px; color:#fff; padding:12px;}
.navBor .navWarp li .select {position:relative; width:199px; cursor:pointer; line-height:45px; text-align:left; padding-left:15px; color:#fff; font-size:15px;}
.navBor .navWarp li .select ul {position:absolute; top:30px; left:0; width:100%; border:solid 1px #D2D2D2; cursor:pointer; padding:0; margin:0;}
.navBor .navWarp li .select ul li {background:#fff; color:#333; width:100%; padding:0 20px; font-size:14px; height:40px; clear:both; line-height:40px;}
.navBor .navWarp li .select ul li:hover {background:#C0DBF6;}
.navBor .navWarp li .select svg {float:right; position:relative; width:45px; height:45px; padding:14px;}


/* 동물용의약품 유통/품질 관리기준(KVGSP) 소개 */
.contentWarp {width:1200px; margin:100px auto 0; position:relative; padding:0 20px; text-align:center;}
.contentWarp .title {font-size:32px; font-weight:700; color:#333; margin-bottom:30px; word-break:keep-all;}
.contentWarp .border {width:120px; height:4px; background:#057AF0; margin:0 auto 80px;}

.contentWarp .downBox {border:solid 1px #DEDEDE; padding:40px 50px; margin-bottom:160px; display:table; width:100%;}
.contentWarp .downBox .down {width:50%; background:#024FA1; display:block; text-align:center; line-height:100px; font-size:28px; color:#fff; font-family:'NanumSquare-B'; float:left;}
.contentWarp .downBox .file {width:50%; background:#057AF0; display:block; text-align:center; line-height:100px; font-size:28px; color:#fff; font-family:'NanumSquare-B'; float:left;}
.contentWarp .downBox .fileNameBox {width:100%; float:left; margin:20px 0 20px 0;}
.contentWarp .downBox .fileNameBox .fileTitle {color:#024fa1; font-size:18px; text-align:left; font-weight:700;}
.contentWarp .downBox .fileNameBox .fileName {font-size:16px; width:100%; text-align:left; text-indent:10px; color:#999; margin:0;}
.contentWarp .downBox .fileNameBox #fileBox {width:100%; float:left; border:solid 1px #DEDEDE;}



/* bradley */
.navBor .navWarp li.width365 {width:365px;}
.navBor .navWarp li .select.width364 {width:364px;}

/*반응형 View*/
@media only screen and (max-width:1200px) {
	/* 배너 */
	.wrap {min-width:280px;}
	.bannerBox {max-width:100%; min-width:280px; height:290px; padding-top:60px;}
    .bannerBox .img {height:230px;}
    .bannerBox .textBox {transform:translateY(-50%);}
    
    /* 퀵메뉴 */	/* bradley 수정 : 모든 li에 적용돼서 수정 */
    .navBor .navWarp {max-width:100%; min-width:280px; padding:0;}
    .navBor .navWarp>li:nth-child(1) {border-left:none;}
	.navBor .navWarp>li:nth-child(2) {display:none;}
    .navBor .navWarp>li:nth-child(3) {width:calc(100% - 45px); border-right:none;}
    .navBor .navWarp>li:nth-child(3) .select {width:100%;}
	
	/* 동물용의약품 유통/품질 관리기준(KVGSP) 소개 */
    .contentWarp {width:100%;}
    .contentWarp .title {font-size:30px;}
    
    .contentWarp .downBox .down {line-height:80px; font-size:25px;}
    .contentWarp .downBox .file {line-height:80px; font-size:25px;}
}

@media only screen and (max-width:800px) {
	/* 배너 */
	.bannerBox {height:240px;}
	.bannerBox .img {height:180px;}
	.bannerBox .textBox {top:65%; transform:translateY(-65%);}
	.bannerBox .textBox .mainTitle {font-size:30px;}
    .bannerBox .textBox .subTitle {font-size:16px; line-height:24px;}
    
    /* 동물용의약품 유통/품질 관리기준(KVGSP) 소개 */
    .contentWarp {margin:50px auto 0;}
    .contentWarp .title {font-size:26px; margin-bottom:15px;}
    .contentWarp .border {margin:0 auto 50px;}
    
    .contentWarp .downBox .down {line-height:60px; font-size:20px;}
    .contentWarp .downBox .file {line-height:60px; font-size:20px;}
}

@media only screen and (max-width:540px) {
	/* 배너 */
	.bannerBox {height:190px;}
    .bannerBox .img {height:130px;}
    .bannerBox .textBox {transform:translateY(-50%);}
	.bannerBox .textBox .mainTitle {font-size:26px;}
    .bannerBox .textBox .subTitle {font-size:16px; color:#fff; padding:0 20px;}
    
    /* 동물용의약품 유통/품질 관리기준(KVGSP) 소개 */
    .contentWarp {padding:0 10px;}
    .contentWarp .title {font-size:24px; margin-bottom:20px;}
    .contentWarp .border {margin:0 auto 30px; width:100px;}
    
    .contentWarp .downBox {padding:40px 15px 20px;} /* bradley 수정 */
    .contentWarp .downBox .down {line-height:20px; font-size:18px; padding:10px 0;}
	.contentWarp .downBox .file {line-height:20px; font-size:18px; padding:10px 0;}
	.contentWarp .downBox .fileNameBox .fileTitle {font-size:16px;}
}

@media only screen and (max-width: 375px) {
	/* 배너 */
	.bannerBox .textBox .mainTitle {font-size:22px;}
	.bannerBox .textBox .subTitle {font-size:14px;}
	
	/* 동물용의약품 유통/품질 관리기준(KVGSP) 소개 */
    .contentWarp .title {font-size:22px;}
}

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

@media only screen and (max-width: 320px) {
	/* 배너 */
	.bannerBox .textBox .MsubTitle {font-size:12px;}
	
	/* 동물용의약품 유통/품질 관리기준(KVGSP) 소개 */
	.contentWarp .title {font-size:18px;}
	
	.contentWarp .downBox .down {line-height:20px; font-size:14px;}
    .contentWarp .downBox .file {line-height:20px; font-size:14px;}
	.contentWarp .downBox .fileNameBox .fileTitle {font-size:14px;}
}