/* 머티어리얼 XE v.1.0.1 */
html, body, button, input, select, textarea{ font-family:"Open Sans", "Malgun Gothic", "맑은 고딕", "Apple SD Gothic Neo", "Apple Gothic", "돋움", dotum, Dotum, Gulim, Verdana; }
body{min-width:100%;margin:0; min-height:200px;overflow-x: hidden;background:#eee;}
.container, .b-container {padding:0 16px;}
#hidden_content{display:none;}
#kakaome-login{float:right;margin:0;padding:0;}
.login-more{height:30px;}
.login-more .togglebutton{float:left}
.login-more a{float:right}
.login-more input{margin-left:15px}
#kakaome-login .modal-footer{padding:0 8px;border-top:#eee 2px solid}
.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}
.bs-callout-error{border-left-color:#ce4844}
/* 헤더 */
.kakaome-header{width:100%;height:56px;}
.kakaome-header .container{position:fixed;top:0;width:100%;height:56px;z-index:15}
.kh-extended{height:106px}
.kh-extended #logo{position:absolute;top:60px}
.kh-extended .container{height:106px}
header .app-bar{padding:16px 0}
header a, header a:hover, header a:focus{text-decoration:none; color:#ffffff;}
#menu-icon{float:left;margin-top:-12px;font-size:40px;}
#logo {float:left;margin-top:-2px;margin-left:3px;font-size:20px;}
#account{margin-right:40px}
.account_info{margin-right:7px}
header.scroll .container {box-shadow:rgba(0, 0, 0, 0.156863) 0px 3px 6px, rgba(0, 0, 0, 0.227451) 0px 3px 6px}
.app-action{float:right;margin-top:-5px;font-size:30px;}
.app-action a{float:left}
/* 헤더 검색 */
#kakaome-search { position:relative; float:left; }
.sb-search { position:absolute; top:0px; right:0px; width:0%; min-width:34px; height:34px; float:left; overflow:hidden; -webkit-transition:width 0.3s; -moz-transition:width 0.3s; transition:width 0.3s; -webkit-backface-visibility:hidden;}
.sb-search-input { position:absolute; top:0; left:0px; border:none; outline:none; background:#97d48b; width:100%; height:35px; margin:0; z-index:10; padding:5px 20px; font-size:13px; color:#1F6312;}
.sb-search-input::-webkit-input-placeholder { color:#ffffff; }
.sb-search-input:-moz-placeholder { color:#ffffff; }
.sb-search-input::-moz-placeholder { color:#efb480; }
.sb-search-input:-ms-input-placeholder { color:#ffffff; }
.sb-icon-search,.sb-search-submit { width:35px; height:35px; display:block; position:absolute; right:0; top:0; padding:0; margin:0; line-height:45px; text-align:center; cursor:pointer;}
.sb-search-submit {background: #fff; /* IE needs this */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */filter: alpha(opacity=0); /* IE 5-7 */opacity: 0;color: transparent;border: none;outline: none;z-index: -1;-webkit-appearance: none;}
.sb-icon-search {color:#fff; z-index:90;}
.sb-icon-search:hover {color:#fff; z-index:90;}
.sb-icon-search .mdi-action-search{position:relative;top:-2px}
.sb-search.sb-search-open,.no-js .sb-search { width: 255px; }
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search { color: #fff; z-index: 11; }
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit { z-index: 90; }
/* 콘텐츠 */
.kakaome-contents{width:100%;padding-top:30px;}
.contents-box{width:100%;border-radius:5px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16)}
.contents-box .container{padding-top:15px;padding-bottom:15px}
.box-header, .box-header-a{padding:10px 24px;border-bottom:#eaeaea 3px solid;font-size:25px;}
.box-header p, .box-header-a p{margin:0}
.box-header-a{margin:-15px -16px 0px -16px}
#sub-menu, #sub-menu-a{margin:0;padding:0;overflow:auto;border-bottom:#eaeaea 2px solid;}
#sub-menu a, #sub-menu-a a, #sub-menu a:hover, #sub-menu-a a:hover, #sub-menu a:focus, #sub-menu-a a:focus{text-decoration:none;color:#009587}
#sub-menu ul, #sub-menu-a ul{margin:0;padding:0;float:left;height:39px;white-space:nowrap;list-style:none;}
#sub-menu ul>li, #sub-menu-a ul>li{padding:10px;float:none;height:39px;display:inline-block;}
#sub-menu-a{margin:0 -16px}
/* 푸터 */
.kakaome-footer{margin-bottom:30px;margin-top:30px}
.kakaome-footer #copyright{float:left}
.kakaome-footer #footer-menu{float:right}
.kakaome-footer ul{list-style:none}
.kakaome-footer ul>li{float:left;padding:0 10px}
/* 플로팅 액션 버튼 */
.fab{position:fixed;right:20px;bottom:20px;}
@media (min-width: 1490px) {.fab{top:138px;right:70px}}
@media (min-width: 1700px) {.fab{top:138px;right:150px}}
@media (min-width: 1920px) {.fab{top:138px;right:250px}}
/* 슬라이드 네비게이션 */
.slide-menu {position:fixed;padding-left:0px;width:240px;height:100%;top:56px;margin-top:0px;left:-240px;list-style:none;z-index:15;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;background:#ffffff;}
.slide-menu a {display:block;color:#696969;font-size:15px;font-weight:700;border-bottom:1px solid #258ecd;padding:1em;}
.slide-menu a:hover {background:#258ecd;}
.slide-menu a:active {background:#afdefa;color:#47a3da;}
.slide-menu.open {left:0px;box-shadow:rgba(0, 0, 0, 0.156863) 0px 6px 12px, rgba(0, 0, 0, 0.227451) 0px 6px 12px;}
.nav-back{position:fixed;display:none;width:100%;height:100%;top:0;left:0;background:rgba(0, 0, 0, 0.4)}
.nav-back.act{display:block;}
/* 가변설정 */
@media (min-width: 768px) {
.container {padding:0 16px;}
.b-container{padding:0;}
.kakaome-header {height:56px;}
.kakaome-header .container{height:56px;}
.kakaome-contents{padding-top:30px;}
.contents-box, .kakaome-footer .b-container{width: 750px;margin:0 auto;}
.kh-extended{height:56px}
.kh-extended #logo{position:inherit}
.kh-extended .container{height:56px}
}
@media (min-width: 992px) {
.container {padding:0 24px;}
.kakaome-header {height:64px;}
.kh-extended{height:64px}
.kh-extended .container{height:64px}
.kakaome-header .container{height:64px;}
.kakaome-contents{padding-top:30px;}
.b-container{padding:0}
#menu-icon{margin-top:-12px}
#logo{margin-left:16px;margin-top:2px;}
.contents-box, .kakaome-footer .b-container{width: 970px;margin:0 auto;}
.box-header, .box-header-a{padding:24px;}
.box-header-a{margin:-15px -24px 0px -24px}
#sub-menu-a{margin:0 -24px}
.slide-menu, .nav-back{top:64px;}
.app-action{margin-top:-3px;}
}
@media (min-width: 1200px) {
.container {padding:0 24px;}
.kakaome-header {height:168px;}
.kakaome-header .container{height:64px;}
.kakaome-contents{padding-top:0px;}
#logo{margin-left:7px;margin-top:2px;}
.contents-box, .kakaome-footer .b-container{width: 1170px;position:relative;top:-84px;}
.slide-menu{top:64px;}
}