@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

.clear:after {    
    clear : both; 
    content :" "; 
    display : block;
}

html,body {
    background : #fff;
    height : 100%;
    font-size : 14px;
}

::placeholder { 
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color : #999;
	opacity : 1;
	font-weight : 300;
	/* Firefox */
}

:-ms-input-placeholder { 
	/* Internet Explorer 10-11 */
	color : #999;
}

::-ms-input-placeholder { 
	/* Microsoft Edge */ 
	color : #999;
}

a {
    text-decoration : none;
}

* {
	box-sizing : border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin : 0;
	padding : 0;
	border : 0;
	font-size : 100%;
	font : inherit;
	font-family : 'Noto Sans KR', sans-serif;
	vertical-align : baseline;
	box-sizing : border-box;
}

* {
	outline : unset;
	letter-spacing : -0.42px;
	font : inherit;
	font-family : 'Noto Sans KR', sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display : block;
}

body {
	line-height : 1;
	text-align : center;
	font-family : NotoSansCjk;
}

ol, ul {
	list-style : none;
}

blockquote, q {
	quotes : none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content : '';
	content : none;
}

table {
	border-collapse : collapse;
	border-spacing : 0;
}

a {
    text-decoration : none;
}

button {
    background : transparent;
    border : none;
}

div {
    box-sizing : border-box;
}

div {
    display : block;
}

/*스크롤바 변경*/
::-webkit-scrollbar {
  width : 4px;
}

::-webkit-scrollbar-thumb {
  background-color : #999999;
  border-radius : 4px;
  background-clip : padding-box;
}

::-webkit-scrollbar-track {
  background-color : #F2F2F2;
  border-radius : 4px;
  background-clip : padding-box;
}

/* 공통 여백 */
.emptyrow14 {
	position : relative;
	width : 100%;
	height : 14px;	
}

.emptyrow16 {
	position : relative;
	width : 100%;
	height : 5px;	
}

.emptyrow26 {
	position : relative;
	width : 100%;
	height : 26px;	
}

.emptyrow27 {
	position : relative;
	width : 100%;
	height : 27px;	
}

.emptyrow58 {
	position : relative;
	width : 100%;
	height : 58px;	
}

.emptycol13 {
	position : relative;
	display : inline-block;
	width : 13px;	
}

.emptycol80 {
	position : relative;
	display : inline-block;
	width : 80px;	
}

.emptycol90 {
	position : relative;
	display : inline-block;
	width : 90px;	
}

.emptycol98 {
	position : relative;
	display : inline-block;
	width : 98px;	
}

.emptycol105 {
	position : relative;
	display : inline-block;
	width : 105px;	
}

.emptycol242 {
	position : relative;
	display : inline-block;
	width : 240px;	
}

/* 상단 영역 */
header {
	background : #fff;
	width : 100%;
	height : auto;
	position : relative;
}

header .topbar-item-wrap {
	position : relative;
	z-index : 20;
	width : 100%;
	height : 62px;
	background : #3363b3;
	display : flex;
	justify-content : center;
	align-items : center;
}

header .topbar-item-wrap .main-menu {
	width : 1200px;
	height : 40px;
	display:flex;
	justify-content : space-between;
	align-items : center;
}

header .topbar-item-wrap .main-menu .lt-item {
	display : flex;
	justify-content : flex-start;
	align-items : center;
}

header .topbar-item-wrap .main-menu .lt-item .select-wrap {
	width : 140px;
	height : auto;
	position : relative;
}

header .topbar-item-wrap .main-menu .lt-item .select-wrap > a {
	width : 100%;
	height : 40px;
	overflow : hidden;
	background : #F2F2F2;
	display : flex;
	justify-content : space-between;
	align-items : center;
}

header .topbar-item-wrap .main-menu .lt-item .select-wrap a span {
	margin-left : 10px;
	font-size : 15px;
	color : #666666;
	display : flex;
}

header .topbar-item-wrap .main-menu .lt-item .select-wrap a i {
	display : flex;
	margin-left : 5px;
	font-size : 16px;
	color : #666666;
	font-weight : bold;
	margin-right : 10px;
}

