@charset "utf-8";
/* CSS Document */

#boardSkin {margin-top:215px; width:100%; font-size: 17pt; color: #333333; font-family:'Nanum Gothic',monospace; - See more at:}
body.includeTopBanner #boardSkin {margin-top: 272px;}
#boardSkin,
#boardSkin a { color:#333; font-weight:normal; text-decoration:none;}

#boardSkin input, #boardSkin textarea, #boardSkin button { outline:none; vertical-align:middle;}
/** #boardSkin input, #boardSkin input, #boardSkin textarea, #boardSkin button { -webkit-appearance:none; -moz-appearance:none; appearance:none; vertical-align:middle;} **/ <!-- 폼요소 디바이스의 디자인 초기화 -->
/** #boardSkin input, #boardSkin input, #boardSkin textarea, #boardSkin button, #boardSkin select { -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;} **/ <!-- 둥근모서리 제거 -->
#boardSkin img { vertical-align:middle;}
#boardSkin select { background:#ffffff; border:1px solid #e0e0e0; padding:2px; vertical-align:middle; height:38px; font-size:15pt;}
#boardSkin .textForm { background:#ffffff; border:1px solid #e0e0e0; padding:3px; height:36px; font-size:15pt;}
#boardSkin textarea { background:#ffffff; border:1px solid #e0e0e0;  resize:none; font-size:15pt;}
#boardSkin .clr { clear:both;}


/*############################################################# 리스트 #############################################################*/

#boardList {width:100%; margin-top:55px;}
#boardList li img {width:100%;}
#boardList li+li {margin-top:24px;}




/*############################################################# 버튼영역 #############################################################*/

#boardSkin .btnArea_list { text-align:right; position:relative;}
#boardSkin .btnArea { text-align:center;}
.btnArea2 { text-align:right; padding-top:20px;}
#boardSkin .btnArea3 { text-align:center; padding-top:20px;}




/*################################# view #################################*/
#boardView {}
#boardView .contArea {padding:260px 0 50px;}
#boardView .contents {padding-bottom:35px; border-bottom:1px solid #eaeaea;}
#boardView .contArea img {max-width:100%;}
#boardView .title1 {font-size:24px; line-height:1.2;}
#boardView .title2 {font-size:32px; font-weight:bold; line-height:1.2;}
#boardView .date {padding-top:15px; font-size:18px; font-weight:bold; color:#333333;}
#boardView .contents {margin-top:25px;}

#event_slider {position:relative; margin-top:50px; width:241px; height:318px;}
#event_slider .slider_wrap {overflow:hidden; width:241px; height:257px;}
#event_slider img {display:block; width:241px; height:257px;}
#event_slider #bx-prev {position:absolute; top:272px; left:50%; z-index:100; margin:0; margin-left:-49px;}
#event_slider #bx-next {position:absolute; top:272px; right:50%; z-index:100; margin:0; margin-right:-49px;}
#event_slider #bx-prev a, #event_slider #bx-next a {display:block; overflow:hidden; width:46px; height:46px; text-indent:-999px;}
#event_slider #bx-prev a {background:url('../images/btn_event_prev.png') no-repeat;}
#event_slider #bx-next a {background:url('../images/btn_event_next.png') no-repeat;}

#event_consult {margin-top:80px; padding:60px 30px; background:#ebebec;}
#event_consult .twrap {margin-top:12px;}
#event_consult select {width:100%; border:1px solid #ff5073; height:70px; padding:10px 10px 10px 20px; font-size:24px; color:#333333; background:#fff;}
#event_consult input[type="text"] {width:100%; border:0; height:70px; padding:0 20px; font-size:24px; color:#333333;}
#event_consult .agree {margin:30px 0; font-size:22px; color:#939393; text-align:center;}
#event_consult .agree p {display:inline-block;}
#event_consult .agree p+p {margin-left:20px;}
#event_consult .btn_submit {width:100%; height:90px; border:0; font-size:30px; font-weight:bold; color:#fff; background:#ff5073;}


