ul{
    list-style: none;
}
#BodyWrap{
    margin-top:10px;
    width: 100%;
}
.SubTopImage{}
.SubTopImage img{width:100%;}

.SubHistory{display:none;}
#LeftSubMenu{display: none;}

#SubContent{
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}
.SubTitleSubImage{width:100%;}
.SubSubTitle {
    background: url(/images/sub/subsub_title_bg.png) left top no-repeat;
    width: 100%;
    height: 150px;
    box-sizing: border-box;
    text-align: center;
    padding-top: 8%;
    margin: 20px auto 20px;
    background-size: 100%;
}
.SubSubTitleImage {width:100%;}

.ExampleImageList{
    margin: 0 0 50px 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
    text-align: center;
}
.ExampleImageList li{
    display: inline-block;
    margin: 1px;
    width: calc(33% - 1px);
    box-sizing: border-box;
    border: 1px solid #CCC;
}
.ExampleImageList img{width: 100%;}

.ExampleImageList2{
    margin: 0 0 50px 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
    text-align: center;
}
.ExampleImageList2 li{
    display: inline-block;
    margin: 1px;
    width: calc(33% - 1px);
    box-sizing: border-box;
}
.ExampleImageList2 img{width: 100%;}


.ExampleImageList3{
    margin: 0 0 150px 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
    text-align: center;
}
.ExampleImageList3 li{
    display: inline-block;
    margin: 1px;
    width: calc(33% - 1px);
    box-sizing: border-box;
}
.ExampleImageList3 img{width:100%;}

.imgline img,.img_center5 img,.img_line img,.img_line2 img,.LineTB img,.img_center30 img{
    width:100%;
}

.ContentTitle{
    display: block;
    height: 30px;
    background: url(/images/sub/content_title.png) top center no-repeat;
    background-size: auto 150px;
    font-size: 0;
    margin: 20px 0;
}
.ContentTitleSub{display: none;}
.ContentTitle-01 {background-position-y: -0px;}
.ContentTitle-02 {background-position-y: -30px;}
.ContentTitle-03 {background-position-y: -60px;}
.ContentTitle-04 {background-position-y: -90px;}
.ContentTitle-05 {background-position-y: -120px;}
.ContentTitle-06 {background-position-y: -150px;}
.ContentTitle-07 {background-position-y: -180px;}
.ContentTitle-08 {background-position-y: -210px;}
.ContentSubTitle{
    display: block;
    text-align: center;
    background: url(/images/ico/subtitle_top_orange.png) center top no-repeat;
    padding-top: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #666;
    margin-bottom: 20px;
    font-family: 'Noto Sans KR', sans-serif;
}
.ContentCommunityTitleBox{
    border: 3px solid #333;
    padding: 5px;
    margin: 30px auto 20px;
    width: 80%;
    background: url(/images/main/tab_01_title_bg.png);
    border-radius: 10px;
}

.CommunityTitle{
    display: block;
    height: 30px;
    background: url(/mobile/images/sub/content_title_10.png) top center no-repeat;
    font-size: 0;
}
.CommunityTitle-notice       {background-position-y: -0px;}
.CommunityTitle-estimate     {background-position-y: -30px;}
.CommunityTitle-driver       {background-position-y: -60px;}
.CommunityTitle-complaint    {background-position-y: -90px;}
.CommunityTitle-user         {background-position-y: -120px;}
.CommunityTitle-privacy      {background-position-y: -150px;}
.CommunityTitle-Sitemap      {background-position-y: -180px;}
.CommunityTitle-chain        {background-position-y: -210px;}
.CommunityTitle-partnership  {background-position-y: -240px;}



.AcceptTitle{
    display: block;
    background: url(/images/sub/accepter_title.png) top center no-repeat;
    height: 30px;
    background-size: auto 30px;
    font-size: 0;
    margin: 20px 0;
}
.AcceptTitle-01 {background-position-y: -0px;}

.MiniTitle{
    display: block;
    background: url(/images/ico/mini_title.png) left center no-repeat #fff;
    padding-left: 25px;
    margin: 5px 10px;
    color: red;
    font-weight: bold;
    font-size: 15px;
}