header .topbar-item-wrap .main-menu .lt-item .select-wrap .select-list-wrap {
	display : none; 
	background : #F2F2F2;
	position : absolute;
	left : 0;
	top : 40px;
	width : 140px;
	height : auto;
	overflow : hidden;
}

header .topbar-item-wrap .main-menu .lt-item .select-wrap a.on + .select-list-wrap {
	display : block;
}

header .topbar-item-wrap .main-menu .lt-item .select-wrap .select-list-wrap ul {
	width : 100%;
	height : auto;
	overflow : hidden;
}

header .topbar-item-wrap .main-menu .lt-item .select-wrap .select-list-wrap ul li {
	border-top : 1px solid #fff;
	width : 100%;
	height : auto;
	overflow : hidden;
}

header .topbar-item-wrap .main-menu .lt-item .select-wrap .select-list-wrap ul li a {
	display : flex;
	justify-content : flex-start;
	align-items : center;
	width:calc(100% - 10px);
	padding-left : 10px;
	height : 34px;
	overflow : hidden;
	font-size : 13px;
	color : #666666;
}

header .topbar-item-wrap .main-menu .lt-item .btn-guide {
	margin-left : 8px;
	font-size : 15px;
	color : #666;
}

header .topbar-item-wrap .main-menu .tnb-list {
	display : flex;
	justify-content : flex-start;
	align-items : center;
}

header .topbar-item-wrap .main-menu .tnb-list > li {
	display : flex;
	margin-left : 48px;
}

header .topbar-item-wrap .main-menu .tnb-list li a {
	font-size : 15px;
	color : #fff;
}

header .logo-item-wrap {
	width : 1200px;
	height : 100px;
	overflow : hidden;
	margin : 0 auto;
	position : relative;
	display : flex;
	justify-content : center;
	align-items : center;
}

header .logo-item-wrap h1 {
	width : 700px;
	height : auto;
	overflow : hidden;
	display : flex;
	justify-content : center;
	align-items : center;
}

header .logo-item-wrap h1 a {
	display : flex;
	justify-content : center;
	align-items : center;
}

header .logo-item-wrap h1 a img {
	display : flex;
}

header .logo-item-wrap h1 a span {
	display : flex;
	margin-left : 10px;
	font-size : 14px;
	color : #222222;
	font-weight : bold;
}

header .logo-item-wrap .laws-link {
	position : absolute;
	right : 0;
	top : 54px;
	display : flex;
	justify-content : flex-start;
	align-items : center;
}

header .logo-item-wrap .laws-link img {
	display : flex;
}

header .logo-item-wrap .laws-link span {
	margin-top : -2px;
	margin-left : 4px;
	display : flex;
	font-size : 17px;
	color : #222222;
	font-weight : bold;
}

header .logo-item-wrap .laws-link i {
	display : flex;
	margin-left : 4px;
	font-size : 18px;
	color : #222222;
	font-weight : bold;
}

header .gnb-item-wrap {
	width : 100%;
	height : 44px;
	overflow : Hidden;
	border-top : 1px solid #eee;
	border-bottom : 1px solid #eee;
}

header .gnb-item-wrap .svc-menu {
	width : 1200px;
	height : 44px;
	overflow : hidden;
	margin : 0 auto;
	display : flex;
	justify-content : space-between;
	align-items : center;
}

header .gnb-item-wrap .gnb-list {
	display : flex;
	justify-content : flex-start;
	align-items : center;
}

header .gnb-item-wrap .gnb-list li {
	display : flex;
	margin-right : 66px;
}

header .gnb-item-wrap .gnb-list li a {
	font-size : 18px;
	color : #222222;
	font-weight : 500;
}

header .search-item-wrap {
	display : flex;
	justify-content : flex-start;
	align-items : center;
	width : 200px;
	height : 30px;
	border-bottom : 1px solid #222222;
}

header .search-item-wrap .inp {
	display : flex;
	width : 100%;
	flex : 1;
	border : 0;
	background : transparent;
	font-size : 14px;
	color : #222;
}

header .search-item-wrap button {
	display : flex;
	justify-content : center;
	align-items : center;
	width : 30px;
	height : 30px;
	border : 0;
	background : transparent;
}

