/* 분리용 */

.ABA-bggnb-left, .ABA-bggnb-center, .ABA-bggnb-right{height:45px;}
.ABA-gnb li a.GNB-a, .AB-menu-sub a.GNB-a{text-align:center; height:52px; line-height:52px;font-size:20px; font-weight:600; color:#ffffff;padding: 20px 40px;}
.ABA-gnb{white-space:nowrap;}							/* lee 2012-10-02 */
.ABA-bggnbsub1-left,.ABA-bggnbsub1-right{width:0;height:0;}/*gnbsub의 width,height값*/
.ABA-bggnbsub1-left{background-position:0 0;}/*-(gnbsub의 height값x2)*/
.ABA-bggnbsub1-right{background-position:0 0;}
.ABA-bggnb-center{background-position:0 0;}	

.ABA-gnb-sub-1{top:45px; border:1px solid #00346b;}/*gnb와 gnbsub사이의 간격*/
.ABA-gnb-sub-1 li{background:url("gnb_sub_v_bar.gif") no-repeat; background-position:0 18px;}	 /* 사이바 */
.ABA-gnb-sub-1 li a{line-height:normal; display:inline-block; padding:9px 12px; color:#333; font-size:15px; font-weight:400;}
.ABA-gnb .AB-child a{padding-right:25px;}
.ABA-gnb .AB-child a span.AB-rleft{background:url("exist_child_g.gif") no-repeat 0 0;width:4px;height:10px;right:12px;top:43%;}		/* 하위 분류 존재시 노출되는 우측 아이콘*/
li.AB-current-gnb-sub a{font-weight:bold !important;}

.ABA-gnb-sub-2{top:40px; background:#003c7b; z-index:1; padding:3px 16px 3px 7px; border:1px solid #00346b;width: 105px; border-radius:10px;}
.change-w .ABA-gnb-sub-2 { background:#0698ff;border:1px solid #0698ff;margin-left:5px;}
div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 ul{background:none;margin:0;}
div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li{background:none !important; min-width:93px; padding:0 !important;_width:93px;}
div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li a{background:none !important;font-size:14px;text-align:left;font-weight:normal !important;padding:7px 10px 7px 10px;color:#fff !important;width: auto !important;}		/* 좌측아이콘 */

.AB-menu-sub td a,
.ABA-gnb li a:hover,.ABA-gnb td a:hover{color:#8ec5ff !important;}
#dgb_community .AB-menu-sub td a,
#dgb_community .ABA-gnb li a:hover,#dgb_community .ABA-gnb td a:hover{color:#0038b3 !important;}


/* 링크 글자색 */
.GNB-color-01 .ABA-gnb li.AB-current-gnb a{color:#ff0000;}
.GNB-color-01 .ABA-gnb-sub-1 li a{color:#444!important;}
.GNB-color-01 .ABA-gnb-sub-1 li a:hover,.GNB-color-01 li .AB-current-gnb-sub a,
.GNB-color-01 div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li a:hover{color:#bd0000 !important;}

.GNB-color-02 .ABA-gnb li.AB-current-gnb a{color:#e9b770;}
.GNB-color-02 .ABA-gnb-sub-1 li a{color:#444!important;}
.GNB-color-02 .ABA-gnb-sub-1 li a:hover,.GNB-color-02 li .AB-current-gnb-sub a,
.GNB-color-02 div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li a:hover{color:#e9b770 !important;}

.GNB-color-03 .ABA-gnb li.AB-current-gnb a{color:#ffa800;}
.GNB-color-03 .ABA-gnb-sub-1 li a{color:#444!important;}
.GNB-color-03 .ABA-gnb-sub-1 li a:hover,.GNB-color-03 li .AB-current-gnb-sub a,
.GNB-color-03 div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li a:hover{color:#ffa800 !important;}

.GNB-color-04 .ABA-gnb li.AB-current-gnb a{color:#33a337;}
.GNB-color-04 .ABA-gnb-sub-1 li a{color:#444!important;}
.GNB-color-04 .ABA-gnb-sub-1 li a:hover,.GNB-color-04 li .AB-current-gnb-sub a,
.GNB-color-04 div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li a:hover{color:#33a337 !important;}

.GNB-color-05 .ABA-gnb li.AB-current-gnb a{color:#2fa7ff;}
.GNB-color-05 .ABA-gnb-sub-1 li a{color:#444!important;}
.GNB-color-05 .ABA-gnb-sub-1 li a:hover,.GNB-color-05 li .AB-current-gnb-sub a,
.GNB-color-05 div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li a:hover{color:#2fa7ff !important;}

.GNB-color-06 #dgb_community .ABA-gnb li.AB-current-gnb a{color:#0038b3;}
.GNB-color-06 .ABA-gnb li.AB-current-gnb a{color:#8ec5ff;}
.GNB-color-06 .ABA-gnb-sub-1 li a{color:#444!important;}
.GNB-color-06 .ABA-gnb-sub-1 li a:hover,.GNB-color-06 li .AB-current-gnb-sub a,
.GNB-color-06 div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li a:hover{color:#8ec5ff !important;}

.GNB-color-07 .ABA-gnb li.AB-current-gnb a{color:#a900ff;}
.GNB-color-07 .ABA-gnb-sub-1 li a{color:#444!important;}
.GNB-color-07 .ABA-gnb-sub-1 li a:hover,.GNB-color-07 li .AB-current-gnb-sub a,
.GNB-color-07 div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li a:hover{color:#a900ff !important;}

.GNB-color-08 .ABA-gnb li.AB-current-gnb a{color:#636363;}
.GNB-color-08 .ABA-gnb-sub-1 li a{color:#444!important;}
.GNB-color-08 .ABA-gnb-sub-1 li a:hover,.GNB-color-08 li .AB-current-gnb-sub a,
.GNB-color-08 div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li a:hover{color:#636363 !important;}

.GNB-color-09 .ABA-gnb li.AB-current-gnb a{color:#737373;}
.GNB-color-09 .ABA-gnb-sub-1 li a{color:#444!important;}
.GNB-color-09 .ABA-gnb-sub-1 li a:hover,.GNB-color-09 li .AB-current-gnb-sub a,
.GNB-color-09 div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li a:hover{color:#737373 !important;}

.GNB-color-10 .ABA-gnb li.AB-current-gnb a{color:#aaaaaa;}
.GNB-color-10 .ABA-gnb-sub-1 li a{color:#444!important;}
.GNB-color-10 .ABA-gnb-sub-1 li a:hover,.GNB-color-10 li .AB-current-gnb-sub a,
.GNB-color-10 div.ABA-gnb-sub-1 div.ABA-gnb-sub-2 li a:hover{color:#aaaaaa !important;}

.GNB-v .ABA-gnb-sub-1 li a{color:#ffffff !important;}
.GNB-v .ABA-gnb-sub-1 .ABA-gnb-sub-2 li a{color:#ffffff !important;}
/*.GNB-v .ABA-gnb-sub-1 li a:hover{color:#aaa !important;}*/

.AB-wide-gnb-sub .ABA-gnb-sub-1 li a{color:#aaa !important;}
/*.AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover{color:#aaa !important;}*/

/* GNB-h */
.GNB-h .ABA-gnb-sub-1{background:#fff;}/*gnbsub의 가운데부분*/

/* GNB-v */
.GNB-v .ABA-bggnb-center,.GNB-v .ABA-bggnb-left,.GNB-v .ABA-bggnb-right{height:45px !important;}
.GNB-v .ABA-gnb-sub-1{top:52px;background:#003c7b;  height:auto !important; min-width:120px;_width:120px;border-radius: 10px;}
.GNB-v .ABA-gnb-sub-1 ul{background:none !important;margin:0;height:default;}
.GNB-v .ABA-gnb-sub-1 li {background:none !important;}		/* 좌측 아이콘 */
.GNB-v .ABA-gnb-sub-1 li a{padding:8px 10px 7px 14px; text-align:left !important; font-size:15px;}
/*.GNB-v .ABA-gnb-sub-1 li a:hover{background:#eee;color:#666 !important}				 오버시 */
.GNB-v .ABA-gnb .AB-child a span.AB-rleft{background:url("exist_child_g.gif") no-repeat 0 0;width:4px;height:7px;top:15px;right:15px;}		/* 하위 분류 존재시 노출되는 우측 화살표 */
.GNB-v .ABA-bggnbsub1-left,.GNB-v .ABA-bggnbsub1-right{width:0;height:0;}

/* GNB-w */
.AB-wide-gnb-sub{width:100%;*width:100%;_width:100%;height:400px;background:url("gnb_w_bg.png") repeat;}
.AB-wide-gnb-sub .AB-child a span.AB-rleft{background:url("exist_child_g.gif") no-repeat 0 0;width:4px;height:7px;top:17px;right:15px;}		/* 하위 분류 존재시 노출되는 우측 화살표 */
.AB-wide-gnb-sub .ABA-gnb-sub-1{border-width:0 0 0 1px !important;border-style: solid ;border-color: #dedede !important;height:150px;margin:10px 0; background:none !important;}
.AB-wide-gnb-sub .ABA-gnb-sub-1 li a{color:#333333 !important;padding:10px 17px 7px 10px; text-align:left !important; font-size:14px;text-decoration:none !important;}
/*.AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover{color:#666 !important;}*/
.AB-wide-gnb-sub .ABA-bggnbsub1-left,.GNB-v .ABA-bggnbsub1-right{width:0;height:0;}

/*change-w, set-g1-nm */
.change-w.AB-wide-gnb-sub{height:210px;}
.change-w.AB-wide-gnb-sub .ABA-gnb-sub-1 {top:18px; left:360px !important; width: 610px !important;}
.change-w.AB-wide-gnb-sub .ABA-gnb-sub-1 li {display: inline-block !important;text-align:center; width:120px}
.change-w.AB-wide-gnb-sub .ABA-gnb-sub-1 {border:none !important;}
.change-w.AB-wide-gnb-sub .ABA-gnb-sub-1 li a {font-size:16px;margin-right:20px;width:100%; text-align:center !important;display:block;}
.change-w.set-g1-nm .ABA-gnb-sub-1::before { content: attr(data-before-text); }
.set-g1-nm .ABA-gnb-sub-1::before {position: absolute; left: -159px; top: 9px; color: #0898FE; font-weight: bold; font-size: 20px;}

.GNB-color-01 .AB-wide-gnb-sub{border-bottom:2px solid #ff0000;}
.GNB-color-02 .AB-wide-gnb-sub{border-bottom:2px solid #b79373;}
.GNB-color-03 .AB-wide-gnb-sub{border-bottom:2px solid #ffa800;}
.GNB-color-04 .AB-wide-gnb-sub{border-bottom:2px solid #33a337;}
.GNB-color-05 .AB-wide-gnb-sub{border-bottom:2px solid #2fa7ff;}
.GNB-color-06 .AB-wide-gnb-sub{border-bottom:2px solid #002348;}
.GNB-color-07 .AB-wide-gnb-sub{border-bottom:2px solid #a900ff;}
.GNB-color-08 .AB-wide-gnb-sub{border-bottom:2px solid #333333;}
.GNB-color-09 .AB-wide-gnb-sub{border-bottom:2px solid #737373;}
.GNB-color-10 .AB-wide-gnb-sub{border-bottom:2px solid #aaaaaa;}

/* GNB 상단 배경 */
.GNBTOP-color-01 {background-color:#ff0000;}
.GNBTOP-color-02 {background-color:#b79373;}
.GNBTOP-color-03 {background-color:#ffa800;}
.GNBTOP-color-04 {background-color:#33a337;}
.GNBTOP-color-05 {background-color:#2fa7ff;}
.GNBTOP-color-06 {background-color:#002348;}
.GNBTOP-color-07 {background-color:#a900ff;}
.GNBTOP-color-08 {background-color:#333333;}
.GNBTOP-color-09 {background-color:#737373;}
.GNBTOP-color-10 {background-color:#aaaaaa;}


/* 고객센터 폰트 컬러 */
.cf-color-01 {color:#ff0000;}
.cf-color-02 {color:#b79373;}
.cf-color-03 {color:#ffa800;}
.cf-color-04 {color:#33a337;}
.cf-color-05 {color:#2fa7ff;}
.cf-color-06 {color:#002348;}
.cf-color-07 {color:#a900ff;}
.cf-color-08 {color:#333333;}
.cf-color-09 {color:#737373;}
.cf-color-10 {color:#aaaaaa;}


/*fixed gnb*/

.fixedgnb #ABA-gnb{position:fixed !important; left:0; top:0; width:100%; z-index:1000; background-color: rgba(255, 255, 255, 0.9);border: 1px solid rgba(0, 0, 0, 0.1);} 
.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:#000000; }
#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:0px;}
#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; padding: 50px 0px 20px 0px; transition: padding 0.4s;}

#ABA-body.fixedgnb #ABA-gnb .ABA-gnb li a.GNB-a, .AB-menu-sub a.GNB-a {padding: 3px 40px;}
/*#ABA-body.fixedgnb #ABA-gnb .GNB-v .ABA-gnb-sub-1 {top: 52px !important;}*/

#ABA-body.fixedgnb #ABA-gnb .GNB-v .ABA-bggnb-center, .GNB-v .ABA-bggnb-left, .GNB-v .ABA-bggnb-right {padding: 0px;}


#ABA-body.fixedgnb .colorimg {display:none;}
#ABA-body.fixedgnb .wimg {display:inline-block;}


#ABA-body .colorimg {display:inline-block;}
#ABA-body .wimg {display:none;}



.t_title01 { color: #ffffff; font-size: 24px; padding-bottom: 9px; padding-left: 18px; font-weight: 500;}
.t_title_div { background-image: url('/images/saeyullaw_main_line.png'); background-repeat: no-repeat; background-position: left 9px;}

.main_bn01 {font-size: 30px;font-weight: bold;color: #ffffff;line-height: 38px;letter-spacing: -1px;display: inline-block; width: 100%; padding: 299px 0 30px;transition: 0.7s;}
.main_bn02 {font-size: 30px;font-weight: bold;color: #ffffff;line-height: 38px;letter-spacing: -1px;display: inline-block; width: 100%; padding: 322px 0 45px;transition: 0.7s;}
.main_bn01:hover, .main_bn02:hover {color: #e9b770; background: rgba(0, 0, 0, 0.6);} 

.law_pagebox01{padding: 144px 0;}
.main_line {margin: 0 auto 15px;border-bottom: 3px solid #a18c7b;width: 40px;}
.main_title01{font-size: 40px;font-weight: 600;color: #113b59;line-height: 57px;letter-spacing: -3px;padding-bottom: 4px;}
.root_daum_roughmap .wrap_controllers{display:none;}

/*오시는길버튼*/
.maptext01 {font-size: 26px;font-weight: bold;color: #ffffff;line-height: 45px;letter-spacing: -0.5px;margin-bottom: 0px;}
.mapbtn01 {background-color: #fff;background-image: url('/images/saeyullaw_main_map_icon_k.png');background-repeat: no-repeat;background-position: 18px 14px;border-radius: 10px;transition: 0.5s;}
.mapbtn01:hover {background-color: #ffe900;}
.mapbtn02 {background-color: #fff;background-image: url('/images/saeyullaw_main_map_icon_n.png');background-repeat: no-repeat;background-position: 20px 14px;border-radius: 10px;transition: 0.5s;}
.mapbtn02:hover {background-color: #00c758;background-image: url('/images/saeyullaw_main_map_icon_n_over.png'); }
.map_btntext {font-size: 19px; font-weight: 600; color: #333333; letter-spacing: -0.5px; padding: 15px 19px 7px 55px;height: 30px;line-height: 22px;display: inline-block;transition: 0.5s;}
.map_btntext:hover {color: #ffffff;}

/*로컨텐츠*/
.AB-lawcontent-wrap .roundbox {border-radius: 15px;}
.AB-lawcontent-wrap .dpeth01 {border-radius: 10px;}

/*비주얼 텍스트 효과*/
.visualtext { height: 70em; display: block; }
.visualtext .vmotion { animation-name: grow; animation-duration: 1s; }
@keyframes grow { from { transform: translateY(5em) } to { transform: translateY(0) }}