@charset "utf-8";
/* 공통 */
.img_wrap {margin-bottom:40px; width:100%; height:350px; background:#555555; color:#ffffff; font-size:20px; text-align:center;}
.margin_cle {margin-top:0px !important;}

/* information 시설이용안내 */
#detail_con .top_box {width:100%; padding:20px 0; font-size:16px; line-height:26px; color:#000000; text-align:center; border-top:2px solid #333333; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; box-sizing:border-box; background:url('/open_content/peace/images/boxwrap_bg.jpg') right bottom no-repeat;}
#detail_con .top_box strong {color:#7f0d15; font-weight:normal; font-size:16px;}
#detail_con .top_box>span {display:block; font-size:16px;}
#detail_con .box_sub {margin:10px 0 50px 0;}
div.information>div {margin:55px 0; border-bottom:1px solid #dddddd;}
div.information div.check {padding-left:165px; background:url('/open_content/peace/images/info_icon01.jpg') left top no-repeat;}
div.information div.funny {padding-left:165px; background:url('/open_content/peace/images/info_icon02.jpg') left top no-repeat;}
div.information div.notice {padding-left:165px; background:url('/open_content/peace/images/info_icon03.jpg') left top no-repeat;}
div.information>div>div {margin-bottom:55px;}
div.information p.tit {margin-bottom:15px; padding-bottom:15px; color:#7f0d15; font-size:20px; line-height:20px; background:url('/open_content/peace/images/info_bar.jpg') left bottom no-repeat;}
div.information ul.con>li {color:#333333; font-size:15px; line-height:26px;}
div.information ul.con>li.sub {color:#777777; font-size:14px;}

/* room 10인실 5인실 */
.room {overflow:hidden;}
.room>p {float:right;}
.room>div {width:330px; float:left;}


/* location 찾아오시는 길 */
div.map {margin-top:75px !important;; margin-bottom:30px; width:100%; height:400px; background:#555555; color:#ffffff; font-size:20px; text-align:center;}


/* 알림 페이지 (준비중,예약완료 등) */
div.alert {padding:50px 0; width:100%; color:#000000; text-align:center; border-top:2px solid #333333; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; box-sizing:border-box; background:url('/open_content/peace/images/boxwrap_bg.jpg') right bottom no-repeat; font-size:16px; line-height:26px;}
div.alert>p.tit {margin-top:30px; padding-bottom:10px; background:url('/open_content/peace/images/info_bar.jpg') center bottom no-repeat; color:#7f0d15; font-size:30px;}
div.alert>p.con {margin-top:15px;}
div.alert>p.con>span {display:block;}

/* 예약안내 */
.resve_link {margin:0 auto; margin-top:20px; width:225px; height:45px; line-height:45px; background:#bf1f36;}
.resve_link a {color:#ffffff;}

/*****************************************************************************************************************************************************************************************/

/*1280*/
@media all and (max-width:1280px) { 
}

/*1140*/
@media all and (max-width:1139px) { 
}

/*980*/
@media all and (max-width:980px) { 
div.map {margin-top:0px !important;}
.room>p {margin-bottom:40px;}
.room>p>img {width:100%;}
.resve {margin-top:50px !important;}
}

/*768*/
@media all and (max-width:768px) {
#detail_con p.top_box {padding:20px 30px; font-size:14px;}
#detail_con p.top_box span {display:inline; font-size:14px;}
#detail_con p.top_box strong {font-size:14px;}
div.alert>p>img {width:25%;}
div.alert {padding:50px 30px;}
div.alert>p.con span {display:inline;}
div.alert>p.tit {font-size:25px;}
div.information div.check {padding:165px 0 0 0; background:url('/open_content/peace/images/info_icon01.jpg') center top no-repeat;}
div.information div.funny {padding:165px 0 0 0; background:url('/open_content/peace/images/info_icon02.jpg') center top no-repeat;}
div.information div.notice {padding:165px 0 0 0; background:url('/open_content/peace/images/info_icon03.jpg') center top no-repeat;}

}

/*mobile*/
@media all and (max-width:480px) {
div.alert>p>img {width:35%;}
}