@charset "utf-8";

/* 왼쪽메뉴 레이아웃01 */
#dn_sub_layout01 { position:relative; width:1100px; min-height:600px; margin:40px auto; }

#dn_sub_layout01 #side_area { position:absolute; width:229px; left:0; top:0; }
#dn_sub_layout01 #side_area .title { width:186px; height:186px; background-color:#a8191f; border-radius:50%; font-family:'Malgun Gothic', '맑은고딕', 'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ffffff; font-size:25px; line-height:186px; font-weight:bold; text-align:center; }
#dn_sub_layout01 #side_area .menu { width:186px; margin-top:20px; }
#dn_sub_layout01 #side_area .menu ul { margin:0; padding:0; }
#dn_sub_layout01 #side_area .menu li { list-style:none; height:42px; border-bottom:1px solid #dddddd; text-align:center; }
#dn_sub_layout01 #side_area .menu a { font-family:'Malgun Gothic', '맑은고딕', 'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#666666; font-size:17px; line-height:42px; font-weight:bold; display:block; }
#dn_sub_layout01 #side_area .menu a:hover { font-family:'Malgun Gothic', '맑은고딕', 'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#a8191f; font-size:17px; line-height:42px; font-weight:bold; display:block; }

#dn_sub_layout01 #content_area { margin-left:229px; }
#dn_sub_layout01 #content_area .title_area { position:relative; height:99px; font-family:'Malgun Gothic', '맑은고딕', 'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#444444; font-size:44px; line-height:84px; letter-spacing:-1px; font-weight:bold; }
#dn_sub_layout01 #content_area .title_area .lnb { position:absolute; right:0; top:42px; }
#dn_sub_layout01 #content_area .title_area .lnb ul { margin:0; padding:0; }
#dn_sub_layout01 #content_area .title_area .lnb li { list-style:none; float:left; padding-left:24px; background:url(../images/inc/sub_lnb_bar.png) no-repeat 10px 2px; line-height:12px; }
#dn_sub_layout01 #content_area .title_area .lnb li:first-child { padding-left:0; background:none; }
#dn_sub_layout01 #content_area .title_area .lnb a,
#dn_sub_layout01 #content_area .title_area .lnb a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#616161; font-size:12px; line-height:12px; }
#dn_sub_layout01 #content_area .title_area .lnb img { margin-top:2px; }


/* 상단메뉴 레이아웃01 */
#dn_sub_layout02 { position:relative; margin:-2px auto 40px; }
#dn_sub_layout02 #sub_visual { height:121px; background:url(../images/inc/sub_visual01.png) no-repeat center top; border-bottom:1px solid #e6e6e5; }

#dn_sub_layout02 #content_area { width:1100px; margin:0 auto; background-color:#ffffff; }
#dn_sub_layout02 #content_area .lnb { height:13px; margin:20px 0 12px 0;  text-align:center; }
#dn_sub_layout02 #content_area .lnb ul { display:inline-block; margin:0; padding:0; }
#dn_sub_layout02 #content_area .lnb li { list-style:none; float:left; padding-left:24px; background:url(../images/inc/sub_lnb_bar.png) no-repeat 10px 2px; line-height:12px; }
#dn_sub_layout02 #content_area .lnb li:first-child { padding-left:0; background:none; }
#dn_sub_layout02 #content_area .lnb a,
#dn_sub_layout02 #content_area .lnb a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#616161; font-size:12px; line-height:12px; }
#dn_sub_layout02 #content_area .lnb img { margin-top:2px; }

#dn_sub_layout02 #content_area .title_area { position:relative; height:100px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#111; font-size:48px; line-height:61px; letter-spacing:-1px; font-weight:bold; text-align:center; }
#dn_sub_layout02 #content_area .title_area .btn_left { position:absolute; width:60px; height:60px; left:6px; top:0; }
#dn_sub_layout02 #content_area .title_area .btn_right { position:absolute; width:60px; height:60px; right:6px; top:0; }


/* 상단-왼쪽 메뉴 레이아웃01 */
#dn_sub_layout03 { position:relative; margin:-2px auto 0; }
#dn_sub_layout03 #sub_visual { height:160px; background:url(../images/inc/sub_visual02.png) no-repeat center top; }

#dn_sub_layout03 #sub_lnb { height:38px; background-color:#fdfdfd; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
#dn_sub_layout03 #sub_lnb .area { width:1100px; margin: 0 auto; }
#dn_sub_layout03 #sub_lnb .area .sub_lnb01 { float:left; }
#dn_sub_layout03 #sub_lnb .area .sub_lnb01 ul { margin:0; padding:0; }
#dn_sub_layout03 #sub_lnb .area .sub_lnb01 li { float:left; list-style:none; height:38px; padding-left:35px; margin-right:15px; background:url(../images/inc/sub_lnb_bar01.png) no-repeat left top; }
#dn_sub_layout03 #sub_lnb .area .sub_lnb01 li:first-child { padding-left:15px; margin-right:15px; background:none; }
#dn_sub_layout03 #sub_lnb .area .sub_lnb01 img { margin-top:14px; }
#dn_sub_layout03 #sub_lnb .area .sub_lnb01 a,
#dn_sub_layout03 #sub_lnb .area .sub_lnb01 a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#616161; font-size:12px; line-height:38px; display:block; }
#dn_sub_layout03 #sub_lnb .area .sub_sns { float:right; height:38px; border-right:1px solid #e5e5e5; }
#dn_sub_layout03 #sub_lnb .area .sub_sns ul { margin:0; padding:0; }
#dn_sub_layout03 #sub_lnb .area .sub_sns li { float:left; list-style:none; }

