@charset "utf-8";
.wrap-page,
.wrap_dwpage{font-size:18px;color:#777;line-height:1.5em;}
.wrap_dwpage-form{background:#fff;}
.dwpage_h1{margin:15px 0 45px 0;padding:0;font-weight:600;font-size:34px;line-height:48px;position:relative;}
.dwpage_h1:after{content:"";display:block;position:absolute;width:35px;height:3px;left:0px;bottom:-15px;background:#111;}
.dwpage_h2{
    padding-bottom: 30px;
    font-weight: 300;
    font-size: 34px;
    line-height: 52px;
    color: #000;
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
}
.dwpage_h2D{margin-bottom:0;}
.dw_quotes{color:#bbb;font-size:48px;vertical-align:top;font-family:Helvetica;}
.dwpage_h3{margin:25px 0;padding:0;font-weight:400;font-size:24px;line-height:32px;position:relative;color:#111;}
.dw-first-letter::first-letter{font-size:130%;letter-spacing:1px;font-weight:600;vertical-align:bottom;}
.dwpage_h4{margin:25px 0 10px 0px;padding:0;font-weight:400;font-size:20px;line-height:24px;color:#111;}
.dwpage_h4::first-letter {font-size:120%;letter-spacing:2px;vertical-align:bottom;font-weight:400;}
.dwpage_h4B{margin:45px 0 20px 0px;padding:0;position:relative;padding-left:20px;font-weight:400;font-size:20px;line-height:24px;color:#111;}
.dwpage_h4B:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: #2e4259;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 6px;
}
.dwpage_h4C{margin:45px 0 20px 0px;padding:0;position:relative;padding-bottom:20px;font-weight:400;font-size:20px;line-height:24px;color:#111;}
.dwpage_h4C:after {
    content: "";
    display: block;
    width: 16px;
    height: 4px;
    background: #2e4259;
    position: absolute;
    display: inline-block;
    left: 0;
    bottom: 6px;
}
.sub-h2{
    display:block;
    font-size:20px;
    line-height:28px;
    padding-top:10px;
    color:#666;
}
.hr-dw{height:1px;overflow:hidden;border-top:1px dotted #bbb}
.page-ceo{
    color: #000;
    font-weight: 400;
    margin:40px 0;
}
.vita{padding:0;list-style:none;}
.vita li{margin:10px 0;padding-left:20px;position:relative;}
.vita li:after{content:"";display:block;width:12px;height:12px;background:#2e4259;position:absolute;display:inline-block;left:0;top:7px;}
.system-ul{margin:0;padding:0;list-style:none;}
.system-ul:after{content:"";display:block;clear:both;}
.system-ul li{float:left;width:50%;position:relative;margin:30px 0;}
.system-ulZ li{min-height:130px;}
.system-ulB li{width:100%;}
.system-ul li span{
    position:absolute;
    left:10px;
    font-size:46px;
    font-weight:600;
    color: #717e91;
    -webkit-text-shadow: 0 1px 2px rgb(0 0 0 / 40%);
    -moz-text-shadow: 0 1px 2px rgb(0 0 0 / 40%);
    text-shadow: 0 1px 2px rgb(0 0 0 / 40%);
}
.system-ul li h4{
    margin: 0;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 30px;
    color:#111;
    padding:0 30px 0 80px
}
.system-ul li p{
    padding:0 30px 0 80px;
}
.process-ul{margin:0;padding:0;list-style:none;}
.process-ul li{min-height:120px;border-bottom:1px solid #ddd; margin-bottom:20px;padding-top:30px;position:relative;padding-left:250px;}
.process-ul li h2{
    position: absolute;
    top: 30px;
    left: 0;
    width: 180px;
    margin:0;
    padding:0;
    padding-top: 20px;
    font-size: 28px;
    line-height: 35px;
    color: #000;
    font-weight: 300;
    word-break: keep-all;
}
.process-ul li h2:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 8px;
    border-radius: 2px;
    background-color: #2e3e83;
}
.font600{font-size:20px;color:#000;}
.work-ul{margin:0 -30px;padding:0;list-style:none;text-align:center;}
.work-ul:after{content:"";display:block;clear:both;}
.work-ul li{width:33.33333%;float:left;position:relative;}
.work-ul li:after{content:"";display:block;width:20px;height:20px;position:absolute;background:url(../img/work_icon.png) no-repeat;left:0;top:50%;margin-top:-70px;margin-left:-10px;}
.work-ul li:first-child:after{display:none;}
.in-work{padding:30px;}
.in-work img{max-width:100%;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius: 50px;}
.in-work h4{margin:20px 0 10px 0;font-size:20px;color:#000;line-height:20px;}
.in-work p{padding:10px;}
.xe_content .wrap-page p{margin:5px 0;}
.dw_ul{list-style:none;margin:0;padding:0;}
.dw_ul li{padding-left:15px;background:url(../img/bg_ol.gif) no-repeat left 10px;margin-bottom:10px;}
.system_h3{    
    font-size: 28px;
    line-height: 1.5em;
    font-weight: 500;
    color: #2b4058;
    text-align: center;
    margin:40px 0;
}
.dw_ul li ul{padding-left:15px;}
.dw_ul li li{background:none;padding-left:0;position:relative;padding-left:10px;list-style:none;}
.dw_ul li li:after{position:absolute;content:"";width:2px;height:2px;top:12px;background:#777;left:0;}
.dw_ul strong{color:#222;font-weight:400;}
.dwpage_h5B{font-size:19px;font-weight:400;color:#111;margin:15px 0;}
.num-ol{margin:0;padding:0;list-style:none;}
.num-ol > li{margin-bottom:20px;padding-left:10px}
.num-olB > li{margin-bottom:0px;padding-left:10px}
.num-ol ul{list-style:none;margin:5px 0;padding:0;}
.num-ol li{padding-left:28px;position:relative;text-indent:-28px;}
.num-olC li{padding-left:23px;position:relative;text-indent:-23px;}
.num-ol li li{padding-left:12px;position:relative;text-indent:-12px;font-size:16px;}
.num-olC span{display:block;text-indent:0;margin:5px 0;}
.num-ol2{margin:10px 0;padding-left:20px;}
.num-ol2 li{margin:5px 0;}
.num-ol3{margin:10px 0;padding-left:20px;}
.num-ol3 li{list-style: none;margin:15px 0;}
.num-ol3 ul{list-style:none;margin:10px 0;padding-left:0px;}
.num-ol3 ul li{margin:5px 0;}
.num-ol3 .font-600{font-weight:500;color:#111;}
.w40{width:40%;}
.w50{width:50%;}
.w45{width:45%;}
.w55{width:55%;}
.w60{width:60%;}
.floatLeft{float:left}
.floatRight{float:right}
.TextAlignCenter{text-align:center;}
.max100{max-width:100%;}
.font-600{font-weight:600;}
.font-700{font-weight:700;}
.font-20{font-size:20px;}
.font-28{font-size:28px;}
.font-18{font-size:18px;}
.font-16{font-size:16px;}
.line-height15{line-height:1.5em;}
.line-height20{line-height:2em;}
.padding-left40{padding-left:40px;}
.padding-right40{padding-right:40px;}
.margin10{margin:10px 0;}
.margin20{margin:20px 0;}
.margin30{margin:30px 0;}
.margin40{margin:40px 0;}
.dw_table{width:100%;max-width:780px;border-collapse:collapse;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:18px;margin-top:20px;margin-bottom:10px;}
.dw_table th,
.dw_table td{padding:10px 15px;border-left:1px solid #ddd;border-top:1px solid #ddd;line-height: 22px;width: 48%;}
.dw_table th{padding:5px 5px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;}
.dw_table th{padding:10px 10px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;background:#fafafa;font-weight:600;color:#111;font-size:20px;}
.dw_tableB{width:100%;border-collapse:collapse;border-right:1px solid #ddd;border-top: 2px solid #5e7bbd;border-bottom:1px solid #ddd;font-size:15px;margin-top:20px;margin-bottom:10px;}
.dw_tableB caption{display:none;}
.dw_tableB th,
.dw_tableB td{padding:10px 15px;border-left:1px solid #ddd;border-top:1px solid #ddd;line-height: 22px;width:}
.dw_tableB th{padding:5px 5px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;}
.dw_tableB th{padding:10px 10px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;background:#f5f6f9;font-weight:600;color:#111;font-size:16px;}
.dw_tableB .tdType,
.dw_tableB .tdSection{background:#f5f6f9;}

.wrap_dwpage-form table{width:100%;border-collapse:collapse;font-size:15px;line-height:20px;border-top: 2px solid #5e7bbd;background:#fff;}
.wrap_dwpage-form table caption{display:none;}
.wrap_dwpage-form table table {border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.tdList{margin:0;padding:0;list-style:none;}
.tdList li{position:relative;padding-left:10px;line-height:1.5em}
.tdList li:after{content:"";display:block;position:absolute;left:0;top:10px;width:2px;height:2px;background:#777;}


.dw_tableD{width:100%;border-collapse:collapse;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:18px;margin-top:20px;margin-bottom:10px;}
.dw_tableD thead td,
.dw_tableD td{padding:10px 15px;border-left:1px solid #ddd;border-top:1px solid #ddd;line-height:20px;}
.dw_tableD thead td{padding:5px 5px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;}
.dw_tableD th{padding:20px 10px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;background:#fafafa;font-weight:400;color:#111;}
/* 연혁 */
.history_dl{list-style:none;margin:0 0 0 10px;padding:0;border-left:1px solid #ddd;line-height:20px;}
.history_dl dt{position:relative;padding-left:20px;margin-bottom:15px;margin-top:35px;font-size:20px;font-weight:600;}
.history_dl .out-round{position:absolute;width:11px;height:11px;left:-10px;top:0px;background:#fff;padding:3px;border-width:1px;border-style:solid;display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.history_dl .in-round{width:11px;height:11px;display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.history_dl dd{padding-left:35px;background:url(../img/bg_ol.gif) no-repeat 20px 8px;margin:0 0 8px 0;}
.history_dl dd.none_bg{background:none;padding:20px 0 10px 20px;}
.sub-text{padding:10px 0;}
.sub-text-ex{padding:10px 0;}
.sub-ex{padding:10px 0 10px 28px;text-indent:-28px;}
/* 지도 */
.map_iframe{border:1px solid #e9e9e9;padding:5px;}
.map_iframe iframe{width:100%;height:500px;vertical-align:middle;}
.dw_address i{font-size:15px;vertical-align:top;padding-top:4px;width:18px;overflow:hidden;}
.address_span{display:inline-block;margin-bottom:10px;margin-right:15px;}
.dw_add_span{background:#ce606b;display:inline-block;text-align:center;line-height:24px;height:24px;width:24px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-right:10px;}
.address_span i{color:#fff}
.dw_add_span2{background:#ddb086;}
.dw_add_span3{background:#a5784e;}
.dw_add_span4{background:#786b62;}
.dw_add_span5{background:#1f971b;}
.dw_add_span6{background:#786b62;}
.map-left {
    float: left;
    width: 38%;
}
.map-right {
    float: right;
    width: 58%;
}
.map-left h2{font-size:24px;color:#35589c;font-weight:600;}
.wrap_dwpage .map-left dt {
    padding-bottom: 5px;
    font-size: 18px;
    color: #111;
    font-weight: 600;
    margin-bottom:10px;
}
.wrap_dwpage .map-left dd {
    margin: 0;
    font-size: 15px;
    color: #666;
    line-height: 24px;
    padding-left: 20px;
    position: relative;
}
.wrap_dwpage .map-left dd i {
    position: absolute;
    left: 0;
    top: 5px;
    color: #000;
}

.map-right .root_daum_roughmap {
    width: 100% !important;
}

.map-info{position:relative;font-size:15px;min-height:850px}
.map-info *{box-sizing: border-box;}
.map-info h2{margin:0;display:inline-block;font-size:1.2em;display:inline-block;padding:5px 0px;width:160px;background:#172f4c;color:#fff;height:38px;font-weight:600;position:relative;}
.map-info h2:before{position:absolute;width:1px;height:29px;background:#ddd;bottom:-29px;left:50%;content: "";}
.map-info ul{margin:0;padding:0;list-style:none;text-align:center;margin-top:30px;}
.map-info ul span{-webkit-box-shadow:0 2px 2px rgb(0 0 0 / 20%);-moz-box-shadow:0 2px 2px rgb(0 0 0 / 20%);box-shadow:0 2px 2px rgb(0 0 0 / 20%);}
.li_info1 > ul{position:relative;width:100%;min-height:200px;}
.li_info1 > ul:after{content:"";display:block;clear:both;position:absolute;left:25%;top:0;width:50%;height:1px;background:#ddd;}
.li_info1 > ul >li{position:absolute;}
.li_info1{height:280px;}
.li_info1_1,
.li_info1_2{width:50%;top:20px;}
.li_info1_2{right:0;}
.info1_1,
.info2_1{display:inline-block;border:1px solid #2260ab;color:#172f4c;background:#fff;padding:5px 15px;line-height:20px;position: relative;}
.info3_1,
.info4_1,
.info5_1{display:inline-block;border:1px solid #2260ab;color:#172f4c;background:#fff;padding:5px 15px;line-height:20px;position: relative;}
.info4_1{ position: absolute;left: 0;transform: translate(-50%,0%);}
.info4_1:after{position:absolute;width:80%;height:7px;background:url(../img/info-right.gif) right 50%;top:50%;margin-top:-3px;left:-88%;content: "";}
.info4_1:before{position:absolute;width:70%;height:7px;background:url(../img/info-left.gif) left 50%;top:50%;margin-top:-3px;right:-78%;content: "";}
.info1_1:before,
.info2_1:before{position:absolute;width:1px;height:20px;background:#ddd;top:-21px;left:50%;content: "";}
.info3_1:before,
.info5_1:before{position:absolute;width:1px;height:14px;background:#ddd;top:-15px;left:50%;content: "";}
.info1_1:after,
.info2_1:after{position:absolute;width:1px;height:14px;background:#ddd;bottom:-15px;left:50%;content: "";}
.info2_1{padding:15px 15px}
.li_info1_1 ul,
.li_info1_2 ul{position:relative;padding:15px 0;margin:15px 0;height:74px}
.li_info1_1 ul:before{content:"";display:block;clear:both;position:absolute;left:12.5%;bottom:0;width:75%;height:1px;background:#ddd;}
.li_info1_1 ul:after{content:"";display:block;clear:both;position:absolute;left:12.5%;top:0;width:75%;height:1px;background:#ddd;}
.li_info1_1 ul li{float:left;width:25%;}
.li_info1_2 ul li span,
.li_info1_1 ul li span{display:inline-block;padding:13px 10px;height:44px;background:#fff;border:1px solid #afafaf;background:#f9f9f9;font-size:0.9em;line-height:1.2em;position:relative;}
.li_info1_2 ul li span:after,
.li_info1_1 ul li span:after{position:absolute;left:50%;top:-15px;height:14px;width:1px;background:#ddd;content:"";}
.li_info1_2 ul li span:before,
.li_info1_1 ul li span:before{position:absolute;left:50%;bottom:-15px;height:14px;width:1px;background:#ddd;content:"";}

.li_info1_2 ul:before{content:"";display:block;clear:both;position:absolute;left:16.6666%;top:0;width:66.6666%;height:1px;background:#ddd;}
.li_info1_2 ul:after{content:"";display:block;clear:both;position:absolute;left:16.6666%;bottom:0;width:66.6666%;height:1px;background:#ddd;}
.li_info1_2 ul li span.info2_1_1,
.li_info1_1 ul li span.info1_1_1{padding:5px 10px;}
.li_info1_2 ul li{float:left;width:33.33333%;}

.li_info2{padding-top:30px;}
.info0_1{position:absolute;left:-180px;border: 1px solid #afafaf;background: #f9f9f9;color:#172f4c;height: 36px;top:0;font-size:0.8em;line-height:20px;padding:0 10px;padding-top:8px;}
.info0_1:after{position:absolute;width:26%;height:7px;background:url(../img/info-right.gif) right 50%;top:50%;margin-top:-3px;right:-32%;content: "";}
.li_info2_1_1{float:left;width:50%;}
.li_info2_1_2{float:left;width:50%;}
.li_info2_1_1_span{
    display: inline-block;
    border: 1px solid #333;
    color: #fff;
    background: #444;
    padding: 5px 15px;
    line-height: 20px;
    position: relative;
}
.li_info2_1_2_span{
    display: inline-block;
    border: 1px solid #198939;
    color: #fff;
    background: #198939;
    padding: 5px 15px;
    line-height: 20px;
    position: relative;
}
.li_info2_1_2_span:after{position:absolute;left:50%;top:-15px;height:14px;width:1px;background:#ddd;content:"";}
.li_info2_1_2_span:before{position:absolute;left:10px;bottom:-93px;height:90px;width:1px;background:#ddd;content:"";}
.li_info2_1 .info1_1:before{display:none;}
.li_info2_1_ul{position:relative;}
.li_info2_1_ul:after{content:"";display:block;clear:both;position:absolute;left:25%;top:-15px;width:50%;height:1px;background:#ddd;}

.li_info2_1_ul_ul > li{width:50%;float:left;}
.li_info2_1_ul_ul > li > span{
    display: inline-block;
    padding: 13px 0px;
    height: 44px;
    background: #fff;
    border: 1px solid #444;
    font-size: 0.9em;
    line-height: 1.2em;
    position: relative;
    min-width:112px;
}
.li_info2_1_ul_ul_ul2,
.li_info2_1_ul_ul{position:relative;}
.li_info2_1_ul_ul_ul2:after,
.li_info2_1_ul_ul:after{content:"";display:block;clear:both;position:absolute;left:25%;top:-15px;width:50%;height:1px;background:#ddd;}

.li_info2_1_ul_ul_ul li{margin-bottom:15px;}
.li_info2_1_ul_ul_ul li span{
    display: inline-block;
    padding: 5px 0px;
    min-width:112px;
    background: #fff;
    border: 1px solid #444;
    font-size: 0.9em;
    line-height: 1.2em;
    position: relative;
}

.li_info2_1_ul_ul_ul2 > li{width:50%;float:left;}
.li_info2_1_ul_ul_ul2 > li > span{
    display: inline-block;
    padding: 13px 0px;
    height: 44px;
    background: #fff;
    border: 1px solid #444;
    font-size: 0.9em;
    line-height: 1.2em;
    position: relative;
    min-width:112px;
}
.li_info2_1_1 span:after{content:"";display:block;clear:both;position:absolute;left:50%;top:-16px;width:1px;height:15px;background:#ddd;}
.li_info2_1_ul_ul_ul li:first-child span:after{height:26px;top:-28px;}
.li_info2_1_1_span:before,
.li_info2_1_ul_ul_li2 > span:before{content:"";display:block;clear:both;position:absolute;left:50%;bottom:-16px;width:1px;height:15px;background:#ddd;}
.li_info2_1_ul_ul_ul span:after{width:7px;margin-left:-3px;background:url(../img/info-bottom.gif) 50% bottom;height:12px;top:-14px;}
.map-info ul.li_info2_1_2_ul{padding-top:64px;}
.li_info2_1_2_ul li{width:50%;float:left;}
.li_info2_1_2_ul  li > span{
    display: inline-block;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #33b157;
    font-size: 0.9em;
    line-height: 1.2em;
    position: relative;
}
.li_info2_1_2_ul  li:last-child > span{padding:5px 0;width:104px;}
.li_info2_1_2_ul_ul li{margin-bottom:15px;width:100%;position:relative;}
.li_info2_1_2_ul_ul li > span{
    display:inline-block;padding:8px 0px;width:104px;border:1px solid #afafaf;background:#f9f9f9;font-size:0.9em;line-height:1.2em;position:relative;text-align:center;
}
.last-info1-2,
.last-info1-4{position:absolute !important;left:-60px;}
.li_info2_1_1 span.off-agreement:before{position:absolute;width:50%;height:7px;background:url(../img/info-right.gif) right 50%;top:50%;margin-top:-3px;right:-66%;content: "";left:auto;}
.li_info2_1_1 span.on-agreement:before{position:absolute;width:50%;height:7px;background:url(../img/info-left.gif) left 50%;top:50%;margin-top:-3px;left:-66%;content: "";}
.li_info2_1_2_ul > li:first-child > span:after{position:absolute;width:70%;height:7px;background:url(../img/info-right.gif) right 50%;top:50%;margin-top:-3px;right:-90%;content: "";}
.li_info2_1_2_ul > li:last-child > span:after{position:absolute;left:50%;bottom:-15px;height:14px;width:1px;background:#ddd;content:"";}
.last-info1-:after{content:"";display:block;clear:both;position:absolute;left:-53px;top:50%;width:50px;height:1px;background:#ddd;}
.map-info ul.li_info2_1_2_ul_ul{margin-top:15px;}
.last-info1-2:before{content:"";display:block;clear:both;position:absolute;right:-28px;bottom:-34px;width:1px;height:50px;background:#ddd;}
.info-bottom15-arrow:after{content:"";position:absolute;width:7px;margin-left:-3px;background:url(../img/info-bottom.gif) 50% bottom;height:12px;top:-14px;left:50%;}
.wrapTab_{display:none;}
.wrapTab_on{display:block;}

.wrap-tabB{text-align:center;}
.wrap-tabB ul{list-style:none;margin:0;margin-top:10px;padding:0;display:inline-block;}
.wrap-tabB ul li{float:left;margin:5px;}
.wrap-tabB ul li a{display:inline-block;padding:8px 18px;font-size:16px;line-height:24px;background:#f6f6f6;border:1px solid #b5b5b5;-webkit-box-shadow:0 2px 2px rgb(0 0 0 / 210%);-moz-box-shadow:0 2px 2px rgb(0 0 0 / 10%);box-shadow:0 2px 2px rgb(0 0 0 / 10%);border-radius: 20px;}
.wrap-tabB ul li.on a{background:#a79a6f;color:#fff !important;border:1px solid #877b55;}
.indent0{text-indent:0;margin:5px 0;}


.mac-ul{margin-top:10px;}
.mac-ul,
.mac-ul ul{list-style:none;margin:0;padding:0;display:inline-block;}
.mac-ul li{margin:0px;}
.mac-ul li a{display:inline-block;padding:8px 25px;font-size:16px;line-height:24px;}
.mac-ul > li > a{background:url(../img/mac.gif) no-repeat right -50px;padding:5px 10px 5px 30px;line-height:29px;height:29px;position:relative;min-width:80px;text-align:left;margin:5px}
.mac-ul > li > a:before{content:"";display:inline-block;width:30px;height:39px;background:url(../img/mac.gif) no-repeat left top;position:absolute;left:0;top:0;}
.mac-ul li.on a{background:#a79a6f;color:#fff !important;border:1px solid #877b55;}
.mac-ul li a.mac-b{
    line-height:24px;
    padding:2px 10px 2px 20px;
    background:#002982 url(../img/bg_mac-b.png) no-repeat 12px 50%;
    color:#cef6ff;
    font-size:12px;
    display:block;
    margin:2px;
}
.mac-ul > li:nth-child(2) > a,
.mac-ul > li:nth-child(3) > a{
    float:left;
}
.mac-ul li ul{
    padding-left:20px;
    width:70%;
    margin-top:3px;
}
.mac-ul li li{
    margin:0;
    width:20%;
    float:left;
}
.w1{min-width:150px;}
.w2{min-width:300px;}
.indent0{text-indent:0;margin:5px 0;}
.w1 a,
.w2 a{display:block !important;}
.guide_ul{margin:0;padding:0;list-style:none;}
.guide_ul li{position: relative;padding-left:220px;margin: 45px 0;
    border-top: 1px dotted #ddd;}
.guide_ul li:first-child{border:0;}
.guide_ul li .dwpage_h4B{padding:0;}
.guide_ul li .dwpage_h4B:after{display:none;}
.guide_ul li .dwpage_h4B span{position:absolute;font-size:28px;left:-220px;top:0;font-weight:400;padding-top:25px;}
.wrap-tab-bottom .guide_ul li .dwpage_h4B span{
    font-size:24px;
}
.guide_ul li .dwpage_h4B span:after{
    content:"";
    display:block;    
    width: 55px;
    height: 4px;
    left:0;
    top:0;
    position: absolute;
    background-color: #b6a97e;
}
.mac_tab{display:none;max-width:661px;padding:20px;text-align:center;}
.wrap-mac-tab .menuTab_on{display:block;height:auto}
@media screen and (max-width:1200px){
    .info4_1:after{width:7vw;left:-9vw;}
    .info4_1:before{width:7vw;right:-9vw;}
    .li_info2_1_1 span.on-agreement:before{width:40%;left:-50%;}
    .li_info2_1_1 span.off-agreement:before{width:30%;right:-34%;}
    .li_info2_1_2_ul > li:first-child > span:after{width:50%;right:-60%;}
    .last-info1-:after{left:-51px;}
    .last-info1-2:before{right:-2vw;}
    }
@media screen and (max-width:1100px){
.system-ul li{width:100%;}
.system-ulZ li{min-height:10px;}
}
@media screen and (max-width:1000px){
    .map-left,
    .map-right {
        float: none;
        width: 100%;
    }
    .map-info{min-height:0px;height:0;overflow:hidden;padding-top:100vw;background:url(../img/traffic_accident.gif) no-repeat 50% top;background-size:100%;}
    .map-info>ul{display:none;}
}
@media screen and (max-width:800px){
.w45,
.w55,
.w50,
.w40,
.w60{width:100%;}
.dwpage_h1{margin:15px 0 45px 0;font-size:28px;line-height:38px;}
.dwpage_h3{margin:25px 0;padding:0;font-weight:400;font-size:24px;line-height:32px;position:relative;}
.padding-left40{padding-left:0px;}
.padding-right40{padding-right:0px;}
.font-18{font-size:16px;}
.history_dl{margin-left:5px;}
.system_h3{font-size:3.5vw}
.dwpage_h2 {
    font-size: 4vw;
    line-height: 5vw;
}  
.wrap_dwpage-form table{font-size:1.0vw;line-height:18px;} 
.wrap_dwpage-form .dw_tableD th,
.wrap_dwpage-form .dw_tableD td,
.wrap_dwpage-form table table th,
.wrap_dwpage-form table table td{padding:10px 1vw !important;word-break: break-all;} 
.mac-ul li ul{
    width:100%;
    padding-left:0px;
    margin-top:5px;
    clear:both;
    box-sizing: border-box;
    padding:0 3px;
    }
.mac-ul li a.mac-b{
    margin:2px 2px 2px 2px;
}
}
@media screen and (max-width:640px){
    .dwpage_h2 {
        font-size: 4.5vw;
        line-height: 6vw;
    }  
    .work-ul{margin:0;}
    .in-work{padding:30px 20px;}
    .work-ul li{width:100%;float:none;}  
    .work-ul li:after{
        left:50%;
        top:0;
        margin-top:-10px;
    }
    .process-ul li{padding-left:0;padding-bottom:30px;}
    .process-ul li h2{position:relative;width:100%;padding-bottom:10px;top:0;}
    .guide_ul li {padding-left:0;}
    .guide_ul li .dwpage_h4B span{position: relative;left:0;display:block;padding-bottom:40px}
    .guide_ul li .dwpage_h4B span:after{height:1px;top:auto;bottom:20px;width:28px;}
    .mac_tab{padding:0;background:none;}
}
@media screen and (max-width:540px){
    .dwpage_h2{font-size:24px;line-height:32px;}
    .wrap-tabB ul li a{font-size:16px;}
    .mac-ul li li{width:auto;min-width:80px;}
    .w1{width:33.3333%;}
    .w2{width:66.66666%;}

}
@media screen and (max-width:440px){
.system_h3{font-size:5vw}
.dw_table td,.dw_table th{font-size:15px;}
.td-w20{width:60px;}
    .w1{width:50%;}
    .w2{width:100%;}
}