.SubLicenseList{
    margin: 0;
    padding: 0;
    text-align: center;
}
.SubLicenseList li{
    display: inline-block;
    margin: 5px;
}
.SubLicenseList img{}
.SubLicenseList .SubLicenseTitle{
    display: block;
    background-color: #F33;
    color: #FFF;
    padding: 5px;
    border-radius: 10px;
    font-weight: bold;
}
.ContetnText{
    padding: 5px 20px 10px 40px;
    line-height: 20px;
}

.ContentInfo{
    width: 100%;
    border-top: #000 solid 2px;
    padding: 10px;
    color: #808080;
    box-sizing: border-box;
}
.ConsultBox{
    width: 100%;
    padding-top: 25px;
}
.ConsultBox span{
    display: inline-block;
    width: 70px;
    text-align: left;
    margin-right: 20px;
    font-size: 16px;
}

.ConsultBox input{
    display: inline-block;
    width: calc(100% - 110px);
    margin: 5px auto;
    color: #333;
    font-size: 18px;
    line-height: 36px;
    height: 36px;
    text-align: left;
    border: none;
    padding-left: 15px;
    background-color: #fafafa;
    border-radius: 6px;
    border: #c4c4c4 solid 1px;
    font-size: 16px;
    font-weight: 100;
}
.ConsultBox textarea{
    display: inline-block;
    width: calc(100% - 35px);
    margin: 5px auto;
    color: #333;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    border: none;
    padding: 15px;
    background-color: #fafafa;
    border: #c4c4c4 solid 1px;
    font-size: 16px;
    font-weight: 100;
}
.ConsultBox .ConsultLine{
    display: block;
    width: 100%;
    padding-top: 20px;
    margin-top: 20px;
    float: left;
    width: 100%;
    height: 1px;
    border-top: #ccc solid 1px;
    margin: 23px 0 23px 0;
}
.ConsultBox .AgreeBox{
}
.ImageWidth100 {width:100%;}

.SectionContents{margin: 20px 0 20px 0;}
.PageImageContent{padding:0 20px;}
.PageImageContent img{width:100%;}

#SideAccept{
    height: calc(100% - 20px);
    max-height: 920px;
    min-height: 470px;
    width: 250px;
    right: 0;
    top: 0;
    position: absolute;
    padding-top: 100px;
    box-sizing: border-box;
    line-height: 0;
}
#SideAccept .SideAcceptTop      {}
#SideAccept .SideAcceptMiddle   {
    background: url(/images/popup/side_pop_middle.png) no-repeat;
    padding: 0 17px 0 19px;
    height: calc(100% - 226px);
    background-size: 100% 100%;
}
.AgreeBox{
    padding: 20px 20px;
    border: 1px solid #CCC;
    border-width: 1px 0;
    margin: 20px 0;
}
.AgreeBox .AgreeBox{
    float: right;
    margin: -30px 0 0 0;
    padding: 8px;
    border-width: 1px;
    border: 1px solid #F77;
    border-radius: 9px;
}

.AgreeBox input[type="checkbox"]{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.AgreeBox input[type="checkbox"] ~ label{
    background: url(/images/ico/ico_check_none.png) no-repeat;
    background-size: 23px 100%;
    color: #999;
}
.AgreeBox input[type="checkbox"]:checked ~ label{
    background: url(/images/ico/ico_check.png) no-repeat;
    background-size: 23px 100%;
    color: #cc3300;
}
.AgreeBox label{
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    margin-left: 0;
    padding-left: 40px;
    cursor: pointer;
}

.AgreeBox .AgreeBoxTitle{
    display: block;
    font-size: 1.6em;
    font-weight: bold;
    font-family: 'Noto Sans KR', sans-serif;
    margin-bottom: 15px;
}
.AgreeBox .AgreeBoxContent{padding-right:140px;display:block;}
.SubContentPageTitle{
    display: block;
    margin: 30px 0;
    border-bottom: 3px solid #333;
    text-align: center;
    font-size: 3em;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 600;
    padding: 10px;
}

#PortfolioMenu{margin:10px 0 0 0;padding:0;}
#PortfolioMenu li {
    list-style: none;
    display: inline-block;
    width: calc(100%/4);
}
#PortfolioMenu li a {
    display: block;
    width: 100%;
    background-color: #CCC;
    padding: 8px 0;
    text-align: center;
    border: 1px solid #FFF;
    box-sizing: border-box;
}
#PortfolioMenu li .SelMenu{
    background-color: #333;
    color: #FFF;
    font-weight: bold;
}