#dn_sub_layout03 #content_area { position:relative; width:1100px; min-height:600px; margin:0 auto; background:url(../images/inc/sub_content_bg01.png) repeat-y left top; }
#dn_sub_layout03 #content_area #side_area { position:absolute; width:220px; left:0; top:0; }
#dn_sub_layout03 #content_area #side_area .title { width:188px; height:138px; margin-left:1px; background:url(../images/inc/sub_left_title_bg.png) no-repeat center top; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ffffff; font-size:28px; line-height:138px; font-weight:bold; text-align:center; }
#dn_sub_layout03 #content_area #side_area .menu { width:188px; margin-left:1px; }
#dn_sub_layout03 #content_area #side_area .menu ul { margin:0; padding:0; }
#dn_sub_layout03 #content_area #side_area .menu li { list-style:none; height:34px; border-bottom:1px solid #eeeeee; }
#dn_sub_layout03 #content_area #side_area .menu a { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:34px; display:block; padding-left:19px; }
#dn_sub_layout03 #content_area #side_area .menu a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#0070bd; font-size:13px; line-height:34px; display:block; font-weight:bold; padding-left:19px; }

#dn_sub_layout03 #content_area #right_content { margin-left:220px; padding-bottom:40px; }
#dn_sub_layout03 #content_area #right_content .title_area { position:relative; height:100px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#333333; font-size:34px; line-height:92px; letter-spacing:-1px; font-weight:bold; }


/* 상단메뉴 레이아웃04 */
#dn_sub_layout04 { position:relative; margin:150px auto 40px; }
#dn_sub_layout04 #sub_visual { height:200px; background:url(../images/inc/sub_visual03.png) no-repeat center top; border-bottom:1px solid #9ec5e8; }
#dn_sub_layout04 #sub_visual .sub_visual_area { width:994px; margin:0 auto; }
#dn_sub_layout04 #sub_visual .sub_visual_area .sub_text { float:right; margin:74px 10px 0 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#004571; font-size:45px; font-weight:bold; }

#dn_sub_layout04 #content_area { max-width:1080px; margin:0 auto;}

@media all and (max-width:640px) {
    #dn_sub_layout04 #content_area { padding:0 1% 0 1%;}
}

#dn_sub_layout04 #content_area .sub_lnb { float:right; margin:14px auto 29px; }
#dn_sub_layout04 #content_area .sub_lnb ul { margin:0; padding:0; }
#dn_sub_layout04 #content_area .sub_lnb li { float:left; list-style:none; padding-left:24px; background:url(../images/inc/sub_lnb_bar.png) no-repeat 10px 2px; line-height:12px; }
#dn_sub_layout04 #content_area .sub_lnb li:first-child { padding-left:0; background:none; }
#dn_sub_layout04 #content_area .sub_lnb a,
#dn_sub_layout04 #content_area .sub_lnb a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#616161; font-size:12px; line-height:12px; }
#dn_sub_layout04 #content_area .sub_lnb img { margin-top:2px; }

#dn_sub_layout04 #content_area .title_area { height:63px; margin-left:7px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000; font-size:34px; font-weight:bold; }


/* 2016-09-23 추가 */
#breadi_board { position:relative; margin:111px auto 40px; }
#breadi_board .board_left { position:relative; float:right; width:42%; min-height:1000px; line-height:0; background-color:#e9dfcb; }
#breadi_board .board_left img { width:100%; }
#breadi_board .board_right { width:58%; float:left; padding:0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#breadi_board .board_right .title_area { height:63px; margin-left:7px; margin-top:60px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000; font-size:34px; font-weight:bold; }

@media screen and (max-width:1280px) {
    #breadi_board { position:relative; margin:111px auto 0; }
    #breadi_board .board_left { position:relative; float:right; width:40%; min-height:1000px; line-height:0; background-color:#e9dfcb; display:none; }
    #breadi_board .board_right { width:100%; float:auto; padding:0 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
}
@media screen and (max-width:640px) {
    #breadi_board .board_right .title_area { height:40px; margin-top:40px; margin-left:0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000; font-size:24px; font-weight:bold; }
}


    
/* 상단메뉴 레이아웃03 */
#dn_sub_layout05 { position:relative; margin:-2px auto 0; background-color:#f2f2f2; }
#dn_sub_layout05 #sub_visual { height:121px; background:url(../images/inc/sub_visual01.png) no-repeat center top; border-bottom:1px solid #e6e6e5; }

#dn_sub_layout05 #content_area { width:1100px; margin:0 auto; padding-bottom:40px; background-color:#ffffff; }
#dn_sub_layout05 #content_area .lnb { height:13px; margin:20px 0 12px 0; text-align:center; }
#dn_sub_layout05 #content_area .lnb ul { display:inline-block; margin:0; padding:0; }
#dn_sub_layout05 #content_area .lnb li { list-style:none; float:left; padding-left:24px; background:url(../images/inc/sub_lnb_bar.png) no-repeat 10px 2px; line-height:12px; }
#dn_sub_layout05 #content_area .lnb li:first-child { padding-left:0; background:none; }
#dn_sub_layout05 #content_area .lnb a,
#dn_sub_layout05 #content_area .lnb a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#616161; font-size:12px; line-height:12px; }
#dn_sub_layout05 #content_area .lnb img { margin-top:2px; }

#dn_sub_layout05 #content_area .title_area { position:relative; height:100px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#111; font-size:48px; line-height:61px; letter-spacing:-1px; font-weight:bold; text-align:center; }
#dn_sub_layout05 #content_area .title_area .btn_left { position:absolute; width:60px; height:60px; left:26px; top:0; }
#dn_sub_layout05 #content_area .title_area .btn_right { position:absolute; width:60px; height:60px; right:26px; top:0; }