@charset "utf-8";
/* CSS Document */
@import url(font.css);


body { color:#333; font-size:14px; font-family:"Noto Sans KR",'나눔고딕','NanumGothic','돋움', Dotum, '굴림', Gulim, Verdana, sans-serif; }


#wrapper {
    width:100%;
	height:230px;
    margin :0 auto;
    text-align:left;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
/*수정전     
	width:100%;
	height:420px;
    margin :0 auto;
    text-align:left;
	background-repeat:no-repeat;
	background-position:50% 50%;
*/
#wrapper11 {
    width:100%;
	height:600px;
    margin :0 auto;
    text-align:left;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
#wrapper12 {
    width:100%;
	height:300px;
    margin :0 auto;
    text-align:left;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
#wrapper21 {
    width:100%;
	height:1690px;
    margin :0 auto;
    text-align:left;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
#wrapper22 {
	background:#f8f9fb;
	border-bottom:2px solid #d7d8d9;
	padding-bottom:96px;
	margin-bottom: 90px;
}
/*#wrapper23 {
	background-color:#f8f9fb;
	border-bottom:2px solid #d7d8d9;
	padding-bottom:105px;
}*/
#wrapper23 {
	width:100%;
	height:1540px;
    margin :0 auto;
    text-align:left;
	background-repeat:no-repeat;
	background-position:50% 50%;
	border-bottom:2px solid #d7d8d9;
}
#wrapper23_bg {
	width:100%;
	height:501px;
    margin :0 auto;
    text-align:left;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
#wrapper51 {
    width:100%;
	height:1775px;
    margin :0 auto;
    text-align:left;
	background-repeat:no-repeat;
	background-position:50% 50%;
	margin-bottom:100px;
}


.sub_box{
	width:1902px;
	margin:0 auto;
}
.top_text{
	color:#FFF;
	font-size:50px;
	font-weight: bold;
	text-align:center;
	letter-spacing: -1pt;
	line-height:130px;
	padding-top:58px;
}
/*수정전
	color:#FFF;
	font-size:50px;
	font-weight: bold;
	text-align:center;
	letter-spacing: -1pt;
	line-height:130px;
	padding-top: 110px;
*/
.top_tt{
	color:#FFF;
	font-size:19px;
	font-weight: 400;
	text-align:center;
	letter-spacing: -0.5pt;
	line-height:28px;
}
.top_txt{
	color:#FFF;
	font-size:50px;
	font-weight: bold;
	text-align:center;
	letter-spacing: -1pt;
	line-height:240px;
}
/*
	color:#FFF;
	font-size:50px;
	font-weight: bold;
	text-align:center;
	letter-spacing: -1pt;
	line-height:400px;
*/
.sub_title{
	font-size:30px;
	color:#353535;
	padding:130px 0 120px;
	text-align:center;
	letter-spacing: -1pt;
	background:url(../img_sub/tit_icon.png) 50% 85px no-repeat;
}
.sub_tit{
	color:#1d50a2;
	font-weight: 500;
}
.mid_tit{
	font-size:30px;
	color:#353535;
	padding:130px 0 50px;
	text-align:center;
	letter-spacing: -1pt;
}
.mid_txt{
	font-size: 20px;
	color: #444;
	margin-bottom: 10px;
	line-height: 30px;
	font-weight:500;
	text-align: center;
}
.mid_t{
	font-size: 16px;
	color: #6e6e6e;
	line-height: 19px;
	text-align: center;
	margin-bottom: 50px;
}

.mid_tit0{
	font-size:33px;
	color:#FFF;
	padding:180px 0 50px;
	text-align:center;
	letter-spacing: -1pt;
}
.mid_txt0{
	font-size: 23px;
	color: #FFF;
	margin-bottom: 10px;
	line-height: 28px;
	font-weight:500;
	text-align: center;
}
.mid_t0{
	font-size: 16px;
	color: #ccc;
	line-height: 19px;
	text-align: center;
	margin-bottom: 50px;
}

.counsel{
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: 1060px;
	padding:115px 90px 0;
}
.coun_box{
	float:left;
}
.coun_tit{
	font-size:33px;
	color:#FFF;
	letter-spacing: -1pt;
	font-weight: 500;
	margin-bottom: 7px;
	line-height: 35px;
}
.coun_txt{
	font-size: 18px;
	color: #FFF;
	line-height: 28px;
}

.toon_cover{
	background:url(../img_sub/toon_icon.png) 50% 130px no-repeat;
}
.toon_title{
	font-size:30px;
	color:#353535;
	padding:150px 0 80px;
	text-align:center;
	letter-spacing: -1pt;
}
.toon_tit{
	color:#1d50a2;
	font-weight: 500;
}
.center_txt{
	font-size: 20px;
	font-weight: 600;
	color: #222;
	margin: 35px 0 30px;
	text-align: center;
}
.center_t{
	font-size: 17px;
	color: #444;
	line-height: 30px;
	text-align: center;
}
.use_txt{
	font-size: 18px;
	color: #444;
	margin-bottom: 10px;
	line-height: 40px;
	padding: 0 0 0 40px;
	font-weight:500;
}
.use_t{
	font-size: 16px;
	color: #6e6e6e;
	line-height: 25px;
	padding: 0 0 0 60px;
}
.dot{
	width:100%;
	border-top:1px dashed #ccc;
}


