@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html{overflow-x:hidden !important;}
body{font-family: 'Nanum Gothic', serif !important;}
ul{margin:0;padding:0;list-style:none;}
a:hover{text-decoration:none !important;}
.fl{float:left;}
.fr{float:right;}
.clearfix{display:block;clear:both;content:'';}
#hd{}

.no-paddings{padding:0;}
.no-gutters{margin:0;}

/* header*/
#header{border-bottom:2px solid #000;background-color:#fff;}
.gnbBg{display:none;position:absolute;top:126px;left:0;z-index:10;width:100%;height:150px;border-bottom:1px solid #ddd;background-color:rgba(255,255,255,0.75);}

#logo img {
	width: 100%;
}

/* gnbDepth01 */
.gnbDepth01 > li{position:relative;display: inline-block;width: 13.7%}
.gnbDepth01 > li > a{display:block;padding:17px 0;background:url(../images/gnb_bar.jpg) right 21px no-repeat;font-size:15px;color:#929292;font-weight:700;text-align: center;letter-spacing:1px;}
.gnbDepth01 > li:last-child > a{background:none;}
.gnbDepth01 > li:hover > a{color:#f20382;}

/* gnbDepth02 */
.gnbDepth02{display:none;position:absolute;top:80px;left:0;z-index:20;text-align:center;}
.gnbDepth02 > li > a{display:block;width:134px;padding:5px;font-size:14px;text-align:center;}
.gnbDepth02 > li:hover > a{color:#f20382;}

/* index */
.mainCont{width:100%;background-color:#333;}
.mainLine > ul > li{float:left;}
.mainLine > ul > li > .blackLine{height:240px;border:3px solid #333;border-top:6px solid #333;}
.mainLine > ul > li > .blackLine > a.mainLineTitle{display:block;padding:79px 0;font-size:25px;color:#fff;text-align:center;}
.mainLine > ul > li.box20{width:20%;}
.mainLine > ul > li.box40{width:40%;}

.mainLine01 > ul > li:last-child{background-color:#f77e13;}

.mainLine02 > ul > li:first-child{background-color:#b2b13b;}
.mainLine02 > ul > li:nth-child(2){background-color:#4dbce9;}
.mainLine02 > ul > li:nth-child(3){background-color:#ff3739;}
.mainLine02 > ul > li:nth-child(4){background-color:#3b91b4;}
.mainLine02 > ul > li:last-child{background-color:#4dbce9;}

.mainLine03 > ul > li:first-child{background-color:#9b59bb;}
.mainLine03 > ul > li:nth-child(2){background-color:#f77e13;}
.mainLine03 > ul > li:nth-child(3){background-color:#82c41c;}
.mainLine03 > .youtube{height:240px;border:3px solid #333;border-top:6px solid #333;}

/* mainCarousel */
.mainCarousel{height:500px;}
.mainCarousel .item{width:100%;height:500px;}
.mainCarousel .firstSlide{background: url(../images/main_slider01.jpg) 0 center no-repeat;background-size:cover;}
.mainCarousel .secondSlide{background: url(../images/main_slider02.jpg) 0 center no-repeat;background-size:cover;}
.mainCarousel .thirdSlide{background: url(../images/main_slider03.jpg) 0 center no-repeat;background-size:cover;}
.mainCarousel .fourthSlide{background: url(../images/main_slider04.jpg) 0 center no-repeat;background-size:cover;}
.mainCarousel .fifthSlide{background: url(../images/main_slider05.jpg) 0 center no-repeat;background-size:cover;}

/* footer */
#footer{padding:40px 0;background-color:#333;}
#footer .ftTitle{width:510px;margin:0 auto;border-bottom:1px solid #939393;font-size:30px;} 
#footer p{padding:10px 0 0;font-size:13px;color:#939393;text-align:center;}
#footer .container{position:relative;}

/* ftLink */
.ftLink{position:absolute;top:-110px;right:0;}
.ftLink .dropdown-menu{padding:0;}
.ftLink .dropdown-menu li a{margin:0;padding:10px 0;font-size:14px;}
.ftLink .dropdown-toggle{width:160px;border:1px solid #939393;background-color: #333;color: #939393;}
.ftLink .btn .caret{margin-left:45px;}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default{background-color: #333;color: #fff;}

/* subCont */
.bc a,.bc .glyphicon{display:inline-block;font-size:12px;color:#dcdcdc;}

/* locationCont */
.locationCont{padding:20px 0;font-size:13px;}
.locationCont table{margin-top:30px;}
.locationCont table th{padding:5px 10px;}
.locationCont .locationTit{padding:8px 5px;font-weight:bold;}
.locationCont table th .glyphicon{color:#f20382;}

/* historyTab */
.historyTab{}
.historyTab{margin:60px 0;}
.historyTab .tabs-menu{margin:15px 0;text-align:center;}
.historyTab .tabs-menu li{float:left;width:20%;}
.historyTab .tabs-menu li a{display:block;padding:15px 30px;border:1px solid #ddd;border-right:0;font-size:1.1em;text-align:center;color:#999;line-height:12px;}
.historyTab .tabs-menu li:last-child a{border-right:1px solid #ddd;}
.historyTab .tabs-menu li.on a{background-color:#eee;font-weight:bold;color:#000;}

.tab-content{display: none;padding:20px 0;}
#tab-1{display: block;}
.historyTab .tableTit{padding-bottom: 10px;border-bottom: 1px solid #aeaeae;font-size: 16px;font-weight: bold;}
.historyTab table{margin:30px 0;}
.historyTab table th{width:20%;text-align:center;}
.historyTab table th .glyphicon{margin-right:5px;font-size:10px;color:#aaa;}
.historyTab table td{width:80%;}
.historyTab table td p{margin:0;line-height:2em;}
.historyTab table th,.historyTab table td{padding:25px;border:1px solid #ddd;}

/* sideMenu */
.sideMenu{float:left;width:18%;}
.sideMenu-tit{padding:42px 0;border-top:3px solid #f20382;font-size: 22px;font-weight:bold;text-align:center;letter-spacing:1px;}
.sideMenu-tit span{display:block;font-size:18px;color:#c5c5c5;text-transform: uppercase;}

.sideMenu .sideMenu-lst a{display:block;padding:13px 15px;border-bottom:1px solid #d5d5d5;font-size:15px;}
.sideMenu .sideMenu-lst a .glyphicon{margin-top:4px;font-size:10px;}
.sideMenu .sideMenu-lst ul li:last-child a{border-bottom:0;}
.sideMenu .sideMenu-lst ul li:first-child a{border-top:1px solid #d5d5d5;}
.sideMenu .sideMenu-lst ul li:last-child a{border-bottom:1px solid #d5d5d5;}
.sideMenu .sideMenu-lst ul li.active a{border-top: 2px solid #f20382;font-weight:bold;color:#f20382;}
.sideMenu .sideMenu-lst ul li:hover a{font-weight:bold;color:#f20382;}

/* rightArea */
.rightArea{float:right;width:82%;min-height:1000px;padding:50px 30px;border-left: 1px solid #d5d5d5}

/* search page */
#sch_result{padding:10px 20px;}

/* 2019.06.13 수정 */
.container {
	width: 1200px;
}

@media (min-width: 768px) {
	#header #logo {
		width: 170px;
	}
	#nav {
		width: 750px;
		margin:5% 0 0 20px;
	}
	.container {
		width: 100%;
    }
}
@media (min-width: 1200px) {
	#header #logo {
		width: 242px;
	}
	#nav {
		width: 870px;
		margin:5% 0 0 20px;
	}
	.container {
		width: 1200px;
		margin: 0 auto;
	}
	.subCont > .container {
		width: 1200px;
		padding:0;
		border-left:1px solid #d5d5d5;
	}
}