@charset "utf-8";

/*google-noto sans font - subset diet ver - 4ea*/

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('Noto Sans Light'), local('Noto Sans Light');
    src: url(../font/NotoSans-Light.eot);
    src: url(/font/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
	url(/font/NotoSans-Light.woff2) format('woff2'),
    url(/font/NotoSans-Light.woff) format('woff'),
    url(/font/NotoSans-Light.otf) format('truetype');
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('Noto Sans Regular'), local('Noto Sans Regular');
    src: url(/font/NotoSans-Regular.eot);
    src: url(/font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
	url(/font/NotoSans-Regular.woff2) format('woff2'),
    url(/font/NotoSans-Regular.woff) format('woff'),
    url(/font/NotoSans-Regular.otf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('Noto Sans Medium'), local('Noto Sans Medium');
    src: url(/font/NotoSans-Medium.eot);
    src: url(/font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
	url(/font/NotoSans-Medium.woff2) format('woff2'),
    url(/font/NotoSans-Medium.woff) format('woff'),
    url(/font/NotoSans-Medium.otf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans bold'), local('Noto Sans bold'), local('Noto Sans bold');
    src: url(/font/NotoSans-Bold.eot);
    src: url(/font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
	url(/font/NotoSans-Bold.woff2) format('woff2'),
    url(/font/NotoSans-Bold.woff) format('woff'),
    url(/font/NotoSans-Bold.otf) format('truetype');
}

body { font-family: 'Noto Sans','돋움', dotum, arial;  font-weight: 400; letter-spacing:-0.4px; font-size:16px;   }

a { color:#000; }
/*a:hover { color:#24b8ff; }*/
p { letter-spacing:-0.5px; }

#wrap { min-width:320px; min-height:100%; }

/*header*/
#header { width:100%; background:#fff; position:relative; height:92px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); position: fixed; top: 0px; left: 0; right:0; z-index:9999; } 
#header h1 { float:left;   }
#header h1 a { display:block; width:159px; height:36px;  background:url(../images/header_logo_top.png)no-repeat; text-indent:9999px; margin-top: 28px; margin-left: 30px; }
#header #search { margin-left:210px; margin-right:30px; padding-top:24px; overflow: hidden; }
#header input[type=search] { background:#fff;   }
#header #search input { border:3px solid #24b8ff; width:100%; height:45px; padding-left:35px; font-size: 22px; color: #2e2e2e; background:url(../images/header_search_icon.png)no-repeat 6px 60%; }  /*margin-right:45px;*/

/**/
/*------------------------------------------content start------------------------------------------*/

/*메인컨텐츠*/
#content { background:#fff; clear:both;padding:30px; } /*  */
#content .mainContentWrap { background:#fff; min-height:500px; margin-top:92px;} /*content 최상단에 마진탑 주면 적용 안됨*/
#content .mainContentWrap ul {}
#content .mainContentWrap ul li { border:1px solid #b3b3b3; margin-bottom:10px; border-radius:10px; font-weight: 400;  
-webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out;} /*height:145px; */
#content .mainContentWrap ul li a { display:block; padding:20px; }
#content .mainContentWrap ul li:hover { background:#24b8ff; border:1px solid #24b8ff; color:#fff; }
#content .mainContentWrap ul li:hover h2 { color:#fff; border-bottom:1px solid #fff;  
-webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out;}
#content .mainContentWrap ul li:hover p { color:#fff; }
#content .mainContentWrap ul li:hover a .first { color:#fff; }
#content .mainContentWrap ul li a h2 { display:inline-block;  font-size:22px; font-weight:500; color:#24b8ff; margin-bottom:15px; padding-bottom:2px; border-bottom:1px solid rgba(255,255,255,0);  } /*text-decoration:underline;*/
#content .mainContentWrap ul li a p { font-size:18px; font-weight:300; }
#content .mainContentWrap ul li a .first { margin-bottom:8px; color:#999; }
#content .mainContentWrap ul li a .second { font-weight:400; }

.pageBtn { display: table; margin-left: auto;  margin-right: auto; }
.pageBtn ul { overflow:hidden;  } /*overflow:hidden;*/
.pageBtn ul li { float:left; text-align:center; margin-right:5px; }
.pageBtn ul li:last-child { margin-right:0px; }
.pageBtn ul li a { display:block; width:35px; height:35px; line-height:35px; border:1px solid #b3b3b3;  }
.pageBtn ul li a.focus { background:#24b8ff; border:1px solid #24b8ff; color:#fff; }
.pageBtn ul li a:hover { background:#24b8ff; border:1px solid #24b8ff; color:#fff; }


/*서브 컨텐츠*/
#content .subContentWrap { background:#fff; margin-top:92px; } 
#content .subContentWrap .corpTitle { width:100%;  } /*min-height:480px;*/
#content .subContentWrap .corpTitle h2 { width:100%; background:#24b8ff; text-align:center; line-height:63px; font-size:22px; color:#fff;  font-weight: 500;  border-radius: 20px 20px 0 0; }
#content .subContentWrap .corpTitle img { width:100%; }
/*포토갤러리*/
#content .subContentWrap .photoGallery { display:inline-block; width:100%; margin-top:30px; }
#content .subContentWrap .photoGallery ul {}
#content .subContentWrap .photoGallery ul li { float:left; width:49%; margin-right:2%; margin-bottom:1.5%; }
#content .subContentWrap .photoGallery ul li:nth-child(2n) { margin-right:0;}
#content .subContentWrap .photoGallery ul li:nth-child(3) { margin-bottom:0;}
#content .subContentWrap .photoGallery ul li:nth-child(4) { margin-bottom:0;}
#content .subContentWrap .photoGallery ul li a {display:block;  height:auto;}
#content .subContentWrap .photoGallery ul li a:hover {}
#content .subContentWrap .photoGallery ul li a img {max-width:100%; }

/*업체정보*/
#content .subContentWrap .corpInfo { width:100%; margin-top: 30px; }
#content .subContentWrap .corpInfo h2 { width:100%; height:63px; line-height: 63px; background:#24b8ff; text-align:center; font-size: 22px; color: #fff; font-weight: 500; }
#content .subContentWrap .corpInfo h2 span { margin-left:5px; }
#content .subContentWrap .corpInfo > ul {}
#content .subContentWrap .corpInfo > ul li { height:63px; line-height:63px; background:#fff; border-bottom:1px solid #ccc; }
#content .subContentWrap .corpInfo > ul li h3 { float:left; margin-right:10px; font-weight:700; }
#content .subContentWrap .corpInfo > ul li p { float:left; }
#content .subContentWrap .corpInfo .infoWrap { max-width:100%; background:#fff; /*padding:15px;*/ }
#content .subContentWrap .corpInfo .infoWrap .bigTitle { font-size:19px; margin:20px 0 10px 0; font-weight:700; line-height: 25px; letter-spacing:-0.5px; }
#content .subContentWrap .corpInfo .infoWrap .bizPoint { font-size:17px; color:#24b8ff; font-weight:500; line-height: 25px; margin:20px 0;  }
#content .subContentWrap .corpInfo .infoWrap .bizTitle { width:168px; height:35px; font-size:16px;  line-height:35px; background:#24b8ff; text-align:center; color:#fff; border-radius:20px; margin: 25px 0 15px 0;}
#content .subContentWrap .corpInfo .infoWrap .bizItem { margin-bottom:15px; }
#content .subContentWrap .corpInfo .infoWrap .bizText { margin-bottom:15px; line-height: 25px; letter-spacing:-0.5px; }
#content .subContentWrap .corpInfo .infoWrap ul { margin-left:20px; }
#content .subContentWrap .corpInfo .infoWrap ol { margin-left:28px; }
.bizItem1 { list-style:disc;  list-style-position : outside; margin-bottom:15px; }
.bizItem2 { list-style:decimal-leading-zero;  list-style-position : outside; margin-bottom:15px; }
#content .subContentWrap .corpInfo .infoWrap .bizTitle i { margin-right:5px; }
/*.bizItem1 li:before { content:'\2022'; display: block; position: relative; max-width: 0px; max-height: 0px; left: -10px; top: -0px; color: red; font-size: 20px; }*//*블릿컬러*/

/*오시는길*/
#content .subContentWrap .locationInfo { width:100%; margin-top:30px; } /*background:#bfbfbf; */
#content .subContentWrap .locationInfo h2 {   width: 100%; height: 63px; line-height: 63px; background: #24b8ff; text-align: center; font-size: 22px; color: #fff; font-weight: 500; }
#content .subContentWrap .locationInfo .mapApi { width:100%; height:300px; text-align:center; line-height:300px; background:#eafdff; } /*background:url(../images/location_map.jpg)no-repeat 50% 50%; background-size:cover;*/

/*전화걸기 버튼*/
#content .subContentWrap .phoneInfo { width:100%; height:170px; margin-top:30px;  }
#content .subContentWrap .phoneInfo ul { }
#content .subContentWrap .phoneInfo ul li { float:left; width:48%; margin-right:4%; }
#content .subContentWrap .phoneInfo ul li:last-child { margin-right:0;  }
#content .subContentWrap .phoneInfo ul li a { display:block; height:156px; overflow:hidden; border-radius: 20px; border: 7px solid #24b8ff; }
#content .subContentWrap .phoneInfo ul li a:hover {}
#content .subContentWrap .phoneInfo .titleBox {  width:145px; height:50px; margin:14px auto 0; }
#content .subContentWrap .phoneInfo .titleBox  i { float:left; font-size:22px; margin-right:6px; width:50px; height:50px; line-height:50px; background:#24b8ff; text-align:center; border-radius:50%; color:#fff; }
#content .subContentWrap .phoneInfo .titleBox  h3 { float:left; font-size:22px; font-weight:500; line-height:50px; color: #24b8ff; }
#content .subContentWrap .phoneInfo p { text-align:center; font-size:22px; color:#636363; margin-top:28px;  }

/**/
/*하단 버튼들*/
#content .subContentWrap .btmBtns { width:100%; margin-top:30px; }
#content .subContentWrap .btmBtns ul {}
#content .subContentWrap .btmBtns ul li { height:60px; line-height:60px; font-size:20px; background:#424344; margin-bottom:2px; border-radius:20px; }
#content .subContentWrap .btmBtns ul li a { display:block; color:#fff; font-weight:400; }
#content .subContentWrap .btmBtns ul li a:hover {}
#content .subContentWrap .btmBtns i { float:left; margin:10px 10px 0 10px; width:40px; height:40px; line-height:40px;  text-align:center; font-size: 24px; }



/*------------------------------------------content end------------------------------------------*/

/*footer*/
#footer { background:#ddd; margin-top:90px; }
#footer .footTop { overflow:hidden; height:73px; background:#fff; border-top:4px solid #d8d8d8; text-align:center; line-height:73px; font-size:40px; font-weight:700; }
#footer .footTop a { display:block; color:#424344;  }
#footer .footTop a i { display:inline-block; margin-top:10px; }
#footer .footTop a span { display:inline-block;  }
#footer .corpInfo { background:#f7f7f7; padding:30px; font-size:14px; line-height:24px; letter-spacing:2px; color:#434343; font-weight:300; }
#footer .corpInfo a strong { color:#24b8ff;  }
#footer .footBtn { background:#424344; padding:30px 0; } /*height:150px; */
#footer .footBtn ul { overflow:hidden; display:table; margin-left:auto; margin-right:auto; }
#footer .footBtn ul li { float:left;  margin-right:17px; }
#footer .footBtn ul li:last-child { margin-right:0px; }
#footer .footBtn ul li a { display:block; width:48px; height:48px; color:#fff;  }
#footer .footBtn ul li a img { width:48px; height:48px; }
#footer .footBtn ul li a:hover { background:#1f1f1f; border-radius:20%; }
#footer .footBtn .copyright { text-align:center; font-size:12px; color:#bbb; margin-top:12px; letter-spacing: 0; font-weight:300; }

/*Quick Menu - Top Button*/

.go-top{
	display:block; width:50px; height:50px; line-height:30px; font-size:50px; text-align:center;  color:#fff; text-decoration:none; background-color:#24b8ff; position:fixed; bottom:-50px; right:20px; box-shadow:5px 5px 5px rgba(0,0,0,0.2);	
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:50%; 
	-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;
}

.go-top i { color:#fff;font-size:24px; line-height:40px; }
.go-top.show{	bottom:20px; z-index:9999;}
.go-top:hover{  }
.go-top:hover i {  }





/*==========================================================================
*********************************Media Query*********************************
==========================================================================*/

/**** 모바일 ****/
@media (max-width:480px){
#header { height:74px; }
#header h1 a { background-size:100px; width:100px; margin-left:15px; }
#header #search { margin-left:130px; margin-right: 15px; padding-top: 15px; }
#header #search input { background-size:20px;  }

/*------------------------------------------content start------------------------------------------*/

/*컨텐츠*/
#content { padding:15px; }

/*메인 컨텐츠*/
#content .mainContentWrap { margin-top:78px;} 
#content .mainContentWrap ul li { margin-bottom:15px; } /*height: 115px;*/
#content .mainContentWrap ul li a h2 { font-size:18px; }
#content .mainContentWrap ul li a p { font-size:14px; }

/*서브 컨텐츠*/
#content .subContentWrap { margin-top:78px;} 
#content .subContentWrap .corpTitle h2 { font-size:18px; line-height:50px; }
/*포토갤러리*/
#content .subContentWrap .photoGallery { margin-top:15px; }
/*업체정보*/
#content .subContentWrap .corpInfo { margin-top:15px; }
#content .subContentWrap .corpInfo h2 { font-size: 18px; height:50px; line-height: 50px; }
#content .subContentWrap .corpInfo > ul li { height:50px; line-height:50px; }
/*오시는길*/
#content .subContentWrap .locationInfo h2 { font-size: 18px; height: 50px; line-height: 50px; }
/*전화걸기 버튼*/
#content .subContentWrap .phoneInfo { margin-top:15px; height: 115px; }
/*#content .subContentWrap .phoneInfo a { display:block;  }*/
#content .subContentWrap .phoneInfo ul li a { height:100px; }
#content .subContentWrap .phoneInfo .titleBox { height: 30px; width:116px; display: flex;}
#content .subContentWrap .phoneInfo .titleBox i { font-size: 22px; margin-right: 4px; width: 40px; height: 40px; line-height: 40px; flex: 1; max-width: 40px;}
#content .subContentWrap .phoneInfo .titleBox h3 { font-size: 20px; font-weight: 700; line-height: 35px; font-weight:500; flex: 1;}
#content .subContentWrap .phoneInfo p { font-size: 18px; margin-top: 22px; }
/*하단버튼들*/
#content .subContentWrap .btmBtns { margin-top:15px; }
#content .subContentWrap .btmBtns ul li { height: 50px; line-height: 50px; border-radius: 20px; }
#content .subContentWrap .btmBtns ul li a { font-size:16px; }
#content .subContentWrap .btmBtns i { width: 30px; height: 30px; line-height: 30px; margin-left: 24px; }

/*------------------------------------------content end------------------------------------------*/

/*푸터*/
#footer { margin-top:33px; }
#footer .footTop { font-size:28px; letter-spacing:2px; letter-spacing:0px; height:60px; line-height:60px; }
#footer .corpInfo { padding: 15px; }

.go-top { right:15px; bottom:-50px; }

}