.top_wrap .inner{width:100%;max-width:1709px}
.container{width: 100%; max-width: 1366px; margin: 0 auto; overflow: hidden;}
a.h1_alink{width:230px;height:70px}
.gallerySun .board-rss{display:none}
.bbsList th.img, .bbsList td.img{width:173px}
.max400 img{max-width:400px}
.scroll_text{display:none;clear:both}
 .BR1{border-right:1px solid #e1e1e1!important}

   
  .noScroll, .noScroll body{overflow:hidden !important; height:100%;}

@media screen and (max-width: 1200px) {

.section02 .left-section{width:383px}
.section02 .right-section{width:383px}
.b-alrim .alrim-box{width:100%;height:403px}
#container .section02{width:768px;margin:0 auto;padding:30px 0}
.s-alrim .alrim-box{width:387px}
.left-section .bx-viewport{height:403px!important}
.right-section .bx-viewport{height:200px!important}
.allimiMainNews03 #popup13_zone1, .allimiMainNews03 #popup13_zone2{height:403px!important}
.allimiMainNews01 #popup13_zone2{height:201px!important}
.right-section .s-alrim .alrim-box{height:201px!important}
.right-section .alrim.s-alrim{margin-bottom:0}
.s-alrim .alrim-box > .tit{font-size:19px}
.section03 .notice{margin-bottom:50px}
.section03 .article ul{width:654px;margin:38px auto 0 auto}
.board-search{top:5px}

}


@media screen and (max-width: 1000px) {

	/*** Tab, Mobile ver GNB ***/
.snb_mo_bg{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 9000;}

.snb_layer_mo{display: none; position: fixed; top: 0; left: 0; bottom: 0; background: rgba(47,49,57,1); overflow-x: hidden; z-index: 9999;}
.snb_layer_mo ul.top_link_mo{display:block; width: 100%; height: 40px; border-bottom: 1px solid #41434d;}
.snb_layer_mo ul.top_link_mo li{float: left; width: 23%; text-align: center;}
.snb_layer_mo ul.top_link_mo li a{display:block; width: 100%; color:#fff; font-size:13px; letter-spacing:-1px; line-height:40px; border-left:1px solid #41434d;}
.snb_layer_mo ul.top_link_mo li:first-child{width: 31%;}
.snb_layer_mo ul.top_link_mo li:first-child a{color:#5a75cd;padding-left:35px; background:url(/kr/img/common/icon_home.gif) 10px 12px no-repeat; border-left: none;text-align:left}

.snb_layer_mo ul.top_icon_mo{display:block; width: 100%; height: 40px; border-bottom: 1px solid #41434d;}
.snb_layer_mo ul.top_icon_mo li{float:left; height:40px; display:block; line-height:40px; padding:0 3px;}
.snb_layer_mo ul.top_icon_mo li a{display:block; color:#fff; font-size:12px; letter-spacing:-1px; line-height:38px;}
.snb_layer_mo ul.top_icon_mo li img{width: 25px; height: 25px;margin-top:7px}
.snb_layer_mo ul.top_icon_mo .login { padding: 0 10px 0; background: url(/kr/img/common/l_line.gif) right 50% no-repeat}
.snb_layer_mo ul.top_icon_mo .lang {position: relative; padding: 0 0 0 5px;}
.snb_layer_mo ul.top_icon_mo .lang2 {position: relative; margin: 5px 0 0 0;}
.snb_layer_mo ul.top_icon_mo .lang .selected a {padding:0 20px 0 0; background: url(/kr/img/common/arow_bottom01.gif) right 50% no-repeat}
.snb_layer_mo ul.top_icon_mo .lang .list {display: none; position: absolute; top: 32px; left: -21px; right: -4px; padding: 0; background: #2f3139; z-index: 9999;}
.snb_layer_mo ul.top_icon_mo .lang .list li{width: 100%; height: 20px;}
.snb_layer_mo ul.top_icon_mo .lang .list li a {text-align: center; padding: 0; line-height:20px;}


.snb_layer_mo .snb_mo{position: relative; padding: 0; font-size: 15px; line-height: 1; color: #4e5366; text-decoration: none; display:inline-block; width:100%}
.snb_layer_mo .snb_mo > ul > li {display: block; background: url(/kr/img/common/icon_mdep1_off.png) 275px 22px no-repeat !important;}
.snb_layer_mo .snb_mo > ul > li > a {display: block; position: relative; padding: 18px 18px; min-width: 0; font-size: 17px; font-weight: bold; color:#fff; text-align: left; border-bottom: 1px solid rgba(255,255,255,.3);}
.snb_layer_mo .snb_mo .no_data {background-image: none !important;}

.snb_layer_mo .snb_mo .depth2{display: none; width: 100%;}
.snb_layer_mo .snb_mo li{width: 100%;}
.snb_layer_mo .snb_mo .depth2 > li > a {display: block;padding: 14px 38px; font-size: 17px; border-bottom: 1px solid rgba(255,255,255,.3); color:#fff; background:#815214;}
.snb_layer_mo .snb_mo .depth2 > li:first-child > a {border-top: 0;}
	
.snb_layer_mo .snb_mo > ul > li.on > a {background: #70311a url(/kr/img/common/icon_mdep1_on.png) 275px 22px no-repeat !important;}
.snb_layer_mo .snb_mo .depth2 > li.on > a{background: rgba(40,94,164,.6);}

	
/*#header .inner{display:none}*/
.pc_ver{display:none}
.header .container{display:block}
#nav{display:none}
#header h1{width:170px;position:relative;margin:0 auto;background-size:170px 29px;top:22px}
.mo_gnb_open{display: inline-block!important; margin-left: 22px;margin-top:22px;border:1px solid #ebebeb;width:47px;position:absolute}
a.h1_alink{width:170px;height:49px}
li.m_slide_img{background-size:auto 400px!important}
.m_slide_img01{background: url(/nagan/common/img/202308031145504042.jpg) center top no-repeat;}
.m_slide_img02{background: url(/nagan/common/img/2023080311455873184.jpg) center top no-repeat;}
.m_slide_img03{background: url(/nagan/common/img/2023080311461185583.jpg) center top no-repeat;}
#main_slider{height:400px}
.bx-controls{top:139px;left:50%;margin-left:-64px}
#container .section01{margin-top:-212px}
ul.ico li a{background-size:60px auto!important;background-position:center 3px!important}
.section01 ul.ico > li > a{padding-top:55px}
#container .section01{padding:6px 0}
.section01 ul.ico > li::before{top:11px}
.section01 ul.ico > li:first-child{padding-left:0}
.section01 ul.ico > li{padding:0;width:16.6%}

	
.gnb-bg{display:none}
.sub .left-menu{display:none}
#container.sub{padding-top:0}
.page-path{text-align:center}
.sub .con-section{float:none;width:100%;padding:0 10px 40px 10px;box-sizing:border-box;}
.sub .r-ico{display:none}
#container.sub .con-section h3{font-size:26px;}
.w100 img{width:100%}
.max750 img{max-width:750px!important}

#content .contentStyle{width:100%} 
.top_srch{top:5px}
#container.sub .con-section .tabMenu01 > ul > li > a{font-size:14px}
#zoom_img{float:left}
.tab-type02 .tabMenu01 > ul > li{width:24%}
	


/*** Tab, Mobile ver GNB ***/


h1.logo {float: none; display: inline-block; width: 69%; height: 109px; padding-top: 13px; padding-left: 0; text-align: center;}
h1.logo img {width: 100%;  max-width: 295px;}
	
nav.snb{display: none!important;}
.sub_container{margin-top: 0; background: none;}
/* footer */
footer{height: auto;}
footer .link_wrap {height: 101px;}
footer .link_wrap .site_link {float: none; width: 100%; text-align: center; padding: 0; background: #fff;}

footer .f_logo{display: none;}
footer .fl {float: none; width: 100%; text-align: center;}
footer .fr {float: none; text-align: center;}

footer .btm_menu {width: 100%; margin: 0;}
footer .btm_menu li {display: inline-block; line-height: 50px;}
footer address {padding: 0 10px; margin-top: 20px;}
footer .copy {padding: 0 10px 20px;}
	

.content{padding: 13px 0; min-height: 500px; overflow: hidden;}
.inbox a.content{min-height:100px}
.content_wrap header h2 {width: 50%}
.content_wrap header .loc {width: 50%}
.div_half{width:100%;margin-right:5%;box-sizing:border-box}
.font_big{font-size:1.4em;line-height:150%}
.font_middle{font-size:1.1em}
p{font-size:0.85em}
.boxing > ul > li{font-size:0.85em}
.scroll_text{display:block;margin:10px 0;font-size:12px;font-weight:200;text-align:center}
.table_scroll{overflow-x:auto;padding-bottom:10px}
.w800{width:800px}

    table.bbsList th.no {width: 10%;}

}

@media screen and (max-width: 931px) {
.section01 ul.ico > li > a{font-size:14px}
.gallery ul li{width:30%}
#zoom_img{width:100%;float:none;background:none}
#zoom_img img{width:100%}
ul.thumb{float:left;width:100%}
ul.thumb li{float:left;margin-right:10px!important}
}

@media screen and (max-width: 887px) {
.tab-type02 .tabMenu01 > ul > li{width:23%}
}

@media screen and (max-width: 794px) {
.section01 ul.ico > li > a{padding:45px 0 0 0 ;height:35px;line-height:17px;}
.bbsList th.img, .bbsList td.img{display:none}
.bbsList th.writer, .bbsList td.writer{display:none}
.board-rss{display:none}
}



/**Mobile_Ver 768*****************************************************/
@media screen and (max-width: 767px) {
.board-search {top: 30px;}
.content_wrap {display: block!important; width: 100%;}
.content_wrap header .loc{float: none; clear: both; width: 100%; padding-top:11px; padding-left: 3px; font-size: 12px; line-height:16px; text-align: left;}
.sub_container{display: block!important;}
.boardWrap{padding-top:0}
.map ul{float:none;width:100%}
.map p.img{float:none;text-align:center}
.tabMenu02{width:96%}
.map p.img img{max-width:100%}

/* 게시판 상단 검색 */
	.top_srch{height: auto; line-height: normal; margin: 15px 0 10px 0; overflow: hidden;}
	.total{float: none; display:block;}
	.searchBoxWrap{float: none; display:block; margin-top: 0;}
	.select_type2.w140{width: 100px; height: 32px; padding-left: 5px; margin-right: 1px; font-size: 12px;}
	.searchBox{width: 222px;}
	.searchBox input[type="text"]{margin-right: 1px; height: 32px; padding: 0 5px 0 5px; width: 160px;}
	.searchBox_api #searchTitle_key{width: 160px;}
	.searchBox_api{margin-top: 15px;}
	.btn.type_search {padding: 0 14px 0 14px!important;; height: 32px!important;; line-height: 33px!important;; font-size: 15px!important;; min-width: auto !important;}

.form-search{float:none;margin-top:0;}
.BBS_0000000000000297 .board-search, .bbs_0000000000000257 .board-search{top: 33px;}
.BBS_0000000000000297 table.bbsList, .bbs_0000000000000257 table.bbsList {margin-top: 67px;}
.form-search select{width:84px; height: 33px; padding:0 21px 0 0;font-size:12px}
button.btn[type="submit"]{padding-left:10px;padding-right:10px;height: 33px; font-size: 12px; line-height: 33px;}
.form-search input[type="text"]{width:152px; height: 33px; padding-left:5px;padding-right:5px}
.boardWrap .gallery {margin-top: 60px;}
}


@media screen and (max-width: 658px) {
.section02{padding:0}
.section03 .article ul{width:300px}
.section03 .article ul > li{margin-left:12px}
.section03 .article ul  li{padding-top:10px}
.section03 .article ul > li.down{padding:10px 0 0 0}
.section03 .album.article ul > li > .inbox{height:246px}

.gallery ul li{width:45%}


.section02 .left-section{width:320px}
.section02 .right-section{width:320px}
#container .section02{width:320px;margin:0 auto}
.s-alrim .alrim-box{width:320px}
.left-section .bx-viewport{height:337px!important}
.right-section .bx-viewport{height:200px!important}
#popup13_zone1{height:337px!important}
#popup13_zone2{height:201px!important}
.right-section .s-alrim .alrim-box{height:201px!important}
.right-section .alrim.s-alrim{margin-bottom:0}
.s-alrim .alrim-box > .tit{font-size:19px}
.b-alrim .alrim-box{height:337px}

}

@media screen and (max-width: 576px) {
table.bbsList th.no {width: 15%;}
.bbsList th.hit, .bbsList td.hit, .bbsList th.created, .bbsList td.created{display:none}

}



@media screen and (max-width: 466px) {

.gallery ul li{width:95%}
.tab-type02 .tabMenu01 > ul > li{width:48%}

}


@media screen and (max-width: 442px) {

.div_half h5{border-bottom:0}
.div_half ul li{font-size:13px}




}
@media screen and (max-width: 412px) {
.tab-type02 .tabMenu01 > ul > li{width:100%;margin:0-}

}





@media screen and (max-width: 365px) {
.section01 ul.ico > li > a{padding:113px 0 0 0 ;background-size:42px auto!important;padding-top:39px;line-height:12px;height:41px;font-size:12px}

}



/*뿌리깊은나무*/


@media screen and (max-width: 879px) {
	.root_pstyle {width: 60%;}
}
@media screen and (max-width: 736px) {
	.root_pstyle {width: 55%;}
}
@media screen and (max-width: 656px	) {
	.root_pstyle {width: 100%;padding-left: 0px;}
	.rooted_tree .img {text-align: center;width: 100%;}
	.rooted_tree0101 div {text-align: center;}
	.rooted_tree0101 img {margin-bottom: 20px;}
}

@media screen and (max-width: 619px	) {
.cStyle.AlignCenter.r-book a img {width: 46%;}
}



@media screen and (max-width: 811px) {
	.character-img {width: 100%;}
}

@media screen and (max-width: 800px) {
	.board_content img {width: 100%;}
	
}

@media screen and (max-width: 450px) {
	.character-img img {width: 100%;}
	
}