
.sub_content{padding-top:100px;}

/* 고객센터 */
.cs_info_wrap{background:#000; text-align:center; padding:80px 0 75px; display:none;}
.cs_info_wrap > h1{font-size:34px; color:#fff; line-height:1; letter-spacing:-1px;}
.cs_info_wrap > p{font-size:16px; color:#fff; padding-top:15px;}
.cs_info_wrap ul{padding-top:60px;}
.cs_info_wrap ul li{width:197px;}
.cs_info_wrap ul li h6{font-size:14px; color:#fff; padding-top:10px; font-weight:normal;}
.cs_info_wrap ul li h3{font-size:16px; font-weight:500; padding-top:5px; color:#fff;}
.cs_info_wrap ul li h3 span{display:block; font-size:14px; font-weight:normal;}
.cs_info_wrap ul li a{font-size:16px; font-weight:bold; margin-top:5px; color:#fff; display:block;}
.cs_info_wrap ul li a img{vertical-align:middle; margin-top:-3px;}

/* 좌측메뉴 */
.sub_content .side_cont{width:300px;}
.side_cont .sub_menu_box{padding:0;}
.side_cont .sub_menu_box h2{border:none; font-size:40px; line-height:1; letter-spacing:-1px; padding:0 0 40px;}
.side_cont .sub_menu_box .sub_menu{margin:0;}
.side_cont .sub_menu_box .sub_menu li{padding:0;}
.side_cont .sub_menu_box .sub_menu a{font-size:19px; color:#000; font-weight:normal; padding:6px 0; transition:all 0.3s;}
.side_cont .sub_menu_box .sub_menu .active{color:#000; font-weight:bold; background:#fff;}
.side_cont .sub_menu_box .sub_menu a:hover{padding-left:10px; background:#fff; font-weight:bold; color:#000;}

/* 우측정보 */
#contents .sub_content > .side_cont + .content{width:calc(100% - 300px); padding-left:130px; box-sizing:border-box; min-height:852px; position:relative;}
#contents .sub_content > .side_cont + .content:before{content:''; display:block; width:1px; height:762px; background:#E4E4E4; position:absolute; top:95px; left:0;}

/* 질문검색 */
.faq_wrap .date_check_box{border:1px solid #000; margin:0 0 70px; padding:45px; text-align:center; background:#fff;}
.date_faq_list{width:100%; display:block; font-size:0;}
.date_faq_list h2{width:204px; text-align:left; font-size:18px; display:inline-block; padding:0; line-height:50px; vertical-align:top;}
.date_faq_list > div{display:inline-block; width:384px; padding-right:50px; box-sizing:border-box; position:relative; background:#F5F5F5; vertical-align:top;}
.date_faq_list input[type="text"]{width:100%; height:50px; border:none; background:#F5F5F5; padding-left:18px; font-size:14px;}
.date_faq_list input[type="text"]::placeholder{color:#888;}
body .date_faq_list .btn_date_check{position:absolute; top:0; right:0; width:50px; height:100%; border:none; background:url('../img/icon/icon_search.png')no-repeat 50% 50%; min-width:auto;}
.date_faq_list .btn_date_check em{display:none;}

/* faq */
.board_list_faq .board_hot_list{border:none; padding:0 0 30px;}
.board_hot_list ul{font-size:0;}
.board_hot_list ul li{margin-right:10px;}
.board_hot_list ul li:last-child{margin:0;}
.board_hot_list ul li a{height:auto; border:1px solid #E4E4E4; border-radius:5px; background:#fff; font-size:16px; color:#888; padding:0 15px; line-height:38px; transition:all 0.3s;}
.board_hot_list ul li:first-child a{border-left:1px solid #E4E4E4;}
.board_hot_list ul li.on a{background:#000; border-color:#000; color:#fff; font-weight:bold;}
.board_hot_list ul li:hover a{border-color:#000; color:#000;}
.board_list_faq .board_list_table{border:none; padding:0;}
.board_list_faq .board_list_table li{background:#F5F5F5; padding:0 25px; text-align:left; border-bottom:1px solid #fff;}
.board_list_faq .board_list_table li:last-child{border:none;}
.board_list_faq .board_list_table li a.board_tit{display:block; padding:0;}
.board_list_faq .board_list_table li a strong{display:block; font-size:17px; color:#000; line-height:74px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:25px; position:relative; font-weight:bold;}
.board_list_faq .board_list_table li a strong:after{content:''; display:block; width:16px; height:10px; background:url('../img/icon/icon_select.png')no-repeat 50% 50%; position:absolute; top:50%; right:0; margin-top:-5px; transition:all 0.3s;}
.board_list_faq .board_list_table li a strong:hover{text-decoration:none;}
.board_list_faq .board_list_table li a.on strong:after{transform:rotate(180deg);}
.board_list_faq .board_list_table li.a{margin-top:-1px;}
.board_faq_cont{padding:0 0 50px; margin:0; font-size:14px; color:#464646;}
