@charset "UTF-8";
@import url(normalize.css);
@import url(common.css);
@import url(notosanskr.css); 

html,
body {
	font-size: 4.0vw;
	width: 100%;
	height: 100%;
	font-family: "Noto Sans KR", sans-serif;
	background: #f8f8f8;
	color: #474747;
}

.wrapper {
	min-width: 360px;
	height: 100%;
	margin: 0 auto;
	background: #f8f8f8;
}

.wrapper > .contBox {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	background: #f8f8f8;
/*	border: 1px solid #e1e1e1;	*/
}
.wrapper > .contBox  .appBanner {
	position: relative;
}
.wrapper > .contBox  .appBanner > a >  img {
	width: 100%;
}
.wrapper > .contBox  .appBanner  .app_close {
	position: absolute;
	right: 3%;
	top: 30%;
}
.wrapper > .contBox  .appBanner > .app_close > img {
	width: 4vw;
	height: 4vw;
}
.wrapper > .contBox > .top_navi {
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 99;
	border-bottom: 1px solid #e1e1e1;
}
.wrapper > .contBox > .top_navi > ul > li {
	display: inline-block;
	padding: 3vw;
	font-weight: 600;
}
.wrapper > .contBox > .top_navi > ul > li:first-child {
	width: 20%;
	text-align: center;
}
.wrapper > .contBox > .top_navi > ul > li:last-child {
	width: calc(70% - 10vw);
	vertical-align: middle;
}
.wrapper > .contBox > .top_navi > ul > li > span {
	padding: 0 1vw;
	font-size: 3vw;
}
.wrapper > .contBox > .top_navi > ul > li > span > .search_icon {
	vertical-align: middle;
	width: 5vw;
	height: auto;
}


.wrapper > .contBox > .mainCont {
	background: #f8f8f8;
	position: relative;
	margin-top: 20vw;

}

.icon_logo img {
	vertical-align: middle;
	width: 8vw;
}
.wrapper > .contBox > .introCont > .slideBox {
	position: relative;
	overflow: hidden;
}
.wrapper > .contBox > .introCont > .slideBox > ul > li > img {
	width: 100%;
}
.wrapper > .contBox > .introCont > .menuBox {	
	position: absolute;
	width: 100%;
	top: 58vw;
	z-index: 9;

}
.wrapper > .contBox > .introCont > .menuBox > .menuList {
	background: #fff;
	width: 94%;
	margin: 0 auto;
	border-radius: 15px;
	border: 1px solid #e1e1e1;
	box-shadow: 0px 3px 0px 0px #e1e1e1;
}
.wrapper > .contBox > .introCont > .menuBox > .menuList > ul > li {
	display: inline-block;
	width: calc(100% / 2 - 7vw);
	height: 38vw;
	padding: 3vw;
}
.wrapper > .contBox > .introCont > .menuBox > .menuList > ul > li:first-child {
	border-right: 1px solid #e1e1e1;
}
.wrapper > .contBox > .introCont > .menuBox > .menuList > ul > li > .simbol {
	height: 18vw;
	line-height: 18vw;
}
.wrapper > .contBox > .introCont > .menuBox > .menuList > ul > li > .simbol > img {
	height: 14vw;
	vertical-align: middle;
}
.wrapper > .contBox > .introCont > .menuBox > .menuList > ul > li > .menu_title {	
	font-weight: 600;
	padding: 1vw 0;
}
.wrapper > .contBox > .introCont > .menuBox > .menuList > ul > li  > .roundbox {
	border-radius: 30px;
	background: #111;
	text-align: center;
	padding: 2vw 0;
	font-size: 3.5vw;
	font-weight: 600;
	color: #fff;
	margin-top: 2vw;
}
.wrapper > .contBox > .introCont > .menuBox > .menuList > ul > li  > .fn_tour {
	background: #0a4c8f;
}
.wrapper > .contBox > .introCont > .menuBox > .menuList > ul > li  > .kr_tour {
	background: #80a136;
}
.wrapper > .contBox > .introCont > .menuLink  {	
	width: 94%;
	margin: 0 auto;
	margin-top: 25vw;
	position: relative;
}
.wrapper > .contBox > .introCont > .menuLink > ul > li {
	width: calc(100% / 2 - 2vw);
	display: inline-block;
	vertical-align: top;
	margin-bottom: 3vw;
	position: relative;
}
.wrapper > .contBox > .introCont  > .menuLink > ul > li:first-child {
	margin-right: 1vw;
}
.wrapper > .contBox > .introCont  > .menuLink > ul > li:last-child {
	margin-left: 1vw;
}
.wrapper > .contBox > .introCont > .menuLink > ul > li > .link_box {
	border-radius: 20px;
	border: 3px solid #e1e1e1;
	padding: 6vw 4.2vw;
	background: #fff;
	position: relative;
}

