@charset "utf-8";
.subvis01 {
   background: url("/_img/sub_vis_01.png") no-repeat center; width: 100%; height: 286px; background-color:#fff6e3; margin-top: 97px;
}
.subvis02 {
   background: url("/_img/sub_vis_02.png") no-repeat center; width: 100%; height: 286px; background-color:#fff6e3; margin-top: 97px;
}
.subvis03 {
   background: url("/_img/sub_vis_03.png") no-repeat center; width: 100%; height: 286px; background-color:#fff6e3; margin-top: 97px;
}
.subvis04 {
   background: url("/_img/sub_vis_04.png") no-repeat center; width: 100%; height: 286px; background-color:#fff6e3; margin-top: 97px;
}
.subvis05 {
   background: url("/_img/sub_vis_05.png") no-repeat center; width: 100%; height: 286px; background-color:#fff6e3; margin-top: 97px;
}
.subvis06, .subvis00 {
   background: url("/_img/sub_vis_06.png") no-repeat center; width: 100%; height: 286px; background-color:#fff6e3; margin-top: 97px;
}

.sub_vis_txt {margin:0 auto; display:block; width:100%; max-width:1200px; padding:80px 30px 0px 30px;}

.subvis01 .maxwid, .subvis02 .maxwid, .subvis03 .maxwid, .subvis04 .maxwid, .subvis05 .maxwid, .subvis06 .maxwid, .subvis00 .maxwid {
   height: 262px; position: relative; display:table;
}

@media screen and (max-width:1230px) {
	.subvis01, .subvis02, .subvis03, .subvis04, .subvis05, .subvis06 {margin-top:45px;}
}

@media screen and (max-width:900px) {
	.sub_vis_txt > img {width:100%; max-width:319px; padding:10px; border-radius:10px; background:rgba(255,255,255,0.7);}
}

/* 서브메뉴 */ 
.sub_wrap {width:100%; max-width:1200px; margin:20px auto 20px auto; overflow:hidden; padding:30px;}

