@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;
}
.coming_area {width: 100%; display: block; text-align: center; margin: 50px auto;}
.coming_area img {max-width: 100%; height: auto;}

.white_color {color: #fff;}

.bold {font-weight: 700;}

.br_mo {display: block;}
.br_mo_en {display: block;}

.eng_font20 {font-size: 20px;}
.eng_font22 {font-size: 22px;}

/* 여백*/
.mg_l60 {margin-left:60px;}

.mt_t20 {margin-top: 20px;}

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

.right {text-align:right;}
.img_area img {max-width:100%; height: auto;}

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

/* 페이징 */
 .page_nav { clear:both;width:100%; text-align:center; line-height:normal; white-space:nowrap; padding:20px 0; margin:1% auto 3%;}
   .now_p, .page_nav a  {display:inline-block; text-decoration:none; width:25px; height:25px;font-size:12px;vertical-align:middle; text-align:center; line-height:24px; margin:0 5px 0 5px;  font-weight:400; }
    .page_nav .now_p {width:25px; height:25px;font-weight:700;background:#111; color:#fff; border-radius: 25px; }
.pre_p {display:inline-block; width:20px; height:20px;  border:1px solid #ececec;border-radius: 20px; padding:1px 0 0 3px;}
.pre_p em { display:block; text-align: center; width:20px; height:20px;text-indent:-9999em; background:url(/images/board/prvnum_arrow.png) no-repeat center center;}

.next_p { display:inline-block;  width:20px; height:20px;border:1px solid #ececec;border-radius: 20px;padding:1px 0 0 3px;}
.next_p em { display:block;text-align: center;  width:20px; height:20px; text-indent:-9999em; background:url(/images/board/num_arrow.png) no-repeat center center; }
.page_nav .numb { display:inline-block; }

/* footer */
footer {width:100%; background-color: #222429; text-align: center;  padding:30px 0px;overflow: hidden;}
footer .footer_logo {position: relative;width:52%; height:90px; display:block; margin: 0 auto;}

footer .footer_logo span {display: inline-block;}
footer .footer_logo span a {width: 100%; height: 100%; display: block;}
    footer .footer_logo .footer_apeclogo {position: absolute;left:0px;top:0px;width:93px; height: 54px;}  
    footer .footer_logo .footer_apec2025logo {position: absolute;left:170px;top:0px;width:51px; height: 54px;}
footer .footer_logo span.footer_apeclogo:after { position: absolute;left:130px;top:0px;content: ''; display: inline-block; width: 1px; height: 50px; background-color: #888; margin-right: 50px; vertical-align: middle;}
footer .footer_logo img {max-width: 100%; height: auto;vertical-align: middle;}

footer ul.footer_area { width:100%; display: block; }
footer ul.footer_area li {display:block;color: #c5c5c5;font-size:12px;}
footer ul.footer_area li:first-child {  color: #fff; font-weight:600; margin-bottom:5px;}
footer ul.footer_area li span {display: block;}
footer ul.footer_area li img {max-width: 100%; height: auto;}
footer ul.footer_area li em {padding-right: 20px;}
footer ul.footer_area li a {width:100%; height: 100%;font-size:12px; color: #c5c5c5; font-weight: 400; }

footer .footer_sns {width: 100%; display:block;margin-top:15px; margin-bottom:25px; }
footer .footer_sns a {display: inline-block; }
footer .footer_sns a img {width: 100%; height:auto; vertical-align: middle;}
footer small {width: 100%; display: block;font-size:11px;color: #888888;text-align: center; }

@media screen and (min-width:768px)  {
    .view_768 {display: block;}
    
    .page_nav { margin:70px auto 50px;}
    .now_p, .page_nav a { width:30px; height:30px; font-size:14px; line-height:30px;}
    .page_nav .now_p { width:30px; height:30px;border-radius: 30px;}
    .pre_p { width:30px; height:30px; border-radius:30px; padding:0; }
    .pre_p em {  width:30px; height:30px;}
    .next_p { width:30px; height:30px;border-radius: 30px;padding:0;}
    .next_p em {  width:30px; height:30px; }
    .pagebox { margin:3% auto;}
    
    /* footer */
    footer .footer_logo {width:30%;}
}
@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;}
    
    .pd_t10 {padding-top: 0px;}
    .pd_b10 {padding-bottom: 10px;}
    
    /* footer */
    footer .footer_logo {width:23%;}
    
    footer small {font-size:12px;}
}
@media screen and (min-width:1200px)  {
    /* footer */
    footer {position: relative;text-align: left;}
    footer .footer_logo { position: inherit; width: inherit; height: inherit; margin: 0;}

    footer .footer_logo .footer_apeclogo {left: 50px;top:20px;width:93px; height: 54px;}  
    footer .footer_logo .footer_apec2025logo {left: 200px;top:20px;width:51px; height: 54px;}
    footer .footer_logo span.footer_apeclogo:after {left:120px;top:0px;}

    
    footer ul.footer_area { width:60%; margin-left: 300px;}
    footer ul.footer_area li:first-child { font-size: 17px;}
    footer ul.footer_area li {font-size: 14px;}
    footer ul.footer_area li a {font-size: 14px;}
    
    footer .footer_sns {position: absolute;top:50px;right: 50px; display:block;width: auto; margin: 0; }
    
    footer small {margin-top: 20px;}

}

@media screen and (min-width:1440px)  { 
    .br_mo {display:none;}      
    /* footer */
footer small {margin-top: 5px;}
    
}
@media screen and (min-width:1920px)  { 
   .br_mo_en  {display:none;}  
     
}



/* back top */
.back-to-top {
			position: fixed;
			bottom: 10px;
			right: 10px;
			text-decoration: none;
			font-weight:700;
            line-height: 45px;
			color: #fff!important;
			font-size: 14px;
			text-align: center; width:45px; height:45px; background-color:rgba(13,28,75,0.7); border-radius: 45px; overflow: hidden;
			display: none; z-index: 99;
		}

		.back-to-top:hover {	
			background-color: #0d1c4b; text-decoration: none;
		}