/*1depth 글자스타일*/ .ABA-gnb li a.GNB-a, .AB-menu-sub a { color:#454545; font-size:18px; font-weight:600; letter-spacing:-1px; text-align:center; } .ABA-gnb li a.GNB-a:hover, .AB-menu-sub td a:hover, .ABA-gnb li.AB-current-gnb a.GNB-a { color:#454545; font-weight:600; } .AB-menu-sub a { display:block; } /* GNB 1depth 높이 */ .ABA-bggnb-left, .ABA-bggnb-center, .ABA-bggnb-right { height:80px; } /* GNB 1depth 영역의 높이 */ .ABA-gnb li a.GNB-a, .AB-menu-sub a { height:80px; line-height:80px; } /* GNB 1depth 글자의 높이 */ /*2depth*/ .ABA-gnb-sub-1 { top:80px; } /* GNB 2depth 위치 */ .ABA-gnb-sub-1 { background-color:#fff; border:1px solid #e3e3e3; border-radius:0 0 2px 2px; border-top:0; padding:0; } /*2depth 위치*/ .ABA-gnb-sub-1 li a { color:#777; font-size:14px; font-weight:normal; letter-spacing:-0.5px; line-height:45px; text-decoration:none; display:block; padding:0 15px; position:relative; box-sizing: border-box; } /* 2depth 글자스타일, 높이*/ .ABA-gnb-sub-1 li a:hover { text-decoration:none; } /* 2depth 오버상태 */ .ABA-gnb-sub-1 li.AB-current-gnb-sub a { } /* 2depth 선택된 상태 */ .ABA-gnb-sub-1 li.AB-child a { padding-right:24px; } .ABA-gnb-sub-1 li.AB-child a span.AB-rleft { background:url("exist_child.png") 0 0 no-repeat; width:3px; height:6px; top:20px; right:15px; } /* 우측 아이콘*/ /*3depth*/ .ABA-gnb-sub-2 { top:45px; } /* GNB 3depth 위치 */ .ABA-gnb-sub-2 { background:#fff; border:1px solid #e3e3e3; width:150px; padding:0 0px; margin-left:-1px; z-index:1; box-sizing:border-box; } .ABA-gnb-sub-1 .ABA-gnb-sub-2 ul { background:none; margin:0; } .ABA-gnb-sub-1 .ABA-gnb-sub-2 li { background:none; padding:0; min-width:120px; _width:120px; } .ABA-gnb-sub-1 .ABA-gnb-sub-2 li a { color:#777; font-size:13px; line-height:18px; text-align:left; font-weight:normal; white-space:normal; padding:10px 5px; } /* 3depth 글자스타일, 높이*/ .ABA-gnb-sub-1 .ABA-gnb-sub-2 li a:hover { text-decoration:none; } /*3depth 오버시*/ .ABA-gnb-sub-1 .ABA-gnb-sub-2 li.AB-current-gnb-sub a { } /*3depth가 선택된상태*/ .ABA-gnb-sub-1 .ABA-gnb-sub-2 li.AB-last a { border-bottom:0; } /* GNB-h .GNB-h .ABA-gnb-sub-1-ul { height:31px; }GNB sub(2depth)의 높이*/ /* GNB-v */ .GNB-v .ABA-bggnb-center, .GNB-v .ABA-bggnb-left, .GNB-v .ABA-bggnb-right { height:80px; } /* GNB-v형 1depth 높이 */ .GNB-v .ABA-gnb-sub-1 { top:80px; } /* GNB-v형 2depth 위치 */ .GNB-v .ABA-gnb-sub-1 { height:auto; min-width:150px; background-color:#fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem;} .GNB-v .ABA-gnb-sub-1 > ul { background:none; margin:0; height:default; } .GNB-v .ABA-gnb-sub-1 li { background:none; } .GNB-v .ABA-gnb-sub-1 li a { color:#777; font-size:15px; font-weight:normal; line-height:18px; text-decoration:none; text-align:left; padding:10px 15px; box-sizing: border-box; } /*2depth 글자스타일*/ .GNB-v .ABA-gnb-sub-1 li a:hover { text-decoration:none; } /* 2depth 오버상태 */ .GNB-v .ABA-gnb-sub-1 li.AB-current-gnb-sub a { } /* 2depth 선택된 상태 */ .GNB-v .ABA-gnb-sub-1 li.AB-child a span.AB-rleft { top:17px; right:20px; } /* 우측 아이콘*/ .GNB-v .ABA-gnb-sub-1 li.AB-last a { border-bottom:0; } .GNB-v .ABA-gnb-sub-1 .ABA-gnb-sub-2 { border-width:1px; width:150px; margin-left:0; margin-top:-1px; } .GNB-v .ABA-gnb-sub-1 li.AB-first .ABA-gnb-sub-2 { margin-top:0; } .GNB-v .ABA-gnb-sub-1 .ABA-gnb-sub-2 li a { padding:10px 5px; margin:0px; font-size: 14px;} .GNB-v .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 a { color:#777; font-weight:normal; } .GNB-v .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 a:hover { text-decoration:none; } /* 3depth 오버상태 */ .GNB-v .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li.AB-current-gnb-sub a { } /* 3depth 선택된 상태 */ .GNB-v .ABA-gnb-sub-1 .ABA-gnb-sub-2 li.AB-last a { border-bottom:0; } .ABA-lnb li a:hover {color:#fff} /* GNB-w */ .AB-wide-gnb-sub { background-color:#fff; border-bottom:1px solid #ccc; width:100%; left:0; } .AB-wide-gnb-sub .ABA-gnb-sub-1 { background:none; border:0; height:200px; } .AB-wide-gnb-sub .ABA-gnb-sub-1 li a { color:#777; line-height:18px; text-decoration:none; text-align:left; padding:7px 13px; } .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { color:#000; } .AB-wide-gnb-sub .ABA-gnb-sub-1 li.AB-child a span.AB-rleft { width:3px; height:6px; top:14px; } /* 우측 아이콘*/ .AB-wide-gnb-sub .ABA-gnb-sub-2 { border:1px solid #ddd; padding:0; } /*GNB배경 (1depth) */ .ABA-bggnb-left,.ABA-bggnb-right { width:0; } /*1depth 양쪽끝 너비*/ .ABA-bggnb-left { background-position:0 0; } /*background-position:0 -(GNB영역 높이값x2)px*/ .ABA-bggnb-right { background-position:0 0; } .ABA-bggnb-center { background-position:0 0; margin:0; } /*background-position:0 -(GNB영역 높이값)px , margin:0 width값*/ /*GNB sub배경 (2depth) */ .ABA-bggnbsub1-left,.ABA-bggnbsub1-right { width:0; height:25px; } /*2depth 양쪽끝 너비,높이*/ .ABA-bggnbsub1-left { background-position:0 0; } /*background-position:0 -(2depth 높이값x2)px*/ .ABA-bggnbsub1-right { background-position:0 0; } .ABA-gnb-sub-1-ul { background-position:0 0; margin:0; }/*background-position:0 -(2depth 높이값)px , margin:0 width값*/ /* GNB 2뎁스 배경*/ .GNB-color-01 .GNB-v .ABA-gnb-sub-1 li a:hover { background-color:#cf141e; color:#ffffff;} .GNB-color-02 .GNB-v .ABA-gnb-sub-1 li a:hover { background-color:#b79575; color:#ffffff;} .GNB-color-03 .GNB-v .ABA-gnb-sub-1 li a:hover { background-color:#FFAE00; color:#ffffff;} .GNB-color-04 .GNB-v .ABA-gnb-sub-1 li a:hover { background-color:#2d8927; color:#ffffff;} .GNB-color-05 .GNB-v .ABA-gnb-sub-1 li a:hover { background-color:#67b2e6; color:#ffffff;} .GNB-color-06 .GNB-v .ABA-gnb-sub-1 li a:hover { background-color:#204b92; color:#ffffff;} .GNB-color-07 .GNB-v .ABA-gnb-sub-1 li a:hover { background-color:#671477; color:#ffffff;} .GNB-color-08 .GNB-v .ABA-gnb-sub-1 li a:hover { background-color:#444444; color:#ffffff;} .GNB-color-09 .GNB-v .ABA-gnb-sub-1 li a:hover { background-color:#737373; color:#ffffff;} .GNB-color-10 .GNB-v .ABA-gnb-sub-1 li a:hover { background-color:#aaaaaa; color:#ffffff;} .GNB-color-01 .GNB-h .ABA-gnb-sub-1 li a:hover { background-color:#cf141e; color:#ffffff;} .GNB-color-02 .GNB-h .ABA-gnb-sub-1 li a:hover { background-color:#b79575; color:#ffffff;} .GNB-color-03 .GNB-h .ABA-gnb-sub-1 li a:hover { background-color:#FFAE00; color:#ffffff;} .GNB-color-04 .GNB-h .ABA-gnb-sub-1 li a:hover { background-color:#2d8927; color:#ffffff;} .GNB-color-05 .GNB-h .ABA-gnb-sub-1 li a:hover { background-color:#67b2e6; color:#ffffff;} .GNB-color-06 .GNB-h .ABA-gnb-sub-1 li a:hover { background-color:#204b92; color:#ffffff;} .GNB-color-07 .GNB-h .ABA-gnb-sub-1 li a:hover { background-color:#671477; color:#ffffff;} .GNB-color-08 .GNB-h .ABA-gnb-sub-1 li a:hover { background-color:#444444; color:#ffffff;} .GNB-color-09 .GNB-h .ABA-gnb-sub-1 li a:hover { background-color:#737373; color:#ffffff;} .GNB-color-10 .GNB-h .ABA-gnb-sub-1 li a:hover { background-color:#aaaaaa; color:#ffffff;} .GNB-color-01 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#cf141e; color:#ffffff;} .GNB-color-02 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#b79575; color:#ffffff;} .GNB-color-03 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#FFAE00; color:#ffffff;} .GNB-color-04 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#2d8927; color:#ffffff;} .GNB-color-05 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#67b2e6; color:#ffffff;} .GNB-color-06 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#204b92; color:#ffffff;} .GNB-color-07 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#671477; color:#ffffff;} .GNB-color-08 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#444444; color:#ffffff;} .GNB-color-09 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#737373; color:#ffffff;} .GNB-color-10 .AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { background-color:#aaaaaa; color:#ffffff;} /* GNB 오버시 글자색*/ .GNB-color-01 .ABA-gnb li a.GNB-a:hover, .GNB-color-01 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-01 .ABA-gnb-sub-1 li a:hover, .GNB-color-01 .ABA-gnb-sub-1 li.AB-current-gnb-sub a, .GNB-color-01 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li a:hover, .GNB-color-01 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li.AB-current-gnb-sub a { color:#cf141e; } .GNB-color-02 .ABA-gnb li a.GNB-a:hover, .GNB-color-02 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-02 .ABA-gnb-sub-1 li a:hover, .GNB-color-02 .ABA-gnb-sub-1 li.AB-current-gnb-sub a, .GNB-color-02 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li a:hover, .GNB-color-02 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li.AB-current-gnb-sub a { color:#b79575; } .GNB-color-03 .ABA-gnb li a.GNB-a:hover, .GNB-color-03 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-03 .ABA-gnb-sub-1 li a:hover, .GNB-color-03 .ABA-gnb-sub-1 li.AB-current-gnb-sub a, .GNB-color-03 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li a:hover, .GNB-color-03 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li.AB-current-gnb-sub a { color:#FFAE00; } .GNB-color-04 .ABA-gnb li a.GNB-a:hover, .GNB-color-04 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-04 .ABA-gnb-sub-1 li a:hover, .GNB-color-04 .ABA-gnb-sub-1 li.AB-current-gnb-sub a, .GNB-color-04 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li a:hover, .GNB-color-04 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li.AB-current-gnb-sub a { color:#2d8927; } .GNB-color-05 .ABA-gnb li a.GNB-a:hover, .GNB-color-05 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-05 .ABA-gnb-sub-1 li a:hover, .GNB-color-05 .ABA-gnb-sub-1 li.AB-current-gnb-sub a, .GNB-color-05 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li a:hover, .GNB-color-05 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li.AB-current-gnb-sub a { color:#67b2e6; } .GNB-color-06 .ABA-gnb li a.GNB-a:hover, .GNB-color-06 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-06 .ABA-gnb-sub-1 li a:hover, .GNB-color-06 .ABA-gnb-sub-1 li.AB-current-gnb-sub a, .GNB-color-06 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li a:hover, .GNB-color-06 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li.AB-current-gnb-sub a { color:#204b92; } .GNB-color-07 .ABA-gnb li a.GNB-a:hover, .GNB-color-07 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-07 .ABA-gnb-sub-1 li a:hover, .GNB-color-07 .ABA-gnb-sub-1 li.AB-current-gnb-sub a, .GNB-color-07 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li a:hover, .GNB-color-07 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li.AB-current-gnb-sub a { color:#671477; } .GNB-color-08 .ABA-gnb li a.GNB-a:hover, .GNB-color-08 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-08 .ABA-gnb-sub-1 li a:hover, .GNB-color-08 .ABA-gnb-sub-1 li.AB-current-gnb-sub a, .GNB-color-08 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li a:hover, .GNB-color-08 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li.AB-current-gnb-sub a { color:#444444; } .GNB-color-09 .ABA-gnb li a.GNB-a:hover, .GNB-color-09 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-09 .ABA-gnb-sub-1 li a:hover, .GNB-color-09 .ABA-gnb-sub-1 li.AB-current-gnb-sub a, .GNB-color-09 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li a:hover, .GNB-color-09 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li.AB-current-gnb-sub a { color:#737373; } .GNB-color-10 .ABA-gnb li a.GNB-a:hover, .GNB-color-10 .ABA-gnb li.AB-current-gnb a.GNB-a, .GNB-color-10 .ABA-gnb-sub-1 li a:hover, .GNB-color-10 .ABA-gnb-sub-1 li.AB-current-gnb-sub a, .GNB-color-10 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li a:hover, .GNB-color-10 .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li.AB-current-gnb-sub a { color:#aaaaaa; } /* 서브 인사말*/ .subc-color-01 .textc { color: #cf141e;} .subc-color-02 .textc { color: #b79575; } .subc-color-03 .textc { color: #FFAE00; } .subc-color-04 .textc { color: #2d8927; } .subc-color-05 .textc { color: #67b2e6; } .subc-color-06 .textc { color: #204b92; } .subc-color-07 .textc { color: #671477; } .subc-color-08 .textc { color: #444444; } .subc-color-09 .textc { color: #737373; } .subc-color-10 .textc { color: #aaaaaa; } .subc-color-01 .linec { border: 5px solid #cf141e;} .subc-color-02 .linec { border: 5px solid #b79575; } .subc-color-03 .linec { border: 5px solid #FFAE00; } .subc-color-04 .linec { border: 5px solid #2d8927; } .subc-color-05 .linec { border: 5px solid #67b2e6; } .subc-color-06 .linec { border: 5px solid #204b92; } .subc-color-07 .linec { border: 5px solid #671477; } .subc-color-08 .linec { border: 5px solid #444444; } .subc-color-09 .linec { border: 5px solid #737373; } .subc-color-10 .linec { border: 5px solid #aaaaaa; } /*서브 컨텐츠 블릿*/ .subbl01 li { position: relative; margin: 3px 0 0; padding-left: 12px; color: #666; font-size: 16px; text-align: justify; } .subbl01 li:after { content: ""; display: block; position: absolute; top: 50%; left: 0; background: #b79575; width: 4px; height: 4px; margin-top: -2px; } .subbl02 .top01 { padding-left: 10px; } .subbl02 .top02 { padding: 18px; background-color: #f6f3ef; } .subbl02 .top { position: relative; margin: 0 0 15px; padding: 0 0 0 10px; } .subbl02 .top::before { content: ""; display: block; position: absolute; top: 10px; left: 0; background: #999; width: 4px; height: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .subbl02 .topbtitle { font-weight: bold; position: relative; margin: 0 0 15px; padding: 0 0 0 10px; } .subbl02 .topbtitle::before { content: ""; display: block; position: absolute; top: 10px; left: 0; background: #999; width: 4px; height: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .subbl02 li { position: relative; margin: 0 0 5px; padding: 0 0 0 10px; } .subbl02 li:before { content: ""; display: block; position: absolute; top: 10px; left: 0; background: #999; width: 4px; height: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .subbl02 .subt li { position: relative; margin: 0 0 5px; padding: 0 0 0 13px; } .subbl02 .subt li:before { content: ""; display: block; position: absolute; top: 11px; left: 0; background: #999; width: 6px; height: 2px; border-radius: 0%; -webkit-border-radius: 0%; -moz-border-radius: 0%; -ms-border-radius: 0%; -o-border-radius: 0%; } /*고객센터 이미지 효과*/ .service01:hover .-default { display:none; } .service01:hover .-over { display:block !important; } /*fixed gnb*/ .fixedgnb #ABA-gnb{position:fixed !important; left:0; top:0; width:100%; z-index:1000; background-color: rgba(0, 0, 0, 0.5);} .fixedgnb.abline-div-padding #ABA-gnb, .abline-div-padding .fixedgnb #ABA-gnb{ position:static !important; } #ABA-body.fixedgnb .ABA-gnb li a.GNB-a, .AB-menu-sub a { color:#ffffff; } #ABA-body.fixedgnb .textcolor { color: #ffffff !important; } #ABA-body.fixedgnb .utilWrap02 a:after, .utilWrap02 span:after { border-right: 1px solid rgba(255,255,255,0.2); } #ABA-body.fixedgnb .boderb { border-bottom: 1px solid rgb(255 255 255 / 20%) !important;} #ABA-body.fixedgnb {padding-top:119px;} #ABA-body.fixedgnb #ABA-util-wrap {display:none;} #ABA-body.fixedgnb #ABA-gnb { position:fixed; left: 0; top: 0; width: 100%; z-index: 10; min-width: 1400px;} #ABA-body.fixedgnb .colorimg {display:none;} #ABA-body.fixedgnb .wimg {display:inline-block;} #ABA-body .colorimg {display:inline-block;} #ABA-body .wimg {display:none;}