@charset utf-8;

	@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
	@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
	/*@import url('https://fonts.googleapis.com/css?family=Noto Sans');*/
	@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
	
	@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }
	@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
	@font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; }
	@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
	@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }
	@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; }


	body {
		min-width:320px;
		color: #191919 !important;
		/*font-family: 'Nanum Square', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	}


	/*   헤더 풋터 글씨첸 */
	#header, #footer  {
		font-family: 'S-CoreDream-3Light','Malgun Gothic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

	a {
		color:#353535; 
		text-decoration:none !important;
	}

	/*  헤더 bg */
    .navbar-bg{
        background: #45b9b8 !important;
        background-color: #45b9b8 !important;
        border-radius: 5px;
    }

	#header .navbar-inverse .navbar-brand {
		color: #ffffff;
	}

	#header .navbar-brand {
		width:180px;
		margin-right:10px;
		padding-left:10px;
		padding-right:10px;
		box-sizing:border-box;
		/*
		background:#8ce0ea;
		color:#326776 !important;
		*/
		background: #31708f;
		color: #ffffff !important;
		font-weight:normal;
		font-size:1.35em;
		text-align:center;
	}

	#header .nav > li > a {
		/*padding-left:16px;*/
		padding-left:24px;
		padding-right:24px;
		font-weight:bold;
		/*border-right : red 2px solid;*/
		text-shadow: #305c71 1px 1px 1px;
	}

	.dropdown-menu {/* 하위메뉴 배경색 */
		background-color: rgba(43,81,113,0.93);
		border: 1px solid hsla(0,0%,0%,0);
	}

	.dropdown-menu > li > a { /* 하위메뉴 글자 색 */
		color: #fff;
	}

	.dropdown-menu > li > a:hover {/* 하위메뉴 마우스 오버 색 */
		background-color: #45b9b8;
	}
    
    /*  해더 전체 배경과 테두리를 흰색으로 변경 */
    .navbar-inverse {
        background-color: #fff;
        border: none;
    }

    /*  헤더 글씨끄기 */
    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
        font-size:1.2em;
		font-weight:normal;
    }

    /*  헤더메뉴를 클릭했을때 */
    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #309d9c;
    } 

	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
		color: #fff;
		background-color: #309d9c;
	}

    /*  헤더메뉴를 마우스 오버 했을때 */
    .navbar-inverse .navbar-nav > .dropdown > a:hover, .navbar-inverse .navbar-nav > .dropdown > a:focus {
        background-color: #309d9c;
    }

	.navbar-inverse .navbar-toggle {
		border-color: #379695;
	}

	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
		background-color: #33908f;
	}

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		border-color: #33908f;
	}

	#header .btn-default { /* 헤더 HOME 로그인 버튼 색 */
		color: #555;
	}

    #header #top-logo {
        padding:20px 0 12px;
        float:left;
    }

    #header .left-col, .right-col {
        padding-left:0 !important;
        padding-right:0 !important;
    }

    #header #right-btn {
        float:right;
    }
    #header #right-btn .btn {
        font-size:1.0em;
        /* padding:5px 30px; */
        padding:4px 10px;
 		font-size:0.9em;
       
    }

    #header .navbar {
        margin-bottom: 0;
    }

	/*   FOOTER     */

	#footer .container {
		background-color:#F6F6F6;
		border-radius: 5px;
		border:#e1e5e6 1px solid;
		min-height:60px;
		margin-top:20px;
	}

	#footer #col41, #col42 {
		margin-top:10px;
		padding-bottom: 8px;
	}

	#footer #col41 img {
		opacity:0.6;
	}

	#footer #col42 h4 {
		font-size: 1.0em;
	}

	#footer #col42 h5 {
		font-size: 0.85em;
	}


	/* 미디어 쿼리 */

	@media (max-width: 767px) {

		.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
			color: #080808;
		}
		
		#header .left-col { 
			display: none; 
		}
 		
		#header .info { 
			display: block; 
		}
 		
		#header #top-title { 
			display: block !important;   
		}

		#header #right-btn {
			padding:5px; 0 8px;
		}

	}

	@media (min-width: 768px) {	/* 테블릿 */
		
		#header .left-col { 
			display: block; 
		}
 		
		#header .info { 
			display: none; 
		}
 		
		#header #top-title { 
			display: none !important;   
		}

		#header #right-btn {
			padding:25px 0 8px;
		}

	}

	@media (min-width: 992px) {	/* 테블릿 */

		ul.nav li.dropdown:hover > ul.dropdown-menu{     
			display: block;     
			margin: 0; 
		}	
		
		#header .left-col { 
			display: block; 
		}
 		
		#header .info { 
			display: none; 
		}
		
		#header #top-title { 
			display: none !important;   
		}
	}

	@media (min-width: 1200px) {

		ul.nav li.dropdown:hover > ul.dropdown-menu{     
			display: block;     
			margin: 0; 
		}
		
		#header .left-col { 
			display: block; 
		}
 		
		#header .info { 
			display: none; 
		}
		
		#header #top-title { 
			display: none !important; 
		}
		#header #right-btn {
			padding:25px 0 8px;
		}

	}