/*상단 영역 추가*/
header .side-cont {
	z-index : 999;
	display : none;
	justify-content : flex-start;
	align-items : center;
}

header .side-cont .btn-total-nav {
	background : #fff;
	position : relative;
	width : 49px;
	height : 49px;
	overflow : hidden;
	display : flex;
	justify-content : flex-start;
	align-items : center;
	margin-left : 0px;
}

header.sub .side-cont .btn-total-nav span {
	background : #191919;
}

header .side-cont .btn-total-nav span {
    position: absolute;transition: all .4s;
    left: 14px;
    width: 20px;
    height: 2px;
    background-color: #000;
    border-radius: 2px;
}

header .side-cont .btn-total-nav span:nth-of-type(1) {
    top: 17px;
}

header .side-cont .btn-total-nav span:nth-of-type(2) {
    top: 25px;
}

header .side-cont .btn-total-nav span:nth-of-type(3) {
    top: 33px;
}

header .side-cont.on .btn-total-nav span:nth-of-type(1) {
    -webkit-transform : translateY(20px) rotate(-45deg);
    transform : translateY(20px) rotate(-45deg);
    top:5px;
}

header .side-cont.on .btn-total-nav span:nth-of-type(2) {
    left : 200%;
    opacity : 0;
    -webkit-transform : translateY(10px);
    transform : translateY(10px);
    -webkit-animation : active-menu-bar06 .8s forwards;
    animation : active-menu-bar06 .8s forwards;
}

@-webkit-keyframes active-menu-bar06 {
    100% {
        height : 0;
    }
}

@keyframes active-menu-bar06 {
    100% {
        height : 0;
    }
}

header .side-cont.on .btn-total-nav span:nth-of-type(3) {
    -webkit-transform : translateY(-20px) rotate(45deg);
    transform : translateY(-20px) rotate(45deg);
    width:20px;top:45px;
}

/*하단영역*/
footer {
	/*position : fixed;*/
	width : 100%;
	height : auto;
	overflow : hidden;
	border-top : 1px solid #2d549c;
	bottom : 0px;
	background : #fff;
}

footer .footitems {
	width : 1200px;
	height : auto;
	overflow : hidden;
	margin : 0 auto;
	padding-bottom : 10px;
	position : relative;
}

footer .footitems .footlogo {
	position : absolute;
	left : 0;
	top : 50px;
}

footer .footitems .fnb-list {
	margin-top : 40px;
	display : flex;
	justify-content : flex-start;
	align-items : center;
	margin-left : 220px;
	width : 980px;
	height : 40px;
	overflow : hidden;
	border-bottom : 1px solid #e7e7e7;
}

footer .footitems .fnb-list li {
	padding : 0 20px;
	position : relative;
}

footer .footitems .fnb-list li:before {
	content : "";
	width : 1px;
	height : 12px;
	overflow : hidden;
	display : block;
	background : #e2e2e2;
	position : absolute;
	left : 0;
	top : 50%;
	margin-top : -6px;
}

footer .footitems .fnb-list li:first-child {
	padding-left : 0;
}

footer .footitems .fnb-list li:first-child:before {
	display : none;
}

footer .footitems .fnb-list li a {
	font-size : 14px;
	color : #222222;
}

footer .footitems .fnb-list li a:hover {
	color : #1E6FE5;
	font-weight : 500;
}

footer .footitems .info-list {
	margin-left : 220px;
	width : 980px;
	height : auto;
	overflow : hidden;
	margin-top : 12px;
}

footer .footitems .info-list li {
	font-size : 13px;
	color : #989898;
	margin-top :3px;
	width : 100%;
	height : auto;
	overflow : hidden;
	display : flex;
	justify-content : flex-start;
	align-items : center;
}

footer .footitems .info-list li:first-child {
	margin-top : 0;
}

footer .footitems .info-list li span {
	font-size : 13px;
	color : #989898;
	display : flex;
	padding : 0 14px;
	position : relative;
}

