#article{position:relative; width:100%; height:100%; background:#fff;}

#content .content_title, .content_title2, .content_title3, .content_title4, .content_title5, .content_title6, .content_title7{border-bottom:4px solid #4c9ddb; padding-bottom:14px; width:100%; position:relative;}
#content .content_title h1, .content_title2 h1, .content_title3 h1, .content_title4 h1, .content_title5 h1, .content_title6 h1, .content_title7 h1{font-size:2.0em; color:#006ecc; letter-spacing:-0.05em; /*margin:19.5px 0 15px 15px;*/}
#content .contents{position:relative; width:100%; height:100%; margin:50px auto 50px; display:inline-block;}
#content .content_title .view_tit_tp1{font-size:25px; color:#000; letter-spacing:-0.5px; line-height:120%;}
#content .content_title .view_tit_tp2{font-size:22px; color:#000; letter-spacing:-0.5px; line-height:120%;}

 /*page*/
.paging_wrap {position:relative;margin-top:40px;}
.paging_wrap:after {content:' ';display:block;height:0;font-size:0;visibility:hidden;clear:both;}
.paging {text-align:center;font-size:0; margin-bottom:30px}
.paging a {display:inline-block; min-width:40px; height:40px; line-height:40px; color:#3d3d3d; font-size:14px;background-color:#fff; border:1px solid #dedede; vertical-align:middle;margin-left: -1px;}
.paging a:hover {background-color:#17a6bb;color:#fff;}
.paging strong {position: relative;display:inline-block; min-width:40px; height:40px; line-height:40px; color:#00a9e2; font-size:14px;background-color:#fff; border:1px solid #dedede; margin-left: -1px; vertical-align:middle;}
.paging strong:after {content: ' ';display: block; position: absolute;left: 0;right: 0;bottom: 0;height: 4px;background: #00a9e2;}
.paging a.b_btn_page {text-indent:-9999em; font-size:0;}
.paging a.b_btn_page::after {display: none;}
.paging a.first {background-image:url(../images/common/btn_pageFirst.png); background-repeat:no-repeat; background-position:center;}
.paging a.prev {background-image:url(../images/common/btn_pagePrev.png); background-repeat:no-repeat; background-position:center;}
.paging a.next {background-image:url(../images/common/btn_pageNext.png); background-repeat:no-repeat; background-position:center;}
.paging a.last {background-image:url(../images/common/btn_pageLast.png); background-repeat:no-repeat; background-position:center;}


/* Desktop Device : 480 이하 */
@media screen and (max-width:480px){

	/*#main_box {margin:5px;}*/
	#popup_show_con{display:none;}

	.default_box{position:relative; margin:0 20px; min-width:320px; }
	.default_box_1{margin:0px 20px;}
	.default_box_2{position:relative; margin:0 auto; z-index:120;}
	.default_box_3{position:relative; margin:0 auto;}

}


/* Desktop Device : 481~768 */
@media screen and (min-width:481px) and (max-width:768px){
	
	/*#main_box {margin:5px;}*/
	#popup_show_con{display:none;}
	#panel_butt {margin-top:5px;}

	.default_box{position:relative; min-width:320px; margin:0px 20px;}
	.default_box_1{margin:0px 20px;}
	.default_box_2{position:relative; width:100%; min-width:320px; margin:0 auto; z-index:120;}
	.default_box_3{position:relative; margin:0 auto;}

	#content{position:relative; width:100%; min-width:320px;}
}



/* Desktop Device : 481~768 */
@media screen and (min-width:481px) and (max-width:768px){

	/*#main_box {margin:5px;}*/
	#popup_show_con{display:none;}
	#panel_butt {margin-top:5px;}

	.default_box{position:relative; min-width:320px; margin:0px 20px;}
	.default_box_1{margin:0px 20px;}
	.default_box_2{position:relative; width:100%; min-width:320px; margin:0 auto; z-index:120;}
	.default_box_3{position:relative; margin:0 auto;}


	#content{position:relative; /*margin: 0 0 0 280px;*/ min-height:550px; min-width:320px;}
	#content .content_title6{position:relative; width:100%; font-weight:bold; text-align:left; border-bottom:1px solid #d9d9d9; padding:80px 0 0;}
	#content .content_title p, .content_title2 p, .content_title3 p, .content_title4 p, .content_title5 p, .content_title6 p, .content_title7 p{position:absolute; right:15px; bottom:15px;}
	.content2{margin:0 !important;}

}

/* Desktop Device : 769 이상 또는 print 출력시*/
@media screen and (min-width:769px), only print{

	#popup_load{display:block;}

	.default_box{position:relative; max-width:1240px; min-width:320px; margin:0 auto;}
	.default_box_1{max-width:1240px; margin:0 auto;}
	.default_box_2{position:relative; max-width:1250px; min-width:320px; margin:0 auto;}
    .default_box_3{position:relative; max-width:1200px; margin:0 auto;}

	#panel_butt {display:none;}


	#content{position:relative; /*margin: 0 0 0 280px;*/ min-height:550px; min-width:320px;}
	
	#content .content_title6{position:relative; width:100%; font-weight:bold; text-align:left; border-bottom:1px solid #d9d9d9; padding:80px 0 0;}
	#content .content_title p, .content_title2 p, .content_title3 p, .content_title4 p, .content_title5 p, .content_title6 p, .content_title7 p{position:absolute; right:15px; bottom:15px;}
	.content2{margin:0 !important;}

}