/*
 * [[ UI ]]
 * 2015-11-30 오후 15:45:56
 * goldlch@idenvi.co.kr.이창호
*/

html,body{height:100%}
html {
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
}
#ui_wrap{position:relative;min-height:100%;min-width:320px}
#ui_head{position:fixed;left:0;top:0;width:100%;z-index:12;min-width:320px}
#ui_head .ui_top{position:relative;width:92%;height:70px;padding:0 4%;background-color:#fff;/*border-bottom:1px solid #e1e1e1;box-shadow:0 2px 4px rgba(0,0,0,0.1);*/}
#ui_head .ui_top h1{display:block;width:116px;height:100%;}
#ui_head .ui_top h1 a{display:block;height:100%;background:url('../img/logo_h1_240108.png') center center no-repeat;background-size:116px auto;text-indent:-99999em;overflow:hidden}
#ui_head .ui_top button{position:absolute;right:0;top:0;display:block;width:55px;height:70px;overflow:hidden}
#ui_head .ui_top button em{display:block;width:21px;height:3px;background-color:#666;text-indent:-99999em;overflow:hidden}
#ui_head .ui_top button em:nth-child(1){margin:0 0 0 12px}
#ui_head .ui_top button em:nth-child(2){margin:3px 0 3px 12px}
#ui_head .ui_top button em:nth-child(3){margin:0 0 0 12px}
#ui_head .ui_top a.online{position:absolute;right:0;top:0;display:block;width:60px;height:45px;background:url('../img/online.png') center center no-repeat;background-size:48px auto;text-indent:-99999em;overflow:hidden}
#ui_body{position:relative;padding-top:46px;z-index:0}
#ui_body .top_visual{position:relative;height:360px;overflow:hidden;}
#ui_body .top_visual h2{position:absolute;left:0;top:38%;width:100%;color:#fff;font-size:35px;line-height:1em;text-align:center;font-weight:normal;}
#ui_body .top_visual h2 span{display:block;padding-top:14px;padding-left:1px;font-size:16px;line-height:1.5em}
#ui_body .top_visual img{display:block;width:100%;}

#ui_foot{padding:20px 0 70px;text-align:center;background:#1f1f1f;}
#ui_foot h1.logo_copy {display:block;height:100%;margin-bottom:20px;background:url('../img/logo_copy.png') center center no-repeat;background-size:116px auto;text-indent:-99999em;overflow:hidden}
#ui_foot address {width:210px;line-height:1.5em;margin:0 auto 30px;font-size:15px;}
#ui_foot span.center_call {display:inline-block;margin-bottom:12px;}
#ui_foot span.center_call span {font-size:15px;}
#ui_foot span.center_call span.tel {position:relative;display:inline-block;padding-right:14px;margin-right:8px;}
#ui_foot span.center_call span.tel:after {content:'';position:absolute;top:1px;right:0;width:1px;height:12px;background:#666;}

#footer {width:100%;padding:50px 0 80px;text-align:center;background:#1f1f1f;}
#footer .sns{width:100%; text-align:center;}
#footer .sns>a{display:inline-block; width:46px; height:46px; font-size:0; text-indent:-9999px; background: url("../../img/ico_facebook.png") 50% 50% no-repeat; border:1px solid #ddd; border-radius:50%;}
#footer .sns>a.youtube{margin-right:20px;background: url("../../img/ico_youtube.png") 50% 50% no-repeat;}

#footer .f_navi {padding:15px 0 25px;}
#footer .f_navi a {display:inline-block;font-size:13px;color:#888;}
#footer .f_navi a.f_center {position:relative;padding:0 20px;margin:0 20px;}
#footer .f_navi a.f_center:before {position:absolute;left:0;top:5px;display:block;width:3px;height:3px;border-radius:50%;background:#888;content:"";}
#footer .f_navi a.f_center:after {position:absolute;right:0;top:5px;display:block;width:3px;height:3px;border-radius:50%;background:#888;content:"";}
#footer .address p {margin-bottom:5px;}