footer .footitems .info-list li span:before {
	content : "";
	width : 1px;
	height : 12px;
	overflow : hidden;
	display : block;
	background : #e2e2e2;
	position : absolute;
	left : 0;
	top : 50%;
	margin-top : -6px;
}

footer .footitems .info-list li span:first-child {
	padding-left : 0;
}

footer .footitems .info-list li span:last-child {
	padding-right : 0;
}

footer .footitems .info-list li span:first-child:before {
	display : none;
}

footer .footitems .info-list li a {
	display : flex;
	margin-left : 4px;
	font-size : 13px;
	color : #1E6FE5;
}

footer .footitems .fetc {
	position : absolute;
	right : 0;
	top : 20px;
}

/* 사이드 메뉴 */
.p_hr {
	height : 40px;
}

.p_hr2 {
	height : 30px;
}

.p_hr3 {
    height : 20px;
}

/* 페이징 관련 */
.page_wrap {
	text-align : center;
	font-size : 0;
}

.page_nation {
	display : inline-block;
}

.page_nation .none {
	display : none;
}

.page_nation a {
	display : block;
	margin : 0 3px;
	float : left;
	width : 30px;
	height : 30px;
	font-size : 14px;
	border-radius : 50%;
	line-height : 30px;
	text-align : center;
	background-color : #fff;
	font-size : 13px;
	color : #666666;
	text-decoration : none;
	 /*color:#1E6FE5*/
}

.page_nation .arrow {
	border : 1px solid #ccc;
}

.page_nation .pprev {
	background : #fff url('/images/icon/arrow_first.png') no-repeat center center;
	margin-left : 0;
	opacity : 0.5;
}

.page_nation .prev {
	background : #fff url('/images/icon/arrow_prev.png') no-repeat center center;
	margin-right : 7px;
	opacity : 0.5;
}

.page_nation .next {
	background : #fff url('/images/icon/arrow_next.png') no-repeat center center;
	margin-left : 7px;
	opacity : 0.5;
}

.page_nation .nnext {
	background : #fff url('/images/icon/arrow_last.png') no-repeat center center;
	margin-right : 0;
	opacity : 0.5;
}

.page_nation a.active {
	background-color : #1E6FE5;
	color : #fff;
}

.left_sub_right_text_right {
	text-align : right !important;
}

.left_sub_right_mr20 {
    margin-right: 20px;
}

.left_sub_right_stoke_navy {
    color: #fff;
    background: #00407B;
}

.left_sub_right_stoke_btn {
	border : 1px solid #00407B;
    background : #fff;
    color : #00407B;
    font-weight : 400;
    font-size : 18px;
    line-height : 40px;
    min-width : 120px;
    display : inline-block;
    text-align : center;
    cursor : pointer;
}

.mbl-menus {
	display : none;	
}

.btn_basic_blue {
    width : 100%;
    height : 30px;
    background-color : #1E6FE5;
    color : #fff;
    font-size : 14px;
    border : solid 1px #1E6FE5;
    border-radius : 7px;
}

/* 알림 모달 */
.alert_modal {
	position : fixed; 
	width : 100%; 
	max-width : 480px;
	padding : 27px 30px; 
	top : 50%; 
	left : 50%; 
	width: 100%; 
	transform : translate(-50%, -50%); 
	background : #fff; 
	box-shadow : 0px 5px 20px #0000001A;
	border : 1px solid #F2F2F2;
	border-radius : 20px; 
	text-align : left; 
	display : none;
}

.alert_modal .alert_card_tit {
	font-size : 20px; 
	font-weight : bold; 
	border-bottom : 0px;
}

.alert_colse_btn {
	float : right; 
	cursor : pointer;
}

.alert_modal_option {
	margin-bottom : 24px;
}

.alert_modal_option > span {
	font-size : 14px; 
	font-weight : 400; 
	margin-top : 10px; 
	display : inline-block;
}

.alert_modal_option>button {
	float : right;
}

.alert_modal_list {
	height : 267px; 
	padding : 0; 
	overflow : auto;
}

.alert_modal_list > li > a {
	display : block; 
	border-top : 1px solid #F2F2F2; 
	padding : 10px;
}