/*.btn_240{
	width:238px;
	height:48px;
	line-height:48px;
	font-size:16px;
	text-align:center;
	color:#000;
	border:1px solid #000;
	font-weight:400;
	margin: auto;
	margin-bottom: 30px;
}
.btn_240w{
	width:238px;
	height:48px;
	line-height:48px;
	font-size:16px;
	text-align:center;
	color:#FFF;
	border:1px solid #FFF;
	font-weight:400;
	margin: auto;
	margin-bottom: 30px;
}*/


.btn_box{
	text-align:center;
	margin-bottom:30px;
}
.btn_box_r{
	float:right;
	margin-top: 10px;
}

/*버튼 검정*/
.button {
  border: none;
  color: #000;
  /*padding: 13px 0;*/
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  width:238px;
  height:48px;
  letter-spacing:-0.5pt;
  font-weight:400;
}

.button1 {
  color: #000;
  border: 1px solid #000;
  background-color: rgba(255,  255,  255,  0);
}

.button1:hover {
  background-color: #FFF;
  color: #000;
}
/*버튼 검정 끝*/

/*버튼 화이트*/
.btn {
  border: none;
  color: #000;
  /*padding: 13px 0;*/
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  width:238px;
  height:48px;
  letter-spacing:-0.5pt;
  font-weight:400;
}

.btn2 {
  color: #FFF;
  border: 1px solid #FFF;
  background-color: rgba(255,  255,  255,  0);
}

.btn2:hover {
  background-color: #FFF;
  color: #000;
}
/*버튼 화이트 끝*/



/*후기 슬라이드*/
.cycle-slideshow, .cycle-slideshow * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cycle-slideshow {
	width:100%;
	height:600px;
	/*min-width: 200px;
	max-width: 500px;*/
	margin: 0px auto;
	padding: 0;
	position: relative;
}
.cycle-slideshow div.slide {
	width: 100%;
	height: 100%;
}
.cycle-slideshow img {
	/* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:600px;
	padding: 0;
	display: block;
}
/* in case script does not load */
.cycle-slideshow img:first-child {
	position: static;
	z-index: 100;
}
.cycle-pager {
	text-align: center;
	width: 100%;
	z-index: 200;
	position: absolute;
	top: 530px;
	/*overflow: hidden;*/
}
.cycle-pager span {
	font-size: 50px;
	width: 16px;
	height: 16px;
	display: inline-block;
	color: #e7e7e7;
	cursor: pointer;
}
.cycle-pager span.cycle-pager-active {
	color: #868686;
}
.cycle-pager > * {
	cursor: pointer;
}
/*후기 슬라이드 끝*/



/*테이블*/
table.type01 {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.type01 thead th {
	font-size:19px;
	text-align:center;
	vertical-align: middle;
	color: #333;
	border-top: 2px solid #353d46;
	padding: 10px;
	letter-spacing:-1px;
	border-bottom: 1px solid #353d46;
	background: #fcfcfc;
	font-weight: normal;
}
table.type01 tbody th {
	color:#555;
	font-size:15px;
	padding: 15px;
	font-weight: 600;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #f8f8f8;
	text-align: center;
}
table.type01 td {
	color:#555;
	font-size:15px;
	padding: 15px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	text-align: center;
	letter-spacing:-1px;
	border-left: 1px solid transparent;
	border-left-color:#eee;
}


table.type02 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	font-size:15px;
	width:100%;
}
table.type02 thead th {
	padding: 10px 25px;
	font-weight: 400;
	vertical-align: top;
	color: #1d50a2;
	border-bottom: 3px solid #1d50a2;
	font-size:19px;
}
table.type02 tbody th {
	width: 20%;
	padding: 15px 25px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	background: #f3f6f7;
}
table.type02 td {
	width: 60%;
	padding: 15px 25px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}
/*테이블 끝*/



/*오시는길*/
.cover{
	width:100%;
	/*border: 1px solid #ccc;*/
	border-top: 2px solid #475676;
	border-bottom: 1px solid #ccc;
	box-sizing : border-box;
}
.wrap{
	padding:30px 40px;
	overflow: auto;
}
.txt_a {
	font-size:19px;
	font-weight:600;
	color:#222;
	letter-spacing: -1px;
	margin-bottom:10px;
}
.txt_ab {
	font-size:16px;
	color:#444;
	line-height:25px;
	margin-bottom: 15px;
}
.w_right {
	width:80%;
	float:right;
	font-size:18px;
	font-weight:400;
}
.w_left {
	width:20%;
	float:left;
	text-align: center;
}
.dot{
	width:100%;
	border-top:1px dashed #ccc;
}

.map_pc{
	padding:20px;
	background:#f3f3f3;
	text-align: center;
}
.map_t{
	font-size:17px;
	font-weight:600;
	color:#0b8ad1;
}
.map_txt {
	font-size:19px;
	color:#333;
	line-height:25px;
}
/*오시는길 끝*/