/* 공통영역 */
#container{overflow: hidden}
#content_customer_v1{min-width: 1580px}
.customer_box{position: relative;width: 1200px;margin: 0 auto;font-family: 'Noto Sans KR', sans-serif;}
.customer_h2{font-weight: bold;font-size: 36px;line-height: 50px;color: #222222;margin-bottom: 50px; margin-top: 70px;}
.customer_h3{font-weight: bold;font-size: 28px;line-height: 39px;color: #222222;margin-bottom: 50px;}
#content_customer_v1 .customer_box:after{display: block;clear: both;content: '';}
.customer_box .half_box{width: 588px;float: left;position: relative}
.customer_box .half_box .customer_h3{margin-bottom: 20px;}
.customer_box .half_box:first-child{margin-right:24px;}
.customer_box button{background-color: transparent;text-align: inherit;}

.customer_btn{display: inline-block;width: 180px;text-align: center;line-height: 54px;background: #fff;border-radius: 6px;font-size: 14px;color: #444;margin-top: 20px;}
.customer_btn.blue{background-color: #0006EB;color: #fff}
.customer_btn.gray{background-color: #F4F5F8;}

h1, h2, h3, h4, h5, h6, button {font-family: 'Malgun Gothic','맑은고딕','맑은 고딕',NanumGothicWeb, '돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;}

/* hover 색상 */
.customer_btn:hover{background-color: #ECEDF0;}
.customer_btn.blue:hover{background-color: #0005D0}

.cont_search{background:#F4F5F8;padding:50px 0 60px;}
.cont_search .img{position: absolute;right: 0;top: -40px;width: 290px;height: auto;}
.cont_search .faq_box{width: 790px;height: 59px;border-bottom: 1px solid #8D94A5;}
.cont_search .faq_box a{display: inline-block;width: 48px;height: 48px;margin-bottom: 11px;vertical-align: bottom;margin-right: 20px}
.cont_search .faq_box a img{width: 48px;height: 48px;}
.cont_search .faq_box input{font-size: 20px;width: 710px;line-height: 48px;margin-bottom: 11px;color: #8D94A5;background-color: transparent}

/* 자주 묻는 질문 상단 탭 */
.cont_faq{border-bottom: 1px solid #E1E1E1;}
.cont_faq .faq_btn li{display: inline-block;margin-left: 24px}
.cont_faq .faq_btn li:first-child{margin-left: 0px;}
.cont_faq .faq_btn li button{background-color: transparent;border-bottom: 4px solid #fff;line-height: 46px;font-size: 20px;color: #222;padding: 0 5px;}
.cont_faq .faq_btn li.active button{border-color: #0006EB; color: #0006EB;}
.cont_faq .faq_btn li:hover button{color: #0006EB;}

/* 자주 묻는 질문 리스트 영역 & 리스트 페이지 영역 */
.cont_faqbox{padding-bottom: 70px;padding-top: 50px;}
/* .cont_faqbox >.customer_box{padding-top:20px;} */
.cont_faqbox .question{position: relative;display: block;width: 100%;font-weight: 500;font-size: 18px;line-height: 69px;height: 69px;border-radius: 10px;color: #222222;padding: 0 60px 0 20px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.cont_faqbox .question:hover{background-color:#F4F5F8;}
.cont_faqbox .question:after{content:""; display: block;position: absolute;z-index: 1;width: 24px;height: 24px;top:23px;right: 20px;background: url("//static.conects.com/common/customer/arrow_off.png") no-repeat 0 0;background-size: 24px 24px;}
.cont_faqbox .question.active:after{background: url("//static.conects.com/common/customer/arrow_on.png") no-repeat 0 0;background-size: 24px 24px;}
.cont_faqbox .answer{display: none;padding: 40px 20px 0;margin: 10px 0;background: #F4F5F8;border-radius: 10px;}
.cont_faqbox .question.active+.answer{display: block}
.cont_faqbox .answer .answer_box{font-size: 14px;line-height: 25px;color: #444444;padding-bottom: 40px;}
.cont_faqbox .answer .answer_btn{border-top: 1px solid #E1E1E1;padding:0px 0 40px;text-align: right;}
.cont_faqbox .answer .answer_btn a{width: 200px;margin-left: 20px;}
.cont_faqbox .customer_btn.blue,
.cont_faqbox .customer_btn.gray{float: right}
.cont_faqbox .customer_box > .txt{font-size: 18px;line-height: 29px;color: #222222;padding-bottom: 41px;border-bottom: 1px solid #E1E1E1;}
.cont_faqbox .faq_select{margin-bottom: 50px;}
.cont_faqbox .faq_select > li{position: relative;float: left;margin-left: 24px;border: 1px solid #E1E1E1;border-radius: 4px;}
.cont_faqbox .faq_select > li:first-child{margin-left: 0px;}
.cont_faqbox .faq_select > li select{width: 200px; height: 52px;padding:0 20px;  appearance: none; font-size: 15px;background: url("//static.conects.com/common/customer/arrow_off.png") no-repeat 92%  50%;background-size: 24px 24px;}
/* .cont_faqbox .faq_select > li:after{content:""; display: block;position: absolute;z-index: 1;width: 24px;height: 24px;top:15px;right: 15px;background: url("//static.conects.com/common/customer/arrow_off.png") no-repeat 0 0;} */
.cont_faqbox .faq_select > li.select_wrap1.active select{background: url("//static.conects.com/common/customer/arrow_on.png") no-repeat 92%  50%;background-size: 24px 24px;}
.cont_faqbox select option{padding:20px 0; font-size: 15px; display: block;}
.cont_faqbox .select{width: 100%;border-radius: 4px;}
.cont_faqbox .faq_select > li.active .select:after{background: url("//static.conects.com/common/customer/arrow_on.png") no-repeat 0 0;background-size: 24px 24px;}
.cont_faqbox .faq_select button{display: block;width: 100%;font-size: 14px;color: #222;line-height: 52px;padding: 0 20px;}
.cont_faqbox .select_ul{display: none;position: absolute;width: 200px;z-index: 1;background-color: #fff;top: 52px;left: 0;border-radius: 4px;border: 1px solid #E1E1E1;}
.cont_faqbox .faq_select > li.active .select_ul{display: block;}
.cont_faqbox .select_ul li:hover button{background-color:#F4F5F8;}
.cont_faqbox .faq_select:after{display: block;clear: both;content: '';}

/* 메인 네비 버튼 배너 영역 */
.cont_ban{padding: 70px 0;}
.cont_ban .customer_box li{float: left;margin-left:24px;}
.cont_ban .customer_box li:first-child{margin-left: 0px;}
.cont_ban .customer_box li a{display: block;width: 384px;border-radius:10px;overflow: hidden;background-color: #F4F5F8;padding: 40px 0;text-align: center;font-size: 14px;line-height: 22px;color: #222222;}
.cont_ban .customer_box li a strong{display: block;font-size: 28px;line-height: 45px;color: #222222;margin-bottom: 10px;}
.cont_ban .customer_box li:hover a{background-color: #EBF5FF}

/* 메인 공지사항 영역 */
.cont_notice{padding: 70px 0;}
.cont_notice .customer_h3 a{line-height: 45px;color: #000;}
.cont_notice .customer_h3 img{margin-top: 3.5px;margin-left: 7px;width: 36px;height: 36px}
.cont_notice .list{height:190px;overflow: hidden}
.cont_notice .list li{margin-bottom: 20px;}
.cont_notice .list li a{display: block;}
.cont_notice .list li a span{display: block;font-size: 14px;line-height: 22px;color: #222222;height: 22px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden}
.cont_notice .list li a .txt{display: none}
.cont_notice .list li a:hover .tit{display: none}
.cont_notice .list li a:hover .txt{display: block}
.cont_notice .info .txt{font-size: 14px;line-height: 22px;color: #222222;}
.cont_notice .info strong{display: block;font-size: 40px;line-height: 64px;color: #222222;}
.cont_notice .info strong img{margin:10px 10px 0 0;width: 60px;height: 60px;}
.cont_notice:after{display: block;clear: both;content: '';}

/* 게시판 리스트 */
.board_list li{padding: 0 10px;font-size: 14px;line-height: 62px;height: 62px;border-radius: 10px;color: #777777;overflow: hidden}
.board_list li:hover{background-color:#F4F5F8;}
.board_list span{display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.board_list .num{width: 63px;margin-right: 24px;}
.board_list .txt{width: 800px;margin-right: 70px;color: #222}
.board_list .name{width: 103px;text-align: right;margin-right: 10px;}
.board_list .name.blue{color: #0006EB;}
.board_list .day{width: 100px;text-align: right;}
.board_list img{vertical-align: middle;width: 24px;height: 24px;}

/* 페이지네이션 */
.pagination{background-color: #F4F5F8;text-align: center;padding: 20px 0;margin-top: 40px;}
.pagination_btn{display: inline-block;}
.pagination_btn li{display: inline-block;margin:0 7px;}
.pagination_btn li a{display: block;width: 30px;line-height: 30px;background-color: #fff;border: 1px solid #fff;border-radius: 2px;font-size: 12px;}
.pagination_btn li a img{margin-top: 8px;width: 16px;height: 16px;}
.pagination_btn li a:hover,
.pagination_btn li.active a{border: 1px solid #0006EB;color: #0006EB}

/* 글쓰기 폼 영역 */
.cont_form{padding: 50px 0 100px;}
.cont_form .form_list{padding-bottom: 40px;border-bottom: 1px solid #E1E1E1;}
.cont_form .form_list > li{margin-bottom: 20px;border: 1px solid #E1E1E1;border-radius: 4px;}
.cont_form .select_wrap{position: relative;}
.cont_form .form_list > li.select_wrap_half{border: none;}
.cont_form .select_wrap_half > div{width: 586px; float: left;position: relative;border: 1px solid #E1E1E1;border-radius: 4px;}
.cont_form .select_wrap_half > div + div{margin-left: 24px;}
.cont_form .select{width: 100%;border-radius: 4px;}
.cont_form .select:after{content:""; display: block;position: absolute;z-index: 1;width: 24px;height: 24px;top:15px;right: 15px;background: url("//static.conects.com/common/customer/arrow_off.png") no-repeat 0 0;background-size: 24px 24px;}
.cont_form .select_wrap.active .select:after,
.cont_form .select_wrap_half .active .select:after{background: url("//static.conects.com/common/customer/arrow_on.png") no-repeat 0 0;background-size: 24px 24px;}
.cont_form .select_wrap button,
.cont_form .select_wrap_half button{display: block;width: 100%;font-size: 14px;color: #222;line-height: 52px;padding: 0 20px;}
.cont_form .select_ul{display: none;position: absolute;z-index: 1;background-color: #fff;top: 52px;left: 0;border-radius: 4px;width: 100%;border: 1px solid #E1E1E1;}
.cont_form .select_wrap.active .select_ul,
.cont_form .select_wrap_half .active .select_ul{display: block;}
.cont_form .select_ul li:hover button{background-color:#F4F5F8;}
.cont_form .input_title{display: block;border-radius: 4px;width: 1158px;font-size: 14px;color: #222;line-height: 52px;padding: 0 20px;}
.cont_form .form_list > li.textarea{border: none;margin-bottom: 0px;}
.cont_form textarea{height: 400px;background-color: #F4F5F8;font-size: 14px;line-height: 22px;padding: 20px;width: 1158px;border-radius: 4px;border: 1px solid #E1E1E1;background-color: #F4F5F8;}
.cont_form .form_btn{text-align: right;}
.cont_form .form_btn a{margin-left: 10px;}
.cont_form .upload li{position: relative;margin-top: 20px;}
.cont_form .upload span.txt,
.cont_form .upload label{display: inline-block;font-size: 14px;color: #222;line-height: 44px;vertical-align: middle}
.cont_form .upload input[type="file"]{/*display: none*/}
.cont_form .upload label{background: #F4F5F8;border-radius: 6px;color: #444;padding: 0px 14px;}
.cont_form .upload label:hover{background: #ECEDF0;}
.cont_form .upload span.txt{display: inline-block;width: 80px;}
.cont_form .upload .upload-input span{display: inline-block; font-size: 14px;color: #444;line-height: 44px; vertical-align: middle; }
.cont_form .upload .upload-input input{display:none;width:0;height:0;}
.cont_form .upload .delete{display: none;margin-left: 14px;}
.cont_form .upload .delete img{vertical-align: middle;width: 24px;height: 24px;}
.cont_form .form_list > li.radio{border: none;}
.cont_form .radio label{font-size: 14px;color: #222;line-height: 44px;margin-right: 26px;}
.cont_form .radio input[type="radio"]{display: inline-block;margin-right: 10px;width: 24px;height: 24px;}
.cont_form .form_list > li:after{display: block;clear: both;content: '';}

/* 문의글 뷰 페이지 */
.cont_view{padding: 50px 0 100px;}
.view_box{font-size: 14px;line-height: 23px;color: #777;}
.view_box .qna_box{border-bottom: 1px solid #E1E1E1;padding-bottom: 40px;}
.view_box .tit{color: #222;font-size: 24px;line-height: 38px;margin-bottom: 10px;}
.view_box .name{display: inline-block;margin-right: 20px;}
.view_box .text_cont{color: #444;margin-top: 40px;}
.view_box .file_list{margin-top: 20px;}
.view_box .file_list li{margin-top: 10px;}
.view_box .file_list li button{background: #F4F5F8;border-radius: 6px;padding: 10px;}
.view_box .file_list li button:hover{background-color: #ECEDF0}
.view_box .file_list li button img{vertical-align: middle;margin-right: 10px;width: 24px;height: 24px;}
.cont_view .customer_box >.customer_btn{float: right;}
.view_box .answer_box{border-bottom: 1px solid #E1E1E1;padding: 40px 0;}
.remote_list{line-height: 25px;padding-bottom: 40px;border-bottom: 1px solid #E1E1E1;}
.remote_list dt{margin-top:40px;font-weight: 500;font-size: 18px;color: #222222;}
.remote_list dt:first-child{margin-top: 0px;}
.remote_list dd{margin-top: 20px;font-size: 14px;color: #444444;}
.cont_view .form_btn{margin-top:20px;text-align: right;}
.cont_view .form_btn a{margin-left: 10px;}

/* 학습 프로그램 설치 */
.cont_program{padding: 50px 0 0}
.cont_program .program_list{overflow: hidden}
.cont_program .program_list li{text-align: center;float: left;margin-top:20px;margin-left: 24px;}
.cont_program .program_list li.mt0{margin-top: 0}
.cont_program .program_list li.ml0{margin-left: 0}
.cont_program .program_list li a{display: block;width: 384px;padding: 48px 0;font-size: 16px;line-height: 26px;color: #222222;background-color: #F4F5F8;border-radius: 10px;}
.cont_program .program_list li:hover a{background-color: #ECEDF0}
.cont_program .program_list li span{display: block;margin-top: 10px;}
.cont_program .program_list li img{vertical-align: middle;width: 68px;height: 68px;}

.btm_search_area{margin-top:20px}
.btm_search_area:after{content:'';display:block;clear:both}
.btm_search_area .search_area{float:left;width:410px;}
.btm_search_area .search_area input{box-sizing:border-box;width: 300px;height: 54px;padding-left:20px;font-size: 14px;background: #FFFFFF;border: 1px solid #E1E1E1;border-radius: 4px;color: #222222;}
.btm_search_area .customer_btn{margin-top:0;}
.btm_search_area .search_area .customer_btn{width:100px;}