.alert_modal_list > li:last-child > a {
	border-bottom : 1px solid #F2F2F2;
}

.alert_modal_list > li > a > * {
	vertical-align : middle;
}

.alert_modal_list > li > a > span {
	color : #666666; 
	font-size : 14px; 
	line-height : 24px; 
	display : inline-block; 
	font-weight : 300;
}

.alert_modal_list > li > a > span:nth-child(1) { 
	width : 75px; 
	text-align : left;
}

.alert_modal_list > li > a > span:nth-child(2) { 
	width : calc(100% - 83px);
}

.alert_modal_list > li > a > img {
	width : 8px;
}

.alert_modal_list > li.p_active > a > span {
	color : #1E6FE5; 
	font-weight : 400;
}

.alert_modal_list > li.p_open_cont { 
	font-size : 14px;
	line-height : 24px; 
	color : #222222; 
	font-weight : 300; 
	border-top : 1px solid #F2F2F2; 
	padding : 10px;
}

.alert_modal .alert_sub_desc_txt {
	font-size : 12px; 
	font-weight : 300; 
	margin-top : 20px; 
	color : #666666;
}


@media (max-width:1200px) {
	header .topbar-item-wrap {
		width : 100%;
		padding : 0;
	}
	
    header .logo-item-wrap {
    	width : 100%;
    	padding : 0 20px;
    }
    
    header .topbar-item-wrap .main-menu {
    	width : 100%;
    }
    
    header .topbar-item-wrap .main-menu .tnb-list {
    	width : 100%;
    	justify-content : space-between;
    }
    
    header .topbar-item-wrap .main-menu .tnb-list > li {
    	display : flex;
    	justify-content : center;
    	align-items : center;
    	margin : 0;
    	width : 100%;
    	flex : 1;
    }
    
    header .topbar-item-wrap .main-menu .tnb-list > li a {
    	font-size : 13px;
    }
    
    header .gnb-item-wrap {
    	width : calc(100% - 40px);
    	padding : 0 20px;
    }
    
    header .gnb-item-wrap .svc-menu {
    	width : 100%;
    }

    footer .footitems {
    	width : calc(100% - 40px);
    	padding : 0 0 40px 0;
    }
    
    footer .footitems .footlogo {
    	left : 20px;
    }
    
    footer .footitems .fetc {
    	right : 20px;
    }
}

@media (max-width:1024px) {
    header .topbar-item-wrap .main-menu .lt-item {
    	display : none;
    }
    
    header .logo-item-wrap {
    	height : 60px;
    }
    
    header .side-cont {
    	position : absolute;
    	display : block;
    	right : auto;
    	left : 0px;
    	top : 0;
    }
    
    header .logo-item-wrap h1 a img {
    	width : 30%;
    	height : auto;
    	margin-left : 15px;
    }
    
    header .logo-item-wrap h1 a span {
    	font-size : 10px;
    }
    
    header .logo-item-wrap .laws-link {
    	display : none;
    	top : 20px;
    	right : 10px;
    }
    
    header .logo-item-wrap .laws-link img {
    	width : 20px;
    	height : 16px;
    	display : none;
    }
    
    header .logo-item-wrap .laws-link span {
    	font-size : 14px;
    }
    
    header .logo-item-wrap .laws-link i {
    	font-size : 14px;
    }

    header {
    	border-bottom : 1px solid #ddd;
    	position : fixed;
    	left : 0;
    	top : 0;
    }

    header {
    	transition : all .5s;
    	z-index : 555;
    }
    
    header.up {
    	transform : initial;
    }
    
    header.down {
    	transform : translateY(-110px);
    }
    
    header .side-cont {
    	top : 5px;
    }
    
    header .side-cont .btn-total-nav span {
    	background-color : #333;
    }

    header .side-cont.on .btn-total-nav span {
    	background-color : #010101;
    }
    
    header .gnb-item-wrap {
    	z-index : 999;
    	display : none;
    	opacity : 0;
    	transition : opacity .5s;
    }
    
    header .gnb-item-wrap {
    	position : fixed;
    	left : 0;
    	top : 100px;
    	background : rgba(0,0,0,.5);
    	width : 100%;
    	height : calc(100% - 100px);
    	overflow : hidden;
    	padding : 0;
    }
    
    header .gnb-item-wrap.ing {
    	display : block;
    	opacity : 1;
    }
    
    header .gnb-item-wrap .svc-menu {
    	transform : translateX(-300px);
    	transition : all .5s;
    	width : 300px;
    	height : 100%;
    	overflow : hidden;
    	background : #fff;
    	margin : 0;
    	display : block;
    }
    
    header .gnb-item-wrap.on .svc-menu {
    	transform : translateX(0px);
    }
    
    header .gnb-item-wrap .gnb-list {
    	width : calc(100% - 40px);
    	padding : 0 20px;
    	height : auto;
    	overflow : hidden;
    	display : block;
    }
    
    header .gnb-item-wrap .gnb-list li {
    	margin-right : 0;
    	margin-top : 20px;
    }
    
    header .search-item-wrap {
    	width : calc(100% - 40px);
    	margin : 20px auto 0 auto;
    }

    footer .footitems .footlogo {
    	position : static;
    	width : 100%;
    	text-align : left;
    	padding-top : 20px;
    }
    
    footer .footitems .fnb-list {
    	width : 100%;
    	margin-left : 0;
    	margin-top : 10px;
    }
    
    footer .footitems .info-list {
    	width : 100%;
    	margin-left : 0;
    }
    
    footer .footitems .info-list li {
    	display : block;
    }
    
    footer .footitems .info-list li span {
    	float : left;
    	padding : 0;
    	margin-right : 14px;
    }
    
    footer .footitems .info-list li span:before {
    	display : none;
    }
    
    footer .footitems .fetc {
    	top : 12px;
    }
    
	.mbl-menus {
		display : block;	
	}
}

