@charset "utf-8";

/* 인사말01 */
#dn_about01 { position:relative; text-align:left; }
#dn_about01 .about_img01{ position:absolute; width:304px; left:0; top:0; }
#dn_about01 .about_area { overflow:hidden; margin-left:304px; }
#dn_about01 .about_area .about_img02 { margin:44px 0 16px 0; }
#dn_about01 .about_area .about_img03 { margin:0 0 10px 0; text-align:right; }
#dn_about01 .about_area .about_info01 { margin-bottom:32px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#263e7a; font-size:16px; font-weight:bold; }
#dn_about01 .about_area .about_info02 { margin-bottom:20px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5d5d5d; font-size:13px; line-height:20px; }

/* 인사말02 */
#dn_about02 { position:relative; width:994px; margin:0 auto; text-align:left; }
#dn_about02 .about_img01{ position:absolute; width:304px; left:0; top:0; }
#dn_about02 .about_area { overflow:hidden; margin-left:304px; }
#dn_about02 .about_area .about_img02 { margin:44px 0 16px 0; }
#dn_about02 .about_area .about_img03 { margin:0 0 10px 0; text-align:right; }
#dn_about02 .about_area .about_info01 { margin-bottom:32px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#263e7a; font-size:16px; font-weight:bold; }
#dn_about02 .about_area .about_info02 { margin-bottom:20px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5d5d5d; font-size:13px; line-height:20px; }

/* 회사연혁01 */
#dn_history01 { position:relative; width:98%; margin:20px auto 0; text-align:left; }
#dn_history01 .history_img { position:absolute; right:0; top:10px; }
#dn_history01 .history_list { margin:0 auto; }
#dn_history01 .history_list ul { margin:0 auto; }
#dn_history01 .history_list li { list-style:none; padding-bottom:40px; background:url(../images/about/history_img04.png) repeat-y 73px 0px; }
#dn_history01 .history_list .year { float:left; width:91px; background:url(../images/about/history_img02.png) no-repeat 73px 0px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:23px; font-weight:bold; letter-spacing:0; text-align:left; }
#dn_history01 .history_list .year01 { float:left; width:91px; background:url(../images/about/history_img03.png) no-repeat 73px 0px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:23px; font-weight:bold; letter-spacing:0; text-align:left; }
#dn_history01 .history_list .history_right { float:left; margin-top:-6px; }
#dn_history01 .history_list .history_right ul { margin:0px; padding:0px; }
#dn_history01 .history_list .history_right li { list-style:none; padding-bottom:0px; background:none; }
#dn_history01 .history_list .history_right .month { float:left; width:50px; padding:8px 0px; text-align:center; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#222222; font-size:13px; line-height:20px; font-weight:bold; }
#dn_history01 .history_list .history_right .month_text { float:left; padding:8px 0px; text-align:center; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#666666; font-size:13px; line-height:20px; }

/* 회사연혁02 */
#dn_history02 { position:relative; width:994px; margin:20px auto 0; text-align:left; }
#dn_history02 ul { margin:0; padding:0; }
#dn_history02 li { position:relative; width:100%; min-height:200px; list-style:none; margin-bottom:80px; }
#dn_history02 .history_img { position:absolute; width:253px; height:200px; left:0; top:0; background:url(../images/about/history01_img01.png) no-repeat left top; }
#dn_history02 .history_img .title_text { position:absolute; width:170px; left:20px; top:94px; text-align:center; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#333333; font-size:34px; font-weight:bold; letter-spacing:-2px; }
#dn_history02 .history_list { margin-left:253px; }
#dn_history02 .history_list ul { margin:0; padding:0; }
#dn_history02 .history_list li { float:left; list-style:none; min-height:40px; margin-bottom:0; border-bottom:1px solid #e7e7e7; }
#dn_history02 .history_list .month { float:left; width:60px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#222222; font-size:15px; line-height:40px; text-align:center; font-weight:bold; }
#dn_history02 .history_list .month_text { float:left; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#666666; font-size:13px; line-height:40px; }

/* 찾아오시는길01 */
#dn_location01 { width:98%; margin:30px auto 20px; text-align:left; }
#dn_location01 .map_img { border:3px solid #dfdfdf; line-height:0; }
#dn_location01 .map_area { height:235px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }
#dn_location01 .map_area .text_area01 { width:100%; height:117px; margin:0 auto; border-bottom:1px solid #dfdfdf; }
#dn_location01 .map_area .text_area01 .text01 { padding:25px 30px 0px 30px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:12px; color:#5f5f5f; line-height:22px; }
#dn_location01 .map_area .text_area02 { margin:32px 30px 0px 30px; }
#dn_location01 .map_area .text_area02 .img01 { margin-bottom:10px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:20px; color:#000000; font-weight:bold; }
#dn_location01 .map_area .text_area02 .text01 { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:12px; color:#5f5f5f; line-height:22px; }

