/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://code.jquery.com/ui/1.11.4/themes/redmond/jquery-ui.css');

/*
 * Style tweaks
 */
.ui-widget {
	font-family:'Noto Sans KR','Nanum Gothic','KoPub Dotum',Lucida Grande,Lucida Sans,Arial,sans-serif !important;}
.ui-helper-reset {
	font-size:100%;}
::-moz-selection { background: #25247b; color: #fff; text-shadow: none; }
::selection { background: #25247b; color: #fff; text-shadow: none; }

.embed-responsive-3by4 {
  padding-bottom: 133%;}
.embed-responsive-9by16 {
  padding-bottom: 177%;}
.embed-responsive-9by21 {
  padding-bottom: 233%;}
.scrollable {
	overflow-y:scroll;	-webkit-overflow-scrolling:touch;}

.label-secondary {
    background-color: #AAA;
}


/* COMMON */

body, p, li, dl, dt, dd, table, td, form, fieldset, legend, input, textarea, button, select {
	font-family: 'Noto Sans KR','Nanum Gothic', 'KoPub Dotum', sans-serif; font-weight:400;
  font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 1.42857em;}
body, input, textarea, select, button, table {
	color:#333333;
	line-height: 1.42857em;}
body {
	position: relative;
	-webkit-text-size-adjust: none;
	background-image: url("");
	background-repeat: repeat-x;
	background-position: center 100px;
	background-clip: padding-box;
	background-origin: border-box;}
h1, h2, h3, h4, h5, h6, th, strong {
	font-family: 'Noto Sans KR', 'Nanum Gothic', 'KoPub Dotum', sans-serif;
	font-weight: 700; /* 400, 700 */
	margin: 0;
	padding: 0;}
img,fieldset,a {
	border-width:0; border-style:none;}
em,address {
  font-style:normal;}
a {
  text-decoration:none;}
table {
  border-collapse:collapse;}
hr {
  display:none !important;}


/*
 * Media Query
 */
/* 매우 작은 기기들 (모바일폰, 768px 보다 작은) 부트스트랩에서 이것은 기본이므로 미디어쿼리가 없습니다. */
/* 작은 기기들 (태블릿, 768px 이상) */@media (min-width: 768px) { }
/* 중간 기기들 (데스크탑, 992px 이상) */@media (min-width: 992px) { }
/* 큰 기기들 (큰 데스크탑, 1200px 이상) */@media (min-width: 1200px) { }


/*
 * Off Canvas
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;}
  .row-offcanvas-right {
    right: 0;}
  .row-offcanvas-left {
    left: 0;}
  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */}
  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */}
  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */}
  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */}
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */}
}


/*
 * Style Theme
 */
#pageHeaderbar {
	height:2em;	/*background-color:#25247b;*/}
#headerLogo {
	height:0; width:64px; padding:50px 0 0 0; margin:0 2em 0 0;
	background-clip:border-box; background-color:transparent; 
	background-image:url(/ko/common/images/kaoLogo.png); background-position:0; 
	background-repeat:no-repeat;
	overflow:hidden;
}
.navbar-default .navbar-nav > li > a {
	padding-left:10px !important; padding-right:5px !important;}
.jumbotron {
	padding:1em 0.5em !important;
	background:url("/ko/common/images/jumbotronBackground.jpg") no-repeat center center;
	background-size:cover;
	/*-webkit-text-fill-color:transparent;
	-webkit-background-clip:text;
	-moz-background-clip:text;*/
}
.jumbotron h1,
.jumbotron h2 {
	color:#FFFFFF; text-decoration: none; position: relative; text-shadow:0 2px 3px #333333;}
.embed-responsive-21by9 {
  padding-bottom: 42.857142857142857142857142857143%;
}
.embed-responsive-2by1 {
  padding-bottom: 50%;
}
.embed-responsive-16by10 {
  padding-bottom: 62.5%;
}
.embed-responsive-3by2 {
  padding-bottom: 66.6666666666%;
}

.img-rounded-sm {
  border-radius: 3px;
}
.img-rounded-md {
  border-radius: 12px;
}
.img-rounded-lg {
  border-radius: 24px;
}
.glyphicon-x2 {
	font-size:2em; line-height:1em;}
.glyphicon-x3 {
	font-size:3em; line-height:1em;}
.glyphicon-x4 {
	font-size:4em; line-height:1em;}
.glyphicon-x5 {
	font-size:5em; line-height:1em;}


@media (min-width: 768px) {/* 작은 기기들 (태블릿, 768px 이상) */
.jumbotron {
	padding:2em !important;}
.jumbotron h1 {
	font-size:2.5em;}
}
#pageFooter {
	font-famil font-size:0.9em;
	padding:2em; margin:3em 0 0 0;
	background-image: linear-gradient(to top, #FFF 0px, #FCFCFC 100%);
	background-repeat: repeat-x;
	border-radius: 4px;
	box-shadow: 0px 1px 5px rgba(255, 255, 255, 0.15) inset, 0px -1px 5px rgba(0, 0, 0, 0.075);}
#pageFooter h4 {
	font-size:1.1em; line-height:1.6em; font-weight:500;}