@charset "utf-8";
    /*
        author : jooyeon Jin, publisher

        info: 
            max-width:1920px;
            inner-width:1460px;

            responsible: 1460px/1280px
        
        ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

        changes
        - 20191127 : initially created
    */
#cs{max-width:1920px;width:100%;margin:0 auto;}

/* 고객센터 visual 영역 */
.visual{width:100%;height:107px;background-image:url('../../images/img-cscenter-top.png');background-repeat:no-repeat;}
.visual p{text-align:center;font-size:35px;color:#000;letter-spacing:-3.2px;padding-top:18px; text-shadow: 3.2px 5.1px 6.9px rgba(19, 11, 21, 0.18);}
.visual p .cs_title{font-weight:bold;}
.visual p .semilight{display:block;font-size:17px;font-weight:100;letter-spacing:3.4px;color:#495e76;}

.cs_whole_content{width:1460px;margin:40px auto;overflow: hidden;}

/* lnb 영역 */
.lnb{width:208px;float:left;}
.lnb .lnb_list{width:208px;height:646px;}
.lnb .lnb_list li{width:100%;height:61px;border-bottom:1px solid #e4e4e4;box-sizing: border-box;}
.lnb .lnb_list li a{display: block;padding-left:30px;font-size: 18px;line-height:60px;letter-spacing:-1.8px;font-weight:bold;}
.lnb .lnb_list li >a.hvbg{height:60px;}
.lnb .lnb_list li a .lnb_title{display:block;float:left; overflow: visible;}
.lnb .lnb_list li a .counting{font-size: 15px;line-height:51px;color:#563da3;margin-left:7px;margin-top:4px;float: left;}

.lnb .lnb_list li.sub_lnb{height:143px;}
.lnb .lnb_list li.sub_lnb >div a{font-size: 16px;line-height:30px;letter-spacing:-1.6px;color:#666;font-weight:normal;}

/* lnb의 li에 hover 했을때 스타일값 */
.lnb .lnb_list li:hover >a.hvbg{background-image:url('../../images/img-mapage-lnb-h.png');background-repeat: no-repeat;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);}
.lnb .lnb_list li:hover a{color:#fff;}
.lnb .lnb_list li:hover .counting{color:#d0c1ff;}

/* 그 영역 페이지일때 lnb 스타일값 */
.lnb .lnb_list li.active >a.hvbg{background-image: url('../../images/img-mapage-lnb-s.png');background-repeat: no-repeat;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);position: relative;border-bottom:0}
.lnb .lnb_list li.active a{color:#fff;}
.lnb .lnb_list >li:first-child{border-top:1px solid #e4e4e4;}
/*--------------- 오른쪽 컨텐츠 공통영역 ------------------*/
.right_content{max-width:1208px;width:100%;margin:0 0 136px 36px;float:left;overflow:hidden;}
.right_content h3{font-size: 30px;line-height:31px;letter-spacing:-3px;font-weight:bold;margin-bottom:10px;}
.result_area .result_area_notice .result_area_total{font-size:16px;font-weight:bold;letter-spacing:-1.4px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

.cs_notice_list{border-top:2px solid #000; text-align:center;}
.cs_notice_list table{text-align:center; margin-bottom: 20px; width: 100%; }
.cs_notice_list table colgroup col:first-child {width:110px;padding-left:10px;}
.cs_notice_list table colgroup col:nth-child(2){width:768px;}
.cs_notice_list table colgroup col:nth-child(3){width:115px;}
.cs_notice_list table colgroup col:nth-child(4){width:98px;}
.cs_notice_list table colgroup col:last-child {width: 98px;}

.cs_notice_list table thead{background-color:#f2f2f3;font-size:14px;letter-spacing:-1.05px;font-weight:bold;}
.cs_notice_list table tbody{font-size:16px;letter-spacing:-0.8px;}
.cs_notice_list table tbody tr td{line-height:26px;}
.cs_notice_list table tbody tr td:nth-child(2){text-align: left; padding:18px 35px; }
.cs_notice_list table tbody tr td:nth-child(3){letter-spacing:0;}
.cs_notice_list table tbody tr td img{position:relative;top:4px;display: inline-block;}
.cs_notice_list table tbody tr td button{width:82px;height:33px;border:1px solid #999;margin:0 auto;font-weight:bold;font-size:13px;letter-spacing:-0.33px;cursor: pointer;}
.cs_notice_list table tbody tr td button:hover{background-color: #333;color: #fff;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);}

table thead tr th{height:41px; border-bottom:1px solid #e4e4e4; vertical-align:middle;}
.cs_notice_list table tbody tr{height:54px; border-bottom:1px solid #e4e4e4;cursor: pointer;}

.cs_notice_list .notice_t{font-weight:bold;font-size:16px;letter-spacing:-0.8px;color:#f09;}

/**/
.result_area{line-height:40px;}

input[type="text"]{line-height:40px;height:40px;}
select{line-height:40px;height:40px;vertical-align: middle;}

/*button*/
.btn174{width:190px;height:41px;border:1px solid #999;text-align:center;font-size:16px;font-weight:700;letter-spacing:-1.2px;float: right;}
.btn174:hover{background-color:#f3f3f3;color:#000;box-shadow:3px 0.3px px 0 rgba(0, 0, 0, 0.23);}
@media screen and (max-width: 1500px){
    .cs_whole_content{width:1166px;}
    .right_content{width:920px;}
}