.wrapper > .contBox > .introCont > .menuLink > ul > li > .link_box > .link_div {
	width: 100%;
	font-weight: 500;
	font-size: 4.0vw;
}
.wrapper > .contBox > .introCont > .menuLink > ul > li > .link_box > .link_div > p {
	line-height: 5vw;
}

.wrapper > .contBox > .introCont > .menuLink > ul > li > .link_box > .link_summary {
	color: #b1b1b1;
	font-size: 3.0vw;
	font-weight: 400;
	padding: 2vw 0;
}
.wrapper > .contBox > .introCont > .menuLink > ul > li > .link_box > .link_summary > p {
	line-height: 3.5vw;
}
.wrapper > .contBox > .introCont > img {
	width: 100%;
}
.link_icon {
	position: absolute;
	top: 4vw; 
	right: 5vw;
	z-index: 9;
}
.link_icon > img {
	height: 6vw;
}
.quickMenu {
	width: 100%;
	background: #fff;
	margin-top: 5vw;
	border-top: 1px solid #e1e1e1;	
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 99;
}

.quickMenu > ul > li {
	width: calc(100% / 5 - 2vw);
	text-align: center;
	display: inline-block;
	padding: 2vw 0;
	vertical-align: top;
	background: #fff;
}
.quickMenu > ul > li > .quick {
	height: 8vw;
}
.quickMenu > ul > li > .quick > img {
	 width: 5vw;
}
.quickMenu > ul > li > .quick_menu {
	font-size: 3.2vw;
}
.wrapper > .contBox > .footer {
	margin-top: 10vw;
	padding-top: 8vw;
	padding-bottom: 25vw;
	text-align: center;
	background: #4e4c48;
	color: #fff;
	font-size: 3.2vw;
	position: relative;
}
.wrapper > .contBox > .m_footer {
	padding-top: 8vw;
	padding-bottom: 25vw;
	text-align: center;
	background: #4e4c48;
	color: #fff;
	font-size: 3.2vw;
	position: relative;
}
.wrapper > .contBox > .footer > .info_list > span {
	padding: 0 0.5vw;
}
.wrapper > .contBox > .footer > .corp_info {
	margin: 4vw 0;
}
.wrapper > .contBox > .footer > .corp_info > p {
	line-height: 5vw;
}

/* Login */
.wrapper .contBox .mainCont  .loginBox {
	margin: 0 auto;
	border: 3px solid #e1e1e1;
	background: #fff;
	border-radius: 15px;
	margin-left: 5vw;
	margin-right: 5vw;
	font-size: 3.5vw;
	font-weight: 600;
	padding: 2vw 20vw;
}

.wrapper .contBox .mainCont   .loginBox > .loginDiv > .login_title {
	font-weight: 500;
	text-align: center;
	padding: 5vw 0;
	letter-spacing: 0;
}
.wrapper .contBox .mainCont .loginBox > .loginDiv > .login_in > ul li {
	padding-bottom: 0.1vw;
	border-bottom: 1px solid #ff0000;
	margin-bottom: 2vw;
	line-height: 10vw;
	vertical-align: middle;
}
.wrapper .contBox .mainCont .loginBox > .loginDiv > .login_in > ul > li > input {
	border: none;
	margin-left: 1vw;
}

