html { height: 100%; width: 100%; margin: 0; font-size: 16px; }
/* 수정 */
body { width: 100%; margin: 0; font-family: 'KBFGText', sans-serif; color: #333; background-color: #f2f7f8; font-size: 100%; letter-spacing: -0.025em; }
/* 수정 */

/* form { width: 100%; height: 100%; } */



/* 플레이스 홀더 */
::-webkit-input-placeholder { color: #aaa; }
:-ms-input-placeholder { color: #aaa; }
::-ms-input-placeholder { color: #aaa; }
::placeholder { color: #aaa; }


/* 클리어픽스 */
.clear::after { content: ""; display: block; clear: both; }



/* label legend caption 등등 숨기기 */
.blind, caption { display: block; position: absolute; left: -9999px; overflow: hidden; width: 1px; height: 1px; font-size: 1.6px; line-height:0.16px; text-indent: -9999px; }



/* 로고 */
.logo { background-position: center; background-repeat: no-repeat; }



/* 스크롤 커스텀 */
.scroll-active::-webkit-scrollbar { width: 6px; }
.scroll-active::-webkit-scrollbar-thumb { background-color: #ddd; width: 10px; height: 80px; border-radius: 10px; }
.scroll-active::-webkit-scrollbar-track { background-color: #fff; border: 1px solid #e1e1e1; display: none; }



/* 텍스트 셋팅 */
p { font-family: 'noto-sans', sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: 'noto-sans-eb', sans-serif; font-weight: 400; line-height: 1.25; }
a { color: inherit; }



/* 세로 스크롤 추가 */
.scroll_y_580 { max-height: 530px; overflow-y: auto; }
.scroll_y_150 { max-height: 150px; overflow-y: auto; }



/* 로그인 영역 시작 */
#sign { display: flex; flex-direction: row; width: 100%; height: 100vh; overflow: hidden; }
/* #sign > * { width: 50%; display: flex; align-items: center;  justify-content: center; flex-direction: column; } */
#sign > * { width: 50%; align-items: center;  justify-content: center; flex-direction: column; }



/* 로그인 좌측 영역 */
#sign .left { position: relative; overflow: hidden; }
#sign .left { background: url(../images/clusheduplace_loginpage_left.png) no-repeat; background-position: right top; background-size: cover; background-color: #FFFFFF;}
#sign .left a { position: absolute; left: 40px; top: 40px; display: inline-block;}
#sign.edp .left a {width: 140px; height: 34px; }
#sign.portal .left a { width: 168px; height: 34px; }
#sign .left a img.edp_show, #sign.portal .left a img.portal_show{ height:23px; display:inline-block; }
#sign .bg { width:100%; height:100%;display:flex;align-items: center;justify-content: center}
#sign .bg img {max-width:100%;width:83.97502%;transform: translateY(-50px) }
/*
#sign .left i { width: 100%; height: 100%; background: url("../images/portal_login.png") no-repeat center; background-position-y: 80px
     background-size: contain; background-position-x: -65px
}*/
.portal_show{color: #c9c9c9; font-size: 1.375em; line-height: 1.5; font-family: "montserrat-eb", "noto-sans-eb", sans-serif;}
#sign.analytics .analytics_show{display: block;}
#sign.analytics .analytics_invisible{visibility: hidden;}

/* 로그인 왼쪽 텍스트*/
.fit_text { min-width: 400px; color: #fff; position: absolute; width:100%; bottom: 25px; text-align: center; font-family: 'noto-sans',sans-serif; }
.fit_text h2 {  font-size: 60px; font-weight: bold; font-family: "roboto", sans-serif; line-height: 1}
.fit_text p { font-size: 14px; line-height: 1.8; width:80%; margin:20px auto 0;}
.edp .fit_text h2.edp_show, .portal .fit_text h2.portal_show { display: block; }
.fit_text span { color: #e9f4ff; font-size: 19.2px; line-height: 28px; letter-spacing: -1px; }
.fit_text p:nth-child(2) { color: #c9c9c9 }



/* 로그인 우측 영역 */
.login-page .form .logo{
    background: url(../images/logo.png) no-repeat;
    width: 200px;
    height: 52px;
    margin: 0px auto 60px;
}
.login-page .form button.btn.btn-login.login-reset:after {
    content: '';
    display: inline-block;
    vertical-align: -3px;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background: url(../images/icon_arrow_left.png) no-repeat center;
    background-size: 16px auto;
}
#login {
	margin-left: 20%;
    width: 60%;
    margin-top: 20%;
    height: 100%;
}
#sign .right { background: url(../images/clusheduplace_loginpage_right.png) no-repeat; background-position: left top; background-size: cover; background-color: #FFFFFF;}
#sign .right h1.logo { background-size:contain;}
#sign .right .logo{display: block; height: 60px; width: 100%; margin-bottom: 1.5em; background: url(../images/clusheduplace_logo.png) no-repeat center;}
.logo #logo_name::after { content: "";}
#sign .right .login_logo { position: absolute; left: 30px; top: 45px; display: none; }
#sign .right .sign_wrap {height:100%; width: 100%; max-width: 100%; overflow-y: auto; padding: 50px; }
@media (max-width: 1280px) { #sign .right .sign_wrap 	{ width: 100%; }}
#sign .right .sign_wrap strong { display: block; font-family: 'roboto',sans-serif; line-height: 1; letter-spacing: -0.05em; font-size: 1.875em; color: #333; text-align: center; margin-bottom: 1em; text-transform: uppercase; }
#sign .right .sign_wrap p{display: block; font-family: "noto-sans";  text-align: center;}
#sign .right .sign_wrap label.form_group  { font-size:0.875em; font-family: 'noto-sans-b', sans-serif; margin-bottom: 1.5em; }
#sign .right .sign_wrap .form_group input,
#sign .right .sign_wrap .form_group select { width: 100%; border-radius: 10px; }
#sign .right .sign_wrap .form_group input { padding:1em 1em 1em 3.75em; font-family: 'noto-sans', sans-serif; }
#sign .right .sign_wrap .form_group select { width: auto; padding: calc(16px + 1px); padding-right: 50px; }
#sign .right .sign_wrap .form_group input:focus,
#sign .right .sign_wrap .form_group select:focus{ border: 1px solid #3f99ec; box-shadow: 0 0 3px rgb(63 153 236 / 60%);}
#sign .right .sign_wrap .form_group img { top: 50%; left: 1rem; transform: translateY(-44%);}


#sign .right .sign_wrap .btn { width: 100%; border-radius: 10px; font-weight: 500; }
/* #sign .right .sign_wrap .btn+.btn { margin: 10px 0; } */
#sign .right .sign_wrap .btn.btn-primary { background-color: #3f99ec}
#sign .right .sign_wrap .btn.btn-green { background-color: #009894}

#sign .right .sign_wrap .sign_menu { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; -ms-flex-direction: row; flex-direction: row; margin-top: 1em;}
#sign .right .sign_wrap .sign_menu a { font-size: 0.938em; color: #333; font-family: 'noto-sans-b', sans-serif; line-height: 1;}

#sign .right .sign_wrap>p.agree label { font-family: 'noto-sans-b', sans-serif; font-size: 15px; line-height: 1; color: #666; }
#sign .right .sign_footer { display: flex;  align-items: center; justify-content: center;  flex-wrap: nowrap;  flex-direction: row; position: absolute; bottom: 2.5em; font-size: 0.875em; line-height: 1; font-family: 'noto-sans-b', sans-serif; line-height: 1; }

#sign .right .sign_footer a { font-size: 0.875em; }
#sign .right .sign_footer a, #sign .right .sign_footer p { color: #333; }


/* 로그인 미디어쿼리 */
@media (max-width: 1280px) {
    #sign {  flex-wrap: wrap; }
    #sign .left { display: none; }
    #sign .right { width: 100%; background-size: cover;}
    #sign .right .login_logo { display: block; }
    #sign .right { padding: 0 20px; }
    #sign .right .sign_wrap strong { margin-bottom: 11.2px; }
}
@media (max-width: 768px) {
    html{ font-size: 14px; }
    #login {margin-top: 10%;}
    #sign .right { padding: 0 1.250em; }
    #sign .right .sign_wrap { padding: 1.875em 1.250em;  }
    #sign .right .sign_wrap strong { margin-bottom: 1.25em; letter-spacing: -0.025em;}

    #sign .right .sign_wrap .logo { margin-bottom: 1.25em; background-size: auto 50px; background-position: center bottom; }
    #sign .right .sign_wrap .form_group img{ transform: translateY(-47%);}
    #sign .right .sign_wrap .btn { margin-top: 1.25em; }
    #sign .right .sign_footer a { margin: 0 0 5px 0; }
}



/* 헤더 영역 */
.wrap #header {width: calc(100% - (60px)); height: 60px; background-color: #fff; padding: 0 40px; display: flex; justify-content: space-between; margin-left: 60px;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.wrap.on #header { width: calc(100% - (240px)); height: 60px; background-color: #fff; padding: 0 40px; display: flex; justify-content: space-between; margin-left: 240px; }



/* 사이드 메뉴 열기 닫기 버튼 */
.menu_button { text-indent: -9999px; background: url("../images/icon_menuopen.png") no-repeat;
    width: 24px; height: 20px; margin-top: 20px; }



/* 헤더 유저 메뉴 */
.user_menu { display: flex; min-width: 160px; }
.user_menu li { margin-top: 15px; }
.user_menu li:nth-child(1) { margin-left: 14px; }
.user_menu li:nth-child(2) { margin: 15px 32px; }


/* 헤더 반응형 */
@media (max-width: 1080px) {
    .wrap #header{ width: 100%; margin-left: 0;}
    .wrap.on #header{ width: calc(100% - (240px)); margin-left: 240px;}
}
@media (max-width: 768px){
    .wrap.on #header{ width: 100%; margin-left: 0;}
}




/* 사이드 메뉴 영역 */
.wrap #sidebar{ position: fixed; top: 0; left: 0; width: 60px; height: 100%; background: #1a242e; overflow: hidden; z-index: 99;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.wrap.on #sidebar { position: fixed; top: 0; left: 0; width: 240px; height: 100%; background: #1a242e; overflow: hidden; z-index: 9900;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#sidebar h1 { height: 60px; border-bottom: 1px solid rgba(255,255,255, 0.2); width: 240px; position: relative; }



/* 사이드 메뉴 유저 정보 */
.user_info { border-bottom: 1px solid; color: #fff; border-color: rgba(255,255,255, 0.2); padding: 19.2px 10px; width: 240px; }
.user_info .user_sub { display: flex; justify-content: space-between; width: 220px; }
.user_info .btn_logout { border: 1px solid #fff; border-radius: 5px; color: #fff; font-size: 12px; line-height: 10px;
    width: 60px; height: 20px; }
.user_info strong { display: block; font-family: 'montserrat', 'noto-sans-b', sans-serif; margin: 0 0 26px; }
.user_info p { margin-top: 8px; font-size: 14px; }

.user_info .tel, .user_info .mail { text-align: left; font-family: "roboto";}
.user_info .tel span, .user_info .mail span { color: #00c8aa;}
.user_info .tel span  {margin-right: 6.5px;}
.user_info .mail span {margin-right: 9px;}

.user_name {font-size: 16px; font-weight: 500;}
.user_id { display: inline-block; max-width: 105px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align: bottom; }
.user_info .mail { margin-top: 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 215px; padding-right: 2px; }



/* 사이드 메뉴 유저 정보 로그인 데이터 */
.user_info .login_data { display: block; background-color: #12181f; border-radius: 5px; font-size: 12px; text-align: left; width: 217px; height: 50px; margin-top: 12px; padding-left: 16px; padding-top: 7px; }
.login_data li::before { content: "."; width: 2px; height: 2px; margin-right: 5px; position: relative; top: -4px; }
.login_data li span:nth-child(1) { display: inline-block; width: 75px; }
.login_data li .text_division { margin-right: 10px; color: rgba(255,255,255, 0.2);  position: relative; top: -2px; }



/* 사이드 바 열렸을 때 & 닫혔을 때 */
.wrap.on .sidebar_open{display: block;}
.wrap.on .sidebar_close{display: none;}
.wrap .sidebar_open{display: none;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.wrap .sidebar_close{display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}



/* 사이드바 메뉴 커스텀 */
.menu_depth1 > li { line-height: 44px; color: #fff; transition: all 0.5s; font-size: 16px;}
.menu_depth1 > li > a{display: block; height: 100%; padding: 0 10px 0 20px; position: relative;}
.menu_depth1 > li > a::before{ content: ""; width: 20px; height: 20px; margin-right: 10px; position: relative; top: 3px; display: inline-block; }
.menu_depth1 > li:nth-child(1) > a::before{background: url("../images/icon_lnbuser_off.png");}
.menu_depth1 > li:nth-child(2) > a::before{background: url("../images/icon_lnbstatistics_off.png");}
.menu_depth1 > li:nth-child(3) > a::before{background: url("../images/icon_lnbboard_off.png");}
.menu_depth1 > li:nth-child(4) > a::before{ background: url("../images/icon_lnbsetting_off.png");}

.menu_depth1 > li:hover{background-color: #00c8aa;}
.menu_depth1 > li:nth-child(1):hover > a::before{ background: url("../images/icon_lnbuser_on.png");}
.menu_depth1 > li:nth-child(2):hover > a::before{ background: url("../images/icon_lnbstatistics_on.png");}
.menu_depth1 > li:nth-child(3):hover > a::before{ background: url("../images/icon_lnbboard_on.png");}
.menu_depth1 > li:nth-child(4):hover > a::before{  background: url("../images/icon_lnbsetting_on.png");}

.menu_depth1 > li.on{background-color: #00c8aa;}
.menu_depth1 > li:nth-child(1).on > a::before{ background: url("../images/icon_lnbuser_on.png");}
.menu_depth1 > li:nth-child(2).on > a::before{ background: url("../images/icon_lnbstatistics_on.png");}
.menu_depth1 > li:nth-child(3).on > a::before{ background: url("../images/icon_lnbboard_on.png");}
.menu_depth1 > li:nth-child(4).on > a::before{  background: url("../images/icon_lnbsetting_on.png");}


.menu_depth1 > li > a::after {content: ""; width: 12px; height: 7px; background: url("../images/chevron-right.png"); display: inline-block; position: absolute; right: 10px; top: 20px;}

.menu_depth1 > li:hover > a::after{background: url("../images/chevron-right-hover.png");}

.menu_depth1 > li.on > a::after{background: url("../images/chevron-up-outline.png");}


/* 뎁스가 없을 경우 */
.menu_depth1 > li.no_depth.on > a::after{background: url("../images/chevron-right-hover.png");}


.menu_depth1 > li > .menu_depth2 {height: 80px; background-color: #0f151b; font-size: 14px; display: none; padding: 10px 0;}
.menu_depth1 > li.on > .menu_depth2{display: block;}
.menu_depth2 li{line-height: 30px; transition: all 0.5s;}
.menu_depth2 li a:hover{color: #00c8aa;}
.menu_depth2 li a{display: block;}
.menu_depth2 li a::before{content: "-"; display: inline-block; margin: 0 4px 0 47px;}



/* 메뉴 닫혔을 때 */
#sidebar h1.small{width: 60px;}
.user_info_ellipsis{width: 60px; height: 45px; color: #fff; text-align: center; line-height: 35px; border-bottom: 1px solid rgba(255,255,255, 0.2);}

.close_menu {width: 60px;}
.close_menu li{transition: all 0.5s;}
.close_menu li:hover {background-color: #00c8aa;}
.close_menu li a{display: block; height: 45px; text-indent: -9999px;}

.close_menu li:nth-child(1) a{background: url("../images/icon_lnbuser_off.png") no-repeat center;}
.close_menu li:nth-child(2) a{background: url("../images/icon_lnbstatistics_off.png") no-repeat center;}
.close_menu li:nth-child(3) a{background: url("../images/icon_lnbboard_off.png") no-repeat center;}
.close_menu li:nth-child(4) a{background: url("../images/icon_lnbsetting_off.png") no-repeat center;}

.close_menu li:nth-child(1):hover a{background: url("../images/icon_lnbuser_on.png") no-repeat center;}
.close_menu li:nth-child(2):hover a{background: url("../images/icon_lnbstatistics_on.png") no-repeat center;}
.close_menu li:nth-child(3):hover a{background: url("../images/icon_lnbboard_on.png") no-repeat center;}
.close_menu li:nth-child(4):hover a{background: url("../images/icon_lnbsetting_on.png") no-repeat center;}



/* 메뉴 미디어 쿼리 */
@media (max-width: 1080px){
    .wrap #sidebar{display: none; }
    .wrap.on #sidebar{display: block;}
}



/* 컨텐츠 영역 */
.wrap #contents { padding: 24px 40px; width: 97%; height: 100%; margin-left: 3%;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
.wrap.on #contents { padding: 24px 40px;  width: calc(100% - (240px)); height: 100%; margin-left: 240px; }


/* 컨텐츠 영역 미디어 쿼리 */
@media (max-width: 1080px){
    .wrap #contents{margin-left: 0; width: 100%;}
}
@media (max-width: 768px) {
    #contents { padding: 16px; }
    #sidebar{left: calc(240px * -1);}

    .wrap #contents{width: 100%; margin-left: 0;}
    .wrap.on #contents{ width: 100%; margin-left: 0;}
}




/* 컨텐츠 헤더 탭 영역 */
.tabs { position: relative; right: -20px; }
.tabs ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap;  flex-direction: row; height: 50px; }
.tabs ul li { cursor: pointer; padding: 12.8px; font-family: 'noto-sans-b', sans-serif; font-size: 16px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 160px; height: 50px; text-align: center; color: #666; letter-spacing: -1px; font-family: "roboto-m"; line-height: 32px; }
.tabs ul li:hover { color: #009894; border-color: #009894; }
.tabs ul li.is-active { border-bottom: 1px solid #058380; color: #058380 !important; }

.tabs_content { display: none; }
.tabs_content.is-active { display: block; }


/* 컨텐츠 헤더 셀렉트 박스 미디어 쿼리에서 보임 */
.select_box { width: 200px; height: 40px; position: relative; right: -10px; display: none; }
.select_box select { width: 200px; font-size: 16px; height: 30px; padding: 0 10px; background-color: #fff; color: #666; border-radius: 5px; margin-top: 10px; border-color: #d7dde0; outline: none; background: url("../images/select.png") no-repeat 180px; background-size: 10px; cursor: pointer; letter-spacing: -1px; font-size: 16px; line-height: 30px; }


/* 컨텐츠 영역 미디어 쿼리 */
@media (max-width: 1207px){
    .wrap.on .tabs { display: none; }
    .wrap.on .select_box { display: block; }
}

@media (max-width: 1170px) {
    .tabs { display: none; }
    .select_box { display: block; }
}

@media (max-width: 768px) {
    #contents { padding: 16px; }
    #container { padding-left: 0 !important; padding-right: 0 !important; }
}




/* 버튼 영역 */
.btn { position: relative; display: inline-block; text-align: center; background-color: transparent; border: 1px solid transparent; overflow: hidden; vertical-align: middle; padding: 1em 2em; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-family: 'noto-sans', sans-serif; font-size: 1em; line-height: 1; color: white; text-decoration: none; z-index: 1; }

.btn-violet { background-color: #44448B; color: #fff; }
.btn-ad { background-color: #3f9aed; color: #fff; }


.btnjoin { margin-top:20px; }
.btnjoin .btn { margin-top:10px; }


/* 컨텐츠 카드 영역*/
.card { width: 100%; margin-bottom: 11.2px; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; background-color: #fff; border-radius: 5px; color: #333; }
.card .inner { width: 100%; padding: 20px 0 0 0; overflow-x: hidden; }
.card .inner2 { width: 100%; padding: 15px 20px; }



/* 카드 헤더 추가 */
.card_header { width: 100%; height: 50px; border-bottom: 1px solid #d7dde0; }
.card_header_sub { display: flex; justify-content: space-between; padding: 0 20px; }
.card_title h3 { line-height: 50px; font-size: 18px; }



/* 카드 헤더 탭 오른쪽 배치 */
.tab_flexbox { width: 100%; height: 100%; min-height: 510px; }
.tab_flexbox .item { width: 33%; height: 150px; margin-bottom: 20px; display: flex; padding-left: 20px; float: left; }



/* 카드 콘텐츠 안 아이템 이미지 */
.item a { box-sizing: border-box; border-radius: 5px; display: block; }
.item a:hover { border: 2px solid #009894; margin: -2px; }
.item a img { height: 150px; }
.item a:hover + .item-text h4{ color: #009894;}

/* 아이템 텍스트 영역 */
.item .item-text { padding: 10px; width: 100%; }
.item-text ul { margin-top: 10px; height: 72px; }
.item-text h4 { letter-spacing: -0.5px; font-size: 16px; color: #000; letter-spacing: -1px; font-weight: 500; }
.item-text li { color: #666; font-size: 12.8px; position: relative; padding-left: 10px; }
.item-text li::before { content:''; display:inline-block; width:4px; height:4px; border-radius: 4px; vertical-align:middle; background:#009894; position: absolute; top: 8px; left: 0; }



/* 카드 메인 아이템 버튼 */
.item-text button { width: 70px; height: 28px; font-size: 14px; font-weight: 500; color: #fff; border-radius: 4px; }
.item-text button.process { background-color: #999; }
.item-text button.request { background-color: #009894; }



/* 카드 3단 배치 반응형 떨어지게 */
.card_flex { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1.8em; }
.card_flex .card { width: 32%; height: 204px; }


/* 카드 영역 미디어 쿼리 */
@media (max-width: 1670px) {
    .tab_flexbox .item { width: 50%; }
    .item .item-text {padding: 10px;}
}
@media (max-width: 1170px) {
    .item a { height: 134px; position: relative; top: 10px; }
    .item a img { width: 150px; height: 130px; }
}
@media (max-width: 1084px) {
    .wrap.on .tab_flexbox .item { width: 100%; }
    .wrap .tab_flexbox .item { width: 50%; }
    .card_flex .card { width: 100%; }
    .item a { height: 154px; position: static; }
    .item a img { width: 200px; height: 150px; margin-top: 0; }
}
@media (max-width: 1024px){
    .wrap .tab_flexbox .item { width: 100%; }
}
@media (max-width: 508px){
    .select_box{width: 170px;}
    .select_box select{width: 170px; background: url("../images/select.png") no-repeat 150px; background-size: 10px;}
    .item-text li{font-size: 11.8px;}
}


/* 게시판 더보기 */
.view_more { color: #666; font-size: 12px; line-height: 50px; }
.view_more::after { content: ""; width: 5px; height: 7px; display: inline-block; vertical-align: middle; margin-left: 5px; margin-bottom: 3px; position: relative; transition: all 0.5s; background: url("../images/right.png") no-repeat center; }




/* 카드 서비스 메뉴 리스트 */
.Favorites_list { width: 100%; height: 154px; }
.Favorites_list li { height: 51px; line-height: 51px; font-size: 16px; letter-spacing: -1px; font-weight: 500; color: #666; white-space: nowrap; }
.Favorites_list li:not(:last-child) { border-bottom: 1px dashed #ddd; }
.Favorites_list li span:nth-child(1)::before { content: ""; width: 20px; height: 19px; display: inline-block; vertical-align: middle; margin:0 11px 4px 4%; position: relative; background: url("../images/star_ico.png") no-repeat center; }
.Favorites_list li span.inequality::before { content: ""; width: 5px; height: 7px; display: inline-block; vertical-align: middle; margin: 0 7px 3px 7px; position: relative; background: url("../images/right.png") no-repeat center; }
.Favorites_list li span:last-child { color: #000; font-weight: 600; }



/* 카드 게시판 리스트 */
.board_list { width: 100%; height: 100%; }
.board_list li { width: 100%; position: relative; color: #666; letter-spacing: -1px; line-height: 25px; }
.board_list li::before { content:''; display:inline-block; width:4px; height:4px; border-radius: 4px; margin:-3px 8px 5px auto; position: relative; top: -2px; vertical-align:middle; background:#009894; }
.board_list li a { display: inline-block; width: 83%; padding-right: 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right: 16px; }
.board_list li a:hover{color: #009894;}
.board_list li span { position: absolute; right: 0; top: 3px; font-size: 14px; font-family: "roboto"; color: #999; }
@media (max-width: 1500px){
    .board_list li a { width: 75%;}
}
@media (max-width: 1215px){
    .board_list li a { width: 70%; padding-right: 16px; }
}


/* 폼 및 인풋 공통 */
input[type="text"],input[type="search"],input[type="password"],input[type="number"] { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid; padding: 0.3em; font-size: 0.875rem; outline: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-color: #fff; border-color: #bfbfbf; color: #333; line-height: 1;}

.form_group { display: block; }
.form_group div { position: relative; width: 100%; margin-top: 0.65em; }
.form_group div img { position: absolute; z-index: 9999; left: 10px }
.form_group div img.user {top: 20px; }
.form_group div img.password { top: 17px;}
.form_group div img.newPassword { top: 17px;}




/* 태블릿 메뉴 열릴시 검정 배경 1080px 이하에서*/
@media (max-width: 1080px){
    .gnb_bg { width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; z-index: -1; opacity: 0; transition: all ease .3s;}
    .gnb_bg.on {opacity: 1; z-index: 999; }
}