/* 인재상01 */
#dn_recruit01 {  margin:0 auto; text-align:left; }
#dn_recruit01 .recruit_title { height:44px; }
#dn_recruit01 .recruit_title .icon01 { float:left; width:44px; height:44px; margin:0 13px 0 11px; }
#dn_recruit01 .recruit_title .icon01_title { float:left; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#111111; font-size:24px; line-height:44px; font-weight:bold; }
#dn_recruit01 .recruit_list { margin-left:69px; margin-top:20px; }
#dn_recruit01 .recruit_list ul { margin:0; padding:0; }
#dn_recruit01 .recruit_list li { list-style:none; height:86px; margin-bottom:20px; background-color:#eeeeee; }
#dn_recruit01 .recruit_list .recruit_sum { float:left; width:87px; height:86px; }
#dn_recruit01 .recruit_list .recruit_text { float:left; margin-left:20px; padding-top:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:20px; }
#dn_recruit01 .recruit_list .recruit_text .red { color:#ed1c24; font-weight:bold; }
#dn_recruit01 .recruit_list .recruit_text .type01 { letter-spacing:-1px; }
#dn_recruit01 .recruit_line { height:1px; margin:50px auto 40px; background:url(../images/story/line_bg.png) repeat-x; }
#dn_recruit01 .recruit_list01 { overflow:auto;; height:156px; margin-left:69px; margin-top:20px; background-color:#eeeeee; text-align:center; }
#dn_recruit01 .recruit_list01 .area { display:inline-block; margin:26px auto 0; }
#dn_recruit01 .recruit_list01 .area ul { margin:0; padding:0; }
#dn_recruit01 .recruit_list01 .area li { float:left; list-style:none; width:120px; }
#dn_recruit01 .recruit_list01 .area .img01 { text-align:center; }
#dn_recruit01 .recruit_list01 .area .text01 { margin-top:6px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#555555; font-size:13px; line-height:17px; text-align:center; }

/* 비지니스01 */
#dn_business01 { width:98%; margin:30px auto 60px; text-align:left; }
#dn_business01 .business01_text01 { margin:0 0 15px 8px; text-align:left; font-family:'Nanum Myeongjo', 'NanumMyeongjo', '나눔명조'; color:#0a6493; font-size:28px; }
#dn_business01 .business01_text02 { margin:0 0 45px 10px; text-align:left; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5d5d5d; font-size:13px; line-height:22px; }
#dn_business01 .business01_text03 { }
#dn_business01 .business01_text03 ul { margin:0; padding:0; }
#dn_business01 .business01_text03 li { position:relative; list-style:none; padding:40px 0; background:url(../images/business/business01_line01.png) repeat-x left top; }
#dn_business01 .business01_text03 .text03_dot { position:absolute; width:48px; height:38px; left:11px; background:url(../images/business/business01_dot01.png) no-repeat; }
#dn_business01 .business01_text03 .text03_area { margin:0 0 0 59px; }
#dn_business01 .business01_text03 .text03_area .text03_text { margin-bottom:10px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:24px; line-height:40px; letter-spacing:-1px; font-weight:bold; }
#dn_business01 .business01_text03 .text03_area .text03_info { margin-left:2px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5d5d5d; font-size:13px; line-height:22px; text-align:justify; }
#dn_business01 .business01_text03 .text03_area .text03_info strong { color:#1574a6; }
#dn_business01 .business01_text03 .text03_area .text03_img01 { margin-top:30px; }
#dn_business01 .business01_text03 .text03_area .text03_img01 img { width:100%; }

/* 비지니스02 */
#dn_business02 { width:98%; margin:30px auto 60px; text-align:left; }
#dn_business02 .business02_text01 { margin:0 0 15px 0; text-align:center; font-family:'Nanum Myeongjo', 'NanumMyeongjo', '나눔명조'; color:#1f1f1f; font-size:28px; font-weight:bold; }
#dn_business02 .business02_text02 { margin:0 0 35px 0; text-align:center; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5d5d5d; font-size:13px; line-height:22px; }
#dn_business02 .business02_list { }
#dn_business02 .business02_list ul { margin:0; padding:0; }
#dn_business02 .business02_list li { list-style:none; margin-bottom:20px; border-bottom:3px solid #d9d9d9; }
#dn_business02 .business02_list .box_area { display:inline-table; width:100%; border:1px solid #c3c3c3; }
#dn_business02 .business02_list .box_area .box_title { overflow:hidden; float:left; width:175px; height:175px; margin:40px 0 40px 45px; background-color:#4592c1; border-radius:50%; }
#dn_business02 .business02_list .box_area .box_title.type01 { background-color:#6e65a8; }
#dn_business02 .business02_list .box_area .box_title.type02 { background-color:#06a788; }
#dn_business02 .business02_list .box_area .box_title.type03 { background-color:#df514c; }
#dn_business02 .business02_list .box_area .box_title .box_title01 { width:155px; height:155px; margin:10px; background-color:#fff; border-radius:50%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#1d6c9c; font-size:24px; line-height:155px; font-weight:bold; text-align:center; }
#dn_business02 .business02_list .box_area .box_title .box_title01.type01 { color:#4e4989; }
#dn_business02 .business02_list .box_area .box_title .box_title01.type02 { color:#03856b; }
#dn_business02 .business02_list .box_area .box_title .box_title01.type03 { color:#c23d38; }
#dn_business02 .business02_list .box_area .box_info { float:left; height:175px; margin:40px 0 40px 30px; text-align:left; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5d5d5d; font-size:13px; line-height:24px; }