.wrapper .contBox .mainCont .loginBox > .loginDiv > .login_info {
	padding: 5vw 0;
}
.wrapper .contBox .mainCont .loginBox > .loginDiv > .login_info > .idpw_search {
	text-align: center;
	padding-bottom: 5vw;
}
.wrapper .contBox .mainCont .loginBox > .loginDiv > .login_info > div > .login_btn {
	width: 40vw;
	height: 10vw;
	border: none;
	background: #ff0000;
	color: #fff;
	font-weight: 600;
	border-radius: 20px;
	margin: 3vw 0;	
	font-size: 4vw;
}
.wrapper .contBox .mainCont .loginBox > .loginDiv > .login_info > div > .login_kakao {	/*  카카오 로그인 */
	width: 40vw;
	height: 10vw;
	border: none;
	background: #FEE500;
	color: #000;
	font-weight: 600;
	border-radius: 20px;
	margin: 3vw 0;	
	font-size: 4vw;
	position: relative;
}
.wrapper .contBox .mainCont .loginBox > .loginDiv > .login_info > div > .login_kakao > img {
	position: absolute;
	top: 2vw;
	left: 2.5vw;
	width: 6vw;
}

.wrapper .contBox .mainCont .loginBox > .loginDiv > .login_info > div > .login_naver {	/*  카카오 로그인 */
	width: 40vw;
	height: 10vw;
	border: none;
	background: #03C75A;
	color: #fff;
	font-weight: 600;
	border-radius: 20px;
	margin: 3vw 0;	
	font-size: 4vw;
	position: relative;
}
.wrapper .contBox .mainCont .loginBox > .loginDiv > .login_info > div > .login_naver > img {
	position: absolute;
	top: 3.2vw;
	left: 3.5vw;
	width: 3.5vw;
}
.wrapper .contBox .mainCont .loginTxt {
	padding: 2vw 20vw;
	text-align: center;
}
.wrapper .contBox .mainCont .loginTxt > .txt {
	font-weight: 500;
}
.wrapper .contBox .mainCont .loginTxt > p > a > span  {
	border-bottom: 1px solid #ff0000;
	padding: 0.5vw 0;

}
/* 회원가입 */
.wrapper .contBox .mainCont .subBox  {
	padding-bottom: 25vw;
}
.wrapper .contBox .mainCont .subBox  .sub_title {
	font-weight: 600;
	font-size: 5vw;
	margin-left: 4vw;
	margin-right: 4vw;
	word-break: keep-all;
}
.wrapper .contBox .mainCont .subBox  .subCont {
	margin: 0 auto;
	border: 3px solid #e1e1e1;
	background: #fff;
	border-radius: 15px;
	margin-top: 5vw;
	margin-left: 4vw;
	margin-right: 4vw;
	font-size: 3.5vw;
	font-weight: 600;
	padding: 4vw 8vw;
}

.wrapper .contBox .mainCont .subBox  .subCont  .sub_title {
	font-weight: 600;
	font-size: 4vw;
/*	border-bottom: 1px solid #e1e1e1;	*/
}
.wrapper .contBox .mainCont .subBox  .subCont  ul  > li > dl > dd {
	float: left;
	border-bottom: 1px solid #e1e1e1;
	padding: 3vw 0px;
}
.wrapper .contBox .mainCont .subBox  .subCont  ul  > li > dl > dd:first-child {
	width: 30%;
	font-weight: 600;
	font-size: 3.5vw;
}
.wrapper .contBox .mainCont .subBox  .subCont  ul  > li > dl > dd:last-child {
	width: 68%;
}
.wrapper .contBox .mainCont .subBox  .subCont  ul  > li > dl > dd:last-child > input {
	width: 100%;
	border: none;
}