.btn_consult_fixed {position:fixed; left:0; bottom:0; width:720px; height:90px; border:0; font-size:30px; font-weight:500; color:#fff !important; text-align:center; line-height:90px; background:#ff5073;}

/*################################# write #################################*/

#boardSkin .agreeBox { background:#f8f8f8; border:1px solid #dddddd; padding:20px;}
#boardSkin .agreeBox .agreeText { height:120px; overflow:auto; line-height:150%;}
#boardSkin .agreeBox p { padding-top:15px; text-align:center;}

#boardSkin #writeForm { border-top:2px solid #000000; margin-top:20px;}
#boardSkin #writeForm th,
#boardSkin #writeForm td { border-bottom:1px solid #dfdfdf; padding:7px 0; text-align:left;}
#boardSkin #writeForm th { font-weight:400; color:#585858; padding-left:15px;}
#boardSkin #writeForm td .tt { font-size:12px; color:#499fcb; letter-spacing:0; margin-left:10px;}


/*################################# 상담폼 #################################*/

#bottom_counsel{overflow:hidden; width:1100px; height:297px; margin:70px auto 70px; background:url('../images/counsel_bg.jpg');}
#bottom_counsel .kakao{float:right;}
#bottom_counsel .form_wrap{float:left; overflow:hidden; position:relative; width:580px; margin-top:34px; margin-left:39px;}
#bottom_counsel .form_wrap .top_txt{margin-bottom:20px;}
#bottom_counsel table{float:left; width:361px;}
#bottom_counsel table th{padding-top:6px; font-size:14px; color:#ffffff; text-align:left; vertical-align:top;}
#bottom_counsel table td{padding:3px 0px;}
#bottom_counsel .row{overflow:hidden;}
#bottom_counsel .row select, #bottom_counsel .row input{float:left; width:90px; margin-left:7px;}
#bottom_counsel .row select:first-child, #bottom_counsel .row input:first-child{margin-left:0px;}
#bottom_counsel .input01{height:23px; border:0px; padding:0px 5px; margin:0px; line-height:21px; background:#dfdfdf;}
#bottom_counsel .select01{height:23px; border:0px; padding:2px; background:#dfdfdf;}
#bottom_counsel textarea{width:100%; height:80px; border:0px; padding:0px 5px; margin:0px; background:#dfdfdf;}
#bottom_counsel .size01{width:100%;}
#bottom_counsel input,#bottom_counsel select, #bottom_counsel textarea{box-sizing: border-box; webkit-box-sizing: border-box; moz-box-sizing: border-box;}
#bottom_counsel .btn_wrap{position:absolute; bottom:2px; right:0px; width:198px;}
#bottom_counsel .btn_privacy {font-family:'돋움',Dotum; font-size:11px; color:#fae304;}
#bottom_counsel .btn_privacy:hover{color:#fae304; text-decoration:none;}
#bottom_counsel .btn_wrap p{padding:0 0 5px 0; font-family:'돋움',Dotum; font-size:11px; color:#ffffff;}

/* 이벤트 빠른비용상담 */
.eventConsultShadow {
	display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 720px;
    height: 100vh;
	background: rgba(0,0,0,0.5);
	z-index: 1002;
}
.eventConsultWrapper #event_consult {
    position: fixed;
    bottom: 0;
	bottom: -100%;
    left: 0;
    width: 720px;
	z-index: 1003;
	font-family: 'Noto Sans KR', '돋음', sans-serif;
    font-style: normal;
    font-weight: 300;
	letter-spacing: -1px;
    background: #fff;
    border-radius: 30px 30px 0 0;
	padding: 96px 40px 60px;
	box-sizing: border-box;
	z-index: 1003;
	-webkit-ransition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.eventConsultShadow.on {
	display: block;
}
.eventConsultWrapper #event_consult.on {
	bottom: 0;
}
.eventConsultWrapper .eventConsultClose {
    position: absolute;
    top: 25px;
    right: 40px;
	width: 60px;
	height: 60px;
	background: url(http://www.ppeum1.com/m/images/common/icon_close.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
    cursor: pointer;
}
.eventConsultWrapper #event_consult input[type="text"] {
	width: 100%;
	height: 122px;
	border: 1px solid #535353;
	font-size: 36px;
	font-weight: 400;
	letter-spacing: -3px;
	color: #0d0d0d;
	padding: 0 43px;
}
.eventConsultWrapper #event_consult .agree p {
	position: relative;
}
.eventConsultWrapper #event_consult .agree p label {
    position: relative;
    padding-left: 42px;
    outline: 0;
	font-size: 24px;
	font-weight: 500;
	color: #535353;
}
.eventConsultWrapper #event_consult .agree p label:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 32px;
    height: 32px;
	background: #e8ecef;
    border-radius: 50%;
}
.eventConsultWrapper #event_consult .agree p input[type=checkbox] {
    position: absolute;
    top: -1px;
    left: 0;
    opacity: 0;
}
.eventConsultWrapper #event_consult .agree p input[type=checkbox]:checked + label:before {
    background: #fe2c6b;
}
.eventConsultWrapper #event_consult .agree p a {
	position: relative;
	top: -2px;
	font-size: 22px;
	font-weight: 400;
	color: #fe2c6b;
	margin-left: 10px;
	margin-right: 20px;
}
.eventConsultWrapper .btn_submit {
	width: 640px;
    height: 122px !important;
    font-size: 36px !important;
    font-weight: 500 !important;
    letter-spacing: -2px;
    color: #fff;
    background: #fe2c6b !important;
    margin-top: 23px;
}

/* 이벤트 게시판 수정 2019-10-23 */
#boardView * {
    font-family: 'Noto Sans KR','돋음', sans-serif;
}
#boardView .contArea {
    padding-top: 300px;
}
#boardView .title1,
#boardView .date {
    font-size: 30px;
	font-weight: 300;
	letter-spacing: -2px;
	color: #545454;
	text-align: center;
}
#boardView .title2 {
	font-size: 48px;
	font-weight: 500;
	letter-spacing: -4px;
	color: #000;
	text-align: center;
	margin: 6px 0 -8px;
}
#boardView .buttonWrapper {
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: -9px;
}
#boardView .buttonWrapper li {
	width: 50%;
	float: left;
	height: 110px;
	line-height: 110px;
	border: 1px solid #e3e3e3;
	border-left: 0;
	text-align: center;
	cursor: pointer;
}
#boardView .buttonWrapper li:first-child {
	border-left: 1px solid #e3e3e3;
}
#boardView .buttonWrapper li span {
	position: relative;
	display: inline-block;
	font-size: 30px;
	font-weight: 400;
	color: #000;
	letter-spacing: -1px;
	background-image: url(/m/board/images/icon_share.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 46px;
}
#boardView .buttonWrapper li:first-child span {
	background-image: url(/m/board/images/icon_list.png);
	padding-left: 67px;
}