@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
body{font-family: 'Noto Sans KR', 나눔고딕, 'Nanum Gothic', Nanumbarungothic,arial,verdana,sans-serif; line-height: 1.6; font-size: 14px; background-image: url(/img/2018/bg.jpg);
			background-position: center center;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-size: cover;
			background-color: #B9DBDC;}
ul{padding:0; margin-bottom: 0}
ul li{list-style: none;}

.goto_main{padding-top:11px; font-size: 16px; color: #fff}
.goto_main a{color: #fff}
.goto_main a:hover{color: #fff; text-decoration: none}
.goto_main a:active{color: #fff; text-decoration: none}
.goto_main a:visited{color: #fff; text-decoration: none}

.bg-1{
	background-image: url(/img/bg3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #464646;
}

.bg-2{
	background-image: url(/img/bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #464646;
}

.bg-3{
	background-image: url(/img/bg2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #464646;
}

.bg-4{
	background-color: #F8F7F5;
}

.divider{width: 25px; border-bottom: 3px solid #10ADE0; margin-bottom: 20px}
.navbar{background: #30AC6E}
.navbar-toggle .icon-bar {background-color: #fff;}
/*.content-wrapper{padding-top:70px; padding-bottom: 30px}*/
.content-wrapper{padding-top:70px; }
h1{color:#fff; margin-top:10; font-size: 27px}
h1 a{color: #fff}
h1 a:hover{color: #fff; text-decoration: none}
h1 a:active{color: #fff; text-decoration: none}
h1 a:visited{color: #fff; text-decoration: none}

h2{color:#fff; font-weight: bold; padding-bottom:0; font-size: 25px}
h2 a{color: #fff}
h2 a:hover{color: #fff; text-decoration: none}
h2 a:active{color: #fff; text-decoration: none}
h2 a:visited{color: #fff; text-decoration: none}


h3{color:#fff; font-weight: bold; padding-bottom:0; font-size: 17px}
h3 a{color: #fff}
h3 a:hover{color: #fff; text-decoration: none}
h3 a:active{color: #fff; text-decoration: none}
h3 a:visited{color: #fff; text-decoration: none}


.text-01{font-size: 16px; color:#fff; font-weight: 600}
.text-02{font-size: 40px; color:#064990; font-weight: 600; padding:10px 0 20px 0;}

.img-100{width:100%;}

.main-list a{text-decoration: none; color: #fff; font-size: 17px}
.main-list a .num{ margin-right: 20px; font-weight: 100}
.main-list li{margin-bottom: 10px}

.menu-list{}
.menu-list li{
	position: relative;
	background: #fff;
	width:100%;
	border-bottom: 1px solid #e6e6e6;
	padding:10px 10px 10px 2px;
}
.menu-list li{height:70px; position: relative;}
.menu-list li img{position:absolute; left:0}
.menu-list li .name-info{position:absolute; left:60px}
.menu-list li a{text-decoration: none; color: #585858; display: block; position: relative; height: 70px}
.menu-list li i{float: right; font-size: 25px; color: #585858; padding-top: 15px}
.road-img{width: 40px; position: absolute; left:10px; top:6px;}
.img-human{width:50px; }
.menu-list li .name-kor{font-size: 19px; font-weight: bold; color: #7D7D7D; padding-left: 10px}
.menu-list li .name-eng{font-size: 14px; font-weight: lighter; color: #7D7D7D; padding-left: 10px; letter-spacing: -1px}

/* 사이드 메뉴*/
#side-bar{height:50px; background: #4bcace; position: fixed; width:100%; z-index: 9000; }
#side-wrapper{
	z-index:9999;
	position:fixed;
	left:100%;
	top:50px;
	padding-bottom: 50px;
	width:100%;
	height:100%;
	background:#222;
	overflow-y:auto;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

#side-wrapper.active {
	left:0;
}

#side-wrapper .category{
	background: #232323;
	color: #fff;
	font-size: 17px;
	font-weight: bold;

	padding:15px 0 10px 10px;
}

#side-wrapper .home{
	background: #232323;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	padding:20px 0 10px 10px;
	border-bottom: 1px solid #ccc;
}

#side-wrapper .home a{color: #fff; text-decoration: none}
#side-wrapper .category a{color: #fff; text-decoration: none}
#side-wrapper .category a:hover{color: #fff; text-decoration: none}


#side-wrapper .side-sub li{
	position: relative;
	background: #1D1D1D;
	width:100%;
	padding:7px 0 7px 10px;
	font-size: 17px;
	border-bottom: 1px solid #000000;
}
@media (min-width: 768px) {
	#side-wrapper .home{font-size: 22px; padding:20px 0 17px 17px;}
	#side-wrapper .category{font-size: 22px; padding:27px 0 17px 17px;}
	#side-wrapper .side-sub li {font-size: 22px; padding:17px 0 17px 17px;}
}

#side-wrapper .side-sub li:last-child{border-bottom: none}
#side-wrapper .side-sub li a{color:#808080; text-decoration: none; display: block;}
#side-wrapper .side-sub li a:hover{color:#808080; text-decoration: none;}


/* 서브메뉴 */
.sub-menu-list{}
.sub-menu-list li{
	position: relative;
	background: #fff;
	webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
	width:100%;
	padding:12px 8px;
	cursor: pointer;
	border-bottom: 1px solid #E0E5E9;
	border-radius: 6px;
	margin-bottom: 10px
}
enu-list li a{text-decoration: none}
.sub-menu-list li i{float: right; font-size: 25px; color: #7D7D7D; padding-top: 5px}
.sub-menu-list li .menu-text{font-size: 19px; font-weight: 500; color: #7D7D7D; padding-left: 5px}


.sub-menu-list-block{}
.sub-menu-list-block li{
	position: relative;
	background: #fff;
	webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
	width:100%;
	padding:8px;
	cursor: pointer;
	border-bottom: 1px solid #E0E5E9;
}
.sub-menu-list-block li:first-child{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.sub-menu-list-block li:last-child{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom: none;
}
.sub-menu-list-block li a{text-decoration: none}
.sub-menu-list-block li i{float: right; font-size: 25px; color: #7D7D7D; padding-top: 5px}
.sub-menu-list-block li .menu-text{font-size: 19px; font-weight: 500; color: #7D7D7D; padding-left: 5px}



.interest-menu-list{}
.interest-menu-list li{
	position: relative;
	background: #fff;
	webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
	width:100%;
	padding:12px 8px ;
	cursor: pointer;
	border-bottom: 1px solid #E0E5E9;
}
.interest-menu-list li:first-child{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.interest-menu-list li:last-child{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom: none;
}
.interest-menu-list li a{text-decoration: none}
.interest-menu-list li i{float: right; font-size: 25px; color: #7D7D7D; padding-top: 5px}
.interest-menu-list li .menu-text{font-size: 19px; font-weight: 500; color: #7D7D7D; padding-left: 50px}

/* margin */
.margin-bottom-5, 
.margin-bottom-10, 
.margin-bottom-15, 
.margin-bottom-20,
.margin-bottom-25, 
.margin-bottom-30, 
.margin-bottom-35, 
.margin-bottom-40, 
.margin-bottom-45, 
.margin-bottom-50, 
.margin-bottom-55, 
.margin-bottom-60,
.margin-bottom-100,
.margin-top-5, 
.margin-top-10, 
.margin-top-15, 
.margin-top-20,
.margin-top-25, 
.margin-top-30, 
.margin-top-35, 
.margin-top-40, 
.margin-top-45, 
.margin-top-50, 
.margin-top-55, 
.margin-top-60,
.margin-top-100 { 
   clear:both;
}

.margin-top-5  { margin-top:5px;}
.margin-top-10 { margin-top:10px;} 
.margin-top-15 { margin-top:15px;}
.margin-top-20 { margin-top:20px;}
.margin-top-25 { margin-top:25px;}
.margin-top-30 { margin-top:30px;}
.margin-top-35 { margin-top:35px;}
.margin-top-40 { margin-top:40px;}
.margin-top-45 { margin-top:45px;}
.margin-top-50 { margin-top:50px;}
.margin-top-55 { margin-top:55px;}
.margin-top-60 { margin-top:60px;}
.margin-top-100 { margin-top:100px;}

.margin-bottom-5  { margin-bottom:5px;}
.margin-bottom-10 { margin-bottom:10px;} 
.margin-bottom-15 { margin-bottom:15px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-25 { margin-bottom:25px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-35 { margin-bottom:35px;}
.margin-bottom-40 { margin-bottom:40px;}
.margin-bottom-45 { margin-bottom:45px;}
.margin-bottom-50 { margin-bottom:50px;}
.margin-bottom-55 { margin-bottom:55px;}
.margin-bottom-60 { margin-bottom:60px;}
.margin-bottom-100 { margin-bottom:100px;}
.margin-bottom-120 { margin-bottom:120px;}


/* Crumb */

.bottom-wrapper-gray{background: #e8e8e8}
.bottom-wrapper-gray .crumb-ul{margin:20px 0 0 0; }
.bottom-wrapper-gray .crumb-ul li{font-size:12px; list-style:none; display:inline-block; color:#95989a;}
.bottom-wrapper-gray .crumb-ul li a{font-size:12px; list-style:none; display:inline-block; color:#95989a;}
.bottom-wrapper-gray .crumb-ul li a:hover{text-decoration:none;}

.bottom-wrapper{}
.bottom-wrapper .crumb-ul{margin:60px 0 0 0; }
.bottom-wrapper .crumb-ul li{font-size:12px; list-style:none; display:inline-block; color:#fff;}
.bottom-wrapper .crumb-ul li a{font-size:12px; list-style:none; display:inline-block; color:#fff;}
.bottom-wrapper .crumb-ul li a:hover{text-decoration:none;}


/* 모달 팝업 */
.modal-dialog{padding-top: 100px}
iframe{min-height:1100px;}


.footer{
	height: 50px;
	z-index: 8999;
	/*position: fixed; bottom: 10px; color: #fff; font-size: 12px; width: 100%;*/
	 color: #fff; font-size: 9px; width: 100%;
}
.footer .footer-logo{
	float: left; 
}
.footer .footer-license{
	margin-top: 10px;
	float: right; 
}

.color-gray{color:#585858;}


.footer-gray{
	height: 50px;
	z-index: 8999;color: #95989a; font-size: 9px; width: 100%;
}
.footer-gray .footer-logo{
	float: left; 
}
.footer-gray .footer-license{
	margin-top: 10px;
	float: right; 
}

.abs-badge{position: relative;}
.abs-badge img{}

/*hr{margin-top: 30px; !important}*/