.SubTitle{
    display: block;
    height: 30px;
    font-size: 0;
}
.SubTitle-01{background: url(/mobile/images/sub/content_title_01.png) top center no-repeat;}
.SubTitle-02{background: url(/mobile/images/sub/content_title_02.png) top center no-repeat;}
.SubTitle-03{background: url(/mobile/images/sub/content_title_03.png) top center no-repeat;}
.SubTitle-04{background: url(/mobile/images/sub/content_title_04.png) top center no-repeat;}
.SubTitle-05{background: url(/mobile/images/sub/content_title_05.png) top center no-repeat;}
.SubTitle-06{background: url(/mobile/images/sub/content_title_06.png) top center no-repeat;}
.SubTitle-07{background: url(/mobile/images/sub/content_title_07.png) top center no-repeat;}
.SubTitle-08{background: url(/mobile/images/sub/content_title_08.png) top center no-repeat;}
.SubTitle-09{background: url(/mobile/images/sub/content_title_09.png) top center no-repeat;}
.SubTitle-10{background: url(/mobile/images/sub/content_title_10.png) top center no-repeat;}
.SubTitle-Section-01{background-position-y: -0px;}
.SubTitle-Section-02{background-position-y: -30px;}
.SubTitle-Section-03{background-position-y: -60px;}
.SubTitle-Section-04{background-position-y: -90px;}
.SubTitle-Section-05{background-position-y: -120px;}
.SubTitle-Section-06{background-position-y: -150px;}
.SubTitle-Section-07{background-position-y: -180px;}
.SubTitle-Section-08{background-position-y: -210px;}
.SubTitle-Section-09{background-position-y: -240px;}
.SubTitle-Section-10{background-position-y: -270px;}
.SubTitle-Section-11{background-position-y: -300px;}
.SubTitle-Section-12{background-position-y: -330px;}
.SubTitle-Section-13{background-position-y: -360px;}
.SubTitle-Bottom{
    border-bottom: 2px solid #000;
    margin-top: 20px;
    margin-bottom: 10px;
}



.ViewTblTap{display:none;clear:both;}
.ViewTblTap-On{display:block;}

.TblTabList{
    width: 100%;
    border-left: 1px solid #e4e4e4;
    margin: 0;
    padding: 0;
}
.TblTabList li {
    float: left;
    display: inline;
    width: 125px;
    height: 30px;
    background-color: #f7f7f7;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    line-height: 26px;
    color: #666;
    background: url(/images/sub/bg_tab.gif) repeat-x 0 0;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}
.TblTabList li.on{
    background-color: #666;
    background: #666;
    color: #FFF;
    font-weight: bold;
}

.CommentAccepte{
    padding: 0 10px 40px 20px;
    border-bottom: 1px solid #CCC;
    margin: 20px 0;
}
.CommentAccepte-Strong{font-weight:bold;}
.CommentAccepte-Btn{float:right;margin-top:-8px;}
.CommentAccepteImage{width:100%}

.SectionContents h4{
    margin: 20px 0 10px;
    font-size: 1.2em;
    font-family: 'Noto Sans KR', sans-serif;
}

