/*
 * BOOTSTRAP 90%.X 기반
 * http://ETY.KR
 * 상업적 또는 영리로 이용 가능하며 제작의뢰 받아서 유료로 작업을 해도 됩니다.
 * 사용하셔도 되지만 다른곳에 배포하지 마세요.(저작권관련 문제가 발생될 수 있습니다.)
 * 배포, 재배포는 에티테마(http://ety.kr) ,소프트존(http://www.softzone.co.kr) 만 가능하며 솔루션으로 재판매할 수 없으며 지적재산권을 주장할 수 없습니다.
 	
	font-family: 'Roboto', sans-serif;
	font-family: 'Nanum Gothic', sans-serif;
	font-family: 'Noto Sans KR', sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Raleway', sans-serif;

 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2018-2021 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

/*
@font-face {
     font-family: 'S-CoreDream-2ExtraLight';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-9Black';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);


.TL {text-align:left}
.TC {text-align:center}
.TR {text-align:right}
h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {  margin-bottom: 0;    line-height: 120%;}
p {padding:0; margin:0}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0;
}
dd { margin: 0; }
dt { margin: 0; }
table th {background:#fff}
.info_p {padding:20px 10px; }	

.row {
     margin-right:0px;
     margin-left: 0px;
}


a { color:#666666; }
a:hover { color:#32c5d2; text-decoration: none; }
.footer ul li a{color:#fff;}
.footer ul li a:hover{color:#666;}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.navbar .dropdown.show a:active { 
  background-color: #6c757d;
}
.bg-white {
    background-color: #ffffff!important;
	box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;
    background-color: rgba(255, 255, 255, 0.98);
}

.ks2{font-family: 'NanumSquare';}
.ks3{font-family: 'NanumSquare';}
.ks4{font-family: 'NanumSquare';}
.ks5{font-family: 'NanumSquare';}
.ks9{font-family: 'NanumSquare';}
.na{font-family: 'NanumSquare';}
.na2{font-family: 'NanumSquare', sans-serif;}
.na3{font-family: 'NanumSquare', sans-serif;}




.ko{font-family: 'NanumSquare';}
.ko1{font-family: 'NanumSquare';}
.ko2{font-family: 'NanumSquare';}
.ko3{font-family: 'NanumSquare', sans-serif;}
.ko4{font-family: 'NanumSquare', sans-serif;}
.en1{font-family: 'NanumSquare', sans-serif;}
.en2{font-family: 'NanumSquare', sans-serif;}
.en3{font-family: 'NanumSquare', sans-serif;}
.ko_12 { font-family: 'NanumSquare', sans-serif;font-size:12px; }
.ko_13 { font-family: 'NanumSquare', sans-serif;font-size:13px; }
.ko_14 { font-family: 'NanumSquare', sans-serif;font-size:14px; }
.ko_15 { font-family: 'NanumSquare', sans-serif;font-size:15px; }
.ko_16 { font-family: 'NanumSquare', sans-serif;font-size:16px; }
.ko_17 { font-family: 'NanumSquare', sans-serif;font-size:17px; font-weight:400; line-height:1.8; }
.ko_18 { font-family: 'NanumSquare', sans-serif;font-size:18px; }
.ko_19 { font-family: 'NanumSquare', sans-serif;font-size:19px; }
.ko_20 { font-family: 'NanumSquare', sans-serif;font-size:20px; }

.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f27{font-size:27px;}
.f28{font-size:28px;}
.f29{font-size:29px;}
.f30{font-size:30px;}
.f40{font-size:40px;}
.f50{font-size:50px;}
.f60{font-size:60px;}
.f70{font-size:70px;}


.fw1{font-weight:100;}
.fw2{font-weight:200;}
.fw3{font-weight:300;}
.fw4{font-weight:400;}
.fw5{font-weight:500;}
.fw6{font-weight:600;}
.fw7{font-weight:700;}

.lh19{line-height: 1.9;}
.lh20{line-height: 2;}

.color-white{color:#c3c3c3;}


.color-sky-blue {background:#cce5ff;}
.color-green{background:#d4edda;}



.portfolio-item {
  margin-bottom: 30px;
}

/*
HEAD-LINE
**********/
h3 {
  /*text-align: center;*/
}

.subtitle {
  margin: 0 0 50px; 0;
}
.head-line {
  line-height: 0.5;
  text-align: center;
}
.head-line span {
  display: inline-block;
  position: relative;  
}
.head-line span:before,
.head-line span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  top: 0;
  width: 100px;
}
.head-line span:before {
  right: 100%;
  margin-right: 15px;
}
.head-line span:after {
  left: 100%;
  margin-left: 15px;
}
.subbg{background:url('../img/subbg.jpg');}


/*
.navbar {
  min-height: 80px;
}

.navbar-brand {
  padding: 0 15px;
  height: 80px;
  line-height: 80px;
}
*/
.bg-dark {
    background-color: #000000!important;
}

#tnb_index {background:#fff;}
#tnb_index h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb_index ul {margin:0 auto;width: 1120px;background:#333333;zoom:1}
#tnb_index ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb_index li:first-child {border-right:1px solid #444444}
#tnb_index li {float:right;border-left:1px solid #444444;margin-bottom:-1px;}
#tnb_index a {display:inline-block;padding:0 10px;color:#eee;line-height:35px;}
#tnb_index a:focus, #tnb_index a:hover {color:#4ea1d3;background:#fafafa;
font-family:'NanumSquare'; }
#tnb_index .tnb_index_admin a{color:#ff0000;}
#tnb_index .tnb_index_left{float:left}
#tnb_index .tnb_index_left a{padding:0 14px}
#tnb_index .tnb_index_cart{border-right:1px solid #ddd;}
#tnb_index .tnb_index_community{border-right:1px solid #ddd}
#tnb_index .tnb_index_community i{font-size:15px}
#tnb_index .tnb_index_community{background:#e7e7e7;font-weight:bold;}
#tnb_index .tnb_index_community:focus, #tnb_index .tnb_index_community:hover {color:#333;border-bottom:0}
#tnb_index .tnb_index_community a{color:#4ea1d3;border-bottom:1px solid #e7e7e7}
#tnb_index_left {float:left; margin-top:5px}
#tnb_index ul li a{ font-weight:bold; font-family:'NanumSquare'}

