@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:#004fc6; --pink:#e31e64; --black:#343246; --default_font:'Pretendard'; --blue:#007ec5; --light_yellow:#f2f0e6; --noto_font:'Noto Sans KR'; --bg_gray:#f2f2f3; --light_gray:#e2e4eb; --border_color:#d9dee7; --bor_radius:10px; --paperlogy_font: 'paperlogy'; --gray:#646360; --green:#01a972; --deep_green:#035239; } 

@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: #004fc6; } 
.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:#e91313 } 

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:hidden; font-weight: 400; font-size:18px; color: var(--black); min-width: 320px; letter-spacing: -0.05em; } 
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 !important; } */
.slick-slide img { display: inline-block !important; } 
.slickwrap .slider { } 
.slickwrap .slider .item { vertical-align:top; } 
.nav { position:absolute; display: flex; z-index: 100; left:0; right:0; justify-content: space-between; } 
.nav button { overflow:hidden; border:0; color:transparent !important; white-space:nowrap; vertical-align:top; z-index: 2; width: 40px; height: 40px; box-shadow: 3px 3px 5px rgba(32, 31, 106, 0.2); line-height:40px; border-radius: 50%; transition: all 0.6s; background-color:#434f67 } 
.nav .count { font-size: 120%; font-weight: 300; } 
.nav .count em { font-weight: 500; } 
.nav button span { position: absolute; left:-9999999999px } 
.nav button.active { display: block; } 
.nav > * { margin-right:6px } 
.prev { left:15px; } 
.next { right:15px; } 
.prev:before, .next:before, .play:before, .pause:before { font-size:18px; color:#fff; font-family: 'FontAwesomeS'; text-align:center; line-height:40px; display: block; } 
.prev:before { content:'\f053'; } 
.next:before { content:'\f054'; } 
.play:before { content:'\f0da'; font-size: 27px; padding-left: 4px; } 
.pause:before { content:'\f52c'; transform: rotate(90deg); } 
.nav button:hover,
.nav button:focus { background-color:#000 } 
.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; border-radius: 30px; line-height:40px; padding:0 25px; font-size: 15px; color: #555; font-family: var(--paperlogy_font); font-weight: 500; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); margin-left: 10px; transition: all 0.3s; } 
.nav_more:hover { box-shadow: 0 0 15px rgba(70, 70, 87, 0.4); color: #000; } 


/* 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: var(--blue); color:#fff; position: relative; line-height: 35px; padding: 0 15px; display: none; font-weight: 500; font-size: 14px; } 
.top_area { position:relative; } 
.top_area:before { content: ''; position: absolute; left:0; right: 0; top:0; bottom:0; background:var(--light_gray); } 

.top_area .wrap_container { display: flex; justify-content: space-between; align-items: center; } 
.top_area .top_right { display: flex; line-height: 27px; color: #3d3d3d; } 
.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.2); } 
.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(255,255,255,0.2); } 
.top_nav > ul > li.on > ul { display: flex; flex-wrap: wrap; } 
.top_nav > ul > li.on > a { color:#000 } 

.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: 40px; line-height: 40px; padding: 0 20px 0 25px; white-space:nowrap; color:#6a7686; font-size:15px; font-weight: 500; letter-spacing: -0.05em; margin:3px } 
.top_nav > ul > li.select > a { color:#000; background:#fff !important; padding: 0 25px; line-height: 47px; height: 47px; margin: 0; font-weight: 700; } 
.top_nav > ul > li:last-child > a { color: #000; } 
.top_nav > ul > li:last-child > a > img { vertical-align: middle; padding-right: 10px; } 
.top_nav > ul > li:last-child { background-color: rgba(178,216, 200, 0.8); } 

.top_nav > ul > li > ul { display:none } 
.top_nav > ul > li > ul { width:175px; position:absolute; top:100%; left:0; z-index: 99999; background:#ecf3fd; border-top:none; padding:5px 15px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); border: 1px solid rgba(0, 0, 0, 0.2); border-top: none; } 
.top_nav > ul > li > ul.sns > li > a {font-size: 14px;}
.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:40px; height:40px; letter-spacing: -0.05em; font-size:16px; color:#47485a; padding-left: 6px; font-weight: 600; white-space:nowrap; } 
.top_nav > ul > li > ul > li + li { border-top:1px solid rgba(0,0,0,0.05); } 
.top_nav > ul > li > ul > li
.top_nav > ul > li > ul > li > a:hover { color:#041541; } 

@media only screen and (max-width:1300px){
 .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: 14px; color: #777; } 
 .top_nav > ul > li.select > a { background:#eee !important; color:#444555 } 
 .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:13px; line-height:28px; height:28px; padding-left: 0; letter-spacing: -0.1em; } 
 .top_nav>ul>li>ul.sns>li>a {font-size: 13px;}
 .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; flex: 0 1 220px; margin-top: 27px; transition: all 0.3s; } 
.logo { display: block; font-family: var(--paperlogy_font); } 
.logo h1 { position: relative; margin:0; display: flex; align-items: center; } 
.logo h1 IMG { margin-right:10px; width: 50px; mix-blend-mode:darken; } 
.logo h1 strong { font-size: 160%; letter-spacing: 0em; position: relative; line-height: 30px; white-space: nowrap; font-weight: 700; color:#000; padding-top: 10px; } 
.logo h1 strong span { display: block; font-weight: 400; font-size: 10px; letter-spacing: -0.02em; line-height: 18px; white-space: nowrap; color: #666; } 

.logo.f_logo { margin-bottom: 30px; } 
.logo.f_logo h1 strong { } 
.logo.f_logo h1 span { } 

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




#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 { line-height: 65px; height: 65px; } 
.stickmenu.sticky .logo_wrap { margin-top: 7px; } 
.stickmenu.sticky .logo h1 strong { font-size: 130%; line-height: 20px; } 
.stickmenu .localNavi > ul > li > a { font-family: var(--paperlogy_font); font-weight: 700; font-size: 22px; color: #282828; } 

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

/*컨테이너 사이즈*/
.wrap_container, .content_wrap, .container { width: 1500px; margin: 0 auto; position: relative; } 
#container { min-height: 1000px; padding-top: 161px; background-color: #fff; } 
.content_wrap.full { max-width: 100%; } 
.sub_content { min-height: 500px; flex: 0 1 calc(100% - 370px); width: calc(100% - 370px); } 
.sub_content.content_wrap { padding-bottom:5% } 

#content { display: flex; padding-top: 5px; justify-content: space-between; } 
#content .snb { flex: 0 1 270px; min-width: 270px; margin-top: -140px; } 
#content .snb .sub_title { display: flex; align-items: center; justify-content: center; height: 165px; text-align: center; font-size: 150%; background: linear-gradient(90deg, #bedcdc, #c8e4c9);; border-radius: 16px 16px 0 0; background-image: url(/_boassem/images/common/sub_title_bg.png); background-position: 0px 0px; background-repeat: no-repeat; } 
#content .snb .sub_title strong { font-weight: 700; color: var(--deep_green); font-family: var(--paperlogy_font); padding-bottom: 32px; } 

#content .snb .subMenu { background-color: #fff; border-radius: 20px; margin-top: -30px; border: 1px solid #e0e0e0; padding: 20px 15px 150px 15px; } 


@media only screen and (max-width:1300px){
 #content .snb { display: none; } 
 #content { padding-top:0px; } 
 .sub_content { flex: 0 1 100%; width: 100%; } 
 }

/*서브비주얼 */
.sub_visual { padding:55px 0 45px 0; /*0background-color: #f4f6f9; */ border-radius: 50px; position: relative; margin:0 1%; overflow: hidden; } 
/* .sub_visual::before { content: ''; position: absolute; width: 205px; height: 154px; background-image: url(/_boassem/images/common/sub_patten01.png); right: 20px; bottom:-15px; background-size: 100% auto; background-repeat: no-repeat; } 

.sub_visual::after { content: ''; position: absolute; width: 700px; height: 165px; left:-150px; right:0px; top:0px; bottom:0px; background-image: url(/_boassem/images/common/sub_patten02.png); background-repeat: no-repeat; background-size: auto 100%; background-position: center right; transition: all 0.3s; } */
.sub_visual .wrap_container { padding-left: 370px; } 
.sub_visual::before {
    content: '';
    position: absolute;
    width: 205px;
    height: 154px;
    background-image: url(/_boassem/images/common/sub_patten01.png);
    right: 20px;
    bottom: -15px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.sub_visual .wrap_container > p { font-size: 140%; padding-bottom: 15px; display: inline-block; position: relative; z-index: 9; font-family: var(--paperlogy_font); } 
.sub_visual .wrap_container > p::before { content: ''; position: absolute; background-image: url(/_boassem/images/sub/sub_patten01.png); width:200px; height: 147px; background-repeat: no-repeat; right:-150px; top:-50px } 
.sub_visual .wrap_container > p span { color: #004fc6; font-weight: 700; } 

.sub_visual .location { font-size: 80%; color: #777; width: 100%; letter-spacing: -0.08em; position: relative; font-weight: 500; z-index: 9; } 
.sub_visual .location span { color:#aaa; margin:0 7px; } 
.sub_visual .location i { margin:0 3px; color:var(--deep_green); } 
.sub_visual .location strong { font-weight: 700; color: #181922; white-space: nowrap; } 
.sub_visual .location a { white-space: nowrap; } 

@media only screen and (max-width:1300px){
 .sub_visual .wrap_container { padding-left: 0px; text-align: center; } 
}
@media only screen and (max-width:991px) {.sub_visual::before { content: ''; position: absolute; width: 205px; height: 154px; background-image: url(/_boassem/images/common/sub_patten01.png); right: 20px; bottom:-15px; background-size: 100% auto; background-repeat: no-repeat; } 
.sub_visual::after { left:-80%; } 
}
@media only screen and (max-width:500px) {.sub_visual { padding:25px 0 15px 0; border-radius: 0px; position: relative; margin:0%; } 
.sub_visual .wrap_container > p { font-size: 110%; } 

 }

/* 타이틀 */
.content_title { display:flex; width: 100%; border-top: 1px solid #e5e9ee; letter-spacing: -0.05em; align-content: center; flex-wrap: wrap; height: 100px; position: relative; } 
.content_title h2 { position: relative; display: block; font-size: 160%; font-weight: 700; color: #181922; width: 100%; font-family: var(--paperlogy_font); letter-spacing: -0.05em; } 

.content_title .page_option { position: absolute; right:0; bottom:31%; } 
.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: 8px; width:40px; height: 40px; line-height: 43px; background-color: #fff; border: solid 1px var(--border_color); color:#454265; font-size: 15px; } 
.content_title .page_option>ul>li>button:hover { background-color: var(--light_gray); } 
.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; } 


.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 .blog img, .sns_list .band img { background:#00c73c } 
.sns_list .kakao img { background-color: #f8e049; } 
.sns_list .youtube img { background-color:red; } 
.sns_list .instar { background:url(/_boassem/images/common/sns_instar.jpg); background-size:100% 100%; border-radius:50%; } 


/* 푸더 영역 */
footer { background-color: #eff1f5; position: relative; z-index: 999; } 
footer .family_site { background-color: var(--light_gray); border: 1px solid #dadde3; } 
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: 55px; color: #2b2b2b; padding:0 30px; border-left: 1px solid #dadde3; font-weight: 400; 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:#2b2b2b; 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:#f5f6f9; 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(178, 216, 200, 0.4); } 
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(0,0,0,0.07); padding-bottom: 40px; } 
footer .copyright ul:after { content: ''; display: table; width: 100%; } 
footer .copyright ul li { float: left; position: relative; } 
footer .copyright ul li span { color:var(--default_color); } 
footer .copyright ul li a { line-height: 28px; color: rgba(0,0,0,1); font-weight: 400; font-size: 100%; font-family: var(--paperlogy_font); } 
footer .copyright ul li:first-child a { padding-left:0px; } 
footer .copyright ul li::after { content: ''; display: inline-block; padding:0 20px } 
footer .copyright .address { font-size: 105%; } 
footer .copyright .address span { display: inline-block; padding-right: 40px; font-size:90%; letter-spacing: 0; } 
footer .copyright i { display: block; padding:5px 0; font-size:80%; letter-spacing: 0em; } 


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

@media only screen and (max-width:650px) {footer .copyright ul { padding-right:50px } 
 }
/*최상단으로 이동*/
.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; } 
.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; font-family: var(--default_font); 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:5px; 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; } 
 }
 


@media only screen and (max-width:1600px){
 .wrap_container, .content_wrap { width:auto; margin:0 auto; } 
 .sub_content.content_wrap, .wrap_container { padding-right:24px; padding-left: 24px; } 
 .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_wrap { position: relative; flex: 0 1 180px; margin-top: 0px; padding-left:5px } 
 .stickmenu { background-color: #fff; } 
 .stickmenu .logo h1 IMG { width:37px } 
 .stickmenu .logo h1 strong { font-size: 130%; 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:110px; } 
 .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 h2 { margin-bottom: 0px; } 
 .content_title .location i { margin:0px } 
 .content_title .page_option { position: relative; bottom: auto; margin-top: 10px; } 
 .content_title .page_option > ul > li { padding: 0 2px; } 
 .content_title .page_option > ul > li > button { width:30px; height: 30px; line-height: 33px; 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:80% !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: #20209f; } 
.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(/_boassem/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; } 
}


.dot_list { margin:0 } 
.dot_list li { position:relative; padding:0px 5px 3px 12px; text-align:left; line-height: 120%; margin-bottom: 5px; font-weight: 400; } 
.dot_list li:last-child { padding-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; } 
.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: var(--gray); } 
.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; justify-self: center; } 
.page_charge dl::before { content: ''; background-color: var(--deep_green); width:5px; height: 5px; border-radius: 50%; top:11px; 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; } 
.page_charge a img { display: flex; justify-self: center; position: relative; } 


@media only screen and (max-width:768px){
 .page_charge { padding:10px 15px; font-size: 90%; } 
 .page_charge dl { top:8px; line-height: 23px; } 
 .page_charge dl dt { width:120px; padding:0 12px 0 12px; } 
 .page_charge dl dt:after { right:15px; top:10px; bottom: 10px; } 
 .page_charge a img { padding: 16px; } 
}


/* 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(/_boassem/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(/_boassem/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(/_boassem/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(/_boassem/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(/_boassem/images/common/star_point0.png) right center no-repeat; } 
#star_point1 { background:url(/_boassem/images/common/star_point1.png) right center no-repeat; } 
#star_point2 { background:url(/_boassem/images/common/star_point2.png) right center no-repeat; } 
#star_point3 { background:url(/_boassem/images/common/star_point3.png) right center no-repeat; } 
#star_point4 { background:url(/_boassem/images/common/star_point4.png) right center no-repeat; } 
#star_point5 { background:url(/_boassem/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; }