body		{ font-family: 'NanumSquare', sans-serif; font-stretch:ultra-condensed;}
.normal		{ font-weight: 400 }
.bold		{ font-weight: 700 }
.bolder		{ font-weight: 800 }
.light		{ font-weight: 300 }

#header-logo { width:100%; }

.w-100 { width:100%; max-width:700px;}

@media (min-width: 1500px) { .container { width: 1100px!important;} }

.pagination .active { background:#444f84; color:#fff;}

#nav { padding:20px 0; border-bottom:2px solid #eee; margin-bottom:50px; }
#nav li { float:left; font-size:20px; color:#000; font-weight:bold; width:33.333%; text-align:center; list-style:none; }
#nav li:hover { color:#295A90; transition:0.3s all; }
.sub-ul .active a { color:red; border-bottom: 3px solid red; padding:0px 0px 10px; }
.mobile-arrow { background:#f2f2f2; padding:5px 0 ;}
.mobile-arrow a { color:#90A6C2; }
.mobile-arrow .fas { position:relative; top:2px; font-size:25px;}

#board_search .btn { height:50px; }

.btnArea .etc { display:none; }
.board .btn { color: #fff;
    background: #677CA4;
    border-radius: 3px;
    border: 1px solid transparent;
    border-color: #d0d0d0;
    padding:15px;
    line-height:0;
    height:50px;
    font-size:17px; 
    display:inline-block;
    line-height:normal; 
  }
  .read_footer { display:inline-block; float:right; }
  .read_footer .btnArea { float:right; display:inline-block; }
  .fbFooter { float:left;  display:inline-block; margin:0;}
  .btnArea { margin:0; }
  
  .xm .btn:hover, .xm .btn:focus {    background-color: #1B2D41!important;}


.board .btn:hover { background: #304048; color:#fff; text-decoration:none; transition:0.3s all; }



#intro { position:relative; margin-bottom:80px;}
.intro-box { background:url(../../dang_layout/img/intro.png) no-repeat; position:relative; height:519px; }
.intro-inner { position:absolute; top:20%; right:4%; }
.intro-inner p { font-size:17px; color:#4B4E4F; margin:0; line-height:35px; width:600px; }
.intro-inner p strong { font-size:25px; font-weight:bold; }

#main-top { margin-bottom: 50px; }

#main-top h2 { margin:0 0 50px; font-weight:bold; font-size:22px;}
.main-block1 { padding: 80px 0; }
.main-block3 { padding: 80px 0; }
.main-block5 { padding: 80px 0; }
.block-img { float:left; margin-right:50px;  }
.block-img2 { float:right; margin-left:50px;  }
.d-table { display:table; height:290px; }
.d-tablec { display:table-cell; vertical-align:middle; }
.d-table h5 { font-size: 22px; margin:0 0 20px; font-weight:bold;}
.d-table p { display:inline-block; max-width:600px; color:#4B4E4F; font-size:17px; margin:0; line-height:30px;}
.d-tablec > div { display: table-cell; vertical-align: middle; height:290px; }

.main-block2 .d-table { background:url(../../dang_layout/img/img2.png) no-repeat; position:relative; width:100%; background-size:100% 100%; height:402px;}
.main-block2 .d-tablec > div { padding:0 65px; }

.main-block4 .d-table { background:url(../../dang_layout/img/img4.png) no-repeat; position:relative; width:100%; background-size:100% 100%; height:402px;}
.main-block4 .d-tablec > div { padding:0 65px; }

.dang-ju { padding: 60px 0; }
.book-box { position:relative; padding:0 165px; overflow:hidden;}
.book-img { float:left; margin-right:50px; max-width:165px;}
.book-inner { display:inline-block; float:left; max-width:550px; }
.book-title { margin: 20px 0; font-family: 'Nanum Myeongjo', serif; font-weight:bold;}
.book-inner p { font-size:17px; margin:0; display:inline-block; max-width:700px; line-height:30px;}
.book-inner p span { font-size:22px; font-weight:bold; line-height:50px;}



/* footer */

footer { background-color:#fff; padding:40px 0px; }
footer > div { position:relative; z-index:1; }
footer > div > div > img { float:left; margin-right:90px; margin-top:7px; max-width:216px;}
footer p { display:inline-block; font-size:15px; color:#ACACAC; margin:7px 0px 0px; line-height:25px; letter-spacing:-0.3px;}
.footer-q { display:inline-block; position:relative; top:-12px;}
footer p b { font-weight:normal; font-size:18px; letter-spacing:0px;}
footer ul { float:right; padding:0; margin-left:5px; }
footer ul li { display:inline-block; padding:0px 3px;}
footer ul li img { max-width:20px;}
#footer-map { font-size: 15px; color: #ACACAC; border-radius: 5px;  border: solid 1px #ACACAC;  padding: 15px 15px; margin-left: 5px;  text-decoration:none; background:#677CA4; color:#fff;}
#footer-map:hover { background:#304048; transition:0.3s all; }
footer .footer-select { font-size:14px; padding: 5px 10px; border-radius:5px; margin-right:5px;}
.foot-cont { overflow:hidden; float:right; }
footer .search { position:absolute; bottom:-25px; right:0; 
    width: 200px;
    height: 45px;
    border-radius: 25px;
    box-sizing: border-box;
    background: #ffffff;
    border: none;
    font-size: 15px;
    color: #262626;
    border: 2px solid #ACACAC;
    padding: 0px 15px;
}
footer .fas { position:absolute; bottom:-12px; right:20px; font-size:22px; color:#ACACAC!important; }

@media (min-width:1200px) and (max-width:1499px) {
	header #live p { font-size:20px; }
	header #live span { font-size:20px; }
	header #live { padding:35px 10px;}
	header #header-login { font-size:14px; }
	footer > div > div > img { margin-right:45px; }
	#footer-map { font-size:15px; }
	footer p b { font-size:15px; }
	.foot-cont {
    overflow: hidden;
    float: right;
    position: relative;
    top: 8px;
}
	#gnb { margin-left: 0px;}
	header #header-login { right:215px; }	
    footer p { font-size:13px; }
    footer ul { margin:10px 0px 0px;}
    header #header-logo { left:25px; }
    #header-site { right: 25px; }
}

@media (min-width:993px) and (max-width:1199px) {
	.book-box { padding:0 50px; }
	.book-title { max-width:400px; }
		header #live p { font-size:18px; }
	header #live span { font-size:18px; }
	header .far { display:none; }
	header #live { padding:42px 10px;}
	header #header-login { right:160px; }
	header #header-login { font-size:14px; }
	.footer-q { display:block ; top:25px;}

		#gnb { margin-left:0px; }
		#gnb > ul > li { font-size:18px; padding:0 8px;}
		header #header-logo { left:15px; }
		#header-site { right:15px; }
		header #mobile-menu  { display:none; }
    footer p { font-size:13px; position:relative; top:6px; width:100%; text-align:center; }
    footer > div > div > img { margin:0 auto 15px; float:none; width:216px; }
    footer ul { margin:20px 0px 0px;}
    .foot-cont { float:none; }
    footer ul { float:none; margin:30px 0; }
    footer { text-align:center; }
    footer .search {position:relative; }
    footer .fas { right:41%; }
    footer ul { margin: 55px 0 0 ; }
    footer .footer-select { margin:15px 0 0; }
}

@media (min-width:768px) and (max-width:992px) {
	#nav li { font-size:22px; }
			.book-box { padding:0 15px; }
		.book-img { margin:0 auto 30px; max-width:200px; float:none;}
		.book-title { width:100%;  margin:20px auto; }
		.book-box { text-align:center; }
		.book-inner p { font-size:16px; line-height:30px;}
		.book-inner p span { font-size:20px; }
		.book-inner { width:100%; max-width:100%; }
		#main-top { padding:0 15px; }
	
	
	header #header-logo {left:15px; }
    footer {text-align:center;}
    footer p { font-size:13px; }
    footer > div > div > img { margin-right:40px; float:none; display:block; margin:0px auto 15px;} 
    footer ul { margin:10px 0px 0px; float:none; padding:0px;}
        footer .footer-select { margin:15px 0 0; }
    footer .search {margin:0 auto; position:relative;}
    	.foot-cont { width:100%; float:none; text-align:center; }
    	
    	footer .fas {
    	bottom: -28px;
    right: 45px;
    position: relative;
    font-size: 22px;
  }
      footer ul { margin: 55px 0 0 ; }
    footer .footer-select { margin:15px 0 0; }
    .footer-q { top:20px; }
    
    .block-img { width:100%; float:none; margin:0 0 30px;}
    .d-table p { max-width:100%; width:100%;}
    .intro-inner p { width:100%; font-size:16px; line-height:30px;}
    .intro-inner { top:8%; right:0%; padding:0 15px; }
    #main-top h2 { font-size:20px; }
    #main-top { padding:0 15px; }
    .d-table { padding:0 15px; }
    .main-block1 { padding: 30px 0; }
		.main-block3 { padding: 30px 0; }
		.main-block5 { padding: 30px 0; }
		.d-table h5 { font-size:20px; height:auto;}
		.d-table p { font-size:15px; }
	
		.main-block2 .d-tablec > div { padding:15px; }
		.main-block2 .d-table { background-position:left; }
		.main-block4 .d-tablec > div { padding:15px; }
		.main-block4 .d-table { background-position:left; }    
		
		#intro .w-100 { max-width:400px; margin:0 auto 50px; }
				.intro-box { background:none; height:200px; }
				.main-block2 .d-table { background:none; }
				.main-block4 .d-table { background:none; }
    
    
    
}

@media (max-width:767px) {
	
		
	.read .sns_icons img {
    width: 30px !important;
    height: 30px !important;
    margin-left: 3px;
}
	#intro img { width:50%; margin:0 auto;}
	    .main-block4 .d-table, .main-block2 .d-table { background-size:auto 100%!important; }
	
	#nav { padding:15px 0; }
	#nav li { font-size:16px; }
	
	.board_list td.time, .board_list td.readNum, .board_list td.voteNum, .board_list td.lastReply a { font-size:14px!important; }
	.news h3, .news h2 { font-size:17px; }
	.news > div > div > div { margin:10px 0; font-size:16px; }
	#gate-video { background:url(../img/mob_bg.png); background-position: center;
    background-size: auto 100%;
        z-index: -9999;
    }
    
    	
	.xs-articlemeta .data {display:block; }
	.mm-navbar a { font-size:20px!important; }
	.mm-listview>li>a, .mm-listview>li>span { font-size:15px!important; padding:13px 15px!important; }
	.mob_logo {
    position: fixed;
left:50%; transform:translateX(-50%);
    max-width: 300px;
    top:45%;
      z-index:-9998;
}
	.mob_bg {
	position:fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index:-9999;
  bottom: 0;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
}
	#mainbackgroundvideo { width:100%; }
	#footer-map { font-size:13px; padding:5px 15px;  }
	.mobile-live { right:65px; width:70px;}
	footer p b { font-size:13px; }
	.foot-cont { width:100%; float:none; text-align:center; }
		header #mobile-menu  { display:block; position:absolute; right:20px; top: 40px; font-size:25px;}	
		header #header-login {margin:0px;}
		header #header-logo { max-width:200px; left:15px; top: 30px;}
    header #live p { font-size:15px; margin:10px 0px 0px;}
    header #live strong { font-size:12px; }
    header #live span { font-size:12px; }
    footer {text-align:center;}
    footer p { font-size:13px; padding:0 10px;}
    footer > div > div > img { margin-right:40px; float:none; display:block; margin:0px auto 15px; max-width:186px;} 
    footer ul { margin:15px auto 0px; float:none; padding:0px;} 
    header #live { display:none;}
    footer .footer-select { margin:15px 0 0; }
    footer .search { position:relative;     bottom: -15px;}
    footer .fas {position: absolute; bottom: -4px; right: 29%; font-size: 22px; color: #ACACAC!important; }
          footer ul { margin: 40px 0 0 ; }
    footer .footer-select { margin:15px 0 0; }
    .footer-q { top:20px; }
    .block-img { width:100%; float:none; margin:0 0 50px;}
    .d-table p { max-width:100%; width:100%;}
    .intro-inner p { width:100%; font-size:16px; line-height:30px;}
    .intro-inner { top:8%; right:0%; padding:0 15px; }
    #main-top h2 { font-size:19px; }
    #main-top { padding:0 15px; }
    .d-table { padding:0 15px; }
    .main-block1 { padding: 30px 0; }
		.main-block3 { padding: 30px 0; }
		.main-block5 { padding: 30px 0; }
		.d-table h5 { font-size:18px; height:auto;}
		.d-table p { font-size:15px; }
		.main-block2 .d-tablec > div { padding:15px; height:auto;}
		.main-block2 .d-table { background-position:left; }
		.main-block4 .d-tablec > div { padding:15px; height:auto; }
		.main-block4 .d-table { background-position:left; }
		
		.book-box { padding:0 15px; }
		.book-title { font-size:26px; }
		.book-img { margin:0 auto 30px; max-width:200px; float:none;}
		.book-box { text-align:center; }
		.book-inner p { font-size:16px; line-height:30px;}
		.book-inner p span { font-size:18px; }
		.intro-box { background:none; }
		#intro { margin:0; }
		.main-block2 .d-table, .main-block4 .d-table { background:none; }
}