.wrapper .contBox .mainCont .subBox  .subCont  .resultBox {
	height: 70vw;
}
.wrapper .contBox .mainCont .subBox  .subCont  .resultBox > .resultTxt {
	margin: 30vw 0;
}
.wrapper .contBox .mainCont .subBox  .subCont  .resultBox > .resultTxt  > div {
	text-align: center;
	margin: 5vw 0;
	word-break: keep-all;
}
.wrapper .contBox .mainCont .subBox  .subCont  .agree_form > .agree_check {
	position: relative;
	padding: 2vw 0;
}
.wrapper .contBox .mainCont .subBox  .subCont   .agree_form > .agree_check > .agree_view  {
	position: absolute;
	top: 2vw;
	right: 1vw;
	border: 1px solid #e1e1e1;
	width: 15vw;
	text-align: center;
}
.wrapper .contBox .mainCont .subBox  .subCont  .resultBox > .resultTxt  > .sub_title {
	font-size: 5.0vw;
	font-weight: 600;
}
.wrapper .contBox .mainCont .subBox  .subCont  .resultBox > .resultTxt  > .sub_txt {
	font-size: 3.3vw;
}
.txt_bold {
	font-weight: 600;
}
.p3 {
	padding: 3vw 0;
}
.p5 {
	padding: 5vw 0;
}
.p10 {
	padding: 10vw 0;
}
.txt {
	font-size: 3.5vw;
}
.btnBox {
	margin: 5vw 0;
}
.btnBox ul li {
	width: calc(100% / 2 - 5px);
	display: inline-block;
}
.btnBox ul li button {
	width: 100%;
}
.btn {
	border-radius: 20px;
	height: 8vw;
	min-width: 33vw;
	border: 1px solid #ccc;
	font-size: 4vw;
	font-weight: 500;

}
.sbtn {
	height: 9vw;
	min-width: 23vw;
	border: none;
	font-size: 3.2vw;
	font-weight: 500;
	padding: 2vw 0;
}
.btn01 {	
	background: #ff0000;
	color: #fff;
}


.btn02 {
	background: #00376D;
	color: #fff;
	 padding: 0px 10px;
}
.btn03 {
	background: #fff;
	 padding: 0px 10px;
	color: #333;
}
.btn04 {
	background: darkred;
	padding: 0px 10px;
	color: #fff;
}
.btn_small {
	border-radius: 2px;
	height: 8vw;
	border: 1px solid #ccc;
	font-size: 3.0vw;
	font-weight: 500;
}
.btn_none {
	border: none;
}
.off {
	display: none;
}

.item_list table {
	width: 100%;
	border-collapse: collapse;
	margin: 2vw 0;
}

.item_list table tbody tr td {
	position: relative;
	vertical-align: top;
}
.item_list table tbody tr td .item-info dt  {
	position: relative;
	margin-bottom: 2vw;
	line-height: 1.4;
	font-size: 3.2vw;
	font-weight: 600;
	color: #001D3A;
	position: relative;
}
.item_list table tbody tr td .item-info dd  {
	position: relative;
	margin-bottom: 2vw;
	line-height: 1.4;
	font-size: 3.0vw;
	font-weight: 600;
	color: #333;
}
.item_list table tbody tr td .item-info dd p {
	line-height: 24px;
}

.item_list table tbody tr td .item-info dd input {
	width: 93%;
	height: 4vw;
	padding: 2vw;
}
.item_list table tbody tr td .item-info dd select {
	max-width: 100%;
}

