@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:116px auto 40px; z-index:9; }
#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:44px; 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:0 auto; }
#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; }


/* 상단메뉴 레이아웃02 */
#dn_sub_layout04 { position:relative; margin:0 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 { width:994px; margin:0 auto;}

#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; }


/* 상단메뉴 레이아웃03 */
#dn_sub_layout05 { position:relative; margin:0 auto; 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 { overflow:hidden; width:1100px; margin:0 auto; padding-bottom:40px; background-color:#ffffff; }
#dn_sub_layout05 #content_area .lnb { text-align:center; height:13px; margin:20px 0 12px 0;  }
#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; }