#ui_follow{position:fixed;left:0;bottom:0;width:100%;height:50px;background-color:#fdba25;z-index:1;min-width:320px}
#ui_follow:after{clear:both;display:block;width:0;height:0;overflow:hidden;content:'';opacity:0}
#ui_follow ul{float:left;width:100%;height:100%}
#ui_follow ul li{float:left;width:33.3%;height:100%}
#ui_follow ul li a{position:relative;display:block;height:100%;text-align:center}
#ui_follow ul li a *{vertical-align:top}
#ui_follow ul li a:before{content:'';display:inline-block;width:25px;height:24px;margin-top:13px;background-image:url('../img/ui_ico.png');background-size:25px auto;background-repeat:no-repeat}
#ui_follow ul li a strong{display:inline-block;margin:18px 0 0 6px;color:#fff;font-size:10px}
#ui_follow ul li.f1 a:before{background-position:center -200px}
#ui_follow ul li.f2 a:before{background-position:center -230px}
#ui_follow ul li.f3 a:before{background-position:center -260px}
#ui_follow ul li.f1 a:after,
#ui_follow ul li.f3 a:after{content:'';position:absolute;top:50%;display:block;width:1px;height:20px;margin-top:-10px;background-color:#feca63}
#ui_follow ul li.f1 a:after{right:0}
#ui_follow ul li.f3 a:after{left:0}
#ui_gnb{position:fixed;top:-451px;/*left:-244px;top:0;width:244px;height:100%;*/width:100%;background-color:#fff;z-index:11;overflow:auto;overflow-x:hidden;border-top:3px solid #fdba25;
	-webkit-transition:top 0.5s cubic-bezier(0.75,0.1,0.25,1);
			transition:top 0.5s cubic-bezier(0.75,0.1,0.25,1);
}
#ui_gnb.open{/*left:0*/display:block;top:70px;}
#ui_gnb .fixed{float:left;border-bottom:1px solid #e5e5e5}
#ui_gnb .fixed li{float:left;height:74px}
#ui_gnb .fixed li a{position:relative;display:block;width:100%;height:100%}
#ui_gnb .fixed li a strong{display:block;padding-top:49px;text-align:center;color:#fdba25;font-size:10px;line-height:1em}
#ui_gnb .fixed li a:after{content:'';position:absolute;left:0;top:16px;display:block;width:100%;height:24px;background-image:url('../img/ui_ico.png');background-size:25px auto;background-repeat:no-repeat}
#ui_gnb .fixed li.f1{width:81px}
#ui_gnb .fixed li.f1 a:after{background-position:center 0}
#ui_gnb .fixed li.f2{width:80px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
#ui_gnb .fixed li.f2 a:after{background-position:center -30px}
#ui_gnb .fixed li.f3{width:81px}
#ui_gnb .fixed li.f3 a:after{background-position:center -60px}
#ui_gnb .slide{clear:both;width:100%}
#ui_gnb .slide li a{position:relative;display:block;/*padding:17px 0;*/padding:20px 0;font-size:15px;color:#000;text-indent:13px;border-bottom:1px solid #d1d1d1}
#ui_gnb .slide li a:after{content:'';display:block;position:absolute;right:12px;top:50%;width:7px;height:12px;margin-top:-6px;background-image:url('../img/gnb_link.gif');background-repeat:no-repeat;background-position:0 0;background-size:7px auto}
#ui_gnb .slide li a.on{color:#fdba25}
#ui_gnb .slide li a.on:after{background-image:url('../img/gnb_link-on.gif')}
#ui_gnb .sns{margin-top:13px;margin-left:12px}
#ui_gnb .sns li a{position:relative;display:block;padding:9px 0 9px 24px;color:#000;font-size:12px}
#ui_gnb .sns li a:after{content:'';position:absolute;left:0;top:50%;display:block;width:18px;height:18px;margin-top:-9px;background-image:url('../img/ui_ico.png');background-repeat:no-repeat;background-size:25px auto}
#ui_gnb .sns li.f a:after{background-position:-4px -100px}
#ui_gnb .sns li.b a:after{background-position:-4px -130px}
#ui_gnb .sns li.c a:after{background-position:-4px -160px}
#back_bg{position:fixed;left:-99999em;top:-99999em;width:100%;height:120%;background-color:#000;opacity:0;z-index:10;
	-webkit-transition:opacity 0.4s cubic-bezier(0.75,0.1,0.25,1);
			transition:opacity 0.4s cubic-bezier(0.75,0.1,0.25,1);
}
#back_bg.open{opacity:0.7;left:0;top:0}

