/*.cs-center-title .top-cs-border{ border-top:10px solid #b36f71; padding-top:10px; width:55px; height:0px;}
.cs-center-title p { color:#404040; font-size:18px; font-weight:bold;}*/

.cs-center-sub-list { margin-top: 41px; font-size: 14px; border-top: 1px solid #1e1e1e; border-bottom: 1px solid #343434;}
.cs-center-sub-list1, .cs-center-sub-list2, .cs-center-sub-list3, .cs-center-sub-list4 { padding: 7px 0 7px; border-bottom: 1px solid #1e1e1e; border-top: 1px solid #343434; color: #636363; font-weight:bold; font-size: 12px;}
ul.cs-center-sub-list li a { font-size: 18px;}
ul.cs-center-sub-list li a:hover { color: #FFFFFF;}
ul.cs-center-sub-list li a:link { color: #FFFFFF; text-decoration: none;}
ul.cs-center-sub-list li a:visited { color: #FFFFFF;}
ul.cs-center-sub-list li:hover { background: url('/images/gradient.png') repeat-x; cursor: pointer !important; color: #be474a;}

/*상담과제안, 패밀리카드 공통*/
.familycard-content .top-content-border,.inquiry-content .top-content-border{margin-bottom:50px;}
/* cs_center faq start */
.faq-content { padding: 50px 50px 200px 70px;}
.faq-search-area { overflow: hidden; margin-bottom: 12px;}

#faqSearchForm { display: inline-block; float: right; width: 328px !important;}
.faq-list-head-mobile { display: none; background: #78bde9; width: 100%; padding: 12px 0; text-align: center; color: #ffffff; font-size: 14px; font-weight:bold;}
.faq-list-area table {border-top:2px solid #2784be;border-bottom:2px solid #2784be;}
.faq-list-left { background-color: #78bde9;  width: 130px;  text-align: center; vertical-align: middle; color: #ffffff; font-size: 18px; font-weight:bold; line-height: 1.2;}
.faq-search img { width: 180px !important; height: 30px;}
/*div.faq-top {float: left;}*/
div.faq-searchbox { float: right; margin-top: 11px;
}
.faq-search { float: left; background: url('/images/cs_center/search_box.png') no-repeat; width: 205px; height: 27px; margin-left: 19px;}
.faq-radio { float: left; vertical-align: super; margin-top: 5px; font-weight:bold; color: #07070d;}
.faq-radio-title { float: left; font-size: 0.75em; padding-right: 10px;}
.faq-radio-content { float: left; font-size: 0.75em;}
.faq-radio-title input, .faq-radio-content input { vertical-align: sub;}
.faq-radio-title input, .faq-radio-content input { *vertical-align: middle;}
.searchText-faq { position: absolute; width: 170px; height: 26px; border: none; margin-left: 1px; background: transparent; z-index: 10; line-height: 31px; padding-right: 6px;}
.faq-searchBtn { position: absolute; width: 26px; height: 31px; background: #FFFFFF; border: none; margin-left: 178px; opacity: 0; filter:alpha(opacity=0); cursor: pointer; overflow: visible;}
.faq-paging { /*float: right;*/ text-align: center;padding-top: 10px; /*width: 88px;*/ margin: 0 auto;}
.faq-left-row { /*float: left;*/ display: inline-block;cursor: pointer; vertical-align: top;}
.faq-paging-num { /*float: left;*/ display: inline-block; font-size: 12px; padding: 0 11px; vertical-align: top;}
.faq-right-row { /*float: left;*/ display: inline-block; cursor: pointer; vertical-align: top;}
.faq-paging-num span { vertical-align: top;}
.faq-paging-num span { *vertical-align: super;}
span.on_page { color: #ff2626 !important;}
div.no-result { border-bottom: 2px solid #e0e0e0; text-align: center; padding: 10px 0; color: #4c4c4c; font-size: 14px;}
.faq-list-middle { float:left; width: 1.2%; background-color: #FFFFFF;}
.faq-list-right { width: 100%; float: left; }
.faq-list-right ul { display: none; padding-top: 8px;}
.faq-list-right li div { font-size: 14px; line-height: 20px; color: #4c4c4c; background: url('/images/cs_center/q_mark.png') no-repeat left; padding-left: 17px; background-position-y: 3px; background-position-y: 2px \0/IE8; *background-position-y: 2px;}
.faq-list-right li ul li { padding: 0; border-top: none; padding: 8px;}
.faq-list-right li ul li p { font-size: 0.9em; line-height: 140%; padding: 8px;}
.faq-list-right li { border-top: 1px solid #e8e2e4; padding: 10px 0 10px 20px; /*padding: 9px 0 8px 20px;*/ cursor: pointer;}
.faq-list-right li ul li{ background-color: #eef3f6;}
.faq-list-right li:hover span {color: #a62a56;}
.q-mark { width: 14px !important; height: 13px;}
.faq-bottom { margin-top: 20px; border-top: 2px solid #2784be; border-bottom: 2px solid #2784be;}
.faq-bottom-text { float: left;}
.faq-bottom-text p { font-size: 14px; font-weight:bold; color: #4c4c4c; padding: 22px 0 23px 75px; line-height: 1.5; word-spacing: -0.5px;}
.faq-mail-button { float: left; cursor: pointer; padding: 12px 0 11px 87px;}
/* cs_center faq end */

/* cs_center mail inquiry start */
.inquiry-content { padding: 10px 50px 10px 50px; overflow: hidden;}
.inquiry-top { float: left; padding-bottom: 13px;} 
.inquiry-title { width: 66px; float: left; font-size: 14px; font-weight:bold; color: #262626;}
.inquiry-top-text { float: right; font-size: 12px; font-weight:bold; color: #4c4c4c; margin-top: 26px;}
.inquiry-middle { width: 100%; overflow: hidden;}
.inquiry-middle-title { font-size: 24px; font-weight:bold; color: #3c3c3c;}
.inquiry-middle-text { font-size: 12px; line-height: 20px;}
.inquiry-middle-text-left { float: left;}
.inquiry-middle-text-right { float: right; color: #eb3159; font-size: 12px;}
.inquiry-middle-text-right img { padding-right: 3px; vertical-align: middle;}
.inquiry-member-info { border-top: 2px solid #2784be; border-bottom: 2px solid #e0e0e0;}
.inquiry-member-left-mobile { display: none;}
.inquiry-member-info-left { color: #ffffff; font-size: 16px; font-weight:bold; border-right: 1px dotted #dddddd; width: 130px; background: #78bde9; vertical-align: middle;}
.inquiry-top-table th { width: 76px; padding-left: 20px; font-size: 14px; font-weight:bold; color: #262626; vertical-align: middle;}
/*.inquiry-top-table td { padding: 8px 0;}*/
td.email-input { padding: 26px 0 20px;}
.inquiry-top-table input[type=text] { height: 22px; line-height:22px; border: 2px solid #e0e0e0; width: 24.4%; margin-right: 5px; text-align: center;}
.email-input span { vertical-align:/*\**/ sub; float: left; margin: 7px 3px; color: #e0e0e0;}
.email-input span { *vertical-align: super; float: left; margin: 7px 3px; color: #e0e0e0;}
/* wh 20141029 s */
.inquiry-top-table input.mail-address2 { display: none;}
.member-email, .mail-address2 { margin-right: 1% !important; float: left;}
/* wh 20141029 e */
.inquiry-top-table select { height: 32px; background: url('/images/cs_center/gradient1.png') repeat-x; border: none; width: 23.8%; margin-left: 5px; padding-left: 6px;}
.inquiry-top-table select { vertical-align:/*\**/ bottom;}
.inquiry-top-table select { *vertical-align: bottom;}
.email-title { float: left;}
.email-title img { vertical-align: middle; margin-top: -3px; padding: 0 1px;}
.phone-title { float: left;}
.inquiry-top-table td label.email-title { display: none; font-size: 14px; font-weight:bold; color: #262626;}
.inquiry-top-table td label.phone-title { display: none; font-size: 14px; font-weight:bold; color: #262626;}
.inquiry-member-email { padding-bottom: 20px;}
.inquiry-member-email span { font-size: 16px;}
.inquiry-member-email span img { padding-right: 3px; vertical-align: middle; margin-top: -3px;}
.inquiry-member-email input { margin-left: 36px; width: 25%;}
.inquiry-member-phone { padding-bottom: 20px; padding-left: 11px;}
.inquiry-member-phone span { font-size: 16px;}
.inquiry-member-phone input { margin-left: 2px;}
.inquiry-member-agree { font-size: 12px; font-weight:bold; color: #4c4c4c; padding: 10px 0 21px; line-height: 1.5;}
div.inquiry-member-agree > p.gray { color: #898989;}
div.inquiry-member-agree > p.gray > span	 { color: #3c3c3c;}
.agree-check { height: 13px !important; vertical-align: middle;}
.inquiry-content-area-left-mobile { display: none;}
.inquiry-content-area { border-bottom: 2px solid #2784be;}
.inquiry-content-left { font-size: 16px; font-weight:bold; color: #ffffff; border-right: 1px dotted #dddddd; width: 130px; background: #78bde9; vertical-align: middle;}
.inquiry-bottom-table th { width: 75px; padding-left: 20px; font-size: 14px; font-weight:bold; color: #262626; vertical-align: middle;}
td.content-title-input { padding: 20px 0 20px;}
.inquiry-bottom-table input[type=text] { height: 30px; border: 2px solid #e0e0e0; width: 97.7%; line-height: 31px; padding-left: 10px;}
.inquiry-content-title { float: left;}
.inquiry-content-content { float: left; position: relative; top: 5px;}
#inquiry_content { width: 96.2%; height: 173px; border: 2px solid #e0e0e0; font-size: 14px; color: #262626; padding: 10px;}
div.textNumChk { font-size: 12px; font-weight:bold; color: #262626; float: right; padding-top: 10px;}
div.fileupload-btn { position: relative; cursor: pointer; margin: 10px 0 0px;width: 100%;display: inline-block;}
div.fileupload-btn img{float: left;}
div.fileupload-txt { padding: 0 0 0 0px; font-size: 12px; color: #626262; line-height: 1.5; margin: 0px 0 10px;display: inline-block;width: 100%;}
#fileUpload { position: absolute; top: 0; left: 0; width: 130px; height: 40px; margin: 0; padding: 0; background: #FFFFFF; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
.inquiry-bottom-table td label.inquiry-content-title { display: none; font-size: 14px; font-weight:bold; color: #262626;}
.inquiry-bottom-table td label.inquiry-content-content { display: none; font-size: 14px; font-weight:bold; color: #262626;}
.inquiry-bottom { width: 430px; margin: 0 auto; margin-top: 10px;}
.inquiry-bottom div { float: left; position: relative; cursor: pointer;}
#submit { width: 205px; height: 40px; position: absolute; top: 0; left:0; background: #FFFFFF; opacity: 0; filter: alpha(opacity=0); cursor: pointer; z-index: 10;}
#submit-btn { width: 205px; height: 40px; position: absolute; top: 0; left:0; background: #FFFFFF; opacity: 0; filter: alpha(opacity=0); cursor: pointer; z-index: 10;}
div.inquiry-cancel { margin-left: 20px;}
/* cs_center mail inquiry end */

/* cs_center familycard start */

div.familycard-top-top {}
div.familycard-top-middle { color: #333233; font-size: 18px; font-weight:bold; line-height: 1.5; padding: 20px 0 39px;}
div.familycard-top-middle > p > span { color: #2784be;}
div.familycard-top-top > img { width: 100%;}
div.familycard-top-bottom { padding-bottom: 40px;}
.familycard-top-bottom > ul > li > h2 { color: #2784be; font-size: 24px; font-weight:bold; padding-bottom: 21px; word-spacing: -0.5px;}
.familycard-top-bottom > ul > li > ul > li { color: #333233; font-size: 14px; font-weight:bold; line-height: 1.5; word-spacing: -0.5px;}
.familycard-top-bottom > ul > li > ul > li > p { background: url(/images/cs_center/front_rect.png) no-repeat left; padding-left: 10px; background-position-y: 7px; padding-bottom: 5px;}
span.gray-color { color: #898989; font-size: 12px;}
.familycard-top-bottom > ul > li > ul > li.left { float: left; width: 47.5%; padding-right: 4.6%;}
.familycard-top-bottom > ul > li > ul > li.right { float: left; width: 47.5%;}
th.familycard-content-left { background: #b87577; color: #ffffff; font-size: 16px; font-weight:bold; width: 60px; padding: 0 35px; line-height: 1.4; vertical-align: middle;}
div.familycard-middle { border-top: 2px solid #a04345; border-bottom: 2px solid #a04345; margin: 12px 0 10px;}
.familycard-table tbody tr th { width: 80px; text-align: left; padding-left: 20px;}
.familycard-table tbody tr th span { font-size: 14px; font-weight:bold; color: #262626;}
td.familycard-name-area { padding-top: 26px;}
td.familycard-birth-area { padding: 20px 0 20px;}
td.familycard-phone-area { padding-bottom: 20px;}
.familycard-content-area-left-mobile { display: none;}
.familycard-table td label.familycard-name { display: none;}
.familycard-table td label.familycard-birth { display: none;}
.familycard-table td label.familycard-phone { display: none;}
input.familycard-name-input { border: 2px solid #e0e0e0; height: 24px; width: 31%;}
input.familycard-birth-input { border: 2px solid #e0e0e0;  height: 24px; width: 31%;}
.birth-placeHolder{ background: url('/images/cs_center/birth_text.png') no-repeat; background-position-x: 7px;  background-position-y: 7px;}
.removeFocusBg-birth{ background: none;}
input.familycard-phone1, input.familycard-phone2, input.familycard-phone3 { border: 2px solid #e0e0e0; width: 20%; height: 24px; text-align: center;}
div.familycard-confirm { position: relative; width: 100%; max-width: 430px; margin: 0 auto; cursor: pointer;}
div.familycard-confirm > img { width: 100%;}
#familycard-submit { width: 430px; height: 40px; position: absolute; top: 0; left: 0; background: #FFFFFF; opacity: 0; filter: alpha(opacity=0); cursor: pointer; z-index: 10;}
/* cs_center familycard end */

/* cs_center news_event start */
.news-event-top-title { float: left;}
.search-placeHolder{ background: url('/images/cs_center/search_text.png') no-repeat !important; background-position-x: 11px !important;  background-position-y: 7px !important;}
.removeFocusBg-search{ background: none !important;}
.news-event-contents { display:block; margin:0 auto; padding:10px 50px; font-weight:bold; color:#404040;}
.news-event-list { padding: 18px 0 18px; position: relative; min-height: 136px; /** wh **/ float: left;}
/** wh 20140623 s **/
.news-event-middle > div.news-event-list.lists1, .news-event-middle > div.news-event-list.lists2, .news-event-middle > div.news-event-list.lists4, .news-event-middle > div.news-event-list.lists5 { margin-right: 19.8px;}
/** wh 20140623 e **/
.news-event-thumb { width: 280px; float: left; cursor: pointer;}
.news-event-thumb img { width:100%;}
.news-event-article { max-width: 280px; margin-top: 12px;}
.news-event-title:hover span.contents-title { color: #a62a56 !important;}
.news-event-title { letter-spacing: -1px;
 width: 100%; height: 25px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; cursor: pointer;}
 .news-event-content { font-size: 14px; 
padding-top: 15px; 
font-weight:normal;
display: -webkit-box;
max-height: 90px;
line-height: 1.3;
letter-spacing: -0.5px;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;}
.news-event-date { padding-top: 8px;}
.news-event-more-btn { padding-top: 13px;}
.news-event-date p { color: #898989; font-size: 12px;}
.news-event-title span { font-size: 18px; font-weight:bold; color: #404040;}

.story-radio-title > input[type=radio], .story-radio-content > input[type=radio] { vertical-align: sub;}
.story-radio { float: left;}
.story-radio-title { float: left;}
.story-radio-content { float: left;}
.story-search { background: url('/images/cs_center/search_box.png') no-repeat; width: 205px; height: 27px;}
.searchText { position: absolute; width: 167px; height: 24px; padding-left: 11px; border: none; background: transparent; line-height: 25px;}
.story-searchBtn { position: absolute; width: 25px; height: 27px; background: #FFFFFF; border: none; margin-left: 179px; opacity: 0; filter:alpha(opacity=0); cursor: pointer;}
.left-row { float: left; cursor: pointer;}
.paging-num { float: left; cursor: pointer;}
.right-row { float: left; cursor: pointer;}
.paging { max-width: 88px; margin: 0 auto;} 
.news-event-top { margin-bottom: 13px; font-size:12px; font-weight:bold; color: #07070d; float: right;}
.story-type { float: left;}
.story-type-event { color: #a04244 !important;}
.story-type-news { color: #a04244 !important;}
.news-event-middle { border-top: 2px solid #be474a; border-bottom: 2px solid #be474a;}
.news-event-bottom { padding-top: 10px; font-size: 12px; margin: 0 auto; width: 85px;}
.story-radio2 { float: left;}
.story-radio-title2 { float: left;}
.story-radio-content2 { float: left;}
.story-radio-title2 > input[type=radio], .story-radio-content2 > input[type=radio] { vertical-align: sub;}
.story-search2 { background: url('/images/venus_story/search_box.png') no-repeat; width: 180px; height: 30px;}
.searchText2 { position: absolute;  width: 146px;  height: 26px; margin-left: 1px; border: none; background: transparent;}
.story-searchBtn2 { position: absolute;  width: 29px;  height: 29px;  background: #FFFFFF;  border: none; margin-left: 150px;  opacity: 0; filter:alpha(opacity=0);  cursor: pointer;}
.story-radio, .story-search,.story-radio2, .story-search2{ float:left; padding-right: 10px;}
.paging2 { float: right;}
.left-row2 { float: left; cursor: pointer;}
.paging-num2 { float: left; cursor: pointer;}
.right-row2 { float: left; cursor: pointer;}
.new-event-top-clear { clear: both;}

.news-event-top .story-radio, .news-event-bottom .story-radio2 {margin-top:6px;}
.news-event-top .paging2, .news-event-bottom .paging2 {margin-top:6px;}
.event-contents-top-top { border-bottom: 1px dotted #dddddd; padding: 5px 0;}
.event-contents-top-top span.first { float: left; text-align: center; padding: 0 12px 0 9px; border-right: 1px dotted #dddddd; }
.event-contents-top-top span.second { padding-left: 14px;}
.event-contents-top-top span.third { float: right; padding: 0 15px 0 13px; border-left: 1px dotted #dddddd;}
.event-contents-top-bottom span.first { float: left;  text-align: center; padding: 0 14px 0 17px;  border-right: 1px dotted #dddddd;}
.event-contents-top-bottom span.second { padding-left: 14px; color: #eb3159; font-weight:bold;}
.event-contents-top-bottom { border-bottom: 1px dotted #dddddd; padding: 5px 0;}
.event-contents-middle { font-size: 12px; color: #333333; text-align: center; padding: 40px 0 40px;}
.event-contents-middle > div { line-height: 1.5; letter-spacing: -0.5px; max-width: 550px; margin: 0 auto;}
.event-contents-middle > div img { width: inherit !important; height: inherit !important; max-width: 100%;}
.detail-title { line-height: 1.2; white-space: inherit; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.detail-content { font-size: 0.9em; float: left; margin-top: 20px; width: 560px; height: 45px;}
/* cs_center news_event end */

/* cs_center news_event detail start */
.detail-content-top-title { float: left;}
.event-contents { padding-bottom: 100px; color: #3c3c3c;}
div.detail-search-area { float: right; padding: 10px 0 13px; /*margin-top: 11px;*/}
.detail-radio-title > input[type=radio], .detail-radio-content > input[type=radio] { vertical-align: sub; *vertical-align: middle;}
.detail-radio { float: left; color: #07070d; font-size: 12px; font-weight:bold; margin-top: 5px; padding-right: 10px;}
.detail-radio-title { float: left; padding-right: 10px;}
.detail-radio-content { float: left;}
.detail-search { background: url('/images/cs_center/search_box.png') no-repeat; width: 205px; height: 27px; float: left; position: relative;}
.searchText-detail { position: absolute; width: 173px; height: 26px; left: 0; margin-left: 1px; padding-left: 5px; border: none; background: transparent;}
.detail-searchBtn { position: absolute;  width: 29px;  height: 29px;  background: #FFFFFF;  border: none; margin-left: 178px;  opacity: 0; filter:alpha(opacity=0);  cursor: pointer;}
.event-contents-top { font-size: 24px; font-weight:bold; color: #404040; border-top: 2px solid #78bde9; border-bottom: 2px solid #cdcdcd; line-height: 1.5;}
.event-contents-top > div.search-result { font-family: 'NanumGothic'; padding: 20px 0 20px 20px;}
.event-contents-top > div.search-result > span { font-weight:bold;}
.event-contents-top table tr { border-bottom: 1px dotted #dddddd;}
.event-contents-top table td { padding: 5px 0; line-height: 14px; vertical-align: middle;}
.event-contents-top table th { vertical-align: middle; font-weight:bold; color: #3c3c3c;}
.event-contents-top table th span.first-name { padding: 0 5px;}
.event-contents-top table td span.second { padding-left: 14px; border-left: 1px dotted #dddddd;}
.event-contents-top table td span.third-date { float: right; padding: 0 10px; border-left: 1px dotted #dddddd;}
.event-contents-top table td span.first-title { text-align: center; padding: 0 14px 0 17px;  border-right: 1px dotted #dddddd;}
.event-contents-top table td span.second-event { padding-left: 14px; color: #a62956; font-weight:bold; border-left: 1px dotted #dddddd; display: inline-block;}
.event-contents-top table td span.second-event span { color: #3c3c3c;}
.event-contents-top table td span.second-news { padding-left: 14px; color: #a65a38; font-weight:bold; border-left: 1px dotted #dddddd; display: inline-block;}
.event-contents-top table td span.second-news span { color: #3c3c3c;}
.event-contents-middle-bottom { max-width: 550px; margin: 0 auto; }
.event-contents-middle-bottom > img { width: 100%; margin-top: 40px;}
.event-contents-bottom { margin: 0 0 10px; padding: 10px 0 10px; border-top: 2px solid #78bde9; border-bottom: 2px solid #828282;}
div.detail-bottom-title { font-size: 18px; font-weight:bold; color: #404040; padding: 10px 0 10px;}
.detail-list { padding: 10px 0 10px; position: relative; overflow: hidden; float: left; height:154px;}
div.detail-list.list1, div.detail-list.list2, div.detail-list.list3, div.detail-list.list5, div.detail-list.list6, div.detail-list.list7, div.detail-list.list9, div.detail-list.list10, div.detail-list.list11 { padding-right: 19.8px;}
.detail-thumb { width: 205px; height: 104px;}
.detail-thumb img { width:99%; border: 1px solid #e0e0e0;}
div.detail-type { float: left; padding: 14px 0 2px 8px;}
.detail-top-title { float: left; padding: 20px 0 20px 3.1%; line-height: 1.2;}
.detail-title span { font-size:14px; font-weight:bold; color: #404040;}
div.detail-article { max-width: 205px; padding-top: 11px;}
.current_page{color:#eb512b;}
.current_page,.total_page{font-size:12px !important; vertical-align:super;}
.detail-title:hover span.contents-title { color: #a62a56 !important;}
/* cs_center news_event detail end */

/* 20160614 개인정보 수집 및 이용에 대한 동의 추가 */
.agreebox_title{
    margin-left: 3%;
}
.inquiry-agreebox {
    overflow: auto;
    width: 96.2%;
    height: 100px;
    border: solid 2px #e0e0e0;
    margin: 1% 0% 1% 3%;
}
.agree_txtbox{
	width:100%;
	display:inline-block;
}
.agree_txtbox input{
	float:right;
}
.agree_txt1{
	float:right;
}


@media all and (max-width: 1216px) {  
	div.detail-list { width: 48%; height: 100% !important;}	
	div.detail-list.list1, div.detail-list.list3, div.detail-list.list5, div.detail-list.list7, div.detail-list.list9, div.detail-list.list11 { padding-right: 4% !important;}
	div.detail-list.list2, div.detail-list.list4, div.detail-list.list6, div.detail-list.list8, div.detail-list.list10, div.detail-list.list12 { padding-right: 0 !important;}
	div.detail-article { max-width: 100% !important;}
	.detail-thumb { width: 100% !important; height: 100% !important;}
}

@media all and (max-width: 1178px) {  
	.inquiry-bottom-table input[type=text] { width: 97.5% !important;}
	#inquiry_content { width: 96% !important;}
}	

@media all and (max-width: 1120px) { 
	.faq-bottom-text { float: none !important; margin: 0 auto; width: 100%; max-width: 506px;}
	.faq-bottom-text p { padding: 22px 0 22px !important;}
	.faq-mail-button { float: none !important; width: 130px; margin: 0 auto; padding: 10px 0 10px !important;}
	.faq-mail-button img { width: 100% !important; height: inherit !important;}
}

@media all and (max-width: 1100px) {  
	.inquiry-bottom-table input[type=text] { width: 97% !important;}
	#inquiry_content { width: 94.8% !important;}
}	

@media all and (max-width: 980px) {  
	.sub-content-text.cs { width: 210px;}
	.cs-center-sub-list { display: none !important;}
}

@media all and (max-width: 820px) {
	div.fileupload-btn { float: none !important; margin: 10px 0 0 !important;}
	div.fileupload-txt { float: none !important; padding: 0 !important;}
}

/*  width ~760 */
@media all and (max-width: 768px) {
	.inquiry-bottom-table input[type=text] { width: 96% !important;}
	#inquiry_content { width: 93.5% !important;}
	.agree_txt1 {width: 90%;}
}

@media all and (max-width: 750px) {
	.news-event-contents { display:block; margin:0 auto; padding:15px 10px;}
}

@media all and (max-width: 700px) {
	.faq-mail-button { padding: 0px 0 10px;}
} 

/* width 640 */
@media all and (max-width: 640px) {
	
  .inquiry-bottom-table td label.inquiry-content-content {
    /*display: block;*/
    float: none;
    margin-bottom: 10px;
    top: 0;
  }
  .inquiry-member-info-left { display: none;}
  .inquiry-content-left { display: none;}
  .inquiry-bottom-table td label.inquiry-remamma-content { display: block; float: none; margin-bottom: 10px; top: 0;}

} 

/* width ~639 */
@media all and (max-width: 639px) {
	div.detail-type { float: none !important;}
	.detail-top-title { float: none !important; padding: 0px 0 12px 8px;}
} 

@media all and (max-width: 533px) {
	.detail-content-top-title { float: none !important;}
	div.detail-search-area { float: none !important;}
	div.detail-search-area { margin-bottom: 11px;}
}

@media all and (max-width: 480px) {
	.faq-list-area table th { display: none;}
	.faq-list-head-mobile { display: block !important;}	
	.faq-list-right li {padding: 10px 15px !important;}
	
	.inquiry-top-table th { padding-left: 0; display: none;}
	.inquiry-bottom-table th { padding-left: 0; display: none;}
	.inquiry-top-table td label.email-title { display: block !important;}
	.inquiry-top-table td label.phone-title { display: block !important;}
	.inquiry-bottom-table td label.inquiry-content-title { display: block !important;}
	.inquiry-bottom-table td label.inquiry-content-content { display: block !important;}
	.inquiry-bottom { width: 320px !important;}
	.inquiry-bottom div { width: 150px !important;}
	.inquiry-bottom div img { width: 100%;}

	div.detail-list { width: 100%;}	
	div.detail-list.list1, div.detail-list.list3, div.detail-list.list5, div.detail-list.list7, div.detail-list.list9, div.detail-list.list11 { padding-right: 0;}
	.event-contents-top { font-size: 18px;}

	.familycard-top-bottom > ul > li > ul > li.left { float: none !important; width: 100% !important; padding-right: 0 !important;}
	.familycard-top-bottom > ul > li > ul > li.right { float: none !important; width: 100% !important;}
}

@media all and (max-width: 460px) {
	.event-contents-top { font-size: 18px;}
	
	/* 20160614 개인정보동의추가 */
	.agreebox_title{
	    margin-left: 1%;
	    font-size:14px;
	}
	.inquiry-agreebox {
	    width: 99.2%;
	    margin: 1% 0% 1% 0%;
	}
	.agree_txtbox{
		margin-top:2%;
	}
	.agree_txtbox input{
		width:20px;height:20px;
	}
	.agree_txt1{
		width:92%;
	
	}
}

@media all and (max-width: 430px) {
	div.faq-top { float: none !important;}
	div.faq-searchbox { float: none !important;}
	#faqSearchForm { float: none !important;}
}	

/*  width ~420 */
@media all and (max-width: 420px) {
	.inquiry-bottom-table input[type=text] { width: 95% !important;}
	#inquiry_content { width: 91.6% !important;}	
	#storySearchForm { width: 294px; margin: 0 auto; text-align: center;}
	.detail-search { margin-top: 10px;}
	.new-event-top-clear { clear: both;}
	.news-event-top .paging2, .news-event-bottom .paging2 { margin-top: 20px;}
	.paging2 { float:none; clear: both; width: 85px; margin: 0 auto; text-align: center;}
	.story-radio, .story-search, .story-radio2, .story-search2 { padding-right: 0px;}
}

/*  width ~400 */
@media all and (max-width: 400px) {
/*.faq-search-area { width: 276px; margin: 0 auto;}*/
/*#faqSearchForm { display: block; float: none; margin: 0 auto; width: 277px;}*/
.faq-paging { display: block; float: none; margin: 0 auto; text-align: center; clear: left;}
.agree_txt1 {width: 88%;}
}

@media all and (max-width: 360px) {
	.faq-radio { float: none !important;}
	.faq-search { float: none !important; width: 100% !important; margin-left: 0 !important; margin-top: 10px;}

	.inquiry-bottom { width: 284px !important;}
	.inquiry-bottom div { width: 137px !important;}
	div.inquiry-cancel { margin-left: 10px !important;}
	.agree_txt1 {width: 88%;}
}