@charset "utf-8";@import url(reset.css);@import url(/css/fonts.css);@import url(menu.css);@import url(bbs.css);@import url(/css/animations.css);
/********************
 * common
 ********************/

:root { --default_color:#058b8f; --pink:#be1c48; --black:#343246; --default_font:'Pretendard GOV'; --blue:#3f65df; --light_yellow:#f2f0e6; --noto_font:'Noto Sans KR'; --jalnan_font:'jalnan'; --bg_gray:#eff3f8; --border_color:#dfdfe6; --bor_radius:10px; --Paperlogy_font:"Paperlogy"; --gray:#646360; --green:#01a972; --Gradation:linear-gradient(140deg, #004241, #058b8f); --Gradation2:linear-gradient(90deg, #1e7d87, #225cbc); } 

@media only screen and (max-width:560px) {
 :root { --bor_radius:7px; } 
 }

::-webkit-scrollbar { width: 7px; height: 7px; /* width는 세로 스크롤바에만 적용된다. */
 /* height: 8px; */ 
 /* 마찬가지로 height는 가로 스크롤바에만 적용된다 */}
 
 ::-webkit-scrollbar-track { background: transparent; } 
 
 ::-webkit-scrollbar-thumb { background-color: rgba(59, 60, 66, 0.4); border-radius: 20px; background-clip: padding-box; border: 1px solid transparent; transition: all 0.3s; } 
 
 ::-webkit-scrollbar-thumb:hover { background-color: rgba(59, 60, 66, 0.7); background-clip: padding-box; border: 1px solid transparent; } 
 
 ::-webkit-scrollbar-button { 
 display: none; /* 버튼 숨기기 */
 }
 
.t_blue { color:var(--blue) } 
.t_deep_blue { color: #1a4894; } 
.t_sky { color: #0094c4; } 
.t_orange { color: #dd490f; } 
.t_pink { color: var(--pink); } 
.t_black { color: #060b19; } 
.t_gray { color:var(--gray); } 
.t_green { color:#009457; } 
.t_yellow { color:var(--default_color); } 
.t_yellow2 { color:var(--light_yellow); } 
.t_red { color:#b91e4c } 

span.query { font-weight: 700; color: var(--pink); } 

.block { display:block !important } 

html { height: 100%; } 
html, body { font-family:var(--default_font), '돋움', sans-serif; overflow-x:clip; font-weight: 500; font-size:18px; color: #2e363f; min-width: 360px; letter-spacing: -0.00em; }
img { max-width: 100%; } 
html[hc="a0"] { -webkit-filter:none !important } 

/*youtube frame*/
.youtubeframe { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-top:15px; overflow:hidden; } 
.youtubeframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden; } 

/* 3,4뎁스와 컨텐츠 사이 여백 */
.wrap_container + .sub_content.content_wrap { margin-top:50px } 


/* 바로가기 버튼 디자인 */
.icon_btn { display:inline-block; height:40px; line-height:36px; font-size:100%; vertical-align:middle; padding:0 60px 0 20px; text-decoration:none; background-color:#fff; letter-spacing:-0.02em; word-break:break-all; white-space:nowrap; transition: all 0.5s ease-out; font-weight: 500; position: relative; overflow: hidden; margin:0 3px 3px 0px; } 
.icon_btn i { position: absolute; right:20px; top:0; bottom:0; line-height: inherit; } 
.icon_btn:hover { border-color:#333 !important; box-shadow: 3px 3px 3px rgba(0,0,0,.15); } 
.icon_btn.radius50 { border-radius: 50px; } 
.icon_btn.block { display: block; } 
.icon_btn.border_blue { border:2px solid } 
.icon_btn.border_sky { border:2px solid } 


/* 슬라이드 버튼 */
.slickwrap { position:relative; } 
.slick-track { display: flex; align-items: flex-start; } 
.slick-slide { } 
.slick-slide img { display: inline-block !important; } 
.slickwrap .slider { } 
.slickwrap .slider .item { vertical-align:top; } 
.nav { position:absolute; z-index: 2; left:0; right:0; top:0; right: 0; display: flex; justify-content: space-between; align-items: center; } 
.nav button { overflow:hidden; border:0; color:transparent !important; white-space:nowrap; vertical-align:top; z-index: 2; width:40px; height:40px; line-height:40px; border: 1px solid rgba(0, 0, 0, 0.1); transition: all 0.6s; border-radius: 50%; } 
.nav .count { font-size: 110%; font-weight: 500; text-align: center; color: #000; } 
.nav .count em{ font-weight: 600; color:var(--default_color)}
.nav button span{position: absolute; left:-9999999999px}
.nav button.active { display: block; } 
.nav > * { margin-right:0px } 
.prev { left:1px; position: absolute; } 
.next { right:1px; position: absolute; } 
.prev:before, .next:before, .play:before, .pause:before { font-size:14px; color:rgba(0,0,0,0.8); font-family: 'FontAwesomeS'; text-align:center; line-height:40px; display: block; transition: all 0.6s; background-color: #fff; } 
.prev:before { content:'\f053'; } 
.next:before { content:'\f054'; } 
.play:before { content:'\f0da'; font-size: 18px; padding-left: 2px; } 
.pause:before { content:'\f52c'; transform: rotate(90deg); font-size:15px; } 
.nav button:hover,
.nav button:focus { border: 1px solid rgba(0, 0, 0, 0.5); } 
.nav button:hover::before,
.nav button:focus::before { color: #000; } 
.nav .ctrl_area { display: inline-flex; } 
.nav .ctrl_area > .active { } 
.nav .ctrl_area > .active::before { } 
.nav_more { display: inline-block; background-color: #fff; white-space: nowrap; border-radius: 30px; line-height:40px; padding:0 15px; font-size: 15px; color: #555; font-family: var(--Paperlogy_font); font-weight: 500; transition: all 0.3s; border: 1px solid rgba(0, 0, 0, 0.1); } 
.nav_more:hover { border: 1px solid rgba(0, 0, 0, 0.3); } 
.nav_more span { position: absolute; left: -9999999px; } 

@media only screen and (max-width:1100px){
 .nav .count { } 
 .nav button, .lawmaker_slider .nav button { width:30px; height: 30px; line-height: 30px; } 
 .prev:before, .next:before, .play:before, .pause:before { font-size:15px; line-height: 30px; } 
 .play:before { padding-left: 2px; font-size: 15px; } 
.nav_more { line-height:30px; padding:0 15px; font-size: 14px; } 
 }
/* map area { cursor:pointer; } */
.root_daum_roughmap { width: 100% !important; } 
.root_daum_roughmap * { font-size: 16px !important; line-height: 25px !important; font-family: "Noto Sans KR"; } 
.root_daum_roughmap strong { font-weight: 700 !important; } 
.root_daum_roughmap .wrap_list span, .root_daum_roughmap .txt_bar { margin-top: 5px !important; } 
.root_daum_roughmap span.txt { margin-top: 0px; } 
.root_daum_roughmap .how_bus .icon_bus { margin-top: 15px !important; } 


/*최상단*/
#skip_nav { position:fixed; left:0; top:0; text-align:center; z-index:999999; width:100%; } 
#skip_nav h2 { position: relative; left: 0px; width: 1px; height: 1px; top: -1000000px; overflow: hidden; } 
#skip_nav a { position:absolute; top:-100px; left:0; right:0; white-space:nowrap; text-decoration:none; } 
#skip_nav a:focus, #skip_nav a:active, #skip_nav a:hover { margin:1px; top:1px; bottom:0; background:#eee; color:#000; font-weight:bold; font-size:110%; display:block; line-height:45px; height:45px; } 




/* 상단 바로가기 공통 */
.top_btn { background: #fff; position: relative; line-height: 35px; padding: 0 15px; display: none; font-weight: 500; font-size: 14px; } 
.top_area { position:relative; border-bottom: 1px solid rgba(0,0,0,0.06); font-family: var(--Paperlogy_font); } 
.top_area:before { content: ''; position: absolute; left:0; right: 0; top:0; bottom:0; background:#fff } 

.top_area .wrap_container { display: flex; justify-content: space-between; align-items: center; } 
.top_area .top_right { display: flex; line-height: 27px; color: #575c63; } 
.top_area .top_right .top_zoom { display: flex; font-size: 15px; } 
.top_area .top_right .top_zoom li button { display: block; padding:0 7px; } 
.top_area .top_right .top_zoom li button > i { width: 27px; height: 27px; border-radius: 50%; background-color: rgba(0,0,0,0.07); } 
.top_area .top_right .top_zoom li button span { position: absolute; left: -999999999px; } 
.top_area .top_right .btn_sitemap { display: inline-block; padding: 0 10px; } 




.top_area a { display: block; font-size: 15px; } 

.top_nav { display: block; } 
.top_nav > ul { display: flex; } 
.top_nav > ul > li { position: relative; flex: 0 0 auto; } 
.top_nav > ul > li + li { border-left: 1px solid rgba(0, 0, 0, 0.08); } 
.top_nav > ul > li:last-child { border-right: 1px solid rgba(0, 0, 0, 0.08); } 
.top_nav > ul > li:first-child::before { display: none; } 
.top_nav > ul > li.on > ul { display: flex; flex-wrap: wrap; } 
.top_nav > ul > li.on > a { } 

.top_nav > ul > li .go_site:after { content:'\f078'; font-size:10px; display: inline-block; font-family: 'FontAwesomeS'; padding-left: 10px; vertical-align:top; } 

.top_nav > ul > li > a { position: relative; display:block; height: 45px; line-height: 45px; padding: 0 13px 0 18px; white-space:nowrap; font-size:16px; font-weight: 600; color: #575c63; } 
.top_nav > ul > li > a > img { width: 20px; margin-right: 5px; } 
.top_nav > ul > li.select > a { padding: 0 15px; margin: 0; color: #000; background-color: #eff1f5; } 
/*
.top_nav > ul > li.select > a::before { content: ''; position: absolute; bottom: 0; height: 2px; left: 0; right: 0; background-color: #081999; } 
*/
.top_nav > ul > li > ul { display:none } 
.top_nav > ul > li > ul { width:170px; position:absolute; top:100%; left:0; z-index: 99999; background:#eff1f5; box-shadow: 0px 10px 10px rgba(0,0,0,0.3); border: 1px solid rgba(0, 0, 0, 0.06); border-top: none; } 
.top_nav > ul > li > ul > li { display:block; padding:0; width: 100%; } 
.top_nav > ul > li > ul > li:before { display:none; } 
.top_nav > ul > li > ul > li > a { position: relative; display:block; line-height:50px; height:50px; letter-spacing: -0.05em; font-size:16px; color:#47485a; padding-left: 20px; font-weight: 600; white-space:nowrap; transition: all 0.3s; } 
.top_nav > ul > li > ul > li + li { border-top:1px solid rgba(0,0,0,0.05); } 
.top_nav > ul > li > ul > li > a:hover { color:#000; background-color: #dcdfe6; } 

@media only screen and (max-width:1300px){
 .top_nav > ul > li + li::before { display: none; } 

 .top_nav { display:none; } 
 .top_nav > ul { display:block; position: absolute !important; top:100%; background: #fff; z-index: 1000; width:160px !important; border: 1px solid #999; box-shadow: 3px 3px 5px rgba(0,0,0,0.1); left:0 } 
 .top_nav > ul > li > a { padding: 0 10px 0 15px !important; font-size: 15px; color: #777; } 
 .top_nav > ul > li.select > a { background:#eee !important; color:#444555 } 
 .top_nav > ul > li.select > a::before { display: none; } 

 .top_nav > ul > li.on > a { color:#000 } 
 .top_nav > ul > li:first-child.select::before { background-color: transparent; } 
 .top_nav > ul > li { display: block; z-index: 999; } 
 .top_nav > ul > li + li { border-top: 1px solid rgba(0, 0, 0, 0.08); } 
 .top_nav > ul > li > ul { top:-2px; left:100%; width:150px; padding:5px 10px; z-index: 99999; } 
 .top_nav > ul > li > ul > li { width:100%; } 
 .top_nav > ul > li:first-child.select::before { left:0px; } 
 .top_nav > ul > li.select > a { padding: 0 10px 0 20px; } 
 .top_nav > ul > li:last-child > a { font-size: 14px; } 
 .top_nav > ul > li > ul > li > a { font-size: 15px; line-height: 32px; height: 33px; padding-left: 0; letter-spacing: -0.1em; } 
 .top_nav > ul > li:nth-child(2) > ul { width:150px; overflow-x: auto; } 
 .top_nav > ul > li:nth-child(2) > ul li { width:100% } 
 }



.logo_wrap { position: relative; transition: all 0.3s; } 
.logo { display: block; font-family: var(--Paperlogy_font); margin:25px 0; } 
.logo h1 { position: relative; margin:0; display: flex; align-items: center; padding-top: 2px; } 
.logo h1 IMG { margin-right:10px; width: 50px; } 
.logo h1 strong, .logo.f_logo h1 strong { font-size: 160%; letter-spacing: 0.01em; position: relative; line-height: 30px; white-space: nowrap; font-weight: 700; color:#000; padding-top: 5px; } 
.logo h1 strong span, .logo.f_logo h1 span { display: block; font-weight: 400; font-size: 12px; letter-spacing: -0.0em; line-height: 18px; white-space: nowrap; color: #555; padding-left: 3px; } 

.logo.f_logo { margin: 0 0 15px 0; color: #fff; } 
.logo.f_logo h1 strong { color: #fff; } 
.logo.f_logo h1 span { color: rgba(255,255,255,0.5); } 

.logo_wrap.mobile_logo { display: block; padding: 5px 5px 10px 5px; margin-top: 5px; } 
.logo_wrap.mobile_logo .logo { margin: 0; } 
.logo_wrap.mobile_logo h1 strong { font-size: 140%; padding-top: 5px; line-height: 25px; } 
.logo_wrap.mobile_logo h1 strong span { font-size: 42%; } 
.logo_wrap.mobile_logo h1 IMG { margin-right:10px; width: 40px; mix-blend-mode:darken; } 

.top_right { display: flex; align-items: center; } 
.top_right > ul.sns_list { display: flex; } 
.top_right > ul.sns_list li { flex:0 1 auto !important; margin:0 2px } 
.top_right > ul.sns_list li a { line-height: 30px; } 
.top_right > ul.sns_list li a img { width:30px; height: 30px; border-radius:50%; } 

.top_search_form { display: flex; background-color: #eff1f5; white-space: nowrap; margin: 0 10px; } 
.top_search_form input { border: none; background-color: transparent; } 
.top_search_form button { display: inline-block; padding: 0 10px; } 

@media only screen and (max-width:1300px) {.logo_wrap h1 strong span { font-size: 42%; } 
.stickmenu .logo h1 strong { font-size: 140%; } 
}

@media only screen and (max-width:991px){
 .top_area .top_right .top_zoom { display: none; } 
 .top_area .top_right .btn_sitemap { display: none; } 
.top_search_form { display: none; } 
 }



#header { position: absolute; left:0; right:0; z-index: 9999; transition:ALL 0.3s ease-out; background-color: #fff; } 
.stickmenu { position:relative; transition:ALL 0.3s ease-out; } 
.stickmenu .wrap_container { display: flex; justify-content:space-between; } 
.sticky { position:fixed !important; left:0; width:100%; border-bottom:1px solid #e9e9e9; } 
.stickmenu.sticky { position:fixed !important; left:0; top:0px; width:100%; background-color: #fff; z-index: 105; } 
.stickmenu.sticky .localNavi > ul > li > a { height: 70px; line-height: 70px; } 
.stickmenu.sticky .logo_wrap .logo { margin: 10px 0; } 
.stickmenu.sticky .logo h1 strong { font-size: 140%; line-height: 20px; } 
.stickmenu.sticky .logo h1 strong span { font-size: 42%; } 
.stickmenu .localNavi > ul > li > a { font-family: var(--Paperlogy_font); font-weight: 600; font-size: 22px; color: #282828; height: 100px; line-height: 100px; } 

#opNav { display:none; } 



/* 서브 메뉴 라인 
body.sub #header::before { content:''; border-bottom: 1px solid #e9edf0; position: absolute; left:0; right:0; bottom:-1px; } 
*/

/*컨테이너 사이즈*/
.wrap_container, .content_wrap, .container { width: 1650px; margin: 0 auto; position: relative; min-width: 320px; } 
#container { min-height: 1000px; padding-top: 150px; } 
/*
#container::after { content: ''; top:206px; left:0; right:0; height: 1px; background-color: rgba(0, 0, 0, 0.07); position: absolute; } 
*/
#container.main_content::after { display: none; } 
.content_wrap.full { max-width: 100%; } 
.sub_content { min-height: 500px; flex: 0 1 calc(100% - 420px); width: calc(100% - 420px); } 
.sub_content.content_wrap { padding-bottom:5% } 

#content { display: flex; justify-content: space-between; } 
#content .snb { flex: 0 1 320px; min-width: 320px; margin-top: -180px; font-family: var(--Paperlogy_font); } 
#content .snb .sub_title { display: flex; align-items: center; justify-content: center; height: 230px; text-align: center; font-size: 200%; background-image: url(/_dyassem/images/sub/sub_title_bg.png); background-repeat: no-repeat; background-size: 100% auto; background-position: left bottom; background-color:#004241; border-radius: 20px 80px 0px 0px; position: relative; overflow: hidden; margin-bottom: 10px; } 
#content .snb .sub_title strong { font-weight: 700; color: #fff; margin-bottom: 20px; } 

.sub_visual { display: block; padding-bottom: 250px; overflow: hidden; border-radius: 50px; margin:0 20px; background-image: url(/_dyassem/images/sub/sub_visual01.jpg); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat: no-repeat; background-position: center center; } 



.location { font-size: 85%; color: #fff; width: 100%; letter-spacing: 0em; position: relative; font-weight: 500; z-index: 9; margin-top: 20px; margin-bottom: 50px; } 
.location span { color:rgba(255,255,255,0.5); margin:0 7px; } 
.location i { margin:0 1px } 
.location strong { font-weight: 700; color: #fff; white-space: nowrap; } 
.location a { white-space: nowrap; } 


/* 타이틀 */
.content_title { display:flex; width: 100%; border-bottom: 1px solid #eee; letter-spacing: -0.05em; margin-bottom: 40px; align-content: center; flex-wrap: wrap; position: relative; padding-bottom: 30px; margin-top: -120px; } 
.content_title > strong { display: block; font-size: 200%; font-family: var(--Paperlogy_font); font-weight: 700; color: #fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.8); } 
.content_title > strong > span { color: #bef4a8; } 
.content_title h2 { position: relative; display: block; font-size: 190%; font-weight: 700; color: #181922; width: 100%; font-family: var(--Paperlogy_font); letter-spacing: -0.0em; padding: 20px 0 0px 0; } 

.content_title .page_option { position: absolute; right:0; bottom:30px; } 
.content_title .page_option > ul { display: flex; } 
.content_title .page_option > ul > li { padding:0 5px; position: relative; } 
.content_title .page_option > ul > li > button { border-radius: 50%; width:40px; height: 40px; line-height: 43px; background-color: #fff; border: 1px solid #ddd; color:#454265; font-size: 15px; } 
.content_title .page_option .sns_list { position: absolute; top:100%; left:-10px; width:120px; display: none; z-index: 999; background-color: #fff; padding:15px 10px; border-radius: 20px; box-shadow: 0px 0px 10px rgba(64, 86, 150, 0.2); } 
.content_title .page_option .sns_list > li { width: 50%; float: left; padding: 4px; } 


@media only screen and (max-width:1300px){
 #content .snb { display: none; } 
 #content { padding-top:0px; } 
 .sub_content { flex: 0 1 100%; width: 100%; } 
 #container::after { top:108px; } 
 .sub_visual { padding-bottom: 200px; border-radius: 0px; margin:0 0px;; } 
 .content_title > strong { text-align: center; width: 100%; } 
.location { text-align: center; } 
 }

.sns_list { display: flex; flex-wrap: wrap; } 
.sns_list li { flex: 0 0 50%; } 
.sns_list a { text-align:center; line-height: 40px; display: block; } 
.sns_list a img { width:40px; height: 40px; border-radius:50%; overflow:hidden; } 

.sns_list .facebook img { background:#4c69ba } 
.sns_list .twitter img { background:#1d9bf0 } 
.sns_list .x img { background:#000 } 
.sns_list .blog img, .sns_list .band img { background:#00a824 } 
.sns_list .kakao img { background-color: #f8e049; } 
.sns_list .youtube img { background-color:red; } 
.sns_list .instar { background:url(/_dyassem/images/common/sns_instar.jpg); background-size:100% 100%; border-radius:50%; } 




/* 푸더 영역 */
footer { background-color: #3a4149; position: relative; z-index: 999; } 
footer .family_site { background-color: #2a2d32; } 
footer .family_site::after { content: ''; display: table; width: 100%; } 
footer .family_site .site_select { position: relative; float: left; width: 33.33333%; } 
footer .family_site .site_select dt > a { position: relative; display: block; line-height: 65px; color: rgba(255,255,255,0.9); padding:0 30px; border-left: 1px solid rgba(255,255,255,0.1); font-weight: 500; font-family: var(--Paperlogy_font); } 
footer .family_site .site_select dt > a::after { content:'\f067'; font-size:14px; position: absolute; right: 20px; top: 2px; color:rgba(255,255,255,0.7); font-family: 'FontAwesomeS'; } 
footer .family_site .site_select:last-child dt > a { border-right: 1px solid rgba(255,255,255,0.1); } 
footer .family_site .site_select dd { display:none; position:absolute; bottom:100%; left:0; width:100%; padding:15px 20px; background:#eff1f5; z-index:999; height: 250px; overflow-y:auto; border: 1px solid rgba(0, 0, 0, 0.1); } 
footer .family_site .site_select dd ul { position: relative; width: 100%; height: 100%; } 
footer .family_site .site_select dd ul a { position: relative; color:rgba(0,0,0,0.7); display: block; line-height: 35px; padding:0 10px; border-bottom:1px solid rgba(0,0,0,0.08); font-size: 90%; font-weight: 500; transition: all 0.3s; } 
footer .family_site .site_select dd ul li:last-child a { border:none } 
footer .family_site .site_select dd ul a:hover { color: #000; background-color: rgba(0, 0, 0, 0.08); } 
footer .copyright { padding:40px 0px; color: rgba(0,0,0,0.8); } 
footer .copyright ul { display: block; margin-bottom:40px; clear: both; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 40px; } 
footer .copyright ul:after { content: ''; display: table; width: 100%; } 
footer .copyright ul li { float: left; position: relative; } 
footer .copyright ul li a { line-height: 28px; color: rgba(255,255,255,1); font-weight: 500; font-size: 100%; font-family: var(--Paperlogy_font); } 
footer .copyright ul li:first-child a { padding-left:0px; color: #f8e049; font-weight: 600; } 
footer .copyright ul li::after { content: ''; display: inline-block; padding:0 30px } 
footer .copyright .address { font-size: 105%; color: rgba(255,255,255,0.7) } 
footer .copyright .address span { display: inline-block; padding-right: 40px; font-size:90%; letter-spacing: 0; } 
footer .copyright i { display: block; padding:15px 0; font-size:80%; color: rgba(255,255,255,0.5); text-transform:uppercase; } 


@media only screen and (max-width:900px) {footer .copyright ul { padding-right:100px } 
 }l

@media only screen and (max-width:650px) {footer .copyright ul { padding-right:0px } 
 }


/*최상단으로 이동*/
.back-to-top { position:fixed; bottom:2em; right:10px; display:none; width:40px; height:40px; border-radius:100%; text-align:center; line-height:35px; z-index:9999; background-color: rgba(0,0,0,0.5); } 
.back-to-top:before { content:'\f062'; font-size:1.1em; color:rgba(255,255,255,0.7); font-family:'FontAwesomeS'; } 
.back-to-top:hover { background-color:#000; } 
.back-to-top:hover:before { color:rgba(255,255,255,1); } 


/* 썸네일 설정 */
.item { display: block; } 
.item .thumbnail { width: 100%; display: block; overflow: hidden; background-color: #eaecf0; position: relative; padding-bottom: 90%; } 
.item .thumbnail.no_img::after { content:'No Images'; white-space: nowrap; position: absolute; left:0; top:0px; right:0; bottom:0; font-size: 100%; display: flex; align-items: center; justify-content: center; font-weight: 700; color:#666 } 
.item .thumbnail img, .item .thumbnail video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto; transition: all 2s; transform: scale(1); } 

.item:hover .thumbnail img { transform: scale(1.2); } 
.item .thumbnail.mov::after { content:'\f144'; font-family: 'FontAwesomeR'; position: absolute; left:0; top:0px; right:0; bottom:0; font-size: 300%; color:#fff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; } 

.item.detail .thumbnail { display: block; overflow: hidden; background-color: #000; position: relative; padding-bottom:100%; width:100%; } 
.item.detail .thumbnail img { transition: all 1s; object-fit: cover; position: absolute; height: 100%; left: 0; right:100%; width:100%; } 
.item.detail:hover .thumbnail img { transform: scale(1); } 

/* 상하여백 */
.m_pad7 { padding-top: 7%; padding-bottom:7%; } 
.m_pad6 { padding-top: 6%; padding-bottom:6%; } 
.m_pad5 { padding-top: 5%; padding-bottom:5%; } 
.m_pad4 { padding-top: 4%; padding-bottom:4%; } 
.m_pad3 { padding-top:3%; padding-bottom: 3%; } 
.m_pad2 { padding-top:2%; padding-bottom: 2%; } 
.m_pad1 { padding-top:1%; padding-bottom: 1%; } 

.text_justify { text-align: justify; } 
.text_justify > span { white-space: nowrap; } 
.text_justify::after { content: ""; display: inline-block; width: 100%; line-height: 0; height: 0; vertical-align: top; } 


/* 팝업모달 */
#Popup_Modal .modal-body { background-color: #eee; } 
#Popup_Modal .popup { padding:20px; background-color: #fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); border:4px solid #fff; text-align: center; transition: all 0.3s; } 
#Popup_Modal .popup + .popup { margin-top:20px } 
#Popup_Modal .popup a { display: block; } 
#Popup_Modal .popup.text_popup { text-align: left; } 
#Popup_Modal .popup.text_popup .txt_box { font-weight: 700; color:#333; position: relative; padding:10px 10px 10px 10px; font-size: 140%; letter-spacing: -0.05em; } 
#Popup_Modal .popup.text_popup a.txt_box { padding:10px 50px 10px 10px; } 
#Popup_Modal .popup.text_popup a.txt_box::before { content: '\f138'; font-family: FontAwesomeS; position: absolute; top:calc(50% - 15px); right:10px; font-size: 120%; } 
#Popup_Modal .modal-footer { padding:0px; display: block; } 
#Popup_Modal .modal-footer .row { margin:0 } 
#Popup_Modal .modal-footer .row > div { padding:0 } 

@media only screen and (max-width:880px) {
#Popup_Modal .modal-title { font-size: 120%; } 
#Popup_Modal .popup { padding:7px; } 
#Popup_Modal .modal-body { padding:10px } 
 }

/* 프로필 모달창 */

.profile_info { display: flex; flex-wrap: wrap; font-family: var(--Paperlogy_font); } 
.profile_info .profile_photo { width:35% } 
.profile_info .profile_photo img { border-radius: 20px; background: #e2e7ee; width:100% } 
.profile_info .profile_name { width:65%; padding-left: 5%; } 
.profile_info .profile_name dt { font-size: 150%; font-weight: 700; display: block; padding: 5px 0; color:#222; margin-bottom: 10px; } 
.profile_info .profile_name dt span { font-size: 80%; } 
.profile_info .profile_name dd li { display: flex; justify-content: space-between; font-size: 90%; line-height: 20px; padding: 6px 0; } 
.profile_info .profile_name dd li span { width:85px; padding-left: 12px; white-space: nowrap; position: relative; font-weight: 500; color:#111 } 
.profile_info .profile_name dd li span::before { content: ''; position: absolute; left: 0; top:7px; width: 5px; height: 5px; background-color: #bbb; border-radius: 50%; } 
.profile_info .profile_name dd li strong { width: calc(100% - 85px); font-weight: 400 !important; color: #555; } 

.modal_profile .profile_history { padding-top: 30px; margin-top: 30px; border-top: 1px solid rgba(64, 86, 150, 0.1); } 
.modal_profile .profile_history h4 { line-height: 40px; display: block; padding-bottom: 10px; position: relative; font-weight: 700; padding-left: 5px; color:#111; font-size: 120%; } 
.modal_profile .profile_history_box { background-color: #fff; display: block; border: 1px solid #ccc; border-radius: 10px; padding:10px 20px 20px 20px; overflow-y:auto; height: 200px; font-size: 90%; } 
.modal_profile .profile_history_box dl dt { display: block; line-height: 40px; font-weight: 700; color: var(--black); } 
.modal_profile .profile_history_box dl ul.dot_list { font-size: 100%; } 
.modal_profile .profile_history_box dl ul.dot_list li:before { top:7px; width:4px; height:4px; } 
.modal_profile .profile_history_box dl + dl { margin-top: 30px; } 
.modal_profile .profile_history_box dl dd { padding: 10px 0; } 

@media only screen and (max-width:540px){
 .profile_info .profile_name { width:100%; padding: 0; } 
 .profile_info .profile_photo { width:70%; margin: 0 auto; } 
 .profile_info .profile_name dt { text-align: center; } 
 .profile_info .profile_name dd li { font-size: 100%; } 
}
 


@media only screen and (max-width:1600px){
 .wrap_container, .content_wrap { width:100%; margin:0 auto; } 
 .sub_content.content_wrap, .wrap_container { padding-right:15px; padding-left: 15px; } 
 .sub_content.content_wrap.full { padding-left:0; padding-right:0; } 
 html, body { font-size:17px } 

 }
@media only screen and (max-width:1300px) {.table-hidden { display: none; } 
 #opNav { display:block; } 
 .logo_area { display: none; } 

 .logo_wrap { position: relative; flex: 0 1 180px; margin-top: 0px; padding-left:5px } 
 .stickmenu { background-color: #fff; } 
 .stickmenu .logo_wrap { display: block; } 
 .stickmenu .logo_wrap .logo { margin: 0px 0; } 
 .stickmenu .logo h1 IMG { width:37px } 
 .stickmenu .logo h1 strong { line-height: 27px; } 
 .stickmenu .logo h1 strong span { } 

 .stickmenu { padding:10px 0px; } 
 .stickmenu.sticky .logo_wrap { margin-top: 0px; } 
 header .wrap_container { padding:0 } 
 .logo_wrap { border:none } 

 #container { padding-top:108px; } 
 .localNavi { /* display: none; */ visibility: hidden; position: absolute; opacity: 0; overflow: hidden; height: 300px; } 


 .subMenu.Location { margin:0 } 
 
 .nav_wrap .total_search { right:70px; top:25px; } 
 html, body { font-size:17px; overflow-x: hidden; } 

 .childMenu ul { padding:0 } 


 .mob-hidden { display: none !important; } 
 .mobile_view { display: block !important; } 
 .mobileTable table { width:940px; } 
.mobile_comment { display:block } 
 }
@media only screen and (max-width: 991px) { html, body, #page { font-size:15px } 


 footer .family_site .wrap_container { padding:0; } 
 footer .family_site .site_select { width:100% } 
 footer .family_site .site_select + .site_select { } 
 footer .family_site .site_select + .site_select { border-top: 1px solid rgba(255,255,255,0.1); } 
 footer .family_site .site_select dt > a { border:none !important; padding:0 15px; line-height: 40px; } 
 footer .family_site .site_select dd { padding:0px 10px; } 
}

@media only screen and (max-width: 760px) {
.mob-hidden2 { display: none; } 
 .content_title { padding-bottom: 10px; } 
 .content_title h2 { padding: 20px 0 0px 0; } 
 .content_title h2 { margin-bottom: 0px; } 
 .content_title .location i { margin:0px } 
 .content_title .page_option { position: relative; margin-top: 10px; margin-bottom: 10px; bottom: 0; } 
 .content_title .page_option > ul > li { padding: 0 2px; } 
 .content_title .page_option > ul > li > button { width:30px; height: 30px; line-height: 31px; font-size: 11px; } 

 /*만족도조사*/
 .appraisal_wrap .appraisal_input select { width:100%; border-bottom:1px solid #dfe2e4; border-right:none; border-radius:0; } 
 .appraisal_wrap .appraisal_input form { flex-wrap:wrap } 
 .appraisal_wrap .appraisal_input .appTxt { width:calc(100% - 60px); } 
 }

@media only screen and (max-width: 650px) {
.content_title h2 { font-size: 150%; } 

 footer .copyright ul { margin-bottom: 25px; padding-bottom: 25px; } 
 footer .copyright { padding: 20px 0; } 
 footer { font-size: 95%; } 
 footer .foot_link li a { line-height: 30px; } 
 footer .foot_link { margin-bottom: 10px; } 
footer .copyright .address span em { display: block; } 
}

@media only screen and (max-width:560px) {
.bannerList li { width:50%; } 

.congressperson_list.popup .line_box .img { width:90px; } 
.congressperson_list.popup .line_box .con dl { margin-bottom:0px; line-height:150%; font-size:90%; } 
.congressperson_list.popup .line_box .con dl dt { width:45px; } 
.congressperson_list.popup .line_box .con { padding-left:10px; width:calc(100% - 90px); } 
}


@media only screen and (max-width: 450px) {.congressperson_list .line_box { } 
 .congressperson_list .line_box .img { width:100%; } 
 .congressperson_list .line_box .con { width:100%; padding-left:10px; } 
 .congressperson_list .line_box .con strong { font-size:130% } 
 .congressperson_list .line_box .con dl { font-size:90% } 
 .congressperson_list .line_box .con dl dt { width:55px } 
 .congressperson_list .line_box .con > a { padding:0 15px; } 
 .congressperson_list .line_box .con > a:hover { padding:0 20px; } 
 #page h4:before { left:2px; top:7px; width:7px; height:7px; border-width:3px; } 
 }

.f70 { font-size:70% } 
.f80 { font-size:80% } 
.f90 { font-size:90% } 
.f110 { font-size:110% } 
.f120 { font-size:120% } 
.f130 { font-size:130% } 
.f140 { font-size:140% } 
.f150 { font-size:150% !important } 
.f160 { font-size:160% !important } 
.f170 { font-size:170% !important } 
.f200 { font-size:200% !important } 


/* 버튼 */
.btnPack { display:inline-block !important; height:45px; line-height:43px; font-size:18px; text-align:center; margin:0 2px 0 0; vertical-align:middle; padding:0 15px; text-decoration:none; letter-spacing:-0.02em; color:#fff; word-break:break-all; white-space:nowrap; transition: all 0.3s ease-out; font-weight: 400; position: relative; background-color: var(--default_color); border-radius: 4px; } 
.btnPack * { background:none; white-space:inherit; display:inline-block; text-align:center; font-size:inherit; line-height: inherit; background-image:none !important; text-decoration:none !important; letter-spacing:inherit; word-break:inherit; text-transform:capitalize; color: inherit; } 
.btnPack.icon { margin:0 4px } 
.btnPack.icon > span { position: absolute; left: 0px; text-align: left; width: 1px; height: 1px; right: -1000000px; overflow: hidden; } 
.btnPack.icon i { padding:0 3px } 

a.btnPack { color:#fff } 

.btnPack i { padding:0 10px 0 0px; } 

.xsmall { font-size:75% !important; height:25px !important; line-height:23px !important; } 
.small { font-size:90% !important; height:32px !important; line-height:30px !important; } 
.medium { height:50px !important; line-height:48px !important; font-size:110% !important; } 
.large { height:55px !important; line-height:53px !important; font-size:120% !important; } 
.xlarge { height:60px !important; line-height:58px !important; font-size:140% !important; } 

/* .btnPack:last-child { margin:0 } */
.btnPack.strong { font-weight:700 !important; } 

/* 버튼 컬러 */
.btnPack.blue { background-color:#1383cf } 
.btnPack.deep_blue { background-color: #1a4894; } 
.btnPack.sky { background-color: #abd3f8; color:#111 } 
.btnPack.orange { background-color: #dd490f; } 
.btnPack.pink { background-color: #cb3d73; } 
.btnPack.black { background-color: #060b19; } 
.btnPack.gray { background-color:#666; } 
.btnPack.deep_gray { background-color:#333; } 
.btnPack.deep_gray:hover { background-color:#333 !important; color:#fff !important; font-weight: 400 !important; } 
.btnPack.lightgray { background-color:#e8e9f1; color:#111 } 
.btnPack.green { background-color:#009457; } 
.btnPack.yellow { background-color:#f9da5c; color:#111 } 
.btnPack.border { border:1px solid; background-color: #fff; color: #222; } 
.btnPack.border_lightgray { border-color:#aaa !important; background-color: #f8f8f8; } 
.btnPack.border_gray { border-color:#525a72 !important; color: #525a72; } 
.btnPack.border_sky { border-color: #0094c4 !important; color:#0094c4 } 
.btnPack.border_blue { border-color: #1383cf !important; color:#0468e2; } 
.btnPack.border_deep_blue { border-color: #20209f !important; color:#20209f } 
.btnPack.border_orange { border-color: #dd490f !important; color:#dd490f } 
.btnPack.border_green { border-color: #1e8e2b !important; color:#1e8e2b } 
.btnPack.border_pink { border-color: #cb3d73 !important; color:#cb3d73 } 
.btnPack.border_black { border-color: #060b19 !important; color:#060b19 } 
.btnPack.white { background-color:#fff; border: 1px solid #ccc; color: #444; } 

.btnPack.pad5 { padding: 0 5px; } 
.btnPack.pad10 { padding: 0 10px; } 
.btnPack.pad20 { padding: 0 20px; } 
.btnPack.pad30 { padding: 0 30px; } 
.btnPack.pad40 { padding: 0 40px; } 
.btnPack.pad50 { padding: 0 50px; } 
.btnPack.block { padding: 0 5px; display: block !important; width: 100%; } 
.btnPack.round30 { border-radius: 30px; } 
.btnPack.round50 { border-radius: 50%; } 
.btnPack.round0 { border-radius: 0px; } 

.btnPack.orange,.btnPack.blue,.btnPack.sky,.btnPack.black,.btnPack.red,.btnPack.pink,.btnPack.gray, .btnPack.deep_gray { color:#fff } 
.btnPack.strong *,.btnPack.black * { color:inherit; font-weight:inherit; font-size:inherit } 
.btnPack.white:hover, .btnPack.white.down { background-color: #eee; border: 1px solid #666; } 

.btnPack.btn_shadow { box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15); } 
 

.btnPack.yellow span, .btnPack.sky span { color:#111 } 

.btnPack.kakao { background-color: #fee300; font-size: 120%; color:#333; height:60px; line-height:58px; } 
.btnPack.kakao span { position: relative; } 
.btnPack.kakao span:before { background-image: url(/_dyassem/images/common/login_kakao.png); content: ''; display: inline-block; width:37px; height: 30px; background-position: center center; background-repeat: no-repeat; vertical-align: middle; margin-right:10px; background-size: auto 90%; } 

.medium.icon_btn i { right:10px } 

@media only screen and (max-width:768px) { } 

@media only screen and (max-width:991px) {.btnPack { font-size:16px; padding:0 10px; } 

 .btnPack, .input_file .file_name, .input_file label span { height: 35px; line-height: 32px; } 
 .xsmall { font-size:85% !important; height:20px !important; line-height:19px !important; } 
 .small { font-size:90% !important; height:25px !important; line-height:23px !important; } 
 .medium { height:44px !important; line-height:42px !important; font-size:110% !important; } 
 .large { height:48px !important; line-height:46px !important; font-size:120% !important; } 
 .xlarge { height:50px !important; line-height:48px !important; font-size:140% !important; } 
}

.list { margin: 0}

.list li { position: relative; padding: 0px 5px 7px 10px; text-align: left; line-height: 130%; word-break: auto-phrase; } 

.list li:last-child { padding-bottom: 0}

.list li:before { content: ''; position: absolute; top: 10px; left: 0px; background: #999; width: 3px; height: 3px; border-radius: 10px; } 

.list li ul { margin: 5px 0}

.list li ul li { font-size: 90%; line-height: 25px; color: #777}

.list li ul li:before { background: #999; width: 6px; height: 2px; } 

.list.check li:before { content: '\f058'; font-family: 'FontAwesomeS'; font-size: 20px; background: none; top: 2px; color: #666}

.list.check li { padding-left: 30px; margin: 5px 0 25px 0}

.dot_list { margin:0 } 
.dot_list li { position:relative; padding:0px 5px 3px 12px; text-align:left; line-height: 140%; margin-bottom: 4px; font-weight: 400; } 
.dot_list li:last-child { padding-bottom:0; margin-bottom: 0; } 
.dot_list li::before { content:''; position:absolute; top:9px; left:0px; background:#a6aec5; width:5px; height:5px; border-radius:10px; } 
.dot_list > li > ul { margin:5px 0; } 
.dot_list > li > ul > li { font-size:90%; line-height: 25px; color:#555; font-weight: 300; margin-bottom: 0px; } 
.dot_list > li > ul > li::before { background:#ccc; width:6px; height:3px; top: 11px; } 

.dot_list.check > li::before { content:'\f105'; font-family:'FontAwesomeS'; font-size:16px; background:none; top:0px; color:#666; color: #e8575c; } 
.dot_list.check > li { padding-left:15px; } 
.dot_list.line > li::before { top:10px; left:0px; background:#999; width:5px; height:2px; border-radius:0px; background-color: #a5acc6; } 


.dot_list.w50 { display: flex; flex-wrap: wrap; } 
.dot_list.w50 li { flex: 1 0 50%; } 


@media only screen and (max-width:768px) {
 .dot_list li { padding:0px 5px 5px 10px; } 
 .dot_list li:before { top:7px; width: 4px; height: 4px; left: 2px; } 
 .dot_list li ul li { line-height: 15px; } 
 .dot_list li ul li:before { top:7px; height: 2px; width: 5px; } 
 .dot_list.line li:before { top:8px; width: 4px; height: 1px; } 
 .dot_list.w50 li { flex: 1 0 100%; } 
}


.page_charge { display: block; margin-bottom: 50px; border: 1px solid var(--border_color); border-radius: 10px; padding: 20px 40px; font-size: 90%; font-family:var(--noto_font) } 
.page_charge dl { display: flex; position: relative; line-height: 30px; } 
.page_charge dl::before { content: ''; background-color: var(--default_color); width:5px; height: 5px; border-radius: 50%; top:12px; left:0; position: absolute; } 
.page_charge dl dt { padding:0 50px 0 12px; font-weight: 500; color: #000; position: relative; white-space: nowrap; } 
.page_charge dl dt:after { content: ''; position: absolute; top:7px; bottom:7px; width: 1px; right:25px; background-color: #ccc; } 


@media only screen and (max-width:765px){
 .page_charge { padding:10px 15px; font-size: 90%; } 
 .page_charge dl dt { width:120px; padding:0 12px 0 12px; } 
 .page_charge dl dt:after { right:15px; top:10px; bottom: 10px; } 
 }


/* appraisal */
.appraisal_wrap { position:relative; border:1px solid #dfe2e4; padding:15px 30px 20px 30px; margin-top: 160px; } 
.appraisal_wrap .appraisal_question { height:19px; line-height:19px; display:table; color:#373c55; text-align:left; font-size:14px; background:url(/_dyassem/images/common/appraisal_icon.png) left center no-repeat; padding-left:25px; } 
.appraisal_wrap .point { text-indent:-9999px; font-size:13px; height:16px; line-height:17px; position:absolute; top:15px; right:100px; display:block; width:95px; text-align:left; } 
.appraisal_wrap .star_result { position:absolute; right:30px; top:10px; font-weight:500; letter-spacing:-0.5px; } 
.appraisal_wrap .on { color:#0047a7; } 
.appraisal_wrap .appraisal_input { border:1px solid #dfe2e4; margin-top:10px; } 
.appraisal_wrap .appraisal_input select { padding-left:15px; float:left; width:15%; height:35px; padding-left:15px; font-size:14px; color:#555; appearance:none; -webkit-appearance:none; border:0; border-right:1px solid #dfe2e4; background:url(/_dyassem/images/common/appraisal_more.png) 93% 16px no-repeat; } 
.appraisal_wrap .appraisal_input .appTxt { float:left; width:calc(85% - 60px); height:35px; color:#9da6ad; font-size:14px; padding-left:20px; } 
.appraisal_wrap .appraisal_input .btnMenuAppri { float:left; width:60px; height:35px; color:#31363d; text-align:center; padding:0 0 0 4px; background:none; border-left:1px solid #dfe2e4; font-weight:500; font-size:13px; cursor:pointer; } 
.appraisal_wrap .star_result_content_wrap { display:none; position:absolute; bottom:130px; right:0; width:470px; background:#fff; border-radius:5px; box-shadow:-1px 4px 6px 0px #bbb; } 
.appraisal_wrap .star_result_content_wrap h5 { height:70px; background:#3654c6 url(/_dyassem/images/common/star_content_bg.jpg) right top no-repeat; text-align:left; line-height:70px; color:#fff; font-size:17px; font-weight:400; padding-left:30px; border-radius:5px 5px 0 0; } 
.appraisal_wrap .star_result_content_wrap .star_result_content { padding:0 18px 20px 18px; } 
.appraisal_wrap .star_result_content_wrap .star_result_content table { border-top:1px solid #e5e5e5; font-size:14px; margin-top: 20px; } 
.appraisal_wrap .star_result_content_wrap .star_result_content table caption { overflow:hidden; text-indent:-90000px; } 
.appraisal_wrap .star_result_content_wrap .star_result_content table tbody tr { border-bottom:1px solid #e5e5e5; } 
.appraisal_wrap .star_result_content_wrap .star_result_content table tbody tr th { font-weight:400; color:#323232; text-align:left; padding:5px 0 5px 10px; background:#f8f8f8; border: none; border-right:1px solid #e5e5e5; } 
.appraisal_wrap .star_result_content_wrap .star_result_content table tbody tr td { color:#545952; text-align:left; } 
.appraisal_wrap .star_result_content_wrap .star_result_content table tbody tr td.num { background:#f3f3f3; text-align:right; padding: 0px; padding-right:7px; } 
.appraisal_wrap .star_result_content_wrap .star_result_content table tbody tr td.per { position:relative; background:#fafafa; padding: 0px; padding-left:10px; border: none; } 
.appraisal_wrap .star_result_content_wrap .star_result_content table tbody tr td.per .per_text { position:absolute; top:6px; right:8px; font-size:13px; } 
.appraisal_wrap .star_result_content_wrap .star_result_content table tbody tr td.per .bar_graph { text-indent:-9999px; } 
.appraisal_wrap .star_result_content_wrap .result_close { position:absolute; top:20px; right:16px; text-indent:-9999px; display:block; width:30px; height:28px; background:url(/_dyassem/images/common/mobile_close.png) center center no-repeat } 
.appraisal_info { border:1px solid #dfe2e4; border-top:0; background:#fbfbfb; } 
.appraisal_info p { font-size:13px; color:#2a2a2a; text-align:left; padding:15px 30px; } 
.search_label02 { display:none; } 
#star_point0 { background:url(/_dyassem/images/common/star_point0.png) right center no-repeat; } 
#star_point1 { background:url(/_dyassem/images/common/star_point1.png) right center no-repeat; } 
#star_point2 { background:url(/_dyassem/images/common/star_point2.png) right center no-repeat; } 
#star_point3 { background:url(/_dyassem/images/common/star_point3.png) right center no-repeat; } 
#star_point4 { background:url(/_dyassem/images/common/star_point4.png) right center no-repeat; } 
#star_point5 { background:url(/_dyassem/images/common/star_point5.png) right center no-repeat; } 




/* 
* { word-break: break-all; word-wrap: break-word; } 
*/

.lh { line-height:0px; } 
.tal { text-align:left !important; } 
.tal a { color: #333333 !important; } 
.fll { float:left; } 
.flr { float:right; } 
.fln { float:none; } 
.tac { text-align:center; } 
.tar { text-align:right; } 

.pt10 { padding-top:10px; } 
.pt12 { padding-top:12px; } 
.pt15 { padding-top:15px; } 
.pt18 { padding-top:18px; } 
.pt20 { padding-top:20px; } 
.pt25 { padding-top:25px; } 
.pt30 { padding-top:30px; } 
.pt35 { padding-top:35px; } 
.pt40 { padding-top:40px; } 
.pt50 { padding-top:50px; } 
.pt60 { padding-top:60px; } 

.pb10 { padding-bottom:10px; } 
.pb12 { padding-bottom:12px; } 
.pb15 { padding-bottom:15px; } 
.pb20 { padding-bottom:20px; } 
.pb25 { padding-bottom:25px; } 
.pb30 { padding-bottom:30px; } 
.pb35 { padding-bottom:35px; } 
.pb40 { padding-bottom:40px; } 
.pb50 { padding-bottom:50px; } 
.pb60 { padding-bottom:60px; } 

.pr10 { padding-right:10px; } 
.pr15 { padding-right:15px; } 
.pr20 { padding-right:20px; } 
.pr25 { padding-right:25px; } 
.pr30 { padding-right:30px; } 
.pr35 { padding-right:35px; } 
.pr40 { padding-right:40px; } 
.pr45 { padding-right:45px; } 
.pr50 { padding-right:50px; } 
.pr55 { padding-right:55px; } 

.pl10 { padding-left:10px; } 
.pl15 { padding-left:15px; } 
.pl20 { padding-left:20px; } 
.pl25 { padding-left:25px; } 
.pl30 { padding-left:30px; } 
.pl35 { padding-left:35px; } 
.pl40 { padding-left:40px; } 
.pl45 { padding-left:45px; } 
.pl50 { padding-left:50px; } 
.pl55 { padding-left:55px; } 

.mt5 { margin-top:5px !important } 
.mt10 { margin-top:10px !important; } 
.mt12 { margin-top:12px !important; } 
.mt15 { margin-top:15px !important; } 
.mt20 { margin-top:20px !important; } 
.mt25 { margin-top:25px !important; } 
.mt30 { margin-top:30px !important; } 
.mt35 { margin-top:36px !important; } 
.mt40 { margin-top:40px !important; } 
.mt45 { margin-top:45px !important; } 
.mt50 { margin-top:50px !important; } 
.mt60 { margin-top:60px !important; } 
.mt65 { margin-top:65px !important; } 
.mt70 { margin-top:70px !important; } 
.mt75 { margin-top:75px !important; } 
.mt80 { margin-top:80px !important; } 
.mt95 { margin-top:95px !important; } 

.mb0 { margin-bottom:0px !important; } 
.mb7 { margin-bottom:7px !important; } 
.mb10 { margin-bottom:10px !important; } 
.mb15 { margin-bottom:15px !important; } 
.mb20 { margin-bottom:20px !important; } 
.mb25 { margin-bottom:25px !important; } 
.mb30 { margin-bottom:30px !important; } 
.mb35 { margin-bottom:35px !important; } 
.mb40 { margin-bottom:40px !important; } 
.mb45 { margin-bottom:45px !important; } 
.mb50 { margin-bottom:50px !important; } 
.mb55 { margin-bottom:55px !important; } 
.mb60 { margin-bottom:60px !important; } 
.mb80 { margin-bottom:80px !important; } 
.mb100 { margin-bottom:100px !important; } 

.ml5 { margin-left:5px !important; } 
.ml10 { margin-left:10px !important; } 
.ml15 { margin-left:15px !important; } 
.ml20 { margin-left:20px !important; } 
.ml25 { margin-left:25px !important; } 
.ml30 { margin-left:30px !important; } 
.ml35 { margin-left:35px !important; } 
.ml40 { margin-left:40px !important; } 
.ml45 { margin-left:45px !important; } 
.ml50 { margin-left:50px !important; } 
.ml55 { margin-left:55px !important; } 
.ml60 { margin-left:60px !important; } 
.ml65 { margin-left:65px !important; } 
.ml70 { margin-left:70px !important; } 

.mr10 { margin-right:10px !important; } 
.mr15 { margin-right:15px !important; } 
.mr20 { margin-right:20px !important; } 
.mr25 { margin-right:25px !important; } 
.mr30 { margin-right:30px !important; } 
.mr35 { margin-right:35px !important; } 
.mr40 { margin-right:40px !important; } 
.mr45 { margin-right:45px !important; } 
.mr50 { margin-right:50px !important; } 
.mr90 { margin-right:90px !important; } 

.fs11 { font-size:11px !important; } 
.fs12 { font-size:12px !important; } 
.fs13 { font-size:13px !important; } 
.fs14 { font-size:14px !important; } 
.fs15 { font-size:15px !important; } 
.fs16 { font-size:16px !important; } 
.fs17 { font-size:17px !important; } 
.fs18 { font-size:18px !important; } 
.fs19 { font-size:19px !important; } 
.fs20 { font-size:20px !important; } 
.fs21 { font-size:21px !important; } 
.fs22 { font-size:22px !important; } 
.fs23 { font-size:23px !important; } 
.fs24 { font-size:24px !important; } 
.fs22 { font-size:22px !important; } 
.fs24 { font-size:24px !important; } 
.fs28 { font-size:28px !important; } 
.fs30 { font-size:30px !important; } 
.fs32 { font-size:32px !important; } 
.fs34 { font-size:34px !important; } 
.fs36 { font-size:36px !important; } 

.ls5 { letter-spacing: -0.5px; } 
.ls10 { letter-spacing: -1px; } 
.ls15 { letter-spacing: -1.5px; } 
.newWinimg { margin-top: 6px; margin-left: 10px; } 

.clear { clear:both; } 
.after:after { content:''; display:block; clear:both; } 
select::-ms-expand { display:none; }