.cont_wrap{clear:both;/*padding:24px 12px;*/padding:55px 12px 50px;}
/*.cont_wrap.no-mj{padding-bottom:0}*/
.cont_wrap h3{display:block;padding-bottom:12px;/*font-size:16px;line-height:1.4em;font-family:WebNotoSansLpadding:30px 0;*/font-size:1.6em;text-align:center;}
.cont_wrap h3 em{display:inline-block;width:26px;height:15px;margin-left:10px;text-indent:-9999em;background:url(../img/m_title_bg.png) no-repeat;/*color:#fdba25*/}

/* COMMON CSS */
.list_btns{padding:15px 12px;border-top:1px solid #ddd}
.list_btns a{position:relative;display:block;width:100px;height:43px;background-color:#fdba25;border-radius:3px}
.list_btns a span{display:block;padding:14px 0 0 12px;font-size:14px;color:#fff;text-align:left}
.list_btns a:after{content:'';display:block;position:absolute;top:50%;right:8px;width:0;height:6px;margin-top:-6px;border-top:6px solid #fff;border-right:6px solid #fdba25;border-left:6px solid #fdba25;
	-webkit-transform:rotate(-90deg);
			transform:rotate(-90deg)
}
.common_list.no-mj{margin-top:-15px;padding-top:0}
.common_list{clear:both;padding-top:43px;position:relative}
.common_list .mu{position:absolute;left:0;top:0;width:100%;height:43px;box-shadow:0px 1px 2px rgba(0,0,0,0.2);overflow:hidden;border-bottom:1px solid #ececec;background-color:#fff}
.common_list .mu ul{display:inline-block;height:100%;white-space:nowrap}
.common_list .mu li{display:inline-block;height:100%;padding:0 10px}
.common_list .mu li a{display:block;position:relative;padding:14px 6px;color:#878787}
.common_list .mu li.on a{color:#fdba25}
/*.common_list .mu li.on a:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fdba25}*/
.common_list .sch{padding:15px 12px}
.common_list .sch .guide{display:block;position:relative;width:100%;height:36px;border:1px solid #fdba25;box-shadow:1px 1px 2px rgba(0,0,0,0.2);box-sizing:border-box;overflow:hidden}
.common_list .sch .guide label{position:absolute;left:13px;top:9px;font-size:14px;color:#808080}
.common_list .sch .guide input{display:block;width:90%;height:100%;font-size:14px;text-indent:12px;letter-spacing:-1px}
.common_list .sch .guide button{display:block;position:absolute;right:0;top:0;width:32px;height:32px;background:#fff url('../img/search.gif') center center no-repeat;background-size:32px auto;text-indent:-99999em;overflow:hidden}
.common_list .list{width:92%;margin:0 auto;border-top:3px solid #292f43;}
.common_list .list ul{width:100%;/*border-top:1px solid #d6d6d6*/}
.common_list .list li{width:100%;border-bottom:1px solid #d6d6d6}
.common_list .list li a{display:block;position:relative;padding:15px 12px 15px 84px}
.common_list .list li a *{vertical-align:top}
.common_list .list li a strong{position:absolute;left:12px;top:16px;display:block;width:60px;color:#333;line-height:1em}
.common_list .list li a strong em{display:block;text-align:left;line-height:1em;padding-bottom:6px;letter-spacing:0}
.common_list .list li a .point{color:#fdba25;letter-spacing:-1px}
.common_list .list li a dl{line-height:1.3em}
.common_list .list li a dl dt{color:#333}
.common_list .list li a dl dd{margin:2px 0 6px 0;color:#fdba25}
.common_list .list li a .sup{display:block;font-size:11px;color:#808080;letter-spacing:0}
.common_list .list li a .sup *{vertical-align:top}
.common_list .list li a .sup span{position:relative;display:inline-block;padding-right:7px;margin-right:4px}
.common_list .list li a .sup span:after{content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:10px;margin-top:-6px;background-color:#c6c6c6}
.common_list .list li a .sup em{display:inline-block}
.common_list .list .more{margin:15px 12px}
.common_list .list .more button{display:block;width:100%;padding:14px 0;background-color:#fdba25;color:#fff;font-size:14px;text-align:center;border-radius:3px}
.common_list .sub_list li a{padding:15px 12px}
.common_list .sub_list li a dl dt{padding:15px 10px 5px 10px;color:#fdba25}
.common_list .sub_list li a dl dd{padding:0 10px;height:30px;margin-bottom:15px;color:#333;overflow:hidden}
.common_list .sub_list li a span {display:block;padding:0 10px 15px;}
.common_list .not_list li a{padding:15px 12px 15px 50px}
.common_list .not_list li a strong{width:38px;letter-spacing:0;line-height:1.4em}
.common_list .not_list li a > p{color:#333;line-height:1.5em}
.common_list .not_list li a > p > em{display:inline-block;width:37px;height:20px;margin:0 0 0 6px;background:url('../img/new_ico.gif') 0 0 no-repeat;background-size:37px auto;text-indent:-99999em;overflow:hidden}
.common_list .not_list li a span{margin-top:4px}
.common_list .not_list li a span:after{display:none}
.common_view{width:92%;margin:0 auto;border-top:3px solid #292f43;border-bottom:1px solid #000}
.common_view .top{display:block;position:relative;padding:15px 12px 15px 84px;border-bottom:1px solid #d6d6d6}
.common_view .top:after{content:'';display:block;position:absolute;left:72px;top:18%;width:1px;height:60%;background-color:#c6c6c6}
.common_view .top strong{position:absolute;left:12px;top:16px;display:block;width:60px;color:#333}
.common_view .top dl{line-height:1.3em}
.common_view .top dl dt{color:#333;font-size:14px}
.common_view .top dl dd{padding:2px 0 6px 0;color:#fdba25}
.common_view .top .sup{display:block;margin-top:15px;font-size:12px;color:#999;letter-spacing:0;font-family:'Montserrat', sans-serif;}
.common_view .top .sup *{vertical-align:top}
.common_view .top .sup span{position:relative;display:inline-block;padding-right:7px;margin-right:4px;font-family:WebNotoSansL,"Apple SD Gothic Neo",'돋움',dotum,applegothic,sans-serif;}
.common_view .top .sup span:after{content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:10px;margin-top:-6px;background-color:#c6c6c6}
.common_view .top .sup em{display:inline-block;font-size:14px;}
.common_view .view_body{padding:24px 12px;line-height:1.8em}
.common_view .view_body img{display:block;max-width:100%}
.common_view .tip_box{margin:0 12px 24px 12px}
.common_view .tip_box .guide{padding:16px 12px;background-color:#f5f5f5;border:1px solid #ddd;line-height:1.5em}
.common_view .tip_box strong{display:block;margin-bottom:4px;color:#fdba25}
.common_view .tip_box dl dt{color:#000;margin-bottom:4px}
.common_view .law_hm{margin-bottom:40px}
.common_view .law_hm > strong{display:block;width:90px;margin:0 0 10px 12px;font-size:13px;color:#333;line-height:1.8em}
.common_view .law_hm > strong:before{content:'';display:block;width:100%;height:1px;background-color:#000}
.common_view .law_hm .hm_wrap{padding:0 12px;overflow:hidden}
.common_view .law_hm .hm_wrap ul{display:inline-block;white-space:nowrap}
.common_view .law_hm .hm_wrap ul li{display:inline-block;margin-right:20px}
.common_view .law_hm .hm_wrap ul li a{display:block}
.common_view .law_hm .hm_wrap ul li a img{display:block;width:80px;height:auto}
.common_view .law_hm .hm_wrap ul li a em{display:block;padding-top:8px;text-align:center;color:#000}
.common_view .prev_next{}
.common_view .prev_next > div{position:relative;padding:18px 12px 18px 56px;border-top:1px solid #d6d6d6}
.common_view .prev_next > div > em{display:block;position:absolute;left:0;top:50%;width:56px;height:12px;margin-top:-6px;text-align:center;line-height:1em}
.common_view .prev_next > div > a{display:block;line-height:1.4em;height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.common_view .sub_view{padding:25px 12px}
.common_view .sub_view > p{font-size:17px;color:#333;margin-bottom:4px;line-height:1.3em}
.common_view .sub_view:after{display:none}
.view_btn{text-align:right;border-top:none}
.view_btn a{display:inline-block}


#popup_coding .title{position:relative;width:100%;height:45px;background-color:#fdba25}
#popup_coding .title strong{display:block;color:#fff;font-size:14px;margin-left:12px;padding-top:14px}
#popup_coding .title button{position:absolute;right:14px;top:50%;display:block;width:19px;height:19px;margin-top:-10px;background:url('../img/pop_close.png') center center no-repeat;background-size:19px auto;text-indent:-99999em;overflow:hidden}
#popup_coding .sel{position:relative;margin:0 12px}
#popup_coding .sel label{display:block;padding:22px 0;color:#666;font-size:13px}
#popup_coding .sel select{position:absolute;right:0;top:0;width:140px;height:29px;margin-top:14px;padding:0 0 0 6px;border:1px solid #ddd;background-color:#fff}
#popup_coding .fnt_box{font-size:14px;margin:0 12px;border-top:1px solid #d6d6d6;padding:16px 0;color:#404040;line-height:1.8em;overflow:auto;overflow-x:hidden}
#popup_coding .fnt_box *{line-height:1.7em}
#popup_coding .fnt_box h1{font-size:16px}
#popup_coding .fnt_box h2{margin-top:40px}
#popup_coding .fnt_box h3{margin:10px 0}
#popup_coding .fnt_box h4{margin:18px 0 6px 0}
#popup_coding .fnt_box li{padding-bottom:10px}
#popup_coding .fnt_box table{width:100%;margin:10px 0}
#popup_coding .fnt_box table td,
#popup_coding .fnt_box table th{border:1px solid #000;text-align:center;padding:6px 0}
#popup_coding .fnt_box dt{font-weight:bold}
#popup_coding .fnt_box p{margin:12px 0}

.slick-dots{position:absolute;/*left:0;*/bottom:12px;display:block;width:100%;text-align:center}
.slick-dots li{display:inline-block;width:7px;height:7px;margin:0 3px;background-color:#c5c5c5;border-radius:7px;text-indent:-99999em;overflow:hidden;
	-webkit-transition:background-color 0.5s cubic-bezier(0.75,0.1,0.25,1);
			transition:background-color 0.5s cubic-bezier(0.75,0.1,0.25,1);
}
.slick-dots li.slick-active{background-color:#fdba25}
.slick-dots li button{display:block;width:100%;height:100%;text-indent:-99999em;overflow:hidden;opacity:0}


/* 팝업 */
.mobile_bg{position:absolute;left:0 !important;top:0 !important;width:100% !important;height:100%  !important;background-color:#000;opacity:0.7;z-index:10}
.ly_popup{position:relative;left:0 !important;top:80px !important; width:auto !important; background-color:#fff;margin:0 30px;border-radius:5px;overflow:hidden;z-index:12}
.ly_popup .ly_top  { display:none;  }
.ly_popup .img{clear:both; width:100%; height:auto;}
.ly_popup .ly_body img { width:100% !important; height:auto !important;}
.ly_popup .img img{display:block;max-width:100%  !important;margin:0 auto;height:auto}
.ly_popup .btn{float:left;width:100%}
.ly_popup .btn button{float:right;width:49.5%;background-color:#e8e8e8;text-align:center;padding:16px 0;font-size:12px;color:#000;font-weight:bold}
.ly_popup .btn button:first-child{float:left}
.ly_foot { display:flex; background:#f3f3f3; padding:10px;  }
.ly_foot .ui-checkbox {  }
#ly_ck { opacity:0; }
.ly_popup .close { display:inlinblock; position:absolute; float:right; right:14px; bottom:8px;  }


/* 250409 토지수용 보상팀 상세 스타일 추가 */
.ly_pop .sub_team {padding-bottom: 80px;}
.ly_pop .sub_team .content-item {padding-bottom: 45px;word-break: break-all;}
.ly_pop .sub_team .content-item:last-child {padding-bottom: 0px;}
.ly_pop .sub_team .item-title {position:relative;margin-bottom:20px;padding-left:15px;color: #000000; font-size: 20px; font-weight: bold;}
.ly_pop .sub_team .item-title:not(.main-title)::before {position:absolute;top:50%;transform:translateY(-50%);left:0;content:"";display:inline-block;width:10px;height:10px;background:#000000;border-radius:5%;margin-right:10px;}
.ly_pop .sub_team .item-description {display:block;font-size: 14px;line-height: 160%;color: #000000}
.ly_pop .sub_team .content-item em {padding:0 4px 3px 0;background:linear-gradient(to right, #fdba25 50%, rgba(255,255,255,0) 50%);background-size:200% 10px;background-repeat:no-repeat;background-position:100% 10px;transition:.8s;}
.ly_pop .sub_team .content-item em.active {background-position:0 10px;}
.ly_pop .sub_team .content-item img {display:block;width:100%;height:auto;max-width:100%;}
.ly_pop .sub_team .content-item li {padding: 5px;}
.ly_pop .sub_team .item-list li .category-title {font-weight: bold;margin-top:15px;margin-bottom: 5px;}
.ly_pop .sub_team .item-list li:first-child .category-title {margin-top:0;}
.ly_pop .sub_team .item-list.list-style-disc li {position:relative;margin-left: 10px;}
.ly_pop .sub_team .item-list.list-style-disc li::before {position:absolute;top:50%;transform:translateY(-50%);left:-7px;content:"";display:inline-block;width:3px;height:3px;background:#000000;border-radius:50%;}
.ly_pop .sub_team .highlight-list {background-color: #f5f5f5;padding: 25px 15px;}
.ly_pop .sub_team .highlight-list li {background-color: transparent}
.ly_pop .sub_team .law_info {padding-top: 0;padding-bottom: 20px;}
.ly_pop .sub_team .law_info .law_photo {width: auto;padding-bottom: 16px;}
.ly_pop .sub_team .online-cs-box {width: 100%;height: 140px;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 30px;background-color: #F5F5F5;}
.ly_pop .sub_team .online-cs-box .cs-description {font-size: 16px; font-weight: bold;}
.ly_pop .sub_team .online-cs-box .move-to-cs {display: flex;justify-content: center;align-items: center; width: 205px;height: 40px; margin-top: 20px; background: #F6C146;color: #ffffff; font-size: 14px; font-weight: bold; border-radius: 3px;}