@media (max-width:768px) {
    footer .footitems .fnb-list {
    	padding-bottom : 10px;
    }
    
    footer .footitems .fnb-list li:nth-child(5) {
    	display : none;
    }
    
    footer .footitems .fnb-list li {
    	padding : 0 10px;
    	width : 100%;
    	display : flex;
    	justify-content : center;
    	align-items : center;
    }
    
    footer .footitems .fnb-list li a {
    	font-size : 12px;
    	text-align : center;
    }
    
    footer .footitems .info-list li a {
    	flex-flow : row-reverse;
    }
    
    footer .footitems .info-list li span {
    	margin-right : 10px;
    	margin-bottom : 12px;
    	font-size : 13px;
    }
    
    footer .footitems .footlogo {
    	text-align : left;
    }

	.left_sub_right_text_right .left_sub_right_stoke_btn {
		min-width : 90px;
		float : none;
		margin : 0 5px !important;
	}
	
	.m_top_gray_bg {
		width : 100%;
   	 	height : 250px;
    	background : #F9F9F9;
    	margin-bottom : -250px;
    }
    
    .p_mypage_btn {
    	margin : 0 0 22px;
    	float : right;
    }

    .p_leftover_cont {
    	margin : 0;
    }
    
    .left_sub_cont_box {
    	margin-top : 60px;
    }
    
    .p_stoke_h2 {
    	margin-bottom : 5px;
    	font-size : 18px;
    	border : 0;
    }
    
    .p_blue_btn {
    	font-size : 12px;
    	float : right;
    	display : inline-block;
    }
    
    .p_blue_btn img {
    	width : 9px;
    }
    
    .ec-base-tab {
    	margin-top : 0;
    }
    
    .ec-base-tab .menu li a {
    	font-size : 14px;
    }
    
    #cnclListEmpty {
    	font-size : 14px;
    	text-align : center;
    	padding : 60px 0;
    	font-weight : 400;
    	color : #999;
    }
    
    #classListEmpty {
    	font-size : 14px;
    	text-align : center;
    	padding : 60px 0;
    	font-weight : 400;
    	color : #999;
    }

    footer .footitems .info-list li span {
    	letter-spacing : -1px !important;
    }
    
    .p_taking_classes2 .p_recent_l_txt {
    	width : 70%;
    	float : left;
    }
    
    .mbl-menus {
    	display : inline_block;
    }
}