/*sub.css*/

/*top_sub*/
.sub_top {position: relative;}
.nav .dep1 > li.on {color:#1313ab; font-weight: 500;}
.nav .dep1 > li.on:after {width:100%; height:2px; background:#1313ab;}

.sub_top.fixed {position: fixed; height:100px;}
.sub_top.fixed .nav {top:45px; right:360px;}
.sub_top.fixed .logoWrap {margin:20px 0 0 70px;}
.sub_top.fixed .yLogo {float:left; width:60px; height:58px; background:url(/images/ylogo_sub.png) no-repeat center top; background-size:100% auto;}
.sub_top.fixed .logo {float:left; width:200px; height:50px; margin:10px 0 0 10px;}
.sub_top.fixed .top_tel {bottom:15px; right:80px;}
.sub_top.fixed .tel_info {font-size: 16px; margin-left:40px;}
.sub_top.fixed .tel_num {font-size: 26px;}
.sub_top.fixed .tel_icon {width:32px; height:42px; left:20px; /* top:-5px; */}


@media only screen and (max-width: 1400px){
	.sub_top.fixed .logoWrap {margin:22px 0 0 50px;}
	.sub_top.fixed .top_tel {right:50px;}
	.sub_top.fixed .nav {right:300px;}
}
@media only screen and (max-width: 1200px){
	.sub_top.fixed .logoWrap {margin:20px 0 0 30px;}
	.sub_top.fixed .top_tel {right:30px;}
}
@media only screen and (max-width: 530px) {
	.sub_top.fixed {position: fixed; height:80px;}
	.sub_top.fixed .logoWrap {margin:5px 0 0 20px;}
	.sub_top.fixed .yLogo {width:50px; height:47px; margin-top:10px;}
	.sub_top.fixed .logo {width:150px; height:33px; margin:20px 0 0 10px;}
	.sub_top.fixed .top_tel {right:20px;}
}


/*subTop*/
.subTop {overflow: hidden; width: 100%; height: 500px; background-size:auto 100%;}
.sub1 .subTop {background:url(/images/sub1Bg.jpg) no-repeat center; background-size:auto 100%;}
.sub2 .subTop {background:url(/images/sub2Bg.jpg) no-repeat center; background-size:auto 100%;}
.sub3 .subTop {background:url(/images/sub3Bg.jpg) no-repeat center; background-size:auto 100%;}
.sub4 .subTop {background:url(/images/sub4Bg.jpg) no-repeat center; background-size:auto 100%;}
.sub5 .subTop {background:url(/images/sub5Bg.jpg) no-repeat center; background-size:auto 100%;}
.sub6 .subTop {background:url(/images/sub6Bg.jpg) no-repeat center; background-size:auto 100%;}

.topWrap {text-align: center; color:#fff; padding:200px 0 0 0;}
.topTit {font-size:55px; font-weight:600; margin-bottom:24px;}
.topTxt {font-size:20px; font-weight:400;}


/*cont*/
.subWrap {text-align: center; padding:100px 0;}
.bigTit {display: inline-block; font-size: 45px; color:#111; font-weight:600; padding:0 0 8px; margin-bottom:30px; border-bottom:1px solid #111;}
.subCont {width:1400px; margin:0 auto; overflow:hidden; padding:100px 0 0;}
.contTit {display: inline-block; font-size:30px; font-weight: 500; padding-bottom:8px; margin-bottom:30px; border-bottom:1px solid #000;}
.contTxt {font-size: 20px; line-height:1.3; word-break:keep-all;}
.contTxt2 {font-size: 20px; line-height:1.3; word-break:keep-all; text-align:left; width:80%; margin:0 auto;}
.contTxt3 {font-size: 28px; font-weight:800; line-height:1.3; word-break:keep-all; text-align:left; width:80%; margin:0 auto;}
.subWrap .fLeft {float: left;}
.subWrap .fRight {float:right;}
.mb630 {display: none;}
.contTxt span.red,span.blue {font-weight:800;}

.table {overflow:hidden;}
.table > div {overflow:hidden;}
.table  p {float:left; font-size: 20px;}
.table .th {background:#2f306a;}
.table .th p {float:left; color:#fff; border-right:1px solid rgba(255,255,255,.1);}
.table .th p:last-child {border-right:0;}
.table .td {border-bottom:1px solid rgba(0,0,0,.1);}
.table .td p {border-right:1px solid rgba(0,0,0,.1);}
.table .tl {border-left:1px solid rgba(0,0,0,.1);background:#f1f1f1; text-align: left;}
.table_info {text-align: left; font-size: 17px; letter-spacing:0.5px; padding-top:15px;}

.tableAll .table.tableA p {width:233.3px; font-size:20px; text-align: center; padding:23px;}
.tableM {display: none;}


@media only screen and (max-width: 1400px){
	.subCont {width:1200px;}
	.grayBg ul {padding:0 20px 0 10px;}

	.tableAll .table.tableA p {width:200px;}
}
@media only screen and (max-width: 1200px){
	.subCont {width:960px;}
	.bigTit {font-size: 40px;}
	.contTit {padding-bottom:4px;}
	.contTxt {font-size: 18px;}
	.contTxt2 {font-size: 18px;}
	.mn {display: none;}

	.tableAll .table.tableA p {width:160px; font-size:18px; padding:20px 10px;}
	.tableAll .table.tableA .td .tl {padding:20px 10px;}
	.table_info {font-size: 16px;}
}
@media only screen and (max-width: 960px){
	.subTop {height: 400px;}
	.topWrap {padding:150px 0 0 0;}

	.subWrap {padding:70px 0 100px;}
	.subCont {width:95%; padding:70px 0 0 0;}
	.contTxt {font-size:16px;}
	.contTxt2 {font-size:16px;}

	.tableAll .table.tableA p {width:16.66%;}
}
@media only screen and (max-width: 768px){
	.subTop {height:350px;}
	.topWrap {padding:120px 0 0 0;}
	.topTit {font-size: 48px; margin-bottom:15px;}
	.topTxt {font-size: 17px;}
	.subWrap .fLeft {float:none;}
	.subWrap .fRight {float:none;}

	.bigTit {font-size: 40px;}
	.contTit {font-size: 27px; padding-bottom:5px;}
	.contTxt {padding:0 20px 0 5%;} 
	.contTxt2 {padding:0 20px 0 5%;} 
	.contTxt3 {padding:0 20px 0 5%;} 

	.tableAll .table.tableA p {font-size: 16px; padding:15px 5px;}
	.tableAll .table.tableA .td p {font-size: 16px;}

}
@media only screen and (max-width: 630px){
	.tableW {display: none;}
	.tableM {display: block;}
	.tableAll .table.tableA p {width:33.33%; font-size: 17px; padding:20px 5px;}
	.tableAll .table.tableA .td p {font-size: 17px;}
}
@media only screen and (max-width: 580px){
}
@media only screen and (max-width: 530px){
	.subTop {height:200px;}
	.topWrap {padding:50px 0 0 0;}
	.topTit {font-size: 35px;}
	.topTxt {font-size: 15px;}

	.subWrap {padding:50px 0 80px;}
	.subCont {padding:50px 0 0;}
	.bigTit {font-size: 30px;}
	.contTit {font-size: 20px;}
	.contTxt {font-size:14px;}
	.contTxt2 {font-size:14px; width:100%;}
	.contTxt3 {font-size:22px; width:100%;}
}


/*sub1 노인장기요양보험*/
.grayBg {background:#f7f7f7; text-align: left; padding-top:85px;}
.grayBg ul {padding:0 50px;}
.grayBg .fLeft {width:50%;}
.grayBg .fRight {width:50%;}
.grayBg .fBottom {float:left; width:100%;}
.grayBg li {padding-bottom:40px;}
.grayBg .contTit {padding-bottom:0; border:0;}
.contTit .blueLine {display: block; width:45px; height:5px; margin-bottom:7px; background:#686bff;}
.grayBg .contTxt {margin-bottom:10px;}
.grayBg .span_small {font-size:16px; color:#e60012;}

.sub1_img {width:100%; height:315px; margin-bottom:30px; background:url(/images/sub1.png) no-repeat center; background-size:auto 100%;}

.table1 p {width:15%; padding:23px;}
.table1 p:last-child {width:85%;}
.table1 .td p {text-align: left;}
.table1 .td .tl {text-align: center;}

@media only screen and (max-width: 1400px){
	.table1 p {font-size:18px;}
}
@media only screen and (max-width: 1200px){
	.grayBg {padding-top:55px;}
	.grayBg li {padding-bottom:20px;}
	.grayBg .contTit {font-size: 25px; margin-bottom:20px;}
	.contTit .blueLine {width:36px;}
	.grayBg .span_small {font-size:15px;}

	.sub1_img {height:292px;}

	.table1 p {width:20%;}
	.table1 p:last-child {width:80%;}
	.table1 .td .tl {padding:33.5px 0;}
}
@media only screen and (max-width: 960px){
	.grayBg ul {padding:0 10px 0 5px;}
	.grayBg li:nth-child(1) {height:280px;}
	.grayBg .span_small {font-size:15px;}

	.sub1_img {height:222px;}

	.table1 .td .tl {padding:30.5px 0;}
	.table1 p {padding:20px 10px;}
}
@media only screen and (max-width: 768px){
	.grayBg {padding:30px 0 10px;}
	.grayBg .fLeft {width:100%;}
	.grayBg .fRight {width:100%;}
	.grayBg li {height:auto; padding-bottom:30px;}
	.grayBg li:nth-child(1) {height:auto;}
	.grayBg .fLeft li:nth-child(1) {padding-bottom:30px;}
	.grayBg .contTit {font-size:20px; margin-bottom:10px;}
	.contTit .blueLine {width:32px;}
	.sub1	.contTxt {padding:0;} 
	.grayBg .span_small {font-size:14px;}

	.sub1_img {height:182px;}

	.table1 p {padding:14px 10px;}
	.table1 .th .mb {display:block;}
	.table1 .th p:last-child {padding:24.5px 0;}
	.table1 .td .tl {padding:23.5px 0;}
	.table1 .td p {font-size: 16px;}
	
}

@media only screen and (max-width: 630px){
	.sub1_img {height:890px; background:url(/images/sub1M.png) no-repeat center top;}
}

@media only screen and (max-width: 580px){
	.sub1 .table p {font-size: 16px;}
	.grayBg .span_small {font-size:13px;}

	.table1 p {width:25%;}
	.table1 p:last-child {width:75%;}
	.table1 .td p {height:90px;}
	.table1 .td .tl {padding:35.5px 0;}
}

@media only screen and (max-width: 400px){
	.table1 .td p {padding:10px 4px 10px 10px; }
}

/*sub2 방문요양*/
.sub2Cont1 {width:1400px; height:550px; color:#fff; background:url(/images/sub2.jpg) no-repeat center top; }
.sub2Cont1 .contTit {border:none; margin:0; padding:206px 0 17px;}
.sub2Cont1 .line {display:block; width:45px; height:2px; margin:0 auto 17px; background:#fff;}

.sub2Cont2 {overflow:hidden; width:1400px; padding:100px 0 0; margin:0 auto;}
.sub2Cont2 .contTxt {text-align: left; margin-bottom:15px;}

.table2 p {width:15%; padding:23px;}
.table2 p:last-child {width:85%;}
.table2 .td p {text-align: left; font-size: 18px;}
.table2 .td .tl {text-align: center;}

.table3 p {width:11.11%; padding:23px;}
.table3 .td p {font-size: 18px;}
.table3 .td .tl {text-align: center;}


@media only screen and (max-width: 1400px){
	.sub2Cont1 {width:98%;}
	.sub2Cont2 {width:1200px;}

	.table2 .td .tl {padding:23px 0;}
	.table2 .td.firstTd .tl {padding:33.5px 0;}

	.table3 .td p {padding:23px 5px;}

}
@media only screen and (max-width: 1200px){
	.sub2Cont2 {width:960px;}
	.table3 p {font-size: 16px;}
	.table3 .td p {font-size: 16px; padding:20px 0;}
}
@media only screen and (max-width: 960px){
	.sub2Cont2 {width:95%;}
	.table3 .th p {padding:20px 0;}
	.table3 .td .tl {padding:10px;}
}
@media only screen and (max-width: 768px){
	.sub2Cont2 .grayBg {padding:30px 0 20px;}

	.table2 p {font-size: 16px; padding:20px 0px;}
	.table2 .td p {font-size:16px; padding:20px 10px;}
	.table2 .td .tl {padding:20px 0px;}
	.table2 .tl .mb {display: block;}
	.table2 .td.firstTd .tl {padding:29.5px 0px;}
}
@media only screen and (max-width: 650px){
	.sub2Cont1 .contTxt {}

	.sub2Cont1 {height:450px;}
	.sub2Cont1 .contTit {padding:146px 0 17px;}

	.table2 p {font-size: 15px;}
	.table2 .td .tl {padding:11px 5px;}
	.table2 .td.firstTd .tl {padding:29.5px 10px;}
	.table2 .td p {font-size: 15px; padding:20px 10px;}
	.table2 .td.firstTd p {padding:29.5px 0 29.5px 10px;}

	.table3 p {width:11.11%;}
	.table3 .td .tl {padding:10.5px 0;}
}

@media only screen and (max-width: 630px){
	.table3 p {width:20%;}
	.table3 .td .tl {padding:20px 0;}
}
@media only screen and (max-width: 600px){
	.table2 .td.firstTd p {padding:20px 0 20px 10px;}
}
@media only screen and (max-width: 530px){
	.sub2Cont1 {height:380px;}
	.sub2Cont1 .contTit {padding:130px 0 10px;}
}
@media only screen and (max-width: 480px){
	.table2 p {width:20%;}
	.table2 p:last-child {width:80%;}

	.table3 .td p {padding:29.5px 0;}
	.table3 .td .tl {padding:20px 5px;}
}
@media only screen and (max-width: 425px){
	.table2 .td p {height:77px; padding:20px 5px;}
	.table2 .td .tl {padding:15px 5px;}
	.table2 .td.firstTd p {height:130px; padding:35px 5px 0 5px;}
	.table2 .td.firstTd .tl {padding:47px 10px;}

}


/*sub3 방문목욕*/
.sub3 {}
.sub3 .mb {display:none;}
.sub3 .subCont ul {overflow:hidden;}
.sub3 .subCont ul li {float:left; width: 350px; height:350px; font-size:18px; padding:7.4% 0; border:1px solid rgba(0,0,0,.2); border-right:0;}
.sub3 .subCont ul li:first-child {border-radius:25px 0 0 25px;}
.sub3 .subCont ul li:last-child {border-right:1px solid rgba(0,0,0,.2); border-radius:0 25px 25px 0 ;}
.sub3 .subCont ul li .icon {width:95px; height:91px; margin:0 auto 8px; -webkit-transition:.5s; transition:0.5s;}
.sub3 .subCont ul li:first-child .icon {background:url(/images/sub3_icon1.png) no-repeat center bottom; background-size:auto 100%;}
.sub3 .subCont ul li:nth-child(2) .icon {background:url(/images/sub3_icon2.png) no-repeat center bottom; background-size:auto 100%;}
.sub3 .subCont ul li:nth-child(3) .icon {background:url(/images/sub3_icon3.png) no-repeat center bottom; background-size:auto 100%;}
.sub3 .subCont ul li:last-child .icon {background:url(/images/sub3_icon4.png) no-repeat center bottom; background-size:auto 100%;}

.sub3 .subCont ul li:hover {font-size:22px; font-weight: 400; color:#fff; padding:6.5% 0; background:#2f306a;   -webkit-transition:.5s; transition:0.5s;}
.sub3 .subCont ul li:first-child:hover .icon {background:url(/images/sub3_icon1w.png) no-repeat center bottom; background-size:auto 100%;}
.sub3 .subCont ul li:nth-child(2):hover .icon {background:url(/images/sub3_icon2w.png) no-repeat center bottom; background-size:auto 100%;}
.sub3 .subCont ul li:nth-child(3):hover .icon {background:url(/images/sub3_icon3w.png) no-repeat center bottom; background-size:auto 100%;}
.sub3 .subCont ul li:last-child:hover .icon {background:url(/images/sub3_icon4w.png) no-repeat center bottom; background-size:auto 100%;}

.table4 p {width:30%; font-size: 18px; padding:23px;}
.table4 p:first-child {width:10%;}
.table4 .td .tl {text-align: center; }

@media only screen and (max-width: 1400px){
	.sub3 .subCont ul li {width: 300px; height:300px; padding:6.5% 0; }
	.sub3 .subCont ul li:hover {padding:6% 0; font-size:20px;}
	.sub3 .subCont ul li:hover .icon {width:98px; height:94px;}

	.table4 p {width:30%; padding:23px 0;}
}
@media only screen and (max-width: 1200px){
	.sub3 .subCont ul li {width: 240px; height:240px; font-size:16px; padding:6.5% 0;}
	.sub3 .subCont ul li .icon {width:75px; height:71px;}
	.sub3 .subCont ul li:hover {padding:5% 0; font-size:17px;}
	.sub3 .subCont ul li:hover .icon {width:85px; height:81px;}

	.table4 p {width:30%; padding:23px 10px;}
	.table4 .th p:first-child {padding:33.5px 0px;}
	.table4 .td .tl {padding:23px 0;}
}
@media only screen and (max-width: 960px){
	.sub3 .subCont ul li {width:25%; height:220px; padding:5.5% 5px;}
	.table4 .td p {padding:33.5px 0px;}
}
@media only screen and (max-width: 768px){
	.sub3 .mb {display:block;}

	.sub3 .subCont ul li {width:25%; height:180px; padding:3% 5px; font-size:14px;}
	.sub3 .subCont ul li:hover {padding:3% 0; font-size:16px;}
	.sub3 .subCont ul li:hover .icon {width:78px; height:75px;}

	.table4 p {font-size: 16px;}
}
@media only screen and (max-width: 630px){
	.sub3 .subCont ul li {width:50%; height:290px; padding:86px 5px; font-size:15px;}
	.sub3 .subCont ul li:first-child {border-radius:0; border-bottom:0;}
	.sub3 .subCont ul li:last-child {border-radius:0;}
	.sub3 .subCont ul li:nth-child(2) {border-right:1px solid rgba(0,0,0,.1); border-bottom:0;}
	.sub3 .subCont ul li .icon {width:85px; height:81px;}

	.sub3 .subCont ul li:hover {padding:55px 0; font-size:16px;}
	.sub3 .subCont ul li:hover .icon {width:95px; height:91px;}

	.table4 p {width:27%; padding:24px 11px;}
	.table4 p:first-child {width:19%;}
	.table4 .th p:first-child {padding:43px 0px;}
	.table4 .td .tl {padding:24px 0;}
}
@media only screen and (max-width: 500px){
	.table4 p {font-size: 14px;}
}
@media only screen and (max-width: 465px){
	.sub3 .subCont ul li {float:none; width:100%; height:200px; padding:42px 5px; font-size:16px; border-right:1px solid rgba(0,0,0,.1);}
	.sub3 .subCont ul li .icon {width:70px; height:66px;}
	.sub3 .subCont ul li:hover {padding:39px 0; font-size:16px;}
	.sub3 .subCont ul li:hover .icon {width:80px; height:76px;}

}
/*sub4 센터개설상담*/
.sub4 .subWrap {position: relative;}
.sub4 .grayBg {width:100%; height:400px; background:#f6f6f6; position: absolute; top:184px; z-index:-1;}
.sub4 .subCont {width:1020px; padding:60px 0 0 0; margin:0 auto; position: relative;}
.sub4 .subCont ul {overflow:hidden;}
.sub4 .subCont li {float:left; width:500px; height:200px; text-align:left; margin-bottom:15px; border-radius:12px; position: relative; overflow:hidden;}
.sub4 .subCont li:nth-child(odd) {margin-right:15px;}
.sub4 .subCont li .li_in {overflow: hidden; color:#fff; font-size:22px; padding:70px 127px; position: relative; z-index:1;}
.sub4 .subCont li.sub4_li3 .li_in {padding:70px 95px;}
.sub4 .subCont li .rank {font-size:28px; font-weight: 600;}

.sub4 .subCont li .liWrap {float:left; padding-left:15px;}
.sub4 .subCont .sub4_li1 {background:#2f306a; border:2px dashed rgba(151,151,180,1);}	
.sub4 .subCont .sub4_li2 {background:#4b4dba; border:2px dashed rgba(151,151,180,1);}
.sub4 .subCont .sub4_li3 {background:#4b4dba; border:2px dashed rgba(151,151,180,1);}
.sub4 .subCont .sub4_li4 {background:#2f306a; border:2px dashed rgba(151,151,180,1);}

.sub4 .subCont li .sub4_icon {float:left; display:block; width:56px; height:56px;}
.sub4 .subCont .sub4_li1 .sub4_icon {background:url(/images/sub4_icon1.png) no-repeat center bottom; background-size:auto 100%; }
.sub4 .subCont .sub4_li2 .sub4_icon {background:url(/images/sub4_icon2.png) no-repeat center bottom; background-size:auto 100%; }
.sub4 .subCont .sub4_li3 .sub4_icon {background:url(/images/sub5_icon3.png) no-repeat center bottom; background-size:auto 100%; }
.sub4 .subCont .sub4_li4 .sub4_icon {background:url(/images/sub4_icon3.png) no-repeat center bottom; background-size:auto 100%; }

.sub4 .subCont li .blueBg {top:100%;}
.sub4 .subCont li:hover .blueBg {width:100%; height:100%; border-radius:12px; background:rgba(36,36,131,.8); position: absolute; top:0%; left:0; z-index:-1; -webkit-transition:.5s; transition:0.5s;}

.sub4 .subCont .contTxt {font-size: 22px; font-weight:300; padding:30px 0 0;}
.sub4 .subCont .contTxt .call {font-weight: 500;}

@media only screen and (max-width: 1020px){
	.sub4 .subCont {width:850px;}
	.sub4 .subCont li {width:420px; margin-bottom:10px;}
	.sub4 .subCont li:nth-child(odd) {margin-right:10px;}
	.sub4 .subCont li.sub4_li1 .li_in {padding:70px 87px;}
	.sub4 .subCont li.sub4_li2 .li_in {padding:70px 90px;}
	.sub4 .subCont li.sub4_li3 .li_in {padding:70px 58px;}
	.sub4 .subCont li.sub4_li4 .li_in {padding:70px 110px;}
}
@media only screen and (max-width: 850px){
	.sub4 .subCont {width:95%;}
	.sub4 .subCont li {width:49%; margin-bottom:1.5%;}
	.sub4 .subCont li:nth-child(odd) {margin-right:1.5%;}
	.sub4 .subCont li .sub4_icon {width:50px; height:50px;}
	.sub4 .subCont li.sub4_li1 .li_in {padding:75px 0 0 18%;}
	.sub4 .subCont li.sub4_li2 .li_in {padding:75px 0 0 22%;}
	.sub4 .subCont li.sub4_li3 .li_in {padding:75px 0 0 14%;}
	.sub4 .subCont li.sub4_li4 .li_in {padding:75px 0 0 27%;}
	.sub4 .subCont li .rank {font-size: 22px;}

	.sub4 .subCont .contTxt {font-size: 18px;}
}

@media only screen and (max-width: 768px){
	.sub4 .subCont li {height:180px;}
	.sub4 .subCont li .li_in {font-size:20px;}
	.sub4 .subCont li.sub4_li1 .li_in {padding:63px 0 0 14%;}
	.sub4 .subCont li.sub4_li2 .li_in {padding:63px 0 0 19%;}
	.sub4 .subCont li.sub4_li3 .li_in {padding:63px 0 0 11%;}
	.sub4 .subCont li.sub4_li4 .li_in {padding:63px 0 0 22%;}

	.sub4 .subCont li.sub4_li3 .li_in .liWrap {margin-top:-10px;}
	.sub4 .subCont li.sub4_li3 .li_in .mb{display: block;}
}

@media only screen and (max-width: 650px){
	.sub4 .subCont li .li_in {font-size:18px; padding:75px 0 0 27%;}
	.sub4 .subCont li .rank {font-size: 20px;}
	.sub4 .subCont li .sub4_icon {width:40px; height:40px; margin-top:3px;}
	.sub4 .subCont li.sub4_li1 .li_in {padding:66px 0 0 14%;}
	.sub4 .subCont li.sub4_li2 .li_in {padding:66px 0 0 19%;}
	.sub4 .subCont li.sub4_li3 .li_in {padding:66px 0 0 11%;}
	.sub4 .subCont li.sub4_li4 .li_in {padding:66px 0 0 22%;}
}

@media only screen and (max-width: 560px){
	.sub4 .subCont {width:98%;}
	.sub4 .subCont li {width:100%; height:150px;}
	.sub4 .subCont li {margin-bottom:1.5%;}
	.sub4 .subCont li:nth-child(odd) {margin-right:0%;}
	.sub4 .subCont li .sub4_icon {width:43px; height:43px;}
	.sub4 .subCont li .li_in { font-size:20px;}
	.sub4 .subCont li.sub4_li1 .li_in {padding:48px 0 0 24%;}
	.sub4 .subCont li.sub4_li2 .li_in {padding:48px 0 0 24%;}
	.sub4 .subCont li.sub4_li3 .li_in {padding:48px 0 0 24%;}
	.sub4 .subCont li.sub4_li4 .li_in {padding:48px 0 0 24%;}
	.sub4 .subCont li .rank {font-size:22px;}

	.sub4 .subCont .sub4_li5 {margin-bottom:1.5%;}
	.sub4 .subCont .sub4_li6 {margin-bottom:1.5%;}
	.sub4 .subCont .contTxt {font-size: 16px;}
}

@media only screen and (max-width: 470px){
	.sub4 .subCont .contTxt {font-size: 14px;}
	.sub4 .subCont li .li_in {text-align:center;}
	.sub4 .subCont li.sub4_li1 .li_in {padding:36px 0;}
	.sub4 .subCont li.sub4_li2 .li_in {padding:36px 0;}
	.sub4 .subCont li.sub4_li3 .li_in {padding:36px 0;}
	.sub4 .subCont li.sub4_li4 .li_in {padding:36px 0;}
	.sub4 .subCont li .sub4_icon {float:none; margin:0 auto;}
	.sub4 .subCont li .liWrap {float:none; padding:10px 0 0;}
	
	.sub4 .subCont li .liWrap p {display:inline;}
	.sub4 .subCont li .rank {}
}



/*sub5 센터운영지원*/
.sub5 .subWrap {position: relative;}
.sub5 .grayBg {width:100%; height:400px; background:#f6f6f6; position: absolute; top:184px; z-index:-1;}
.sub5 .subCont {width:1020px; padding:60px 0 0 0; margin:0 auto; position: relative;}
.sub5 .subCont ul {overflow:hidden;}
.sub5 .subCont li {float:left; width:500px; height:200px; text-align:left; margin-bottom:15px; position: relative; overflow:hidden;}
.sub5 .subCont li:nth-child(odd) {margin-right:15px;}
.sub5 .subCont li .li_in {overflow: hidden; color:#fff; font-size:22px; padding:70px 165px; position: relative; z-index:1;}
.sub5 .subCont .sub5_li1 .li_in {padding:70px 127px;}
.sub5 .subCont .sub5_li6 .li_in {padding:70px 139px;}
.sub5 .subCont li .rank {font-size:28px; font-weight: 600;}

.sub5 .subCont li .liWrap {float:left; padding-left:15px;}
.sub5 .subCont .sub5_li1 {background:url(/images/sub5_1.jpg) no-repeat center top; background-size:100% auto;}	
.sub5 .subCont .sub5_li2 {background:url(/images/sub5_2.jpg) no-repeat center top; background-size:100% auto;}
.sub5 .subCont .sub5_li3 {background:url(/images/sub5_3.jpg) no-repeat center top; background-size:100% auto;}
.sub5 .subCont .sub5_li4 {background:url(/images/sub5_4.jpg) no-repeat center top; background-size:100% auto;}
.sub5 .subCont .sub5_li5 {background:url(/images/sub5_5.jpg) no-repeat center top; background-size:100% auto;}
.sub5 .subCont .sub5_li6 {background:url(/images/sub5_6.jpg) no-repeat center top; background-size:100% auto;}

.sub5 .subCont li .sub5_icon {float:left; display:block; width:56px; height:56px;}
.sub5 .subCont .sub5_li1 .sub5_icon {background:url(/images/sub5_icon1.png) no-repeat center bottom; background-size:auto 100%;}
.sub5 .subCont .sub5_li2 .sub5_icon {background:url(/images/sub5_icon2.png) no-repeat center bottom; background-size:auto 100%;}
.sub5 .subCont .sub5_li3 .sub5_icon {background:url(/images/sub5_icon3.png) no-repeat center bottom; background-size:auto 100%;}
.sub5 .subCont .sub5_li4 .sub5_icon {background:url(/images/sub5_icon4.png) no-repeat center bottom; background-size:auto 100%;}
.sub5 .subCont .sub5_li5 .sub5_icon {background:url(/images/sub5_icon5.png) no-repeat center bottom; background-size:auto 100%;}
.sub5 .subCont .sub5_li6 .sub5_icon {background:url(/images/sub5_icon6.png) no-repeat center bottom; background-size:auto 100%;}

.sub5 .subCont li .blueBg {top:100%;}
.sub5 .subCont li:hover .blueBg {width:100%; height:100%; border-radius:12px; background:rgba(36,36,131,.8); position: absolute; top:0%; left:0; z-index:-1; -webkit-transition:.5s; transition:0.5s;}

.sub5 .subCont .contTxt {font-size: 22px; font-weight:300; padding:30px 0 0;}
.sub5 .subCont .contTxt .call {font-weight: 500;}

@media only screen and (max-width: 1020px){
	.sub5 .subCont {width:850px;}
	.sub5 .subCont li {width:420px; margin-bottom:10px;}
	.sub5 .subCont li:nth-child(odd) {margin-right:10px;}
	.sub5 .subCont li .li_in {padding:70px 125px;}
	.sub5 .subCont .sub5_li1 .li_in {padding:70px 87px;}
	.sub5 .subCont .sub5_li6 .li_in {padding:70px 99px;}
}
@media only screen and (max-width: 850px){
	.sub5 .subCont {width:95%;}
	.sub5 .subCont li {width:49%; margin-bottom:1.5%;}
	.sub5 .subCont li:nth-child(odd) {margin-right:1.5%;}
	.sub5 .subCont li .sub5_icon {width:50px; height:50px;}
	.sub5 .subCont li .li_in {padding:74px 0 0 27%;}
	.sub5 .subCont .sub5_li1 .li_in {padding:74px 0 0 14%;}
	.sub5 .subCont .sub5_li6 .li_in {padding:74px 0 0 20%;}
	.sub5 .subCont li .rank {font-size: 22px;}

	.sub5 .subCont .contTxt {font-size: 18px;}
}

@media only screen and (max-width: 768px){
	.sub5 .subCont li {height:180px;}
	.sub5 .subCont li .li_in {padding:65px 0 0 27%; font-size:20px;}

	.sub5 .subCont li.sub5_li3 .li_in .liWrap {margin-top:-10px;}
	.sub5 .subCont li.sub5_li3 .li_in .mb{display: block;}
}

@media only screen and (max-width: 650px){
	.sub5 .subCont li .li_in {font-size:18px; padding:68px 0 0 27%;}
	.sub5 .subCont .sub5_li1 .li_in {padding:68px 0 0 14%;}
	.sub5 .subCont li .rank {font-size: 20px;}
	.sub5 .subCont li .sub5_icon {width:40px; height:40px; margin-top:3px;}
}

@media only screen and (max-width: 560px){
	.sub5 .subCont {width:98%;}
	.sub5 .subCont li {width:100%; height:150px;}
	.sub5 .subCont li {margin-bottom:1.5%;}
	.sub5 .subCont li:nth-child(odd) {margin-right:0%;}
	.sub5 .subCont li .sub5_icon {width:43px; height:43px;}
	.sub5 .subCont li .li_in { font-size:20px; padding:50px 0 0 36%;}
	.sub5 .subCont .sub5_li1 .li_in {padding:50px 0 0 29%;}
	.sub5 .subCont .sub5_li6 .li_in {padding:50px 0 0 36%;}
	.sub5 .subCont li .rank {font-size:22px;}

	.sub5 .subCont .sub5_li5 {margin-bottom:1.5%;}
	.sub5 .subCont .sub5_li6 {margin-bottom:1.5%;}
	.sub5 .subCont .contTxt {font-size: 16px;}
}

@media only screen and (max-width: 470px){
	.sub5 .subCont .contTxt {font-size: 14px;}
	.sub5 .subCont li .li_in {text-align:center; padding:36px 0;}
	.sub5 .subCont .sub5_li1 .li_in {padding:36px 0;}
	.sub5 .subCont .sub5_li6 .li_in {padding:36px 0;}
	.sub5 .subCont li .sub5_icon {float:none; margin:0 auto;}
	.sub5 .subCont li .liWrap {float:none; padding:10px 0 0;}
	
	.sub5 .subCont li .liWrap p {display:inline;}
	.sub5 .subCont li .rank {}
}

/*sub6 오시는 길은 contents.css section3에 있음*/



/*공지사항 게시판 */
.width1200 {width: 1200px; margin: 0 auto;}

@media all and (max-width:1600px) {
	.sub1520 {width: 1300px;}
}

@media all and (max-width:1300px) {
	.sub1520 {width: 1100px; padding: 30px 0 150px;}
	.width1200 {width: 1100px;}
}
@media all and (max-width:1100px) {
	.sub1520 {width: 900px; padding: 30px 0 140px;}
	.subTit1 {font-size:15px;}
	.subTit2 {font-size:36px;}
	.width1200 {width: 880px;}
}
@media all and (max-width:900px) {
	.sub1520 {width: 800px; padding: 25px 0 140px;}
	.subTit1 {font-size:14px;}
	.subTit2 {font-size:33px; margin: 0 0 60px;}
	.width1200 {width: 768px;}
}
@media all and (max-width:768px) {
	.sub1520 {width: 100%; padding: 20px 20px 140px;}
	.subTit1 {font-size:13px;}
	.subTit2 {font-size:30px; margin: 0 0 50px;}
	.width1200 {width: 100%;}
}



/* 게시판 */
.blue_list {width:100%; margin-bottom:80px;}
.blue_list table {border-top:2px solid #545454; width:100%;}
.blue_list table th {background:#fcfcfc; border-bottom:1px solid #e0e0e0; height:40px; font-size:11px;}
.blue_list table td {border-bottom:1px solid #e0e0e0; text-align:center; font-size:11px ; height:40px;}
.blue_list table td img.pro {width:60px; height:60px;}
.blue_list table td div.numCheck img.plus {width:20%; height:20%;} 
.blue_list table td em {font-weight:bold; color:#000; font-family:tahoma;font-style:normal; font-size:12px;}
.blue_list table td.tleft {text-align:left; padding-left:10px;}

.tCont {}
.tCont ul {overflow:hidden; width:100%; }
.tCont ul li {float:none; }
.tCont ul li.pic {width:100%;}
.tCont ul li.pic img.pro {width:100%; height:auto;}
.tCont ul li.name {width:100%;}
.tCont ul li .proName {font-size:12px; margin:15px 0 5px 0; width:100%; color:#000;}
.tCont ul li .proName a {color:#000;}
.tCont ul li .proOp {padding:7px 0; font-size:11px; border-top:1px dashed #eee; }

.tAnswer {text-align:left; padding:0 10px; background:#fdfdfd;}
.tAnswer ul {overflow:hidden; border-bottom:1px solid #eee; padding:10px 0;}
.tAnswer ul:last-child {border-bottom:0;}
.tAnswer ul li {float:left;}
.tAnswer ul li.icon {padding:0 20px 0 10px;}
.tAnswer ul li.comment {line-height:1.4; font-size:12px;}
.iconQ {font-size:20px; font-weight:bold; color:#333; font-family:AppleGothic;}
.iconA {font-size:20px; font-weight:bold; color:#dc4b4b; font-family:AppleGothic;}


@media only screen and (min-width: 768px) {	
	.blue_list {width:100%; margin-bottom:80px;}
	.blue_list table {border-top:2px solid #545454; width:100%;}
	.blue_list table th {background:#fcfcfc; border-bottom:1px solid #e0e0e0; height:40px; font-size:13px;}
	.blue_list table td {border-bottom:1px solid #e0e0e0;height:40px; text-align:center; font-size:14px; padding:10px 0;}
	.blue_list table td img.pro {width:75px; height:auto; max-height:75px;}
	.blue_list table td div.numCheck img.plus {width:auto; height:100%;} 
	.blue_list table td em {font-weight:bold; color:#000; font-family:tahoma;font-style:normal; font-size:15px;}
	.blue_list table td.tleft {text-align:left; padding-left:20px;}

	.tCont {}
	.tCont ul {overflow:hidden; width:100%; }
	.tCont ul li {float:left; }
	.tCont ul li.pic {width:20%;}
	.tCont ul li.pic img.pro {width:75px; height:auto;}
	.tCont ul li.name {width:80%; padding-left:20px;}
	.tCont ul li .proName {font-size:15px; margin:15px 0 5px 0; width:100%; color:#000;}
	.tCont ul li .proName a {color:#000;}
	.tCont ul li .proOp {padding:7px 0; font-size:11px; border-top:1px dashed #eee; }

	.tAnswer {text-align:left; padding:0 20px; background:#fdfdfd;}
	.tAnswer ul {overflow:hidden; border-bottom:1px solid #eee; padding:20px 0;}
	.tAnswer ul:last-child {border-bottom:0;}
	.tAnswer ul li {float:left;}
	.tAnswer ul li.icon {padding:0 40px;}
	.tAnswer ul li.comment {line-height:1.4; font-size:13px;}
	.iconQ {font-size:25px; font-weight:bold; color:#333; font-family:AppleGothic;}
	.iconA {font-size:25px; font-weight:bold; color:#dc4b4b; font-family:AppleGothic;}
}



.black_list {width:100%; position:relative; letter-spacing:0; margin:10px auto 85px auto;}
.black_list table {width:100%;border-top:1px solid #000;}
.black_list table th {background:#494949; color:#ccc; border-bottom:1px solid #6a6a6a; font-weight:normal; font-size:10px; padding:5px 2px; border-right:1px solid #6a6a6a;}
.black_list table th:last-child {border-right:none;}
.black_list table td {border-bottom:1px solid #e2e2e2; text-align:center; border-right:1px solid #e2e2e2; background:#fff; padding:5px 2px; font-size:11px;}
.black_list table td:last-child {border-right:none;}
.black_list table td.tleft {text-align:left;padding-left:15px;}
.black_list table td.cont {text-align:left;padding:25px;background:#fdfcfa;}
.black_list table td.cont_a {text-align:left;padding:25px;background:#ffffe8;}

.tTit {float:left; font-size:18px; color:#333; font-family:malgun gohtic; letter-spacing:-1px; display:inline;}
.searchWrap {float:right; margin:0 0 15px 0; overflow:hidden; height:25px; }
.searchWrap > ul {overflow:hidden; float:right;}
.searchWrap > ul > li {float:left;}
input.search {height:24px; background:rgba(0,0,0,.02); border:1px solid #e8e8e8; width:90px;}
select.search {height:24px; font-size:11px;}
.btnSearch {width:24px; height:24px; border:1; background:url(/image/btn_search.gif) no-repeat center center; background-size:100%; display:inline-block; cursor:pointer; }



@media only screen and (min-width: 768px) {
	.black_list table th {height:40px; font-size:12px; padding:0; }
	.black_list table td {height:40px;border-bottom:1px solid #e2e2e2;text-align:center;border-right:1px solid #e2e2e2; background:#fff; font-size:14px;}

	.tTit {font-size:28px; letter-spacing:0; }
    .searchWrap {float:right; margin:0 0 15px 0; overflow:hidden; height:34px; }
    .searchWrap > ul {overflow:hidden; float:right;}
	.searchWrap > ul > li {float:left;}
	input.search {height:34px; width:200px;}
	select.search {height:34px;}
	.btnSearch {width:34px; height:34px; background:url(/image/btn_search.gif) no-repeat; display:inline-block; }
}



/*로그인 페이지*/

/* 로그인 */

.loginWrap {width:100%; margin:15px auto; overflow:hidden;}
.loginWrap > ul {float:left; }
.loginWrap > ul.login {width:100%;}
.loginWrap > ul.login input {width:100%; height:45px; border:1px solid #eaeaea; padding-left:50px; font-size:14px;}
.loginWrap > ul.login input {width:100%; height:45px; border:1px solid #eaeaea; padding-left:50px; font-size:14px;}
.loginWrap > ul.login input.phone {width:25%; height:45px; border:1px solid #eaeaea; padding-left:5px; font-size:14px; background:#fafafa;}
.loginWrap > ul.login select {width:42.5%; height:45px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:14px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}

.loginWrap > ul.login1 {width:100%;}
.loginWrap > ul.login1 input {width:100%; height:45px; border:1px solid #eaeaea; padding-left:50px; font-size:14px;}
.loginWrap > ul.login1 input.phone {width:25%; height:45px; border:1px solid #eaeaea; padding-left:5px; font-size:14px; background:#fafafa;}
.loginWrap > ul.login1 input.num1 {width:50%; height:45px; border:1px solid #eaeaea; padding-left:50px; font-size:14px;}
.loginWrap > ul.login1 select {width:42.5%; height:45px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:14px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}


.loginWrap > ul.btn {width:100%;}
.loginWrap .btnLogin {width:100%; height:50px; background:#252583; text-align:center; line-height:50px; color:#fff; font-size:15px; font-family:malgun gothic; font-weight:bold; display:block;}
.loginWrap > ul > li {margin-bottom:5px; }

.loginWrap > ul.idpw {width:50%; border:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}
.loginWrap > ul.join {width:50%; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}

.idTxt {font-size:11px; letter-spacing:-1px;}


.loginTab {height:40px; overflow:hidden; position:relative;}	
.loginTab ul li {float:left; width:50%; height:39px; background:#f8f8f8; text-align:center; font-size:13px; color:#333; line-height:37px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #111;} 
.loginTab ul li a {display:block;}
.loginTab ul li.on {background:#fff; color:#000; font-weight:bold; border-top:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #fff; border-left:1px solid #111;}

.loginInfo {margin:25px 0 0 5px; font-size:12px; letter-spacing:-1px;}
.cirAlert {float:left; width:18px; height:18px; border-radius:9px; background:#5fae51; color:#fff; font-weight:bold; font-family:malgun gothic; font-size:16px; text-align:center; line-height:21px; display:inline-block;}
.loginInfo p.txt {float:left; line-height:2; margin-left:3px;}



@media only screen and (min-width: 840px) {


	.loginWrap {width:40%; margin:10px auto; overflow:hidden; }
	.loginWrap > ul {float:left; }
	.loginWrap > ul.login {width:75%;}
	.loginWrap > ul.login1 {width:100%;}
	
	.loginWrap > ul.login input {width:98%; height:65px; border:1px solid #eaeaea; padding-left:50px; font-size:18px;}
   	.loginWrap > ul.login input.phone {width:29.5%; height:65px; border:1px solid #eaeaea; padding-left:5px; font-size:18px; background:#fafafa;}
	.loginWrap > ul.login select {width:35%; height:65px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:18px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}
	
	.loginWrap > ul.login1 input {width:98%; height:65px; border:1px solid #eaeaea; padding-left:50px; font-size:18px;}
   	.loginWrap > ul.login1 input.phone {width:29.5%; height:65px; border:1px solid #eaeaea; padding-left:5px; font-size:18px; background:#fafafa;}
	.loginWrap > ul.login1 input.num1 {width:50%; height:65px; border:1px solid #eaeaea; padding-left:50px; font-size:18px; }
	.loginWrap > ul.login1 select {width:35%; height:65px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:18px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}

	.loginWrap > ul.btn {width:25%;}
	.loginWrap .btnLogin {width:100%; height:135px; text-align:center; line-height:135px; color:#fff; font-size:16px; font-family:malgun gothic; font-weight:bold; display:block;}
	.loginWrap > ul > li {margin-bottom:5px; }
	
	.loginWrap > ul.idpw {width:50%; border:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}
	.loginWrap > ul.join {width:50%; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}


	.idTxt {display:block; font-size:13px; letter-spacing:-0.5px;}
}