@charset "utf-8";

body {color: #555555; height:100%; line-height:1.5em; margin:0; padding:0; }
#wrap{max-width:930px; min-width:930px;  margin:0 auto 30px; _text-align:left; position: relative; padding:0 20px;}
#header{width:100%; max-width: 930px; height:88px; position: relative; padding:0; margin:0 auto; background:none !important;}
h1 { position:absolute; top:30px; left:0; font-size: 23px; font-weight: 400; line-height: 41px; color: #333;}
h1 img {border:0px;}
.top_btn { position: absolute; top:45px; right:0; margin: 0;}
.top_btn li, .footer_btn li {display: inline; float: left; padding-left: 5px;}

#container {display: inline-block;  margin:0; padding:0 !important; position: relative; width: 100%; background: none;}
#print_content_top { height: 45px; margin: 0 auto; overflow: hidden; padding: 0; position: relative; width: 100%; border-color: #9A918B; border-style: solid; border-width: 1px 0 2px;}
#content_box{width:100%; margin:25px auto 20px; padding:0; clear: both;}
#content_box p.qr {position:relative; float: left; height: 120px; margin: 20px 0 0 20px; width: 120px;}
#content_box p.qr img {position:absolute; top:0; left:0;}
#content{width:100%; min-height:auto; margin:20px auto 0 ; padding:0;  color: #444444;}
#print_content_top #page_title { color: #333; display: inline; float: left; font-size: 17px; font-weight: bolder; margin: 0; padding: 0; z-index:2; position:absolute; top:13px; left:10px; line-height:normal; font-weight:300;}
#print_content_top h1 {float: right; position:relative; margin-top:8px; margin-right:10px;}

.group:after {clear: both; content: "."; display: block;  height: 0; visibility: hidden;}
#print_path p { font-size: 13px; text-align: right; position:absolute; top:10px; right:0; padding:2px 0 0 19px; }
#print_path p a {position: relative; font-size:14px; padding-left:15px; color:#7f7f7f; margin-left: 10px !important;}
#print_path p a:first-child { background:none; padding-left:0;}
/*.day{ position:absolute; top:35px; left:15px;  font-size: 11px; text-align: left; color:#999; margin:0; padding:0;}*/
#print_path p a:link, #print_path p a:visited { color: #7f7f7f; margin: 0; text-decoration:none;}

.depth4_top { background: url("/images/common/depth4_top.gif") no-repeat scroll left top transparent; float: left;  height: 7px;  margin-left: 15px;  padding: 0; width: 700px;}
.depth4_bottom { background: url("/images/common/depth4_bot.gif") no-repeat scroll left top transparent; float: left;  height: 7px;  margin-left: 15px;  padding: 0; width: 700px;}

#content_box div.section_wrap { margin-top:22px !important;}

.section.five .section.depth5 > li:nth-child(n+0):nth-child(-n+5) a, .section.four .section.depth5 > li:nth-child(n+0):nth-child(-n+4) a, .section.three .section.depth5 > li:nth-child(n+0):nth-child(-n+3) a, .section.two .section.depth5 > li:nth-child(n+0):nth-child(-n+2) a{margin-top: 0;}
.section.four ul li{width:25%;}
.section.three ul li{width:33.33333%;}
.section.two ul li{width:50%;}

.section.five .section.depth5 > li:nth-child(n+0):nth-child(-n+5) a{border-top: 1px solid #e3e3e3;}
.section.four .section.depth5 > li:nth-child(n+0):nth-child(-n+4) a{border-top: 1px solid #e3e3e3;}
.section.three .section.depth5 > li:nth-child(n+0):nth-child(-n+3) a{border-top: 1px solid #e3e3e3;}
.section.two .section.depth5 > li:nth-child(n+0):nth-child(-n+2) a{border-top: 1px solid #e3e3e3;}

#print_path p span.home { float:left; display:block; width: 16px; height: 13px; background: url("/images/common/print_home.png") no-repeat 0 0; text-indent: -99999px; padding: 0; margin-top: 3px;}
#print_path p > a:before { content: ''; position: absolute; top: 50%; left: 0; width: 6px; height: 1px; background-color: #333; transform: rotate(45deg); margin-top: -3px;}
#print_path p > a:after { content: ''; position: absolute; top: 50%; left: 0; width: 6px; height: 1px; background-color: #333; transform: rotate(-45deg); margin-top: 1px;}

#footer{ background:none; position:relative; width:100%; padding:0; position:relative; height:100px; border-top: 1px solid #9a918b;  text-align:center; margin-top:25px;}

#footer p.copy { font-size: 12px; margin:25px auto 0;}
.footer_btn { position:absolute; top:20px; right:0;}


#print_coupon h3 {height:26px;}
@media print {.no-print, .no-print * {display:none !important;}}

.mayor_wrap {width:1200px !important;}/*군수실가로사이즈*/

/*영문*/
#wrap.english {font-family: 'Noto Sans','Noto Sans KR',"arial", sans-serif;}

/*중문*/
#wrap.china {font-family: "Noto Sans SC",'Noto Sans KR',"arial", sans-serif;}

/*일문*/
#wrap.japan {font-family: "Noto Sans SC",'Noto Sans KR',"arial", sans-serif;}

#wrap.toureng #content, #wrap.tourcn #content, #wrap.tourjp #content { word-break:break-all;}
#wrap.toureng .inner,
#wrap.tourcn .inner,
#wrap.tourjp .inner {position:relative; max-width:1200px; width:95%; margin:0 auto; clear: both;} 

 /*관광만 가로사이즈다름 전지은*/
#wrap.tourprint{max-width:1080px; min-width:1080px;}

/*시민청원*/
.t_petition_mayor_view .news_tit dl {margin-top:20px !important;}
.t_petition_mayor_view .news_tit dl.right_dt {padding:15px 0 !important;}
.t_petition_mayor_view .news_tit dd {margin-right:10px !important;}

/*헤더반복-220404-한설희*/
table {page-break-after:always;}
thead { display: table-row-group; }
tfoot { display: table-row-group; }
tr { page-break-inside: avoid; }
@media print {
    #container { display: block; }
    table { page-break-after: auto; }
}