@charset "utf-8";
/*
**********************************************/
@import url(http://fonts.googleapis.com/css?family=Oswald|Open+Sans:400,600,700);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans);
@font-face {
  font-family: NM;
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.ttf) format('truetype');
}
@font-face {
  font-family: ng;
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
	font-family: ngBold;
	font-style: normal;
	font-weight: 700;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
	src: local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: NGC;
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'notokr-regular';
    src: url('../fonts/notokr-regular.eot');
    src: url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-regular.woff2') format('woff2'),
         url('../fonts/notokr-regular.woff') format('woff'),
         url('../fonts/notokr-regular.ttf') format('truetype'),
         url('../fonts/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
body, p, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, hr { font-family:'notokr-regular','ng','NanumGothic';}
h1{font-size:30px}
h2{font-size:24px}
h3{font-size:18px}
h4{font-size:16px}
h5{font-size:14px}
h6{font-size:12px}


/* margin */
.mBottom10 {margin-bottom:10px}
.mBottom20 {margin-bottom:20px}
.mBottom30 {margin-bottom:30px}
.mBottom40 {margin-bottom:40px}
.mBottom50 {margin-bottom:50px}
.mBottom60 {margin-bottom:60px}

.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}

.p-none{padding: 0px!important;}
@media (max-width: 991px) {
	.text-sm-center {text-align: center;}
	.mb-sm-10 {margin-bottom: 10px;}
	.mb-sm-20 {margin-bottom: 20px;}
	.mb-sm-30 {margin-bottom: 30px;}
}
@media (max-width: 767px) {
	.mb-xs-10 {margin-bottom: 10px;}
	.mb-xs-20 {margin-bottom: 20px;}
	.mb-xs-30 {margin-bottom: 30px;}
}

/* bootstrap custom 
**********************************/
.navbar{border:0;border-radius:0}

/* quick menu */
.icon-linea {font-size: 45px;color: #444;}

.quick_manu{width:100%;display:inline-block;}
.quick_manu ul {list-style-image: none;list-style-position: outside;list-style-type: none;padding: 0px;}
.quick_manu li{text-align:center;display:inline-block;box-sizing: border-box;}
.quick_manu li a {display:inline-block;box-sizing: border-box;}
.quick_manu li a img{width:100%;}
.quick_manu.fa-icon {line-height: 60px;}
.quick_manu h5 {font-size: 1rem;}
.quick_manu li:nth-child(even)}
.quick_manu li:nth-child(odd)}

.ml-auto, .mx-auto {
    margin-left: auto!important;
}
.mr-auto, .mx-auto {
    margin-right: auto!important;
}

.news-block {
	padding: 2em;height: 100%;
	min-height: 250px;
	background-color: #F2F2F2;
}
.news-block h5 {
	margin-bottom: 20px;
	font-size: 18px;
}
.news-block a>i {
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.news-block a:hover>i {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* #ch-latest img-block */
#ch-latest .img-block {position: relative;background-color:#fff}
#ch-latest .img-block .caption {
	position: absolute;
	left: 1.5rem;top: 1.5rem;
	width:90%;min-height:90%;
}
#ch-latest .img-block .caption h5 {
	font-size: 17px;
	font-weight: bold;
}
#ch-latest .img-block .caption p {
	font-size: 14px;
	line-height: 1.4;
}
#ch-latest .img-block .caption h5 {color: #333;}
#ch-latest .img-block .caption p {color: #666;}
#ch-latest .img-block .caption.light h5,
#ch-latest .img-block .caption.light p {color: #fff;}

#ch-latest .img-block .caption .vod-title{padding:25px 0 0 20px;color: #fff;font-size: 24px;font-weight: bold;}
#ch-latest .img-block .caption .vod-box{padding:15px 0 0 5px;line-height: 1.6;}
#ch-latest .img-block .caption.light .text1 {color: #FF444F;font-size: 20px;font-weight: bold;}
#ch-latest .img-block .caption.light .text2 {color: #fff;font-size: 14px;}

#carousel-img .owl-dots {
	margin-top: 0;
	transform: translate(0, -40px);
}

.slide {min-height:216px;}
/* panel
-----------------------------------------------------------------*/
.panel-group .panel {border-radius:0}
.panel-heading {padding:0;border-radius:0}
.panel-title{font-size:13px}
.panel-title>a{padding: 10px 15px;display:block;color:#666}

/* tab container 
-----------------------------------------------------------------*/
.tab-container {font-size:12px;border:1px solid #dcdcdc;}
.tab-container .tab-content {padding:15px;}
.tab-container .nav-tabs > li > a{font-size:12px;color:#666;border:0;border-left:1px solid;border-bottom:1px solid;background-color:#f8f8f8;border-radius:0;}
.tab-container .nav-tabs > li > a{border-color:#ddd;border-bottom-color:#ddd}
.tab-container .nav-tabs > li:first-child > a{border-left:0;}
.tab-container .nav-tabs.nav-justified>.active>a, 
.tab-container .nav-tabs.nav-justified>.active>a:hover, 
.tab-container .nav-tabs.nav-justified>.active>a:focus {background-color:#fff;border-top:0;border-right:0;border-bottom:1px solid #fff;}
.tab-container .nav-tabs.nav-justified> li:first-child > a:hover{border-left:0;}






/* mediaQuery
****************************************/

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
.slide {min-height:450px;!important;}
}
@media (min-width: 992px)

}
/* 960 Grid */
@media screen and (min-width: 768px) {

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
.slide {min-height:340px;!important;}
.tab-container .nav-tabs > li > a{border-left:0}
.nav-tabs.nav-justified>li>a{margin-bottom:1px}
.tab-container .nav-tabs.nav-justified>.active>a, 
.tab-container .nav-tabs.nav-justified>.active>a:hover, 
.tab-container .nav-tabs.nav-justified>.active>a:focus{border-left:0;border-bottom:1px solid #ddd}
}
/* Landscape phones and down */
@media (max-width: 480px) { 

.slide {min-height:240px;!important;}
#ch-latest .box-bgimg {min-height:500px;!important;}
#ch-latest .img-block .caption h5 {font-size: 22px;font-weight: bold;}
#ch-latest .img-block .caption p {font-size: 16px;line-height: 1.4;}
.box-bgimg1 {height:200px!important;}
.box-bgimg2 {height:200px!important;}
.box-bgimg3 {height:200px!important;}
.box-bgimg4 {height:200px!important;}
}
/* Large desktop */
@media (min-width: 1200px) {  
.pc {
    display: block !important;
}
}