.EquipmentRow{font-size:0;}
.EquipmentRow .EquipmentParts{
    margin: 0px;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    height: 450px;
    border-top: 1px solid #CCC;
}
.EquipmentRow .EquipmentParts-Left  {width:50%;border-right: 1px solid #CCC;}
.EquipmentRow .EquipmentParts-Right {width:50%;}
.EquipmentRow .EquipmentParts-Last  {width:100%;border-bottom: 1px solid #CCC;height: 300px;}
.EquipmentRow .EquipmentParts .EquipmentParts-Image     {    text-align: center;}
.EquipmentRow .EquipmentParts .EquipmentParts-Name      {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Noto Sans KR', sans-serif;
    text-align: center;
    display: block;
    margin: 20px 0 10px
}
.EquipmentRow .EquipmentParts .EquipmentParts-Comment   {
    font-size: 11px;
    color: #999;
}

.ReDataManual,.MobileManual,.NetworkBuild {
    display: block;
    width: 100%;
    
}
.ReDataManual .ReDataManual-Comment,.MobileManual .MobileManual-Comment,.NetworkBuild .NetworkBuild-Comment{
    line-height: 13px;
    display: block;
    color: #666;
    padding-left: 10px;
    padding-right: 130px;
    font-size: 0.8em;
}
.NetworkBuild-SubComment{
    line-height: 20px;
    color: #666;
}

.MobileManual h6,.ViewTblTap h6,.info h6{
    color: #5a83b1;
    padding: 20px 0;
}

.ReDataManual-1{    background: url(/images/sub/sub_06_10_2.gif) right center no-repeat;    height: 250px;background-size: 130px;}
.ReDataManual-3{    background: url(/images/sub/sub_06_10_3.gif) right center no-repeat;    height: 250px;background-size: 130px;}
.MobileManual-1{    background: url(/images/sub/hp_01_1.jpg) right center no-repeat;    height: 175px;background-size: 130px;}
.MobileManual-2{    background: url(/images/sub/hp_01_2.jpg) right center no-repeat;    height: 175px;background-size: 130px;}
.MobileManual-3{    background: url(/images/sub/hp_01_3.jpg) right center no-repeat;    height: 175px;background-size: 130px;}
.MobileManual-5{    background: url(/images/sub/hp_01_9.jpg) right center no-repeat;    height: 175px;background-size: 130px;}
.MobileManual-6{    background: url(/images/sub/hp_01_4.jpg) right center no-repeat;    height: 175px;background-size: 130px;}
.MobileManual-7{    background: url(/images/sub/hp_01_5.jpg) right center no-repeat;    height: 175px;background-size: 130px;}
.MobileManual-8{    background: url(/images/sub/hp_01_6.jpg) right center no-repeat;    height: 175px;background-size: 130px;}
.MobileManual-9{    background: url(/images/sub/hp_01_7.jpg) right center no-repeat;    height: 175px;background-size: 130px;}
.MobileManual-10{    background: url(/images/sub/hp_01_8.jpg) right center no-repeat;    height: 175px;background-size: 130px;}
.MobileManual-11{    background: url(/images/sub/hp_01_10.jpg) right center no-repeat;    height: 175px;background-size: 130px;}
.MobileManual-12{    background: url(/images/sub/hp_01_11.jpg) right center no-repeat;    height: 200px;background-size: 130px;}
.MobileManual-13{    background: url(/images/sub/hp_01_12.jpg) right center no-repeat;    height: 400px;background-size: 130px;}
.NetworkBuild-1{    background: url(/images/sub/network_01.png) right center no-repeat;    height: 175px;background-size: 130px;}
.NetworkBuild-2{    background: url(/images/sub/network_02.png) right center no-repeat;    height: 175px;background-size: 130px;}

.ContentColorTitle{
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-weight: 400;
    color: #444;
    padding: 20px 10px;
}
.ContentColorTitle-Strong{
    color: #ac51d2;
    font-weight: 600;
}

#ChainSearch{}
#ChainSearch .ChainMap{
    width: 350px;
    display: inline-block;
    float: left;
    border-right: 1px solid #CCC;
}
#ChainSearch .ChainAreaSel{
    border-top: 2px solid #000;
    width: 540px;
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid #666;
}
#ChainSearch .ChainAreaSel .ChainAreaSel-Title{
    display: inline-block;
    background-color: #ECECEC;
    padding: 10px 20px;
    color: #666;
}
#ChainSearch #ChainAreaSel-Area-1{
    margin-left: 20px;
    padding: 5px 10px;
}
#ChainSearch #ChainAreaSel-Area-2{
    margin-left: 10px;
    padding: 5px 10px;
}
#ChainSearch .ChainList{
    width: 540px;
    margin-top: 10px;
    border-top: 2px solid #000;
    border-collapse:collapse;border-spacing:0
}
#ChainSearch .ChainList th{
    border-bottom: 1px solid #CCC;
    padding: 7px 0;
    background-color: #ECECEC;
    color: #888;
}
#ChainSearch .ChainList td{
    border-bottom: 1px solid #CCC;
    padding: 5px 0;
    text-align: center;
}
#ChainSearch .ChainList .NoData{
    text-align: center;
    height: 150px;
}
#ChainSearch .ChainList .Paging{}
#ChainSearch .ChainList .Paging .Paging-First{display: inline-block;width: 13px;height: 13px;background: url(/images/ico/ico_arrow_prev.gif) center center no-repeat;font-size: 0;vertical-align: top;margin: 0 5px;}
#ChainSearch .ChainList .Paging .Paging-Last {display: inline-block;width: 13px;height: 13px;background: url(/images/ico/ico_arrow_next.gif) center center no-repeat;font-size: 0;vertical-align: top;margin: 0 5px;}
#ChainSearch .ChainList .Paging .Paging-Num{display: inline-block;padding: 0 5px;}
#ChainSearch .ChainList .Paging .Paging-Now{font-weight: bold;}

