@charset "utf-8";

/* Common */
html {
-ms-content-zooming: none;
-ms-touch-action: pan-x pan-y;
}

body{
width: 100%;
overflow-x: hidden;}
body,input,textarea,select,button,table{font-family: Noto Sans Korean,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased}

a { color: rgb(51, 51, 51); cursor: pointer; text-decoration: none; }
a:hover, a:focus, a:active { color: crimson; text-decoration: none; }

fieldset legend { display:none; }
label { font-weight:normal; }
label.checkbox, label.radio { line-height:12px; font-size: 12px; font-weight: normal; cursor: pointer; }
hr { margin-top: 20px; margin-bottom:20px; border:0; border-top:1px solid #eee; display:block; }
h1, h1 a { font-family: "Noto Sans Korean", sans-serif; }
h2, h2 a { font-family: "Noto Sans Korean", sans-serif; }
h3, h3 a { font-family: "Noto Sans Korean", sans-serif; }
h4, h4 a { font-family: "Noto Sans Korean", sans-serif; }
h5, h5 a { font-family: "Noto Sans Korean", sans-serif; }
blockquote { font-size: 12px; margin:0px 0px 20px; }

/* Font */
.en { font-family: "Noto Sans Korean", sans-serif; }
.ko { font-family:"Noto Sans Korean", sans-serif; font-size: 12px; line-height: 22px; }
.ko small { font-family:"Noto Sans Korean", sans-serif; }
.ko.mobile-font, .en.mobile-font { font-size: 14px; background: #F5F5F5;}
.sns-share-icon img { width:20%; max-width:34px; border-radius:50%; }

/* Thema Common */
.wrapper { position:relative; overflow:hidden; margin:0 auto; }

.aside-menu-in .wrapper { }
.at-content { position:relative; background: rgb(255, 255, 255);  padding: 0px !important; overflow:hidden; margin-bottom: 10px;}
.at-animate { animation-duration: 0.3s; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; }

.panel-white{
    border: 1px solid #E0E0E0 !important;
    background: #ffffff;
    background: 
    -webkit-gradient(linear,0% 0%,0% 100%,from(#ffffff),to(#fafafa));
    background: 
    -webkit-linear-gradient(0% 0%,0% 100%,from(#ffffff),to(#fafafa));
    background: 
    -moz-linear-gradient(center top,#ffffff,#fafafa);
    background: linear-gradient(#ffffff,#fafafa);
    }
.panel-white .panel-body{
    padding: 0px !important;
}
.white-news{
float:left
;margin-right: 5px;color: #757272;bottom: 2px;font-size: 14px;position: relative;}
.user_info1{
	color: rgba(255, 255, 255, 0.9);
    padding: 0 15px;
    margin-bottom: 20px;
}
a.min-btn-login{
    font-size: 14px;
    border: 1px solid #9C9C9C;
    color: #32393D;
    display: inline-block;
    width: 134px;
    padding: 9px 0;
    text-align: center;
    border-radius: 25px;
}
a.min-btn-login:hover{
    font-size: 14px;
    background:#32393D;
    border: 1px solid #32393D;
    color: #fff;
    display: inline-block;
    width: 134px;
    padding: 9px 0;
    text-align: center;
    border-radius: 25px;
     -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* top */

.white-mobile-menu{
    margin: 0px;
    padding-top: 5px;
    background: #fff;
}
.white-menu-wrap{
	overflow: hidden;
    position: relative;
    width: 100%;
}
.mobile-menu-item{width:180px;}

.white-mobile-menu .m-item{
    background: none;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    float: left;
}


.btn-join{padding-top: 25px;display: table;table-layout: fixed;padding-bottom: 15px;}
.btn-join a{color: #4e5b68;font-size: 14px;font-weight: 500;margin-right: 10px;margin-left: 10px;}
/* Sidebar */
.at-sidebar { top: 0px; width: 280px; height: 100%; right: 0px; display: none; position: fixed; z-index:99999; background: rgb(34, 34, 34); border-left-color: rgb(51, 51, 51); border-left-width: 1px; border-left-style: solid; color: rgb(136, 136, 136); margin-left:40px; }
.at-sidebar label { line-height:12px; font-size: 12px; font-weight: normal; cursor: pointer; }
.at-sidebar .close-box { position:absolute; top:0; left:0; margin-left:-35px; margin-top:65px; background: rgb(34, 34, 34); color: rgb(255, 255, 255); text-align:center; width:36px; height:36px; z-index:999999; line-height:36px; border:1px solid rgb(51, 51, 51); border-right:0px; -webkit-backface-visibility: hidden; cursor:pointer; }
.at-sidebar .close-box i { font-size: 16px; font-weight: 300 !important; }
.at-sidebar .sidebar-wrap { overflow:auto; height:100%; }
.at-sidebar .sidebar-title { margin: 0px; padding: 8px 20px; color: rgb(97, 97, 97); text-transform: uppercase; overflow: hidden; font-size: 11px; position: relative;  }
.at-sidebar .sidebar-title::after { background: rgb(51, 51, 51); left: 15px; top: 26px; width: 80px; height: 1px; position: absolute; content: "";  }
.at-sidebar .sidebar-box { padding: 20px; }
.at-sidebar .sidebar-box h5 { font-size: 12px; }
.at-sidebar .sidebar-nav { margin-bottom:20px; }
.at-sidebar .sidebar-nav > ul { list-style: none; margin: 0px; padding: 0px; }
.at-sidebar .sidebar-nav > ul > li { border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid; }
.at-sidebar .sidebar-nav > ul > li > a { padding: 6px 20px; color: rgb(176, 176, 176); display: block; }
.at-sidebar .sidebar-nav > ul > li > a:hover { background: rgb(41, 41, 41); color: rgb(255, 255, 255); text-decoration: none; }
.at-sidebar .sidebar-nav > ul > li > a > i { margin-right: 5px; }
.at-sidebar .profile-box { padding: 20px 20px 0px; }
.at-sidebar .profile { height:95px; }
.at-sidebar .profile h3 { color: rgb(255, 255, 255); font-size:20px; line-height:30px; padding:8px 0px; margin:0px; letter-spacing:-1px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.at-sidebar .profile p { color: rgb(138, 138, 138); padding:0px; margin:0px; }
.at-sidebar .badge { font-weight:normal; }
.at-sidebar .profile-photo { width:80px; height:80px; margin:0px; margin-right:15px; border-radius: 50%; border:4px solid #000; -webkit-box-shadow: 0 0 0 5px rgb(34,34,34), 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 5px rgb(34,34,34), 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 5px rgb(34,34,34), 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.at-sidebar .profile-photo img { width:100%; height:100%; border-radius: 50%; }
.at-sidebar .profile-photo i { width:100%; height:100%; font-size:40px; line-height:72px; text-align:center; color:#666;}
.at-sidebar .btn-admin { border: 1px solid rgb(223, 17, 25); border-image: none; color: rgb(255, 255, 255) !important; background-color: rgb(223, 27, 35); background-image: none; }
.at-sidebar .btn-admin:hover, .sidebar .btn-admin:focus, .sidebar .btn-admin:active { border-color: rgb(213, 7, 15); color: rgb(255, 255, 255) !important; background-color: rgb(213, 7, 15); background-image: none; }
.at-sidebar .btn-upload { border: 1px solid rgb(223, 17, 25); border-image: none; color: rgb(255, 255, 255) !important; background-color: rgb(233, 27, 35); background-image: none; }
.at-sidebar .btn-upload:hover, .sidebar .btn-upload:focus, .sidebar .btn-upload:active { border-color: rgb(213, 7, 15); color: rgb(255, 255, 255) !important; background-color: rgb(213, 7, 15); background-image: none; }
.at-sidebar .btn-logout { border: 1px solid rgb(223, 17, 25); border-image: none; color: rgb(255, 255, 255) !important; background-color: rgb(223, 27, 35); background-image: none; }
.at-sidebar .btn-logout:hover, .sidebar .btn-logout:focus, .sidebar .btn-logout:active { border-color: rgb(213, 7, 15); color: rgb(255, 255, 255) !important; background-color: rgb(213, 7, 15); background-image: none; }

/* LNB */
.at-lnb { background: rgb(255, 255, 255); border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; }
.at-lnb ul.menu > li > a { letter-spacing:-1px; font-size:11px }
.at-lnb .at-lnb-icon { float: left; }
.at-lnb .at-lnb-icon > ul.menu { list-style: none; margin: 0px; padding: 0px; }
.at-lnb .at-lnb-icon > ul.menu > li { border-right-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid; float: left; display: inline-block; position: relative; }
.at-lnb .at-lnb-icon > ul.menu > li:last-child { border: 0px currentColor; border-image: none; }
.at-lnb .at-lnb-icon > ul.menu > li > a { padding: 6px 15px; color: rgb(51, 51, 51); display: block; }

.at-lnb-dark.at-lnb { background: rgb(2, 2, 2); border-bottom-color: rgb(34, 34, 34); border-bottom-width: 1px; border-bottom-style: solid; }
.at-lnb-dark.at-lnb .at-lnb-icon > ul.menu > li { border-color: rgb(34, 34, 34); }
.at-lnb-dark.at-lnb .at-lnb-icon > ul.menu > li > a { color: rgb(255, 255, 255); }
.at-lnb-dark.at-lnb .at-lnb-menu > ul.menu > li { border-color: rgb(34, 34, 34); }
.at-lnb-dark.at-lnb .at-lnb-menu > ul.menu > li > a { color: rgb(255, 255, 255); }

.at-lnb-gray.at-lnb { background: rgb(248, 248, 248); border-bottom-color: rgb(228, 228, 228); border-bottom-width: 1px; border-bottom-style: solid; }
.at-lnb-gray.at-lnb .at-lnb-icon > ul.menu > li { border-color: rgb(228, 228, 228); }
.at-lnb-gray.at-lnb .at-lnb-icon > ul.menu > li > a { color: rgb(51, 51, 51); }
.at-lnb-gray.at-lnb .at-lnb-menu > ul.menu > li { border-color: rgb(228, 228, 228); }
.at-lnb-gray.at-lnb .at-lnb-menu > ul.menu > li > a { color: rgb(51, 51, 51); }

.at-lnb .at-lnb-menu { float: right; }
.at-lnb .at-lnb-menu i { margin-right:6px; }
.at-lnb .at-lnb-menu > ul.menu { list-style: none; margin: 0px; padding: 0px; }
.at-lnb .at-lnb-menu > ul.menu > li { border-right-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid; float: left; display: inline-block; position: relative; }
.at-lnb .at-lnb-menu > ul.menu > li:last-child { border: 0px currentColor; border-image: none; }
.at-lnb .at-lnb-menu > ul.menu > li > a { padding: 6px 15px; color: rgb(51, 51, 51); display: block; }

/* Header */
.at-header { padding:15px 0px 8px; background: rgb(255, 255, 255); }
.at-header .header-logo { padding:0px 20px; }
.at-header .header-logo a { font-size:42px; line-height:40px; font-family:'Georgia', sans-serif; font-weight:bold; letter-spacing:0px; color:#000; -webkit-font-smoothing: antialiased; }
.at-header .header-logo a:hover { color:#000; }
.at-header .header-desc { font-size:11px; font-weight:normal; letter-spacing:-1px; color:#888; }
.at-header .header-search { display:block; max-width:260px; }
.at-header .header-search form { padding:0px; margin:0px 0px 4px; border:4px solid #111; background: #111; }
.at-header .header-search input { background: rgb(255, 255, 255); border-color:#222; }

.main-logo-white{
    position: absolute;
    font-size: 22px;
    text-align: center;
}

/* Footer */
.at-footer { background:#fff; border-top:1px solid #ddd;  }
.at-footer .at-map { display:block; border-bottom:1px solid #ddd; background-color:#fafafa; }
.at-footer .at-map ul { list-style:none; padding:0px; margin:0px; }
.at-footer .at-map ul li { float:left; display:inline-block; text-align:center; border-right:1px solid #ddd; background:#fff; }
.at-footer .at-map ul li:first-child { border-left:1px solid #ddd; }
.at-footer .at-map ul li:last-child { border-left:1px solid #ddd; }
.at-footer .at-map ul li a { display:inline-block; color:#aaa; line-height:39px; height:39px; padding:0px 15px; }
.at-footer .at-map ul li a:hover { color:#000; }
.at-footer .at-map ul li span { font-size:11px; letter-spacing:-1px; }

.at-footer .at-copyright { background-color:#f5f5f5;  }
.at-footer .footer-logo { margin-right:20px;  }
.at-footer .media {   padding: 10px 5px 3px; }
.boxed .at-footer .media { border-left:0px; border-right:0px; }
.at-footer .media-body ul { list-style:none; padding:0px; margin:0px; font-size:11px; letter-spacing:-1px; line-height: 22px; }
.at-footer .media-body ul li { float:left; padding:0px; margin:0px; padding-right:30px; color:#666; font-size:11px; letter-spacing:-1px; line-height: 22px; }
.at-footer .media-body ul li a { color:#666; text-decoration:none; }
.at-footer .media-body ul li a:hover { color:#000; }
.at-footer .media-body ul li span { letter-spacing:0; }
.at-footer .copyright { letter-spacing:0; font-family:tahoma; }

/* Go-Top */
#toTop { background: rgb(85, 85, 85); border-radius: 3px; border: currentColor; border-image: none; width: 40px; height: 40px; right: 20px; bottom: 45px; text-indent: 100%; overflow: hidden; text-decoration: none; display: none; position: fixed;z-index: 9;}
#toTopHover {	background: rgb(55, 55, 55); width: 40px; height: 40px; overflow: hidden; float: left; display: block; opacity: 0; -moz-opacity: 0;}
#toTop:active { }
#toTop:focus { }
#toTop::before { left: 50%; top: 50%; width: 20px; height: 20px; text-align: center; color: rgb(255, 255, 255); line-height: 20px; text-indent: 0px; font-family: "FontAwesome"; font-size: 20px; margin-top: -10px; margin-left: -10px; position: absolute; content: "\f106"; }

/* Page Title */
.page-title { position:relative; background-color: #fafafa; border-bottom:1px solid #ddd; }
.page-title h2 { color: rgb(0, 0, 0); margin: 0px; padding: 24px 0px; font-size: 22px; float:left; position: relative;top: 31px;}
.page-title h2 a span { color: rgb(0, 0, 0); }
.page-title .breadcrumb { background: none; margin: 0px; padding:0px; padding-top: 55px; border-radius: 0px; float: right; }
.page-title .breadcrumb .active { color: #888; font-size:11px; }
.page-header { margin: 0px; border: 0px currentColor; border-image: none; }
.page-header p { font-size: 16px; }

/* Site Size Responsive */
.no-responsive .wrapper { min-width:1200px; }
.no-responsive .boxed.wrapper { width:1200px; }
.no-responsive .container { width:1170px; }
.no-responsive .boxed .navbar-fixed .navbar { width: 1200px; }

@media all and (min-width:1200px) {
	.responsive .boxed.wrapper { margin: auto; width: 1200px; }
	.responsive .boxed .navbar-fixed .navbar { max-width: 1200px; }
}

@media all and (max-width:1199px) and (min-width:768px) {

}

@media (max-width: 992px) {
	.responsive .at-footer .at-map ul { border-left:1px solid #ddd; border-right:1px solid #ddd; }
	.responsive .at-footer .at-map ul li { display:block; width:50%; text-align:left; border:1px solid #ddd; border-bottom:0px; background:#fff; margin-top:-1px; margin-left:-1px; }
	.responsive .at-footer .at-map ul li span { font-size:13px; letter-spacing:0px; }
	.responsive .at-footer .at-map .pull-right { float:left !important; }
	.responsive .at-footer .media { border-left:0px; border-right:0px; }
}

@media all and (max-width:767px) {
	.responsive .at-header .pull-left { float: none !important; }
	.responsive .at-header .header-container { padding-left:0px !important; }
	.responsive .at-header .header-desc { display:none !important; }
	.responsive .at-header .header-search { margin:0px auto; text-align:center; }
	.responsive .at-header form { display:none !important; }

	.responsive .at-footer .at-map ul { border-left:1px solid #ddd; border-right:1px solid #ddd; }
	.responsive .at-footer .at-map ul li { display:block; width:50%; text-align:left; border:1px solid #ddd; border-bottom:0px; background:#fff; margin-top:-1px; margin-left:-1px; }
	.responsive .at-footer .at-map ul li span { font-size:13px; letter-spacing:0px; }
	.responsive .at-footer .at-map .pull-right { float:left !important; }
	.responsive .at-footer .media { border-left:0px; border-right:0px; }
	.responsive .at-footer .media-body ul { font-size:13px; letter-spacing:0px; }

	.responsive .pull-right.contentArea.pull-right { float:none !important; }
	.responsive .pull-left.sideArea { float:none !important; }

	.responsive .navbar-menu i { display:block; }
	.responsive .at-box { text-align: center; }
	.responsive .at-box .pull-right { float: none !important; }
}

@media all and (max-width:460px) {
	.responsive .at-header .pull-left { float: none !important; }
	.responsive .at-header .header-desc { display:none !important; }
	.responsive .at-header .header-search { margin:0px auto; text-align:center; }
	.responsive .at-header form { display:none !important; }

	.responsive .at-footer .at-map ul { border-left:0px; border-right:0px; }
	.responsive .at-footer .at-map ul li { float:none !important; display:block; width:100%; text-align:left; border:1px solid #ddd; border-bottom:0px; background:#fff; margin-top:-1px; margin-left:0px; }
	.responsive .at-footer .media-body ul li { float:none !important; padding:0px; }
	.responsive .at-footer .footer-logo { display:none; }
}

/* Bootstrap3 ----------------------------------------------------------------------------------- */

/* Button */
.btn { font-family: "Noto Sans Korean", sans-serif; border-radius: 2px; border: 1px solid transparent; font-weight: normal; vertical-align: middle; white-space: nowrap; cursor: pointer; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.btn-lg { padding: 10px 16px; border-radius: 3px; line-height: 1.33; font-size: 18px; }
.btn-lg i {	top: 3px; font-size: 24px; position: relative; }
.btn-xs { padding: 4px 10px; }

.white-more{
  display: inline-block;
    margin-bottom: 0;
    outline: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.more-ar{
    color: #777777;
    background-color: #fff;
    border-color: #D1D1D1;
    border-bottom-color: #BABABA;
    border-top-color: #D9D9D9;
}
.more-ar:hover{
	background-color:#F7F7F7;
	color:#000 !important;
}
.artion{
    font-size: 11px;
    display: block;
    border-radius: 4px;
    padding: 0 11px 0 13px;
    line-height: 18px;
    height: 18px;
}
}
.more-title{
    line-height: 18px;
    font-size: 11px;
}
.more-wrap{
    padding: 10px;
}


.media-heading{
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
}

/* Tabs */
.tabs { margin-bottom: 0px; }
.tabs::before { display: table; content: " "; }
.tabs::after { display: table; content: " "; }
.tabs::after { clear: both; }
.tabs div.tab-content { border-width: 0px 1px 1px; border-style: solid; border-color: rgb(221, 221, 221); padding: 15px; border-radius: 0px; border-image: none; box-shadow: none; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0; -moz-box-shadow: none; -moz-border-radius: none; -webkit-border-radius: 0; }
.tabs div.tab-content-inverse.tab-content { background: none; border: 1px solid rgb(238, 238, 238); border-image: none; }
.tabs ul.nav-tabs { margin: 0px; }
.tabs ul.nav-tabs li.active a { background: rgb(255, 255, 255); color: rgb(204, 204, 204); border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; }
.tabs ul.nav-tabs a { background: rgb(247, 247, 247); border-radius: 0px; border: 0px currentColor; border-image: none; color: rgb(51, 51, 51); margin-right: 0px; -moz-border-radius: 0; -webkit-border-radius: 0; }
.tabs ul.nav-tabs a:hover { color: rgb(233, 27, 35); border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; }
.tabs ul.nav-tabs a:active { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; }
.tabs ul.nav-tabs a:focus { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; }
.tabs ul.nav-tabs a { border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(221, 221, 221) currentColor rgb(238, 238, 238) rgb(238, 238, 238); border-image: none; font-size: 1em; }
.tabs ul.nav-tabs a:hover { border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(221, 221, 221) currentColor rgb(238, 238, 238) rgb(238, 238, 238); border-image: none; font-size: 1em; }
.tabs ul.nav-tabs a:last-child {	border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; }
.tabs ul.nav-tabs a:last-child:hover { border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; }
.tabs-centered { margin: 0px auto; width: 100%; display: table; }
.tabs-centered ul li { width: 100px; float: none; display: inline-block; }

/* Nav-Pills */
.nav-pills { border: 0px solid rgb(238, 238, 238); border-image: none; margin-bottom: 15px; }
.nav-pills > li > a { border-radius: 0px; border-right-color: rgb(224, 237, 237); border-right-width: 0px; border-right-style: solid; }
.nav-pills > li:last-child > a { border-radius: 0px; border-right-color: currentColor; border-right-width: 0px;  border-right-color: rgb(224, 237, 237);}
.nav-pills > li > a:hover { background: rgb(245, 245, 245); }
.nav-pills > li > a:focus { background: rgb(245, 245, 245); }
.nav-pills > li + li { margin-left: 2px; }
.nav-pills > li.active > a { background: none; color: rgb(55, 55, 55); }
.nav-pills > li.active > a:hover { background: none; color: rgb(55, 55, 55); }
.nav-pills > li.active > a:focus { background: none; color: rgb(55, 55, 55); }

/* Panel : Accordions */
.panel { box-shadow: none; -webkit-box-shadow: none; border-radius: 0px; }
.panel-group { margin-bottom: 30px; }
.panel-group .panel { border-radius: 0px; }
.panel-group .panel + .panel { margin-top: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.panel-group .panel-heading { padding: 12px 15px; position: relative; }
.panel-group .panel-heading a { color: rgb(51, 51, 51); }
.panel-group .panel-heading a i { color: rgb(55, 55, 55); margin-right: 5px; }
.panel .panel-heading { border-radius: 0px; padding: 10px 10px;margin-bottom: 0;background-color: #F1F1F1;}
.panel .panel-body { font-size:14px; }
.ko .panel .panel-body { font-size:12px; border: 1px solid #e7e7e7;background: #fff;}
.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:0px solid #ddd;padding: 10px !important;margin-top: -8px;}

.page-title {
  font-weight: 400;
  margin: 0 0 0px;
  line-height: normal;
  color: #262b36;
  padding: 0px 0 20px;
  border-top: 1px solid #c3c9d5;
  border-bottom: 1px solid #c3c9d5;
  margin-top: -42px;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
/* List Group */
.list-group-item { word-break:break-all; border-radius:0 !important; }

/* Pagination */
.pagination { font-family: "Noto Sans Korean", sans-serif; }
.pagination li a { border-radius:0 !important; color:#333 !important; }
.pagination li.active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* Table */
.table > thead > tr > th { vertical-align: middle; }
.table > tbody > tr > th { vertical-align: middle; }
.table > tfoot > tr > th { vertical-align: middle; }
.table > thead > tr > td { vertical-align: middle; }
.table > tbody > tr > td { vertical-align: middle; }
.table > tfoot > tr > td { vertical-align: middle; }
.table-no-border.table > thead > tr > th { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.table-no-border.table > tbody > tr > th { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.table-no-border.table > tfoot > tr > th { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.table-no-border.table > thead > tr > td { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.table-no-border.table > tbody > tr > td { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.table-no-border.table > tfoot > tr > td { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.table > thead > tr > th { border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; }
.table > thead > tr { background: rgb(243, 243, 243); }

/* Progress */
.progress { position:relative; border-radius: 0px; height: 28px; overflow: hidden; margin-bottom: 15px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); background-color: rgb(245, 245, 245); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.progress .sr-only { font-family: "Noto Sans Korean", sans-serif; margin: 0px 15px; left: 0px; width: auto; height: 28px; line-height: 28px; font-size: 12px; clip: auto; }
.sr-score { font-family: "Noto Sans Korean", sans-serif; height: 28px; line-height: 28px; font-size: 12px; padding-right:8px; }

/* Misc */
.form-control, .well, .btn, .alert, .input-group-addon, .label { border-radius:0 !important; }

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
    padding: 0.55em;
    word-break:break-all;
}