.sub_menu ul{text-align:center;}
.sub_menu ul li {display:inline-block; margin:10px;font-size:17px; text-align:center; width: auto; padding: 8px 25px; border:1px solid #4765a2; border-radius:6px; overflow:hidden;}
.sub_menu ul li a{ color:#4765a2;}
.sub_menu ul li.on{background:#4765a2;}
.sub_menu ul li.on a{ color:#fff;}
.sub_menu ul li:hover{background:#4765a2;}
.sub_menu ul li:hover a{color:#fff;}

.sub_nav{}
.sub_nav ul {padding-top: 10px;}
.sub_nav ul li{display:inline-block;}
.sub_nav ul li a{ font-size:14px; color:#767676;} 
.sub_nav ul li.last a{ font-size:14px; color:#232323;} 

.sub_tit_wrap{overflow:hidden; text-align:center; margin-top:23px;}
.sub_tit{color:#232323; font-size:35px; font-family:'GyeonggiTitle';}

.sub_con_wrap{ padding: 30px 0;}

.sub_phone {font-size:30px; font-family:'GyeonggiTitle'; color:#232323; text-align:center; margin:30px 0; border-bottom:1px dashed #ccc; padding-bottom:30px;}
.sub_phone > span {font-weight:bold; display:block; font-family:'GyeonggiTitle';}

@media screen and (max-width: 1230px){
	#content_wrap .maxwid { width: 94%; margin-right:3%; margin-left:3%;}
}

@media screen and (max-width:1000px ){
	.sub_vis01{background:url(/img/main_bg_m.png) no-repeat right bottom; background-color:#ceebff;}
	.sub_vis02{background:url(/img/main_bg_m.png) no-repeat right bottom; background-color:#ffd1df;}
	.sub_vis03{background:url(/img/main_bg_m.png) no-repeat right bottom; background-color:#eaffce;}
	.sub_vis04{background:url(/img/main_bg_m.png) no-repeat right bottom; background-color:#ceebff;}
	.sub_vis05{background:url(/img/main_bg_m.png) no-repeat right bottom; background-color:#ffd1df;}
	.sub_vis06{background:url(/img/main_bg_m.png) no-repeat right bottom; background-color:#eaffce;}
}

/*세로형 테이블(th가 왼쪽)*/
.rwd-table_c {border-top: 2px solid #555; width:100%; margin-bottom:25px; border-collapse:separate; border-left:none; background:#fff; overflow: hidden;}
.rwd-table_c a {font-size : 13px;}
.rwd-table_c tr {}
.rwd-table_c .notice_bg {background:#f3f3f3;}
.rwd-table_c th {display: none; border-bottom : 1px solid #ccc; color:#333; font-size:15px; background:#fafafa;}
.rwd-table_c td {display: block; border-bottom:1px solid #dddddd; color : #555555; font-size : 15px; text-align:left;}
.rwd-table_c td:first-child {padding-top: .5em;}
.rwd-table_c td:last-child {padding-bottom: .5em;}
.rwd-table_c td:before {content: attr(data-th) " : "; font-weight:bold; width:auto; display:inline-block; padding-right:10px; text-align:left;}
.rwd-table_c th, .rwd-table_c td {padding:5px 10px; border-left:none; line-height:20px; border-collapse:separate;}
.rwd-table_c th, .rwd-table_c td:before {color:#333;}
.rwd-table_c tr > td:last-child, .rwd-table_c tr > th:last-child{border-right:none;}
.rwd-table_c td.nobdb {border-bottom:none;}
.rwd-table_c .align {text-align:left;}
.rwd-table_c .headline {font-size:13px;	color:#333;}
.rwd-table_c .board_reply {background:#e9f2ed;}

@media screen and (max-width: 600px) {
	.rwd-table_c th, .rwd-table_c td {border-right:none;}
	.rwd-table_c tr:last-child > td:last-child {border-bottom:none;}
	.rwd-table_c th, .rwd-table_c td {text-align:left;}
}

@media (min-width: 600px) {
	.rwd-table_c td:before {display: none;}
	.rwd-table_c th, .rwd-table_c td {display: table-cell; padding:10px;}
	.rwd-table_c th:first-child, .rwd-table_c td:first-child {padding-left:0;}
	.rwd-table_c th:last-child, .rwd-table_c td:last-child {padding-right:0;}
}

/* 가로형 테이블(th가 위쪽) */
.rwd-table a {font-size:13px;}
.rwd-table {border-top: 2px solid #6267a1; width:100%; margin-bottom:25px; border-collapse:separate; border-left:none; background:#fff; overflow: hidden;}
.rwd-table th {display:none; border-bottom:1px solid #dddddd;}
.rwd-table td {display:block; border-bottom:1px solid #dddddd; color:#555555; font-size:13px;}
.rwd-table td:first-child {padding-top:0.5em;}
.rwd-table td:last-child {padding-bottom:0.5em;}
.rwd-table td:before {content: attr(data-th) " : "; font-weight:bold; width:auto; display:inline-block; padding-right:10px; text-align:left;}
.rwd-table th, .rwd-table td {padding:5px 10px;	border-left:none; line-height:20px;	border-collapse:separate; border-right:1px solid #dddddd; text-align:center;}
.rwd-table th, .rwd-table td:before {color:#333;}
.rwd-table tr > td:last-child, .rwd-table tr > th:last-child{border-right:none;}
.rwd-table td.nobdb {border-bottom:none;}
.rwd-table th {color:#333; font-size:14px; background:#f3f3f3;}
.rwd-table .align {text-align:left;}
.rwd-table .headline {font-size:13px; color:#333;}
.rwd-table .board_reply {background:#f3f3f3;}

@media screen and (max-width: 600px) {
	.rwd-table th, .rwd-table td {border-right:none;}
	.rwd-table tr > td:last-child, .rwd-table tr > th:last-child {border-bottom:2px solid #0c57ce;}
	.rwd-table tr:last-child > td:last-child {border-bottom:none;}
	.rwd-table th, .rwd-table td {text-align:left;}
}

@media (min-width: 600px) {
	.rwd-table td:before {display: none;}
	.rwd-table th, .rwd-table td {display: table-cell;}
}

/* 가로형 테이블 - 반응형(th가 위쪽) X*/
.rwd-table_n a {font-size:13px;}
.rwd-table_n {border-top:2px solid #555555; width:100%; margin-bottom:25px; border-collapse:separate; border-left:none; background:#fff;}
.rwd-table_n th {display:none; border-bottom:1px solid #555; text-align:center;}
.rwd-table_n td {display:block;	border-bottom:1px solid #dddddd; color:#555555;	font-size:13px;	text-align:left;}
.rwd-table_n td:first-child {padding-top:0.5em;}
.rwd-table_n td:last-child {padding-bottom:0.5em;}
.rwd-table_n th, .rwd-table_n td {display:table-cell; padding:5px 10px !important; border-left:none; line-height:20px; border-collapse:separate; border-right:1px solid #dddddd; text-align:center;}
.rwd-table_n tr > td:last-child, .rwd-table_n tr > th:last-child{padding-right:0; border-right:none;}
.rwd-table_n td.nobdb {border-bottom:none;}
.rwd-table_n th {color:#333; font-size:14px; background:#f3f3f3; min-width:60px;}
.rwd-table_n .align {text-align:left;}
.rwd-table_n .headline {font-size:13px;	color:#333;}
.rwd-table_n .board_reply {background:#f3f3f3;}
.rwd-table_n th:first-child, .rwd-table_n td:first-child {padding-left:0;}

/* 반응형 적용부분 */
@media screen and (max-width: 1230px) {
	.cont{width:100%;}
	.sub_menu{display:none;}
	.cont{padding-top:45px;}

	.sub_vis .banner_01{background-size:auto 300px; height:300px;}
	.sub_txt{display:none;}
}

@media screen and (max-width: 790px) {
	.loc{position:static; margin-bottom:25px;}
	.cont h3{margin-bottom:0px;}
}
@media screen and (max-width: 620px) {
	.sub_vis .banner_01{background-size:auto 250px; height:250px;}
}

/* 불릿 */
h4 {color:#4765a2; font-size:25px; font-family:'GyeonggiTitle'; font-weight:bold;}
.s_tit {color:#6267a1; font-size:30px; font-family:'GyeonggiTitle'; margin-bottom:30px; font-weight:bold;}
.bar_con {color:#555; font-size:15px; background:url('/_img/bar_bullet.png') no-repeat left top; padding-top:15px; margin-bottom:20px;}

.bullet_ul {}
.bullet_ul > li {padding-left:15px; font-size:18px; color:#232323; margin-bottom:15px;}
.bullet_ul > li:before {background:#4765a2; display:inline-block; content:""; width:10px; height:20px; border-radius:10px; margin-right:5px; margin-left:-15px; vertical-align:middle;}
.bullet_ul > li > ul {margin-left:-15px; margin-top:5px;}
.bullet_ul > li > ul > li {color:#555; font-size:15px; margin-bottom:5px;}
.bullet_ul > li > ul > li > ul {margin-left:10px; background:#f3f3f3; border-radius:10px; padding:10px; margin-top:10px; margin-bottom:10px;}
.bullet_ul > li > ul > li > ul > li {font-size:14px; padding-left:11px; margin-bottom:5px;}
.bullet_ul > li > ul > li > ul > li:before {width:5px; height:5px; background:#777; content:""; display:inline-block; margin-right:5px; margin-left:-10px; border-radius:5px; vertical-align:middle;}

.sbullet_ul {padding:10px; margin-bottom:10px;}
.sbullet_ul > li {background:url('/_img/arrow_bullet.png') no-repeat left 7px; color:#555; font-size:15px; padding-left:10px; margin-bottom:8px;}
.sbullet_ul > li.bn {background:none; padding-left:0; color:#232323;}
.sbullet_ul > li > span {font-size:15px; color:#232323;}

/* 상담신청방법 */
.li_con {border-radius:30px; padding:3px; margin-bottom:30px;}
ol {list-style-type: none; width:100%; border-radius:27px; background:#fff; height:100%; padding:40px;}
.fl {overflow:hidden;}
.lfl, .rfl {float:left; background:url(/_img/rline.png) repeat-x left center; height: 40px; width: calc( 50% - 15px ) ; }
.cfl {float:left; background:url(/_img/rblit.png) no-repeat center center; height: 40px; width:30px;}
.li1 .lfl {background:none;}
.li_con > ol > li:last-child > div > .rfl {background:none;}
.li_seq {overflow:hidden;}
.li_seq li {width: calc( 100% / 5 - 1px ) ; float:left; text-align:center; font-size:15px; color:#555555;}
.li_seq li span {display:block; color:#232323;}

@media screen and (max-width:1100px ){
	.li_seq li{width: calc( 100% / 3 ) ; padding-bottom:20px;  height:160px;}
}
@media screen and (max-width:700px ){
	.li_seq li{width: calc( 100% / 2 ) ;}
}
@media screen and (max-width:600px ){
	.li_seq li{width: 100%;  height:auto; padding-bottom:40px;}
	.li_seq li img{ padding-bottom:10px;}
	.fl{ display:none;}
}