.item_list table tbody tr td .item-info dt i {
	color: #ff0000;
	vertical-align: middle;
}
.fileBox {
	position: absolute;
	top: 0px;
	left: 0px;
}	
.reg_list,
.reg_item
{
	margin: 2vw 0;
}
.reg_item .item_list li {
	display: inline-block;
	width: calc(100% / 3 - 2vw - 1px);
	margin: 1vw 0.5vw;
	text-align: center;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	padding: 1.5vw 0;

	word-break: keep-all;
	vertical-align: top;
}
.reg_item .item_list li.small_str {
	font-size: 3.0vw;
}
.reg_list li {
	float: left;
	width: calc(100% / 3 - 0.5vw);
	text-align: center;
	border-right: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 1.5vw 0;
	background: #f8f8f8;
	word-break: keep-all;

}
.reg_list li:first-child {
	border-left: 1px solid #e1e1e1;
}
.reg_list li:nth-child(3n+1) {
	border-left: 1px solid #e1e1e1;
}
.reg_list li.on {
	background: #00376D;
	color: #fff;
}

.reg_item > table {
	border-collapse: collapse;
	border: 1px solid #e1e1e1;
	width: 100%;
}
.reg_item > table > tbody > tr > td {
	width: 33%;
	text-align: center;
	padding: 2vw 2vw;
	background: #f8f8f8;
	border: 1px solid #e1e1e1;
	word-break: keep-all;
	font-weight: 500;
	font-size: 3.2vw;
}

.reg_box {
	border: 1px solid #e1e1e1;
	padding: 1vw;
	margin: 1vw 0;
	background: #f8f8f8;
}
.reg_box .input-check {
	margin: 1vw;
}
.est_list {
	margin: 4vw 0;
	padding: 4vw 0;
}
.est_list > table {
	width: 100%;
}

.est_list > table > tbody > tr > td > .est-info {

/*	padding: 2vw 0;
	border-bottom: 1px solid #e1e1e1; 
*/
}

.est_list > table > tbody > tr > td > .est-info > dt  {
	font-size: 3.8vw;
	font-weight: 600;
}
.est_list > table > tbody > tr > td > .est-info > dd {
	padding: 2vw 0;
	font-weight: 500;
	font-size: 3.2vw;
	word-break: break-all;
}
.est_list > table > tbody > tr > td > .est-info > dd > input {
	width: 100%;
	padding: 3vw 0;
}
.est_list > table > tbody > tr > td > .est-info> dd > div {
	padding: 1vw 0;
}
.est_list > table > tbody > tr > td > .est-info> dd > div > select {
	width: 100%;
	min-height: 6vw;
	background: #fff;
}

.est_list > table > tbody > tr > td > .est-info> dd > ul > li {
	display: inline-block;
	width: calc(100% / 2 - 6vw);
	border: 1px solid #e1e1e1;
	height: 8vw;
	line-height: 8vw;
	margin: 0 2vw;
}

.est_list > table > tbody > tr > td > .est-info> dd > ul > li.on {
	background: #0a4c8f;
	color: #fff;
}
/*  체크인/체크아웃 달력 */
.cal_box > .cal_head {	
	padding: 2vw 0;
	position: relative;
}
.cal_box > .cal_head > .prev {
	position: absolute;
	top: 2vw;
	left: 0;
}
.cal_box > .cal_head > .next  {
	position: absolute;
	top: 2vw;
	right: 0;
}
.cal_box > .cal_head > span > img {
	width: 5vw;
}
.cal_box > .cal_week > ul > li {
	float: left;
	width: calc(100% / 7 - 0.6vw);
	border: 1px solid #e1e1e1;
	height: 7vw;;
	line-height: 7vw;
	text-align: center;
	font-weight: 500;
	cursor: pointer;
}
.cal_box > .cal_week > ul:first-child > li {
	background: #fff;
	font-weight: 500;

}
.cal_box > .cal_week > ul > li.rev_off {
	background: #f8f8f8;
	color: #ccc;
	font-weight: 400;
}
.cal_box > .cal_week > ul > li.on {
	background: #f8f8f8;
}

.check_date.on {
	background: #f96340;
	color: #fff;
}

