@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html, body { margin:0px 0px; padding:0px 0px; min-width:1052px; font-family: "Nanum Gothic", sans-serif; }
img { margin:0px 0px; padding:0px 0px; border:0px; }
a, a:hover, a:visited { text-decoration: none; color:#000; }

/* header */
#header { position:relative; top:0px; width:100%; height:100px; }
#nav { position:relative; top:0px; width:984px; height:100%; margin:0 auto; }
#logo { position:absolute; top:50px; left:10px; width:100px; }
#menu { position:absolute; top:50px; right:0px; }
#menu ul li{ 
    display: inline-block; margin-left: 30px; margin-top: 5px; 
    font-size: 15px;
    font-weight: bold;
    font-family: "Nanum Gothic", sans-serif;
}



/* section_01 */
#section_01 { 
    position:relative; top:0px; width:100%; height:520px; 
    background: url("../image/mainimg.png") no-repeat center center; 
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
    background-size: cover;
}

/* section_02 */
#section_02 { position:relative; top:0px; width:100%; height:320px; text-align:center; }
#section_02_text { position:relative; top:53px; width:100%; font-size:15px; }

/* section_03 */
#section_03 { position:relative; top:0px; width:100%; height:650px; }
#section_03_bg { 
    position:absolute; top:0px; width:100%; height:284px; 
    background: url('../image/pickmain.png') no-repeat center; background-size:cover; 
}
#section_03_photo_wrap { position:absolute; top:130px; width:100%; height:411px; z-index:1; }
#section_03_photo_container { width:984px; height:100%; margin:0 auto; }
#section_03_photo_container div { position:relative; top:0px; float:left; }
.section_03_photo_bg { position:relative; top:0px; left:0px; width:328px; height:100%; }
.section_03_photo_btn { position:absolute; bottom:3px; left:0px; width:328px; }




/* footer */
#footer { position:relative; top:0px; width:100%; height:50px; background-color:#424242; text-align:center; }
#footer p { position:relative; top:0px; width:100%; font-size:12px; color:#fff; line-height:50px; margin:0px;}


/* 병무청 메인 */
.section_wrap { position:relative; top:0px; width:100%; height:960px; background-color:#e0e0e0; }
.section_container { position:relative; top:20px; width:1052px; height:860px; margin:0 auto; background-color:#fff; }
#sub1_title { position:absolute; top:0px; left:0px; width:192px; height:108px; }
#sub1_content_bg { position:absolute; top:20px; left:192px; width:840px; height:825px; background-color:#003964; }
#sub1_content { position:absolute; top:20px; left:20px; width:100%; z-index:1; color:#fff; font-size:9pt; line-height:140%; }
#sub1_content .txt{font-size: 13px; font-weight: bold; color: beige;}


/* 군장병 편지보내기란? */
.p2_section_wrap { position:relative; top:0px; width:100%; height:1250px; background-color:#e0e0e0; }
.p2_section_container { position:relative; top:20px; width:1052px; height:1200px; margin:0 auto; background-color:#fff; }
#p2_sub_title { position:absolute; top:0px; left:0px; width:192px; height:108px; }
#p2_sub_content_bg { position:absolute; top:20px; left:192px; width:860px; height:1050px; background-color:#fff; }
#p2_sub_content { position:absolute; top:20px; left:20px; width:100%; z-index:1; font-size:11pt; line-height:150%; }
.p2_sub_img_first { float:left; width:158px; text-align:left; margin-left:10px; margin-top:2px;}
.p2_sub_img_first img { width: 158px; }
.p2_sub_img { float:left; width:165px; text-align:right; margin-top:2px;}
.p2_sub_img img { width: 158px; }

/* 편지보기 */
.p3_section_wrap { position:relative; top:0px; width:100%; height:1250px; background-color:#e0e0e0; }
.p3_section_container { position:relative; top:20px; width:1052px; height:1200px; margin:0 auto; background-color:#fff; }
#p3_sub_title { position:absolute; top:0px; left:0px; width:192px; height:108px; }
#p3_sub_content_bg { position:absolute; top:20px; left:192px; width:860px; height:1050px; background-color:#fff; }
#p3_sub_content { position:absolute; top:20px; left:20px; width:100%; z-index:1; font-size:11pt; line-height:150%; }
.p3_sub_img_first { float:left; width:158px; text-align:left; margin-left:10px; margin-top:2px;}
.p3_sub_img_first img { width: 158px; }
.p3_sub_img { float:left; width:165px; text-align:right; margin-top:2px;}
.p3_sub_img img { width: 158px; }

/* 감사편지 전달식 */
.p4_section_wrap { position:relative; top:0px; width:100%; height:1250px; background-color:#e0e0e0; }
.p4_section_container { position:relative; top:20px; width:1052px; height:1200px; margin:0 auto; background-color:#fff; }
#p4_sub_title { position:absolute; top:0px; left:0px; width:192px; height:108px; }
#p4_sub_content_bg { position:absolute; top:20px; left:192px; width:860px; height:1050px; background-color:#fff; }
#p4_sub_content { position:absolute; top:20px; left:20px; width:100%; z-index:1; font-size:11pt; line-height:150%; }
.p4_sub_img_first { float:left; width:158px; text-align:left; margin-left:10px; margin-top:2px;}
.p4_sub_img_first img { width: 158px; }
.p4_sub_img { float:left; width:165px; text-align:right; margin-top:2px;}
.p4_sub_img img { width: 158px; }