@charset "utf-8";
/* CSS Document */

/* 공통클래스 */
.blind {
    display: none;
}
.desktop_inline {
    display: none;
}
.desktop_block {
    display: none;
}
.desktop_inblock {
    display: none !important;
}
.display_block {
    display: block;
}

.main_color {color: #007ec3;}

.bold {font-weight: 700;}
.main_tit {font-size:24px;}
.tit_small {font-size:18px;}
.sub_small {display:block;font-size:12px;}

.sub_tit {font-size:22px;}
/* 여백*/
.mg_l60 {margin-left:60px;}

.pd_t10 {padding-top: 10px;}
.pd_b10 {padding-bottom: 5px;}

.right {text-align:right;}

.m_data{display:block;}
.pc_data{display:none;}

/* footer */
footer {width:100%; background-color: #222222; padding-bottom: 20px;}
footer .footer_menu {width:100%;background-color: #070707;padding: 10px 0; margin: 0 auto 15px; text-align: center; }

footer .footer_menu a {font-size:12px;color:#767676; display:inline-block;}

.footer_box {width:100%; margin: 0 auto;}
.footer_box .footer_logo {float:none; width:100%; height:30px; margin:20px auto 30px; text-align: center;}
.footer_box .footer_logo img {max-width:80%; height: auto;}

.footer_area {width:90%;margin:0px auto;}
.footer_area adress p{color:#767676; font-size:12px; text-align: center; }
.footer_area adress p em {display: block;}
.footer_area adress p:first-of-type {font-size:14px; font-weight: 700; padding-bottom: 5px;}
.footer_area small {display:block; margin-top: 10px; font-size:11px; color:#767676;text-align: center;}

/* 페이징 */
.page_nav { clear:both; text-align:center; letter-spacing:-1px; line-height:normal; white-space:nowrap; padding:25px 0; margin:2% auto 3%;}
.now_p, .page_nav a { display:inline-block; text-decoration:none; width:25px; height:26px; vertical-align:middle; text-align:center; line-height:24px; margin:0 5px 0 0;  font-weight:400; font-size:14px; }
.page_nav .now_p { background:#2b2b2b;font-weight:500;width:25px; height:26px;border:1px solid #efefef; color:#fff;}
.page_nav .numb { display:inline; padding: 5px;}

.pre_p { border:1px solid #ececec;}
.pre_p em { display:block; width:7px; height:9px; margin:7px 0 0 8px; text-indent:-9999em; background:url(/images/board/prvnum_arrow.png) no-repeat; background-position: center center;}

.next_p { border:1px solid #ececec;}
.next_p em { display:block; width:7px; height:9px; margin:7px 0 0 8px; text-indent:-9999em; background:url(/images/board/num_arrow.png) no-repeat; background-position: center center;}

.pagebox { margin:3% auto;}

@media screen and (min-width:375px)  {
    .page_nav { clear:both; width:90%; text-align:center; letter-spacing:-1px; line-height:normal; white-space:nowrap; padding:25px 0; margin:2% auto 3%;}
	.now_p, .page_nav a { display:inline-block; text-decoration:none; width:22px; height:25px; vertical-align:middle; text-align:center; line-height:24px; margin:0 2px 0 0;  font-weight:400; font-size:14px;}
	.page_nav .now_p { background:#2b2b2b;font-weight:500;width:22px; height:25px;border:1px solid #efefef; color:#fff;}
    .footer_area small {font-size:10px;}
    
}

@media screen and (min-width:768px)  {
    .view_768 {display: block;}
    .main_tit {font-size:30px;}
    .tit_small {font-size:22px;}
    .sub_tit {font-size:26px;}
    .sub_small {font-size:14px;}
    
    .popHead {font-size:16px;}
    .footer_area adress p:first-of-type {font-size:16px; padding-bottom:10px;}
    .footer_area small {font-size:12px; }
    .footer_area adress p em {display:inline-block;}
    
}
@media screen and (min-width:1024px)  {
    .desktop_inline {
        display: inline;
    }
    .desktop_block {
        display: block;
    }
    
    .desktop_inblock {
        display:inline-block !important;
    }
    .mobile_inblock {display: none !important;}
    
    .m_data{display:none;}
    .pc_data{display:block;}
    
    .main_tit {font-size:36px;}
    .tit_small {font-size:24px;}
    .sub_tit {font-size:30px;}
    .pd_t10 {padding-top: 0px;}
    .pd_b10 {padding-bottom: 10px;}
    
    footer .footer_menu a {font-size:14px;}

    .footer_box {width: 57%;
        min-width: 1000px;
        margin: 0 auto; }
    .footer_box .footer_logo {float: left; width:300px; margin-top:20px;}
    .footer_box .footer_logo img {max-width:100%; height: auto;}
    .footer_area {width:60%;margin-left:400px;}
    
    .footer_area adress p{font-size:14px; text-align:left;}
    .footer_area adress p:first-of-type {font-size:16px;}
    .footer_area small {margin-top: 15px; font-size:12px;text-align: left;}

}
@media screen and (min-width:1200px)  {
   .footer_box {width: 57%;
        min-width: 1100px;
        margin: 0 auto; }
}
@media screen and (min-width:1440px)  {
    .footer_box {width:73%; min-width: 1400px;margin: 0 auto;}
    
}
@media screen and (min-width:1920px)  {
   
    
}
.inquiry {position: fixed;
			bottom: 57px;
			right: 10px;
			text-decoration: none;text-align: center; width:55px; height:55px;background-color:#222;border:3px solid #070707; z-index: 99;}
.inquiry span {display:block;line-height: 58px;}
.inquiry span img {width:auto;}
.inquiry:hover {	
			text-decoration: none;background-color:#222;border:3px solid #007ec3;
		}	
/* back top */
.back-to-top {
			position: fixed;
			bottom: 0px;
			right: 10px;
			text-decoration: none;
			font-weight:700;
			color: #222!important;
			background-color: rgba(255, 255, 255, 0.7);
			font-size: 14px;
			text-align: center; width:55px; height:55px; border:3px solid #222;
			display: none; z-index: 99;
		}
.back-to-top span {display:block;}
.back-to-top span img {width:auto;}
		.back-to-top:hover {	
			border:3px solid #007ec3;text-decoration: none;background-color:#fff;
		}