/* Corp Page */
.corpBox {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 5vw;
}
.corpBox > .sub_title {
	font-weight: 600;
	text-align: center;
}
.corpBox > .sub_title > .small_title {
	font-weight: 400;
	color: #999;
}
.last-div {
	padding-bottom: 5vw;
	border-bottom: 1px solid #e1e1e1;
}
.last-div2 {
	padding-bottom: 2vw;
	border-bottom: 1px solid #e1e1e1;
}
.corpBox > .corp_menu > ul > li {
	display: inline-block;
	width: calc(100% / 2 - 2vw);
	background: #fff;
	text-align: center;
	border: 1px solid #e1e1e1;
	padding: 2vw 0;
	margin-bottom: 2vw;
	font-size: 3.2vw;
	font-weight: 600;
	color: #474747;
}
.corp_item > table > tbody > tr > td {
	border-bottom: 1px solid #e1e1e1;
	padding-top: 1vw;
}
.board_div {
	position: relative;
}
.board_div table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #e1e1e1;
}
.board_div table thead tr th {
	text-align: center;
	font-size: 3.2vw;
	font-weight: 600;
	color: #001d3a;
	padding: 2vw 0vw;
	background: #eee;
	border: 1px solid #e1e1e1;
}
.board_div table tbody tr th {
	text-align: center;
	background: #f8f8f8;
	border: 1px solid #e1e1e1;
}
.board_div table tbody tr td {
/*	font-size: 3.0vw;	*/
	font-weight: 500;
	padding: 3vw 1vw;
	background: #fff;
	border: 1px solid #e1e1e1;
	word-break: keep-all;
}

.small_txt {
	font-size: 3.6vw;
}

.s_txt {
	font-size: 3.0vw;
}
.est-info > ul > li {
	display: inline-block;
	width: calc(100% / 2 - 6vw);
	border: 1px solid #e1e1e1;
	height: 8vw;
	line-height: 8vw;
	margin: 1vw 2vw;
	background: #0a4c8f;
	color: #fff;
	text-align: center;
	border-radius: 5px;
}	
.est-info > ul > li.active {
	background: darkgreen;
}
.est-info > .corp_txt {
	padding: 0 2vw;
}
.est-info > .corp_txt  > dd {
	list-style-position: inside;
	list-style-type: disc;
	padding-left: 2vw;
	word-break: keep-all;
	text-indent: -1.8vw;
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
	vertical-align: top;
	font-weight: 500;
	font-size: 3.5vw;
}
.est-info > .corp_txt  > dd > strong {
	font-size: 5vw;
}

.pagination {
	text-align: center;

}
.pagination ul {
	text-align: center;
}
.pagination ul li {
	display: inline-block;
	width: 6vw;
	height: 6vw;
	line-height: 6vw !important;
	border-radius: 3px;
	font-size: 2.2vw;
	font-weight: 500;
	margin: 0 1vw;
	border: 1px solid #ccc;

}
.pagination ul li.on {
	background: #00376D;
	color: #fff !important;
}

.item-info > dd > ul > li {
	display: inline-block;
	width: calc(100% / 2 - 6vw);
	border: 1px solid #e1e1e1;
	height: auto;
	line-height: 8vw;
	margin: 1vw 2vw;
}
.item-info > dd > ul > li.active {
	background: #00376D;
	color: #fff;
}	
.item-info > dd > ul > li.check {
	background: #f39800;
	color: #fff;
}

.item-info > dd > p {
	font-weight: 500;
	font-size: 3.0vw;
	padding: 0.5vw 0;
	word-break: keep-all;
}
.pop_box {
	position: fixed;
	top: 0px;
	left: 0px;
	background: url('/images/layer_bg.png');
	background-size: 100% 100%;
	background-position: center center;
	height: 100%;
	width: 100%;
	text-align: center;
	display: none;
	z-index: 99;

}
.pop_div {
	width: 100%;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 90%;

	z-index: 100;
	display: none;
	border-radius: 5px;
	background: #fff;

}
.pop_inc {
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 auto;
	height: 5%;
	padding: 2vw;
	z-index: 100;

}
.pop_close::after {
	content: "X";
	background: #bbb;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 5px 10px;
	border: 1px solid #bbb;
	border-radius: 50%;
	cursor: pointer;
}
.sub_txt {
	font-size: 2.5vw;
}
.s_title {
	font-size: 3.3vw;
	min-height: 10vw;

}

