body{max-width:768px; margin: auto; font-family: 'NanumBarunGothic', 'Noto Sans KR', sans-serif, Apple-Gothic , Dotum ; -webkit-font-smoothing: antialiased;  -font-smoothing: antialiased; font-size:14px; color:#262626; font-weight: 400;line-height: 24px;}
body, html { height: 100%; -moz-osx-font-smoothing: grayscale;}
a, a:active, a:focus { color: #6f6f6f; text-decoration: none; }
a:hover, a:active{color: #262626; text-decoration: none;}
a:focus, a:active, button:focus, button:active,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}
img {max-width:100%; height:auto; }
video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; }
/*input, textarea, select {border: 1px solid #d1d1d1; font-size: 14px;  padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none;}*/
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; outline: none;}
input:focus, textarea:focus{ border-color: #585858; outline: none; }
input[type="button"]:focus{ outline: none; }
select::-ms-expand{ display:none;}
iframe { border: 0;}
p {margin:0;}
b, strong { font-weight: 700;}
.last-paragraph-no-margin p:last-of-type {margin-bottom:0}
.alt-font strong {font-weight: 600 }
ul, li {list-style: none; margin: 0; padding: 0;}


.notice {width:100%; height:60px; overflow:hidden; background-color:#fff;}
.rolling {position:relative; width:100%; height:auto;}
.rolling li {width:100%; height:60px; line-height:1.3;}

.underline{background: linear-gradient(to top, #eee 40%, transparent 40%);padding:0 10px;}
.title {font-size:22px; font-weight:400; text-align: center; display: flex; align-items: center; justify-content: center; padding:1rem;}
.top_tit {text-align:center; font-size:20px;}

.list_container {padding: 10px 20px 10px;}

.list_content {display: flex; align-items: center; border-bottom: 1px solid #eee;}
.list_content:first-child {border-top:1px solid #eee;}
.logo {max-width: 100%; }
.logo img { max-width:100%; vertical-align: middle; padding: 0.8rem;}
.list_info {display: flex; flex-direction: column; padding: 1rem; width: 65%;}
.list_name {font-size:18px; letter-spacing: 1px; padding-bottom: 0.1rem;}
.list_area {font-size: 14px;}
.link i {font-size:18px; color:#262626; padding: 0 1rem;}

.f_info {text-align:center; padding:20px 0;}


@media (max-width: 400px) {
  .list_container {padding: 5px 10px 5px;}
  .list_info {padding: 1rem;}
  .list_name {font-size:16px; letter-spacing: 1px; padding-bottom: 0.1rem;}
  .list_area {font-size: 13px;}
}

.hidden   {overflow: hidden;}
.relative {position: relative;}
.absolute {position: absolute;}
.pointerNon{pointer-events: none;}

.visible-lg, .visible-md, .visible-sm, .visible-xs,.visible-xxs {display:none !important}

@media (max-width:1440px) { .hidden-lg {display:none!important} .visible-lg {display:block!important}}
@media (max-width:1240px) { .hidden-md {display:none!important} .visible-md {display:block!important}}
@media (max-width:990px)  { .hidden-sm {display:none!important} .visible-sm {display:block!important}}
@media (max-width:768px)  { .hidden-xs {display:none!important} .visible-xs {display:block!important}}
@media (max-width:500px)  { .hidden-xxs{display:none!important} .visible-xxs{display:block!important}}