.stxt,.stxt1,.stxt6{
    display: block;
    padding: 10px 20px;
}
.stxt6_1{
    display: block;
    padding: 10px;
    line-height: 20px;
    color: #666;
}
.LineTB{
    border: 1px solid #CCC;
    border-width: 1px 0;
}
.ReDataStep{font-size:0;line-height:0;}
.ReDataStepRow {
    margin: 0;
    padding: 10px;
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}
.ReDataStepRow .ReDataStepRow-Image  {
    float: left;
    width: 40px;
    display: inline-block;
}
.ReDataStepRow .ReDataStepRow-Image img {width:40px;}
.ReDataStepRow .ReDataStepRow-Title  {
    font-size: 12px;
    font-weight: 800;
    font-family: 'Noto Sans KR', sans-serif;
    color:rgb(90, 131, 177);
    line-height: 1;
    display: block;
    padding: 0 0 5px;
}
.ReDataStepRow .ReDataStepRow-Content{
    font-size: 10px;
    color:#666;
    line-height:15px;
    padding-left: 40px;
}





/* Á¦Ç° °¡°Ý Á¤º¸*/
.box_table { width:100%; border:#666666 solid 1px; margin:0; font-size:13px;  }
.box_table th { background-color:#666666; color:#fff; border-right:#999999 solid 1px;  padding:6px;font-weight:bold; }
.box_table th.last { background-color:#8f8f8f; color:#fff; border-right:#999999 solid 1px;  padding:6px;font-weight:bold; }
.box_table td { background-color:#FFF; color:#5b5b5b; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px; padding:5px; text-align:center; }


.box_table tr th:first-child { }
.box_table tr td:first-child {  }

.box_table tr:last-child th { border-bottom:0;}
.box_table tr:last-child td { border-bottom:0;}

.box_table a { color:#666;}
.box_table img { vertical-align:middle }
.box_table .b {font-weight:bold; color:#444;}

.box_table number {  font-size:18px;  }

.box_table6{
    width: 100%;
    border-top: 4px solid #999;
}
.box_table6 th{
    padding: 10px 20px;
    border: 1px solid #CCC;
    border-width: 0 1px 1px 1px;
    text-align: left;
    width: 180px;
    box-sizing: border-box;
}
.box_table6 td{
    border: 1px solid #CCC;
    border-width: 0 1px 1px 0;
    padding: 10px 10px;
    color: #666;
}
.box_table6_2{width:100%;}
.box_table6_2 th{
    font-size: 20px;
    font-family: 'Noto Sans KR', sans-serif;
    color: #5778b4;
    border-bottom: 1px solid #EEE;
}
.box_table6_2 td{
    border-bottom: 1px solid #EEE;
    padding: 15px 0 10px 5px;
}
.img_line,.img_center5,.img_line2{display:block;text-align:center;}
.box_table6_3{width:100%;border-top: 1px solid #EEE;}
.box_table6_3 th{
    background-color: #CCC;
    border-bottom: 1px solid #EEE;
    color: #FFF;
    width: 150px;
}
.box_table6_3 td{
    padding: 7px;
    border-bottom: 1px solid #EEE;
    text-align: center;
}
.PortfolioBoxCate{

}