.reg_item .fn {
	background: #0a4c8f;
	color: #fff;
}
.reg_item .fn_theme {
	background: #0a345f;
	color: #fff;
}
.reg_item .kr {
	background: #80a136;
	color: #fff;
}
.reg_item .kr_theme {
	background: #5f752f;
	color: #fff;
}


.img_bg_basic {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}

.photo_div > ul  > li {
	margin-bottom: 2vw;
	border: 1px solid #e1e1e1;
	padding: 2vw;
}
.corp_photo {
	width: 100%;
	height: 23vw;
	border: 1px solid #e1e1e1;
}

.photo_div > ul > li > .hot_info {
	float: left;

}
.photo_div > ul > li > .corp_photo {
	width: 45%;
	height: 24vw;
	border: none;
	vertical-align: top;
}

.photo_div > ul > li > .corp_info {
	width: 53%;
	padding-left: 2%;

}
.photo_div > ul > li > .corp_info > .s_title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
}
.photo_div  .s_txt {
	font-weight: 500;
	color: #545454;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; 
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.photo_sub_div > ul > li {
	float: left;
	width: calc(100% / 2 - 3.8vw);	
	margin-bottom: 2vw;
	vertical-align: top;
}
.photo_sub_div > ul > li:nth-child(2n)  {
	margin-left: 7vw;
}
.photo_sub_div > ul > li > .s_title {
	padding: 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;

}
.photo_sub_div > ul > li > .s_txt {
	font-weight: 500;
	color: #545454;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

}

.viewBox > ul > li > img {
	float: left;
	margin-right: 3vw;
	width: 34vw;
	height: 25vw;
	border: 1px solid #e1e1e1; 
}
.viewBox .view_txt {
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5; 
	-webkit-box-orient: vertical;
}

.schedule > ul > li {
	border-bottom: 1px solid #e1e1e1;
	padding: 2vw 0;
}
.schedule > ul > li > .incBox {
	float: left;
	width: calc(100% / 2 - 3vw);
	margin: 0 1vw;
}
.schedule > ul > li > .incBox > dl > dt {
	text-align: center;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	background: #f8f8f8;
	padding: 1vw 0;
}
.schedule > ul > li > .incBox > dl > dd {
	padding: 1vw;
	border: 1px solid #e1e1e1;
	word-break: keep-all;
}

.schedule > ul > li > .sub_photo {
	display: inline-block;
	width: calc(100% / 2 - 3vw);
	margin: 1vw;
	vertical-align: top;
}
.search_form {
	border-bottom: 1px solid #474747;
	width: 70%;
	margin: 0 auto;
	padding-bottom: 1vw;
}
.search_keyword {
	width: calc(100% - 11.0vw);
	padding: 1.7vw 1vw;
	border: none; 
	background: #f8f8f8;
}
.search_form button  img {
	width: 7vw;

}
.bbs_list {
	border-top: 2px solid #0a4c8f;
}
.bbs_list .item-div dt {
	padding: 0vw 2.5vw;
}
.bbs_list .item-div dd {	
	font-size: 2.8vw;
	padding: 1vw 2.5vw;
	color: #474747;

}
.bbs_list .item-div dd img {
	vertical-align: middle;
}
.bbs_div > table {
	width: 100%;
	border-collapse: collapse;
}
.bbs_div > table > tbody > tr > td > dl > dt {
	border-bottom: 1px solid #ccc;
	padding: 3vw 0;
	font-size: 3vw;
	vertical-align: top;
}
.bbs_div > table > tbody > tr > td > dl > dd {
	float: left;
	border-bottom: 1px solid #ccc;
	padding: 3vw 0;
	font-size: 3vw;
	height: 5vw;
	vertical-align: top;
}
.bbs_div > table > tbody > tr > td > dl > dd:first-child {
	width: 20%;
}
.bbs_div > table > tbody > tr > td > dl > dd:last-child {
	width: calc(80% - 2vw);
}
.bbs_div > table > tbody > tr > td > dl > dd > input {
	width: 100%;
	padding: 0.3vw 0;
	border: none;
}



.board_write {
	border-top: 2px solid #0a4c8f;
	margin: 2vw 0;
}
.board_write > table {
	border-collapse: collapse;
	width: 100%;
}
.board_write > table > tbody > tr > th,
.board_write > table > tbody > tr > td
{
	border: 1px solid #e1e1e1;
	padding: 2vw 0;
}
.board_write > table > tbody > tr > th {
	background: #f8f8f8;
	text-align: center;
}
.board_write > table > tbody > tr > td {
	padding: 0 2vw;
	word-break: break-all;
	background: #fff;
	font-weight: 500;
}
.board_write > table > tbody > tr > td  > .note {
	word-break: break-all;
}

.dis_bg {	
	background: #f8f8f8;
}

.thumb {
	width: 8vw;
	height: 8vw;
}

/* 사용자가이드 */
.guide_tab {
	margin: 0 auto;
	margin-left: 4vw;
	margin-right: 4vw;
	margin-bottom: 2vw;
}
.guide_tab > ul > li {
	float: left;
	width: calc(100% / 3 - 5vw);
	padding: 2vw 0;
	border: 1px solid #e1e1e1;
	margin: 1vw 2vw;
	text-align: center;
	background: #fff;
	font-size: 3.0vw;
	font-weight: 500;
}
.guide_tab > ul > li.on {
	background: #00376D;
	color: #fff;
}
.tour_tab > ul > li {
	float: left;
	width: calc(100% / 2 - 2vw);
	padding: 2vw 0;
	text-align: center;
	font-weight: 500;
	border-radius: 5px;
	margin-bottom: 2vw;
	background: #f2f2f2;
}

.tour_tab .fn_tour {
	background: #0a4c8f;
	color: #fff;
}
.tour_tab .kr_tour {
	background: #80a136;
	color: #fff;
}
.tour_tab > ul > li:first-child {
	margin-right: 1vw;
}
.tour_tab > ul > li:last-child {
	margin-left: 1vw;
}
.tour_tab .active {
	background: #db271a;
	color: #fff;
}

.innerBox {
	border: 1px solid #e1e1e1;
	padding: 2vw;
}
.menuPop {
	position: fixed;
	top: 0px;
	left: 0px;
	background: url('/images/layer_bg.png');
	background-size: 100% 100%;
	background-position: center center;
	height: 100%;
	width: 100%;
	text-align: center;
	display: none;
	z-index: 99;

}
.menuLayer {
	display: none;
	position: fixed;
	width: 70%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	background: #777;
}
.menu_box {
	width: 100%;
	background: #fff;
}
.menu_box > ul > li {
	padding: 3vw 4vw;
	font-size: 3.5vw;
	border-bottom: 1px solid #e87067;
	background: #db271a;
	color: #fff;
	position: relative;
}
.menu_box > ul > .top_menu {
	background: #222;
}
.menu_box > ul > li > .menu_close {
	position: absolute;
	top: 3vw;
	right: 5vw;
	width: 4vw;
	height: 4.5vw;
	z-index: 99;	
}
.menu_box > ul > li > img {
	position: absolute;
	top: 3vw;
	right: 5vw;
	width: 2vw;
	height: 4vw;
	z-index: 99;
	
}

.photo_view {
	height: 20vw;
}