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

#boardSkin {max-width:1200px; margin:0 auto;}
#boardSkin input { vertical-align:middle;}
#boardSkin select { background:#ffffff; border:1px solid #e0e0e0; vertical-align:middle; }
#boardSkin .textForm { background:#ffffff; border:1px solid #e0e0e0; padding:3px; }
#boardSkin textarea { background:#ffffff; border:1px solid #e0e0e0;  resize:none;}
#boardSkin .middleCon { vertical-align:middle;}
#boardSkin a { color:#333333; }
#boardSkin a:hover { color:#00b2c0; text-decoration:underline;}
#boardSkin .clr { clear:both;}

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

#boardList {width:100%; margin-top:60px}
#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 {position:relative; max-width:1200px; margin:0 auto; padding-left:320px;}
#boardView .contArea {padding:60px 40px 50px;}
#boardView .contents {padding-bottom:35px; border-bottom:1px solid #eaeaea;}
#boardView .contArea img {max-width:100%;}
#boardView .leftArea {position:absolute; top:0px; left:50%; z-index:1; width:320px; height:100%; margin-left:-600px; border-right:1px solid #c1c1c1; color:#333333;}
#boardView .leftArea.fixed {position:fixed; top:50px; overflow:hidden;}
#boardView .leftArea .inwrap1 {position:absolute; top:0; left:0; width:100%; height:1000px;}
#boardView .leftArea .inwrap2 {padding:90px 40px 500px;}
#boardView .leftArea .title1 {font-size:24px; line-height:1.2;}
#boardView .leftArea .title2 {font-size:32px; font-weight:700; line-height:1.2;}
#boardView .leftArea .date {padding-top:17px; font-size:18px; font-weight:500;}
#boardView .leftArea .ing {padding-top:17px; font-size:20px; font-weight:500;}

#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:42px;}
#event_consult .twrap {margin-top:12px;}
#event_consult .twrap2 {margin-top:12px;}
#event_consult select {width:100%; border:1px solid #333333; height:64px; padding:10px 10px 10px 20px; font-size:16px; color:#333333;}
#event_consult input[type="text"] {width:100%; border:1px solid #333333; height:64px; padding:0 20px; font-size:16px; color:#333333;}
#event_consult .agree {margin:10px 0;}
#event_consult .btn_submit {width:100%; height:64px; border:0; font-size:20px; color:#fff; background:#ff5073;}

@media (max-width: 1200px) {
	#boardView .leftArea {left:0; margin:0;}
}

/*################################# 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;}