/*
헤딩
**********/
.center-heading {
    text-align: left;
    margin-bottom: 0px;
	margin-top:20px;
}
.center-heading p {
    margin-top: 10px;
}
.center-line {
    display: block;
    width: 70px;
    height: 1px;
    border-top: 1px solid #bbb;
    margin: auto;
	margin-top:14px; margin-bottom:30px; 
}

/*
아이콘박스
**********/

.h75{height:75px;}

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #6c757d; vertical-align: middle; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon > .info { margin-top: -24px; border: 1px solid #e0e0e0; padding: 15px 0 10px 0; height:257px; }
.box > .icon > .info > h3.title { margin-top:20px; font-size: 20px; color: #222; font-weight: 500; }
.box > .icon > .info > p { font-weight:600; color: #666; line-height: 1.7; margin: 20px; text-align:center;}
.box > .icon > .info > .more a { font-family: "NanumSquare",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box .space { height: 30px; }
.info i{font-size:60px;}



/* info-pink */

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #6c757d; vertical-align: middle; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon > .info-pink { cursor:pointer;
	margin-top: -24px;
    border: 1px solid #e0e0e0;
    padding: 25px 0 10px 0;
    background: #457b9d;
    color: #fff;
	 height:170px;
}
.box > .icon > .info-pink > h3.title { margin-top:20px;  font-size: 20px; color: #222; font-weight: 500; }
.box > .icon > .info-pink > p {  font-weight:400; color: #fff; line-height: 1.7; margin: 20px; text-align:center; letter-spacing:-1px; }
.box > .icon > .info-pink > .more a { font-family: "NanumSquare",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box .space { height: 20px; }
.info-pink i{font-size:60px;}



/* info-pink-2 */

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #6c757d; vertical-align: middle; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon > .info-pink-2 { 
	margin-top: -24px;
    border: 1px solid #e0e0e0;
    padding: 15px 0 10px 0;
    background: #a8dadc;
    color: #fff;
	height:257px;
}
.box > .icon > .info-pink-2 > h3.title { margin-top:20px; font-size: 20px; color: #222; font-weight: 500; }
.box > .icon > .info-pink-2 > p {  font-weight:600; color: #fff; line-height: 1.7; margin: 20px; text-align:center;}
.box > .icon > .info-pink-2 > .more a { font-family: "NanumSquare",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box .space { height: 30px; }
.info-pink-2 i{font-size:60px;}


/* info-pink-3 */

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #6c757d; vertical-align: middle; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon > .info-pink-3 { 
	margin-top: -24px;
    border: 1px solid #e0e0e0;
    padding: 15px 0 10px 0;
    background: #1d3557;
    color: #fff;
	height:257px;
}
.box > .icon > .info-pink-3 > h3.title { margin-top:20px; font-size: 20px; color: #222; font-weight: 500; }
.box > .icon > .info-pink-3 > p {  font-weight:600; color: #fff; line-height: 1.7; margin: 20px; text-align:center;}
.box > .icon > .info-pink-3 > .more a { font-family: "NanumSquare",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box .space { height: 20px; }


/*
parallax
**********/
.parallax-window {
    position: relative;
    background: #3e3b3b52;
}
.para_count {
	padding-top:50px;
}

/*
callbox
**********/
.callbox { background:#f2f2f2; margin-top:50px; padding-top:60px; padding-bottom:60px; }


/*
sns_icon
**********/

.sns_icon{
	list-style: none;
	text-align: center;
	width: 80px;
	cursor: pointer;
	display: inline;
	padding:5px;
}
.sns_icon .fab{ font-size:30px; }

.sns_icon .fa-facebook-f{ color:#a2a2a2; font-size:20px; }
.sns_icon .fa-instagram{ color:#a2a2a2; font-size:20px; }
.sns_icon .fa-twitter{ color: #a2a2a2; font-size:20px; }

.sns_icon a .fa-facebook-f:hover{ color:#3b5998; font-size:20px; }
.sns_icon a .fa-instagram:hover{ color:#dd4b39; font-size:20px; }
.sns_icon a .fa-twitter:hover{ color: #55acee; font-size:20px; }

/*
footer
*/

.a-link a { color:#ffffff; }
.sns_icon a { color:#ffffff; }
.bg-gray{background:#454545;}
.bg-gray div{padding:15px;}

/*
상하 좌우 조절
**********/
.margin-top-10 {
	margin-top:10px;
}
.margin-top-20 {
	margin-top:20px;
}
.margin-top-30 {
	margin-top:30px;
}
.margin-top-40 {
	margin-top:40px;
}
.margin-top-50 {
	margin-top:50px;
}
.margin-top-60 {
	margin-top:60px;
}
.margin-top-70 {
	margin-top:70px;
}
.margin-top-80 {
	margin-top:80px;
}
.margin-top-90 {
	margin-top:90px;
}
.margin-top-100 {
	margin-top:100px;
}
.margin-top-110 {
	margin-top:110px;
}
.margin-top-120 {
	margin-top:120px;
}
.margin-top-130 {
	margin-top:130px;
}
.margin-top-140 {
	margin-top:140px;
}
.margin-top-150 {
	margin-top:150px;
}




.margin-bottom-10 {
	margin-bottom:10px;
}
.margin-bottom-20 {
	margin-bottom:20px;
}
.margin-bottom-30 {
	margin-bottom:30px;
}
.margin-bottom-40 {
	margin-bottom:40px;
}
.margin-bottom-50 {
	margin-bottom:50px;
}
.margin-bottom-60 {
	margin-bottom:60px;
}
.margin-bottom-70 {
	margin-bottom:70px;
}
.margin-bottom-80 {
	margin-bottom:80px;
}
.margin-bottom-90 {
	margin-bottom:90px;
}
.margin-bottom-100 {
	margin-bottom:100px;
}

.margin-bottom-110 {
	margin-bottom:110px;
}
.margin-bottom-120 {
	margin-bottom:120px;
}
.margin-bottom-130 {
	margin-bottom:130px;
}
.margin-bottom-140 {
	margin-bottom:140px;
}
.margin-bottom-150 {
	margin-bottom:150px;
}


.margin-left-10 {
	margin-left:10px;
}
.margin-left-20 {
	margin-left:20px;
}
.margin-left-30 {
	margin-left:30px;
}
.margin-left-40 {
	margin-left:40px;
}
.margin-left-50 {
	margin-left:50px;
}
.margin-left-60 {
	margin-left:60px;
}
.margin-left-70 {
	margin-left:70px;
}
.margin-left-80 {
	margin-left:80px;
}
.margin-left-90 {
	margin-left:90px;
}
.margin-left-100 {
	margin-left:100px;
}
.margin-right-10 {
	margin-right:10px;
}
.margin-right-20 {
	margin-right:20px;
}
.margin-right-30 {
	margin-right:30px;
}
.margin-right-40 {
	margin-right:40px;
}
.margin-right-50 {
	margin-right:50px;
}
.margin-right-60 {
	margin-right:60px;
}
.margin-right-70 {
	margin-right:70px;
}
.margin-right-80 {
	margin-right:80px;
}
.margin-right-90 {
	margin-right:90px;
}
.margin-right-100 {
	margin-right:100px;
}



.padding-top-10 {
	padding-top:10px;
}
.padding-top-20 {
	padding-top:20px;
}
.padding-top-30 {
	padding-top:30px;
}
.padding-top-40 {
	padding-top:40px;
}
.padding-top-50 {
	padding-top:50px;
}
.padding-top-60 {
	padding-top:60px;
}
.padding-top-70 {
	padding-top:70px;
}
.padding-top-80 {
	padding-top:80px;
}
.padding-top-90 {
	padding-top:90px;
}
.padding-top-100 {
	padding-top:100px;
}
.padding-top-110 {
	padding-top:110px;
}
.padding-top-120 {
	padding-top:120px;
}
.padding-top-130 {
	padding-top:130px;
}
.padding-top-140 {
	padding-top:140px;
}
.padding-top-150 {
	padding-top:150px;
}




.padding-bottom-10 {
	padding-bottom:10px;
}
.padding-bottom-20 {
	padding-bottom:20px;
}
.padding-bottom-30 {
	padding-bottom:30px;
}
.padding-bottom-40 {
	padding-bottom:40px;
}
.padding-bottom-50 {
	padding-bottom:50px;
}
.padding-bottom-60 {
	padding-bottom:60px;
}
.padding-bottom-70 {
	padding-bottom:70px;
}
.padding-bottom-80 {
	padding-bottom:80px;
}
.padding-bottom-90 {
	padding-bottom:90px;
}
.padding-bottom-100 {
	padding-bottom:100px;
}

.padding-bottom-110 {
	padding-bottom:110px;
}
.padding-bottom-120 {
	padding-bottom:120px;
}
.padding-bottom-130 {
	padding-bottom:130px;
}
.padding-bottom-140 {
	padding-bottom:140px;
}
.padding-bottom-150 {
	padding-bottom:150px;
}





.p-r{position: relative;}
.p-a{position: absolute;}


.para-text h2{line-height:2.5;}
.display-4 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.color_666{color:#666;}
.bg-gray2{
	background:#f2f2f2;
	padding-bottom: 20px;
	padding-top: 20px;
}

.heading{
	font-size: 18px;
	line-height: 24px;
}
.pro-icon i{font-size:24px;}

.navbar-toggler {
    background-color: #454545;
}


.para-text{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* 모바일기기 */
@media only screen and (max-width: 320px) {

	/* 모바일 1 슬라이드 크기 조절 */
	.carousel-item {
	  height: 200px;;
	  min-height: 200px;
	  background: no-repeat center center scroll;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}

	/* 모바일 슬라이드 텍스트 크기 조절 */
	.carousel-caption h3{font-size:16px;}
	.carousel-caption p{font-size:14px;}


	/*
	네비
	**********/
	.navbar-brand { font-size:25px; font-weight:bold; }
	.navbar-nav li {
		padding: 5px 0 5px 10px;
	}

}

/* 모바일기기 + 태블릿 */







.nav-link {
    display: block;
    padding: .5rem 1rem;
    font-weight: 700;
}

/* 서브메뉴 가로 크기 */
.dropdown-menu {
    min-width: 180px;
}

.icon span{font-size:60px;margin-top:5px;}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.cbox {
    color: #333;
    background: #fff;
    padding: 60px 20px;
}
.cbox div{text-align: center;}
.cbox span{font-size:60px}
.cbox p{margin-top:10px; font-weight: 600;}
.parallax-window .row{
	/*padding: 90px 0px*/
}





@media (min-width: 1090px) {

	#tnb_index ul {
		margin: 0 auto;
		width: 100%;
		max-width:1120px; 

	}
	.container-fluid {
		background:#333;
	}
}	





.tb_style_header {

    width: 100%;
    border-top: 1px solid #61B61B;
}
.tb_style_header th {
	font-weight:normal;
	text-align:center; 
    border-top: 1px solid #61B61B;
    color: #000;
    padding: 10px 5px;
    font-size: 16px;
    background: #F5FAF5;
    border-bottom: 1px solid #61B61B;
    border-left: 1px solid #61B61B;
    border-right: 1px solid #61B61B;	
}
.tb_style_header td {
	text-align:center; 
    padding: 10px 15px;
    font-size: 15px;
    line-height: 22px;
    color: #333;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;	
}









.box > .icon > .info-pink.box_bg1 { 
    background: #194E78;
    color: #fff;
}
.box > .icon > .info-pink.box_bg1:hover { 
    background: #0D2840;
}

.box > .icon > .info-pink.box_bg2 { 
    background: #1A769F;
    color: #fff;
}
.box > .icon > .info-pink.box_bg2:hover { 
    background: #135775;
}

.box > .icon > .info-pink.box_bg3 { 
    background: #8680C9;
    color: #fff;
}
.box > .icon > .info-pink.box_bg3:hover { 
    background: #655EBB;
}

.box > .icon > .info-pink.box_bg4 { 
    background: #82B1E0;
    color: #fff;
}
.box > .icon > .info-pink.box_bg4:hover { 
    background: #5595D5;
}




.box > .icon > .info-pink.box_bg5 { 
    background: #75B9B9;
    color: #fff;
}
.box > .icon > .info-pink.box_bg5:hover { 
    background: #75B9B9;
}

.box > .icon > .info-pink.box_bg6 { 
    background: #7195C9;
    color: #fff;
}
.box > .icon > .info-pink.box_bg6:hover { 
    background: #4573B8;
}

.box > .icon > .info-pink.box_bg7 { 
    background: #D2BC98;
    color: #fff;
}
.box > .icon > .info-pink.box_bg7:hover { 
    background: #BC9C67;
}

.box > .icon > .info-pink.box_bg8 { 
    background: #E994B0;
    color: #fff;
}
.box > .icon > .info-pink.box_bg8:hover { 
    background: #E17195;
}



.navbar-nav a {color:#000}
.boxBG {padding-left:50px; padding-right:50px; padding-top:30px;  }

.boxBG h2 {padding-top:40px; }

















	


.row2::before, .row2::after { 
  content: "";
  display: block;
  }
.row2::after { clear: both; } 



.row::before, .row::after { 
  content: "";
  display: block;
  }
.row::after { clear: both; } 



































	
	
		
		
		
	


	
	
	

	






 


@media (max-width: 480px) { 
.bg_box { font-size: 1.0rem; line-height: 160%;  padding: 20px;  word-break: normal;
    text-align: left; padding-left: 20px; text-indent: 0px;}
	.bg_box.bank {word-break: keep-all; text-align: justify;}
}  

  
  
   
  
  
  
  
  
  




	.tooltip-button { background:#07469A; padding:3px 20px; border-radius:6px; color:#fff; 
	  position: relative; font-size:1.0rem; 
	}
	.tooltip-button:hover {  background:#000; color:#fff000; }
	a.tooltip-button:hover + .sub5tooltip {  display: block;	}




/* 기존 테이블 스타일2  */

.table_info{padding:20px 0; font-size:1.0rem; color:#217AF4; font-weight:bold}

.Tbstyle_th_top{width:100%;border-collapse:collapse; border-spacing: 0;}
.Tbstyle_th_top th,.Tbstyle_th_top td {color:#333; text-align:left; margin: 0; 
vertical-align: top; border: 1px solid #ddd; padding:10px 20px ; }
.Tbstyle_th_top th { text-align: center ; background:#eee}
.Tbstyle_th_top.bgTH_blue th {background:#0174AB; color:#fff }
.Tbstyle_th_top.bgTH_gray th {background:#eee; color:#333 }



.tab-menu { display:flex; 
	justify-content: center;
    align-items: center;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.tab-menu li {
	flex:1; 
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	background-color: #fff;	
	border: 1px solid #ddd;
	color: #333;
	font-size: 20px;
	padding: 20px;
	text-align: center;
}


.tab-menu li:hover {
	background-color: #fff;	
}

.tab-menu li.active {
  background-color: #61B61B;
  color: #fff;
}

.tab-content {
  display: none;
  padding: 20px;
}












.tab_menu.sub1_tab {margin-top:30px; }
	.sub_number_box {display:block; width:100%; margin-top:30px; }
	.number_box {width:100%; 
	display:block; 
	background:#eee;
	margin:10px 0;
	border-radius:50px 0 0 50px; 
	}
	.number_box::before, .number_box::after {
	content: "";  display: block;
	}
	.number_box::after { clear: both; } 

	
	.number_box li  {
		float:left;
		border-radius:50px 0 0 50px; 
	}
	.number_box.box li:first-child{} 	
	.number_box.box1 li:last-child{} 	
	
	.number_box li .num {border-radius:50px 0 0 50px; 
	width:70px ; 
	height:70px; 
	text-align:center; 
	font-size: 26px;
	line-height:60px;
	font-weight:normal;
	}
	.number_box li p {	padding:0 20px ; height:60px; line-height:70px;  }
	
	
	.number_box.box1 li .num {
	background:#0AC2C7 ; 
	color:#fff; 
	}
	.number_box.box2 li .num {
	background:#0A8AC7; 
	color:#fff; 
	}
	.number_box.box3 li .num {
	background:#1D5EB8; 
	color:#fff; 
	}	

@media (max-width: 991px) {
	.number_box {
		width: 100%;
		display: block;
		background: #eee;
		margin: 10px 0;
		border-radius: 0px 0 0 0px;
	}

	.number_box li {
		float: left;
		border-radius: 0px 0 0 0px;
	}
	.number_box li:first-child {width:10%; 
	}
	.number_box li:last-child {width:90%; 
	}	
	.number_box li .num {
		border-radius: 0px 0 0px 0px;
		width: 70px;
		height: 70px;
		text-align: center;
		font-size: 26px;
		line-height: 70px;
		font-weight: normal;
	}
	.number_box li p {	padding:10px 20px ; height:60px; line-height: 160%; }
}



@media (max-width: 767px) {
	.number_box ul {display:flex}
	.number_box ul > li {margin:0 0px; }	
	.number_box li:first-child {width:auto 
	}
	.number_box li:last-child {width:auto; 
	}	
	.number_box li p {	padding:10px 20px ; height:auto; line-height: 160%; }
}

@media (max-width: 498px) {
	.number_box ul {display:block}
	.number_box ul > li {margin:0 0px; }	
	.number_box li:first-child {width:100%; text-align:center; 	}
	.number_box li:last-child {width:auto; 	}	
	.number_box li .num {   width: 100%; height: 50px;font-size: 18px;line-height: 50px;}
	.number_box li p {	padding:10px 20px ; height:auto; line-height: 160%; }
}




.sub_certificate { margin-top:30px; border-top:2px solid #468413}
	
	






.sub_tit {font-size:1.1rem ; font-weight:bold}
@media only screen and (max-width: 480px){	
.sub_tit {font-size:1.0rem ; font-weight:bold}
}	




.sub_title_flex > div h4 {
    font-size: 1.0rem!important;
    color: #eee!important;
}


.center-heading h2 {padding-bottom:8px; }


.boxBG_btn {margin:20px 0}




.sub_community {padding-top:60px;}
.para-box{ height: 250px; display: grid; align-items: center;}
.flex_center {display: flex;  max-width:1000px; padding:20px; padding-top:50px; }
.flex_center > div { flex : 1; width:50%;  text-align:left; }
.flex_center > div > p { color:#fff;  }
.flex_center > div > p.tel_h2 { font-size:28px;  padding-left: 60px;  }
.flex_center > div > p.tel_h3 { font-size:18px;  padding-left: 60px;line-height:160%; }
.flex_center > div > p.time_h2 { font-size:28px;  padding-left: 160px;  }
.flex_center > div > p.time_h3 { font-size:18px;  padding-left: 160px;line-height:160%; }
.flex_center > div > p.time_h4 { font-size:16px;  padding-left: 160px;line-height:140%; }
.flex_center .mo_none {display:inline-block} 		
.flex_center .pc_none {display:none} 	






@media only screen and (min-width:769px) and (max-width: 1200px){
	.box > .icon > .info-pink { margin-top:0;  padding: 35px 0 10px 0;}
	.box > .icon > .info-pink > p { font-size: 20px;  margin: 20px;}
	.info-pink i { font-size: 50px;}
}







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

	.box > .icon > .info-pink { margin-top:0;  padding: 35px 0 10px 0;height: 140px;}
	.box > .icon > .info-pink > p { font-size: 16px;  margin: 10px;}
	.info-pink i { font-size: 40px;}
	.box > .icon > .info-pink p.h75{ height:auto}
	.box .space { height: 0px;}
	
	
	.bg_doctor {
		background: url(/img/main/bg_doctor_mo.png) no-repeat 0 0 ;width:100%; 
		height:200px;
		margin-top:10px;
	}
	.bg_doctor .boxBG {padding: 25px 20px 10px 30px;}	
	.bg_doctor .boxBG h2 {color:#fff; padding-top: 0px; font-size: 1.6rem;	text-align: center; }
	.bg_doctor .boxBG p {color:#eee; font-weight:normal	;text-align: center;}
	.bg_doctor .boxBG button {text-align: center;}

	.bg_vision {
		background: url(/img/main/bg_vision_mo.png) no-repeat 0 0 ;width:100%; 
		height:200px;
		margin-top:10px;
	}
	.bg_vision .boxBG {padding: 25px 20px 10px 30px;}	
	.bg_vision .boxBG h2 {color:#fff; padding-top: 0px;  font-size: 1.6rem;	text-align: center; }
	.bg_vision .boxBG p {color:#eee; font-weight:normal	;text-align: center;}
	.bg_vision .boxBG button {text-align: center;}
	
	.boxBG_btn {text-align:center; margin:10px 0}
	.sub_community {padding-top:30px;}
	
	
	.parallax-window .container { max-width: 98%;}

		
	.para-box{ height: 250px; display: grid; align-items: center;}
	.flex_center {display: flex;  max-width:1000px; padding:20px; }
	.flex_center > div { flex : 1; width:50%;  text-align:left; }
	 .flex_tel { padding:20px ;margin-right:10px}
	 .flex_time {padding:20px ;margin-left:10px}	 
	.flex_center > div > p { color:#fff;  }
	.flex_center > div > p.tel_h2 {  font-size: 25px; padding-left: 0px;}
	.flex_center > div > p.tel_h3 {  font-size: 16px; padding-left: 0px; line-height: 160%;}
	.flex_center > div > p.time_h2 { font-size: 25px; padding-left: 0px;}
	.flex_center > div > p.time_h3 { font-size: 16px; padding-left: 0px;line-height: 160%;}
	.flex_center > div > p.time_h4 { font-size: 14px; padding-left: 0px;line-height: 140%;}
	.foot_contents .foot_body p{ font-size:0.9rem;  word-break: keep-all;  }
	.sns_icons {  padding-left: 0px;}
		
}




@media only screen and (min-width: 481px) and (max-width: 768px){

	.main_service .col-md-3 {
		-ms-flex: 0 0 50%;   
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-sm-12 {
		-ms-flex: 0 0 50%;   
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-12 {
		-ms-flex: 0 0 50%;   
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.sub_bbs .col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	
	.container.bbs_wrap .col-sm-12 { -ms-flex: 0 0 100%;   
		flex: 0 0 100%;
		max-width: 100%;
	}

	
	.para-box{ height: 250px; display: grid; align-items: center;}
	.flex_center {display: flex;  max-width:1000px; padding:20px; }
	.flex_center > div { flex : 1; width:50%;  text-align:left; }
	 .flex_tel {  padding:20px ;margin-right:10px}
	 .flex_time { padding:20px ;margin-left:10px}	 
	.flex_center > div > p { color:#fff;  }
	.flex_center > div > p.tel_h2 {  font-size: 20px;}
	.flex_center > div > p.tel_h3 {  font-size: 14px; line-height: 160%;}
	.flex_center > div > p.time_h2 { font-size: 20px; }
	.flex_center > div > p.time_h3 { font-size: 14px; line-height: 160%;}
	.flex_center > div > p.time_h4 { font-size: 12px; line-height: 140%;}
	.flex_center .mo_none {display:none} 		
	.flex_center .pc_none {display:block} 	
	.foot_contents .foot_body p{ font-size:0.9rem; }
	.foot_contents .foot_body .pc_none {display:block} 
	
	.footer-nav {border-top: 0px solid #ddd;margin-top: 40px;	}
	.footer-nav_cont {	max-width: 100%; text-align: center;   padding: 0px;}
	.footer-nav_cont a{font-size:0.9rem; padding:0px;
	text-align:center; color:#333;  	}	
	.footer-nav_cont ul  { display:block;width:100%}
	.footer-nav_cont ul > li {
		padding:10px 4px ;float:left; margin:0  ;
		width:50% ; background:#eee; 
		border:1px solid #bbb; border-bottom:0; border-left:0}
	
	.foot_contents { width: 98%; margin:0  auto;  display: block;}
	.foot_contents .foot_body { padding-top: 10px;   padding-left: 0px; text-align:center}
	.foot_contents .foot_body p{ font-size:0.9rem;font-size:0.9rem;  word-break: keep-all;  text-align:center}
	.foot_contents .foot_body .pc_none {display:block} 
	.family select {min-width:100%;padding:10px ;text-align:center; line-height:180% }
	.family select option {text-align:center ; line-height:180% }
	.family  option {text-align:center ; line-height:180% }
	
	
	.mo_none {display:none}
}





@media only screen and (max-width: 680px){
	
	.para-box{ height: auto; display: block; align-items: center;}
	.flex_center {display: block; margin: 0 auto;  max-width:90%; padding:20px; }
	.flex_center > div { flex : 0; width:100%;  text-align:left; }
	 .flex_tel { padding:20px ;margin-right:0px}
	 .flex_time { padding:20px ;margin-left:0px; margin-top:10px;}	 
	.flex_center > div > p { color:#fff;  }
	.flex_center > div > p.tel_h2 {  font-size: 20px;}
	.flex_center > div > p.tel_h3 {  font-size: 14px; line-height: 160%;}
	.flex_center > div > p.time_h2 { font-size: 20px; }
	.flex_center > div > p.time_h3 { font-size: 14px; line-height: 160%;}
	.flex_center > div > p.time_h4 { font-size: 12px;line-height: 140%;}
	.flex_center .mo_none {display:none} 		
	.flex_center .pc_none {display:block} 	
	.footer-nav {border-top: 0px solid #ddd;margin-top: 40px;	}
	.footer-nav_cont {	max-width: 100%; text-align: center;   padding: 0px;}
	.footer-nav_cont a{font-size:0.9rem; padding:0px;
	text-align:center; color:#333;  	}
	
	.footer-nav_cont ul  { display:block;width:100%}
	.footer-nav_cont ul > li {
		padding:10px 4px ;float:left; margin:0  ;
		width:50% ; background:#eee; 
		border:1px solid #bbb; border-bottom:0; border-left:0}
	
	.foot_contents { width: 98%; margin:0  auto;  display: block;}
	.foot_contents .foot_body { padding-top: 10px;   padding-left: 0px; text-align:center}
	.foot_contents .foot_body p{ font-size:0.9rem;font-size:0.9rem;  word-break: keep-all;  text-align:center}
	.foot_contents .foot_body .pc_none {display:block} 
	.parallax-banner {height: 250px;}
	.flex_tel p {text-align:center}
}	



@media only screen and (min-width: 381px) and (max-width: 480px){
	
	
	.main_service .col-md-3 {
		-ms-flex: 0 0 50%;   
		flex: 0 0 50%;
		max-width: 50%;
		margin-top: 0px;
		padding-right: 0px; padding-left: 0px;
		
	}

	.col-sm-12 {
		-ms-flex: 0 0 50%;   
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 0px; padding-left: 0px;
	}

	.col-12 {
		-ms-flex: 0 0 50%;   
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 0px; padding-left: 0px;
	}
	
	.sub_bbs .col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.container.bbs_wrap .col-sm-12 { -ms-flex: 0 0 100%;   
		flex: 0 0 100%;
		max-width: 100%;
	}

	
	.box > .icon > .info-pink {
		margin-top: 0;
		padding: 15px 0 10px 0;
		height: 90px;
		}
	.box > .icon > .info-pink i {  font-size: 30px;}

	.box > .icon > .info-pink > p {
		font-size: 14px;
		margin: 4px;
	}	
	
	
	
	.sub_community {padding-top:20px; margin:0 auto; max-width:90%}		
	
	.flex_center {display: block; margin: 0 auto;  max-width:100%; padding:20px; }
	.flex_center > div { flex : 0; width:100%;  text-align:left; }
	 .flex_tel {  padding:20px ;margin-right:0px}
	 .flex_time { padding:20px ;margin-left:0px; margin-top:10px;}	 
	.flex_center > div > p { color:#fff;  }
	.flex_center > div > p.tel_h2 {  font-size: 20px; }
	.flex_center > div > p.tel_h3 {  font-size: 14px;  line-height: 160%;}
	.flex_center > div > p.time_h2 { font-size: 20px; }
	.flex_center > div > p.time_h3 { font-size: 14px; line-height: 160%;}
	.flex_center > div > p.time_h4 { font-size: 12px; line-height: 140%;}
	.flex_center .mo_none {display:none} 		
	.flex_center .pc_none {display:block} 	
	.para-box{	padding-right: 0px;    padding-left: 0px;}
	
	.footer-nav_cont a{font-size:0.9rem;  letter-spacing:-1px; 	color:#000;  	}

	.footer-nav {border-top: 0px solid #ddd;margin-top: 40px;	}
	.footer-nav_cont {	max-width: 100%; text-align: center;   padding: 0px;}
	.footer-nav_cont a{font-size:0.9rem; padding:0px;
	text-align:center; color:#333;  	}	
	.footer-nav_cont ul  { display:block;width:100%}
	.footer-nav_cont ul > li {
		padding:10px 4px ;float:left; margin:0  ;
		width:50% ; background:#eee; 
		border:1px solid #bbb; border-bottom:0; border-left:0}
	
	.foot_contents { width: 98%; margin:0  auto;  display: block;}
	.foot_contents .foot_body { padding-top: 10px;   padding-left: 0px; text-align:center}
	.foot_contents .foot_body p{ font-size:0.9rem;font-size:0.9rem;  word-break: keep-all;  text-align:center}
	.foot_contents .foot_body .pc_none {display:block} 
	.family select {min-width:100%;padding:10px ;text-align:center; line-height:180% }
	.family select option {text-align:center ; line-height:180% }
	.family  option {text-align:center ; line-height:180% }
}



@media only screen and (min-width: 321px) and (max-width: 380px){

	img.logo {width:100%; max-width:80%}
	.navbar-brand {  margin-right: 0rem;}

	.carousel-control-next-icon, .carousel-control-prev-icon {
		width: 24px;
		height: 24px;		
	}
	.carousel.slide {}
	.carousel-indicators li {
		margin-right: 5px;    
		margin-left: 5px;
	}	
	.carousel-caption h3 {font-size:20px;}
	.carousel-caption p {font-size:13px;}
	.carousel-indicators {display:none}
	.carousel-control-next, .carousel-control-prev { width: 10%;}

	.main_service .col-md-3 {
		-ms-flex: 0 0 50%;   
		flex: 0 0 50%;
		max-width: 50%;
		margin-top: 0px;
		padding-right: 0px; padding-left: 0px;
		
	}

	.col-sm-12 {
		-ms-flex: 0 0 50%;   
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 0px; padding-left: 0px;
	}

	.col-12 {
		-ms-flex: 0 0 50%;   
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 0px; padding-left: 0px;
	}

	
	.container.bbs_wrap .col-sm-12 { -ms-flex: 0 0 100%;   
		flex: 0 0 100%;
		max-width: 100%;
	}

	
	
	
	.box > .icon > .info-pink {
		margin-top: 0;
		padding: 15px 0 10px 0;
		height: 90px;
		}
	.box > .icon > .info-pink i {  font-size: 30px;}

	.box > .icon > .info-pink > p {
		font-size: 14px;
		margin: 4px;
	}	


	.bg_doctor {height:170px;margin-top:0px;}
	.bg_doctor .boxBG {padding: 25px 20px 10px 30px;}	
	.bg_doctor .boxBG h2 { font-size: 1.3rem;}
	.bg_doctor .boxBG p {;font-size: 0.9rem;}

	.bg_vision {height:170px;margin-top:0px;}
	.bg_vision .boxBG {padding: 25px 20px 10px 30px;}	
	.bg_vision .boxBG h2 { font-size: 1.2em; }
	.bg_vision .boxBG p {;font-size: 0.9rem;}
			
	.flex_center {display: block; margin: 0 auto;  max-width:100%; padding:20px; }
	.flex_center > div { flex : 0; width:100%;  text-align:left; }
	 .flex_tel { padding:20px ;margin-right:0px}
	 .flex_time { padding:20px ;margin-left:0px; margin-top:10px;}	 
	.flex_center > div > p { color:#fff;  }
	.flex_center > div > p.tel_h2 {  font-size: 20px; padding-left: 20px;}
	.flex_center > div > p.tel_h3 {  font-size: 14px; padding-left: 20px; line-height: 160%;}
	.flex_center > div > p.time_h2 { font-size: 20px; padding-left: 20px;}
	.flex_center > div > p.time_h3 { font-size: 14px; padding-left: 20px;line-height: 160%;}
	.flex_center > div > p.time_h4 { font-size: 12px; padding-left: 20px;line-height: 140%;}
	.flex_center .mo_none {display:none} 		
	.flex_center .pc_none {display:block} 	
	.para-box{	padding-right: 0px;    padding-left: 0px;}

	.footer-nav_cont a{font-size:0.8rem; padding: 0px;padding: 0px; letter-spacing:-1px; 
	color:#000;  	}
	.family select {min-width:100%;padding:10px ;text-align:center; line-height:180% }
	.family select option {text-align:center ; line-height:180% }
	.family  option {text-align:center ; line-height:180% }
}




@media only screen and (max-width: 360px){
	.navbar { padding: 10px 4px;}
	.navbar-brand {  margin-right: 0rem;}
	img.logo { max-width: 70%;}
	.navbar-toggler {
    padding: 0.25rem 0.25rem;
    font-size: 1.1rem;
	}	
	
	
	
	.main_service .col-md-3 {
		-ms-flex: 0 0 50%;   
		flex: 0 0 50%;
		max-width: 50%;
		margin-top: 0px;
		padding-right: 0px; padding-left: 0px;
		
	}

	.col-sm-12 {
		-ms-flex: 0 0 50%;   
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 0px; padding-left: 0px;
	}

	.col-12 {
		-ms-flex: 0 0 50%;   
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 0px; padding-left: 0px;
	}
	.sub_community {padding-top: 20px;    margin: 0 auto;    max-width: 90%;}	
	
	.sub_bbs .col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.container.bbs_wrap .col-sm-12 { -ms-flex: 0 0 100%;   
		flex: 0 0 100%;
		max-width: 100%;
	}

	
	
	.box > .icon > .info-pink {
		margin-top: 0;
		padding: 15px 0 10px 0;
		height: 90px;
		}
	.box > .icon > .info-pink i {  font-size: 30px;}

	.box > .icon > .info-pink > p {
		font-size: 14px;
		margin: 4px;
	}		
	
	.flex_center { max-width: 100%;  padding:10px 0px;}
	.family select {min-width:100%;padding:10px ;text-align:center; line-height:180% }
	.family select option {text-align:center ; line-height:180% }
	.family  option {text-align:center ; line-height:180% }
}

	
	
	
@media only screen and (max-width: 1260px){	
	
.section_wrap.section2 .service_area { width: 100%; max-width: 1200px; margin: 0 auto; }
.section_wrap.section2 .service_area ul{  display:flex}
.section_wrap.section2 .service_area li{  flex:1}
.section_wrap.section2 .service_area ul li { width: 33%; height: 350px;  margin-bottom: 30px;  margin-right: 30px;}
.section_wrap.section2 .service_area ul li .photo {
	 background-image: url(/img/main/service_img1.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		width: 100%; 
		height: 220px;}
.section_wrap.section2 .service_area ul li .photo img {display:none  }

.section_wrap.section2 .service_area ul li:nth-child(2)  .photo {background-image: url(/img/main/service_img2.jpg);}
.section_wrap.section2 .service_area ul li:nth-child(3)  .photo {background-image: url(/img/main/service_img3.jpg);}
}


@media only screen and (max-width: 1080px){	
	.section_wrap.section2 .service_area ul li .name {  font-size: 1.3em; padding: 15px 15px 6px 15px;}
	.section_wrap.section2 .service_area ul li .sname { font-size: 0.9em;   padding: 0px 15px 15px;}

}


@media only screen and (max-width: 768px){	
	.section_wrap.section2 .service_area ul li .name {  font-size: 1.1em; padding: 15px 15px 6px 15px;}
	.section_wrap.section2 .service_area ul li .sname { font-size: 0.9em;   padding: 0px 15px 15px;}
.section_wrap.section2 .section2_bg {  padding: 0px 0;}
.section_wrap.section2 .service_area ul{  display:block}
.section_wrap.section2 .service_area li{  width:100%}
.section_wrap.section2 .service_area ul li { width: 100%; height: 350px;  margin-bottom: 0px;  margin-right: 0px;}

}
	
	
	
	
	
	
	
	
	
	
	
	
	
	


.br_mo480 {display: none}	
.br_mo360 {display: none}
.br_mo768 {display: none}
/* 초기화 */
body ,
html, h1, h2, h3, h4, h5, h6,
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,
input, button, textarea, select,a {
font-family:'Nanum Gothic', 'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif !important;}

	

	

	
	

	

@media only screen and (max-width: 1200px){
	.ctt_img {	height: 230px !important;	}

	.ml-auto, .mx-auto {  padding-top: 0px!important; padding-bottom: 0px!important;}

 
}	


@media only screen and (max-width: 1089px){	
	.ctt_img {	height: 230px !important;	}

}

@media only screen and (max-width: 991px){	
	.center-heading {  margin-bottom: 10px; margin-top: 30px;}
	.center-heading h2 { padding-bottom: 0px; font-size:1.8rem}	

	.ctt_img {	height: 190px !important;	}



	#ctt_con .sub_cont_group { padding: 0 0px;  }
	.main_service_wrap {margin-top:30px;}

	.footer-nav_cont a:hover {  color: #ff0000;}
}



@media only screen and (max-width: 768px){
	.ctt_img {	height: 170px !important;	}

	.br_mo768 {display: inline-block}
   .center-heading .path {display: none;  }
}






	
@media only screen and (max-width: 480px){	
	.center-heading {  margin-bottom: 10px; margin-top: 30px;}
	.center-heading h2 { padding-bottom: 0px; font-size:1.3rem}

	.bg_box { font-size: 1.0rem; line-height: 160%;  padding: 20px;  word-break: normal;
    text-align: left; padding-left: 20px; text-indent: 0px;}
	
	.ctt_img {	height: 140px !important;	}



.scroll_info.w480 {display:block; padding:20px; color:#ff0000}
	.bo_fx ul.btn_bo_user {padding:10px 0 }
	.btn_bo_user li{margin:5px; }	
	.btn_bo_user li .btn.btn_admin{font-size:0.9rem}
	
	.mo_none {display:none}
	.br_mo480 {display: inline-block}
	.copy_txt {font-size:0.9rem}
	.family select {min-width:100%;padding:10px ;text-align:center; line-height:180% }
	.family select option {text-align:center ; line-height:180% }
	.family  option {text-align:center ; line-height:180% }
}


@media only screen and (max-width: 360px){	
	.br_mo360 {display: inline-block}
	.copy_txt {font-size:0.8rem}
}

	
@media only screen and (max-width: 380px){	
	.center-heading {  margin-bottom: 10px; margin-top: 20px;}
	.center-heading h2 { padding-bottom: 0px; font-size:1.3rem}

	.ctt_img {	height: 110px !important;	}

}