@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
/* CSS Document */

/* Paragraph style */
.stxt01 { color:#666; padding-left:18px; display:block; margin-top:5px; line-height:30px; font-size:15px;}
.stxt01 li { line-height:30px;}
.stxt02 { color:#9b9b9b; padding-left:15px; display:block; margin-bottom:5px; line-height:22px; font-size:15px;}
.stxt03 { color:#666; padding-left:13px; display:block; line-height:22px; font-size:13px;}

/* List style */
.ls01 { height:18px; background:url(../../resources/images/list_icon01.png) no-repeat left; font-size:18px; color:#333333; line-height:18px; display:block; padding-left:25px; margin-bottom:10px;}
.ls01_1 { height:18px; background:url(../../resources/images/list_icon01_1.png) no-repeat left; font-size:18px; color:#840000; line-height:18px; display:block; padding-left:25px; margin-bottom:10px;}
.ls01_2 { height:18px; background:url(../../resources/images/list_icon01_2.png) no-repeat left; font-size:18px; color:#3679be; line-height:18px; display:block; padding-left:25px; margin-bottom:10px;}
.ls01_3 { height:18px; background:url(../../resources/images/list_icon01_3.png) no-repeat left; font-size:18px; color:#82a91b; line-height:18px; display:block; padding-left:25px; margin-bottom:10px;}

.ls02 { height:15px; background:url(../../resources/images/list_icon02.png) no-repeat left; font-weight:bold; color:#333333; line-height:16px; padding-left:15px; margin-bottom:5px; }
.ls03 { background:url(../../resources/images/list_icon03.png) no-repeat left top; padding-left:13px; line-height:30px; }

/* border-line box */
.notice_box { padding:15px 15px; line-height:24px; border:1px solid #b7b7b7; font-size:15px; color:#3e3e3e;}

.notice_box2 { padding:15px 15px; line-height:24px; border:1px solid #b7b7b7; font-size:13px; color:#3e3e3e;}
.notice_box2 h4 { width:100%; line-height:30px; margin:10 auto; text-align:center; font-size:15px; color:#000000;}


/* page tab menu */
.tabmenu { height:40px; margin-bottom:40px; }
.tabmenu .tab_ul { height:40px; position:relative; border-bottom:1px solid #336fb1; padding-left:10px;}
.tabmenu .tab_ul li { height:40px; float:left; margin:0 5px;}
.tabmenu .tab_ul a { padding:0 15px; line-height:40px; font-weight:bold; text-align:center; display:block; font-size:15px;}
.tabmenu .tab_ul .tab_btn:link, .tabmenu .tab_ul .tab_btn:active, .tabmenu .tab_ul .tab_btn:visited { height:39px; font-weight:bold; background:#e8e8e8; color:#868686; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }
.tabmenu .tab_ul .tab_btn:hover, 
.tabmenu .tab_ul .tab_hover { height:40px; background:#ffffff !important; border-top:1px solid #336fb1; border-left:1px solid #336fb1; border-right:1px solid #336fb1; color:#336fb1;}

/* page tab menu2 */
.tabmenu { height:40px; position:relative; border-bottom:1px solid #336fb1; padding-left:10px;}
.tabmenu .tbli { height:40px; float:left; margin:0 5px;}
.tabmenu .tbli .tbtn { padding:0 15px; line-height:40px; font-weight:bold; text-align:center; display:block; font-size:15px; }
.tabmenu .tbli .tbtn:link,
.tabmenu .tbli .tbtn:active,
.tabmenu .tbli .tbtn:visited {height:39px; font-weight:bold; background:#e8e8e8; color:#868686; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.tabmenu .tbli .tbtn:hover,
.tabmenu .tbli .tbtn.selected { height:40px; background:#ffffff !important; border-top:1px solid #336fb1; border-left:1px solid #336fb1; border-right:1px solid #336fb1; color:#336fb1;}


.cont_table { width:100%; border-top:1px solid #aeaeae; border-bottom:1px solid #aeaeae; box-sizing:border-box; font-size:13px;}
.cont_table th { height:45px; background-color:#f7f7f7; color:#333; font-size:15px; text-align:center;}
.cont_table td { height:45px; text-align:center; color:#8d8d8d; font-size:15px; line-height:30px;} 
.cont_table .tdh { background-color:#fcf3fe; color:#000000; font-weight:bold;}
.cont_table .th_title { height:35px; font-size:20px; font-weight:bold; border:2px solid #555555; box-sizing:border-box; color:#555555;}
.cont_table .blank_line { height:5px; border-bottom:1px solid #e5e5e5;}

.cont_table2 { width:100%; box-sizing:border-box; font-size:12px;}
.cont_table2 th { height:45px; background-color:#f7f7f7; color:#333; font-size:13px; text-align:center;}
.cont_table2 td { height:45px; text-align:center; color:#8d8d8d; } 
.cont_table2 .tdh { background-color:#f5f8fc; color:#8b8b8b; font-weight:bold;}

/* board tr line */
.under_l { border-bottom:1px solid #e5e5e5; box-sizing:border-box;}
.under_lB { border-bottom:1px solid #c8c8c8; box-sizing:border-box;}
.top_l { border-top:1px solid #e5e5e5; box-sizing:border-box;}

.bold { font-weight:bold;}


 .arrow_box { width:20px; height:10px; position:relative; display:inline-block;}
 .arrow_box .square_r { width:15px; height:6px; position:absolute; left:0; top:50%; margin-top:-3px; display:block; }
 .arrow_box .arr_right { position:absolute; right:0; top:50%; margin-top:-7px; width:0; height:0; border-top:7px solid transparent;  border-bottom:7px solid transparent;}
 .arrow_box .square_l { width:15px; height:6px; position:absolute; right:0; top:50%; margin-top:-3px; display:block; }
 .arrow_box .arr_left { position:absolute; left:0; top:50%; margin-top:-7px; width:0; height:0; border-top:7px solid transparent;  border-bottom:7px solid transparent;}
 
 .bbco01 .square_r, .bbco01 .square_l { background-color:#FF3300 !important;}
 .bbco01 .arr_right { border-left:10px solid #FF3300 !important; }
 .bbco01 .arr_left { border-right:10px solid #FF3300 !important; }
 .bbco02 .square_r, .bbco02 .square_l { background-color:#c5c5c5 !important;}
 .bbco02 .arr_right { border-left:10px solid #c5c5c5 !important; }
 .bbco02 .arr_left { border-right:10px solid #c5c5c5 !important; }
 
 
.part_info { width:100%; height:400px; display:block; position:relative;}
.part_info .mslogan { width:1200px; height:230px; position:absolute; left:50%; margin-left:-600px; top:85px;}
.part_info .mslogan .slogan_ul { width:100%; height:80px; position:relative;}
.part_info .mslogan .slogan_ul li { position:absolute;}
.part_info .mslogan .slogan_ul .slogan_mtit { height:80px; line-height:80px; font-size:50px; color:#929292;}
.part_info .mslogan .slogan_ul .slogan_etit { height:80px; line-height:95px; font-size:27px; color:#b1b1b1;}
.part_info .mslogan .slogan_ul .m_pos01 { left:155px;}
.part_info .mslogan .slogan_ul .e_pos01 { right:155px;}
.part_info .mslogan .slogan_ul .m_pos02 { left:285px;}
.part_info .mslogan .slogan_ul .e_pos02 { right:285px;}
.part_info .mslogan .slogan_ul .m_pos03 { left:280px;}
.part_info .mslogan .slogan_ul .e_pos03 { right:280px;}
.part_info .mslogan .slogan_ul .under_line01 { width:890px; height:1px; background-color:#bbbbbb; left:50%; margin-left:-445px; top:80px;}
.part_info .mslogan .slogan_ul .under_line02 { width:630px; height:1px; background-color:#bbbbbb; left:50%; margin-left:-315px; top:80px;}
.part_info .mslogan .slogan_ul .under_line03 { width:640px; height:1px; background-color:#bbbbbb; left:50%; margin-left:-320px; top:80px;}

.part_info .mslogan .slogan_ul .bor_cir { width:20px; height:20px; border-radius:20px; border:4px solid; left:50%; margin-left:-10px; top:70px; box-sizing:border-box;}

.part_info .mslogan .ko_txt01 { width:100%; height:50px; line-height:50px; font-size:30px; color:#4b4b4b; text-align:center;}
.part_info .mslogan .ko_txt02 { width:100%; height:50px; line-height:25px; font-size:16px; color:#4b4b4b; text-align:center;}

.part_info .mslogan .rco { color:#bd1d1d; border-color:#bd1d1d;}
.part_info .mslogan .bco { color:#0069b4; border-color:#0069b4;}
.part_info .mslogan .gco { color:#94c11f; border-color:#94c11f;}

.photo_area { width:100%; height:550px; position:relative;}
.photo_area .ph_img { width:402px; height:222px; position:absolute; border:1px solid #aeaeae; box-sizing:border-box;}
.photo_area .ph_img img { width:100%; height:100%;}
.photo_area .ph_pos01 { top:20px; left:50px;}
.photo_area .ph_pos02 { top:130px; left:50%; margin-left:-200px;}
.photo_area .ph_pos03 { top:240px; right:50px;}

.ben_area { width:100%; height:120px; position:relative;}
.ben_area li { width:275px; height:60px; float:left; list-style:none; text-align:center; padding:5px 0;}
.ben_area li img { width:260px; height:50px;}


.homepage_area { width:100%; height:50px; position:relative; margin:30px 0;}
.homepage_area .btn_homepage { width:220px; height:50px; position:absolute; top:0; right:0; display:block; background-color:#333333;}
.homepage_area .btn_homepage ul { width:220px; height:50px; position:relative;}
.homepage_area .btn_homepage .home_img { width:48px; height:50px; display:block; background:url(../../resources/images/home_icon.png) no-repeat top; position:absolute; left:0; }
.homepage_area .btn_homepage .home_txt { width:172px; height:50px; display:block; background-color:#FFFFFF; border:2px solid #333333; box-sizing:border-box; font-size:18px; text-align:center; color:#333333; line-height:46px; position:absolute; right:0;}



/* sub contents ------------------------------------------------------------------------------------------------------------------------------------- */

/* 1010 인사말 */
.con1010 { width:100%; position:relative;}
.con1010 .con_img01 { position:absolute; width:309px; height:141px; top:0; right:0;}
.con1010 .con_txt01 { width:750px; margin-top:30px; left:0; font-size:15px; line-height:32px;}
.con1010 .con_txt02 { width:100%; margin-top:30px; left:0; font-size:15px; line-height:32px;}
.con1010 .con_bot_sign { width:100%; height:30px; margin-top:50px; font-size:25px; font-weight:bold; line-height:30px; text-align:right; color:#000000;}

/* 1020 연혁 */

.con1020 .history { width:100%;}
.con1020 .history td { height:60px;}
.con1020 .history .cir_box { width:50px; height:80px; display:block; position:relative;}
.con1020 .history .cir_box .cir_icon1 { width:20px; height:20px; border-radius:50%; background-color:#336fb1; display:block; position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-10px; }
.con1020 .history .cir_box .cir_icon2 { width:8px; height:8px; border-radius:50%; background-color:#ffffff; display:block; position:absolute; top:50%; margin-top:-4px; left:50%; margin-left:-4px; z-index:2; }
.con1020 .history .year { width:180px; text-align:center; font-size:40px; font-weight:800; color:#336fb1;}
.con1020 .history .line_dot { border-top:1px dotted #cccccc;}
.con1020 .history .date { width:150px; font-size:15px; color:#000; text-align:center;}
.con1020 .history .event { text-indent:30px; font-size:15px; }

/* 1030 조직도 */
.con1030 { width:100%; height:550px; position:relative;}
.con1030 li { position:absolute;}
.con1030 .ogbox { text-align:center; color:#ffffff; display:block; box-sizing:border-box; z-index:10;}
.con1030 .ogli01 { width:150px; height:40px; line-height:38px; }

.con1030 .ogbox .sub_txt { font-size:12px !important; color:#bec7de !important; }

.con1030 .b_co01 { background-color:#b5435b; font-size:20px; font-weight:700; border:solid 1px #003d6f;}
.con1030 .b_co02 { background-color:#515b7b; font-size:18px; font-weight:700; border:solid 1px #6c5c33;}
.con1030 .b_co03 { background-color:#7182b6; font-size:18px; font-weight:700; border:solid 1px #2e687e;}
.con1030 .b_co04 { background-color:#f1f1f1; font-size:16px; font-weight:700; border:solid 1px #9a8348; color:#424141 !important;}
.con1030 .b_co05 { background-color:#f1f1f1; font-size:15px; font-weight:700; border:solid 1px #9a8348; color:#424141 !important;}

.con1030 .box01 { top:20px; left:50%; margin-left:-75px;}
.con1030 .box02 { top:90px; left:50%; margin-left:150px;}
.con1030 .box03 { top:220px; left:50%; margin-left:-500px;}
.con1030 .box04 { top:220px; left:50%; margin-left:-230px;}
.con1030 .box05 { top:220px; left:50%; margin-left:80px;}
.con1030 .box06 { top:220px; left:50%; margin-left:350px;}

.con1030 .box03_1 { top:280px; left:50%; margin-left:-500px;}
.con1030 .box03_2 { top:340px; left:50%; margin-left:-500px;}
.con1030 .box03_3 { top:400px; left:50%; margin-left:-500px;}

.con1030 .box04_1 { top:280px; left:50%; margin-left:-230px;}
.con1030 .box04_2 { top:340px; left:50%; margin-left:-230px;}

.con1030 .box05_1 { top:280px; left:50%; margin-left:80px;}
.con1030 .box05_2 { top:340px; left:50%; margin-left:80px;}

.con1030 .box06_1 { top:280px; left:50%; margin-left:350px;}


.con1030 .bgline01 { width:2px; box-sizing:border-box; border-left:solid 1px #c7c7c7;} /*세로선*/
.con1030 .bgline02 { height:2px; box-sizing:border-box; border-top:solid 1px #c7c7c7;} /*가로선*/

.con1030 .line01_1 { height:140px; top:20px; left:50%; margin-left:-1px;}
.con1030 .line01_2 { height:260px; top:160px; left:50%; margin-left:-420px;}
.con1030 .line01_3 { height:180px; top:160px; left:50%; margin-left:-150px;}
.con1030 .line01_4 { height:180px; top:160px; left:50%; margin-left:150px;}
.con1030 .line01_5 { height:140px; top:160px; left:50%; margin-left:420px;}

.con1030 .line02_1 { width:150px; top:110px; left:50%;}
.con1030 .line02_2 { width:840px; top:160px; left:50%; margin-left:-420px;}
.con1030 .line02_3 { width:580px; top:285px; left:50%; margin-left:-290px;}


/* 1040 기부현황 */
.con1040 { width:100%; min-height:550px; position:relative;}
.con1040 .stxt1040_1 { width:750px; color:#666; padding-left:18px; display:block; margin-top:5px; line-height:30px; font-size:15px;}
.con1040 .stxt1040_1 li { line-height:30px;}
.con1040 .con_img1040_1 { width:300px; position:absolute; top:0; right:0;}
.con1040 .con_img1040_1 img { width:100%; height:100%;}

.con1040 .history_box { position:relative;}
.con1040 .history_box .his_box { position:relative;}
.con1040 .history_box .left_box { width:50%;}
.con1040 .history_box .right_box { width:50%; margin-left:50%;}
.con1040 .history_box .his_box .cir_pos { width:20px; height:20px; position:absolute; top:50%; margin-top:-10px;}
.con1040 .history_box .left_box .cir_pos { right:-10px;}
.con1040 .history_box .right_box .cir_pos { left:-10px;}
.con1040 .history_box .his_box .cir_box { width:20px; height:20px; display:block; position:relative;}
.con1040 .history_box .his_box .cir_box .cir_icon1 { width:20px; height:20px; border-radius:50%; background-color:#8dc63e; display:block; position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-10px; }
.con1040 .history_box .his_box .cir_box .cir_icon2 { width:8px; height:8px; border-radius:50%; background-color:#ffffff; display:block; position:absolute; top:50%; margin-top:-4px; left:50%; margin-left:-4px; z-index:2; }
.con1040 .history_box .sec_line { width:1px; height:550px; position:absolute; left:50%; top:0; background-color:#d5d5d5; display:block;}

.con1040 .history_box img { width:300px; height:180px; position:absolute;}
.con1040 .history_box .img_pos01 { top:0; right:130px;}
.con1040 .history_box .img_pos02 { top:220px; left:20px;}
.con1040 .history_box .img_pos03 { top:340px; left:140px;}


.con1040 .history { width:100%;}
.con1040 .history td { height:60px;}
.con1040 .history .year { width:180px; text-align:center; font-size:40px; font-weight:800; color:#8dc63e;}
.con1040 .history .line_dot { border-top:1px dotted #cccccc;}
.con1040 .history .date { width:150px; font-size:15px; color:#000; text-align:center;}
.con1040 .history .event { text-indent:30px; font-size:15px; }

/* 4020 헬스케어 서비스 */
.con4020 .pictogram { width:100%; height:550px; position:relative; }

.con4020 .pictogram .picto01 { width:300px; height:300px; border-radius:300px; border:4px solid #7fc41c; position:absolute; top:10px; left:10px;}
.con4020 .pictogram .picto01 .txt_box { width:300px; height:300px; position:relative;}
.con4020 .pictogram .picto01 .txt_box ul { width:260px; height:140px; position:absolute; top:50%; margin-top:-70px; left:50%; margin-left:-130px;}
.con4020 .pictogram .picto01 .txt_box ul h3 { width:100%; line-height:40px; font-size:25px; color:#44680f; font-weight:bold; text-align:center;}
.con4020 .pictogram .picto01 .txt_box ul li { width:100%; line-height:30px; font-size:16px; color:#303030; }

.con4020 .pictogram .picto02 { width:200px; height:200px; border-radius:200px; background-color:#7fc41c; position:absolute; top:55px; left:50%; margin-left:-100px;}
.con4020 .pictogram .picto02 .txt_box { width:200px; height:200px; position:relative;}
.con4020 .pictogram .picto02 .txt_box ul { width:180px; height:80px; position:absolute; top:50%; margin-top:-40px; left:50%; margin-left:-90px;}
.con4020 .pictogram .picto02 .txt_box ul h3 { width:100%; line-height:40px; font-size:25px; color:#FFFFFF; font-weight:bold; text-align:center; text-shadow:1px 2px 2px #000000;}
.con4020 .pictogram .picto02 .txt_box ul li { width:100%; line-height:30px; font-size:16px; color:#d9f3b1; text-align:center; }

.con4020 .pictogram .picto03 { width:300px; height:300px; border-radius:300px; border:4px solid #348f72; position:absolute; top:10px; right:10px;}
.con4020 .pictogram .picto03 .txt_box { width:300px; height:300px; position:relative;}
.con4020 .pictogram .picto03 .txt_box ul { width:260px; height:140px; position:absolute; top:50%; margin-top:-70px; left:50%; margin-left:-130px;}
.con4020 .pictogram .picto03 .txt_box ul h3 { width:100%; line-height:40px; font-size:25px; color:#1f5443; font-weight:bold; text-align:center;}
.con4020 .pictogram .picto03 .txt_box ul li { width:100%; line-height:30px; font-size:16px; color:#303030; }

.con4020 .pictogram .picto04 { width:120px; height:120px; border-radius:200px; border:4px solid #b2b2b2; position:absolute; top:355px; left:50%; margin-left:-60px; line-height:120px; font-size:25px; color:#525252; font-weight:bold; text-align:center;}

.con4020 .pictogram .line1_1 { width:120px; height:2px; background-color:#d8d8d8; position:absolute; top:140px; left:325px; }
.con4020 .pictogram .line1_2 { width:120px; height:2px; background-color:#d8d8d8; position:absolute; top:180px; left:320px; }
.con4020 .pictogram .line1_3 { width:125px; height:2px; background-color:#d8d8d8; position:absolute; top:160px; right:322px; }
.con4020 .pictogram .line1_4 { width:313px; height:2px; background-color:#d8d8d8; position:absolute; top:420px; right:160px; }
.con4020 .pictogram .line2_1 { width:2px; height:90px; background-color:#d8d8d8; position:absolute; top:257px; left:50%; margin-left:-1px; }
.con4020 .pictogram .line2_2 { width:2px; height:98px; background-color:#d8d8d8; position:absolute; top:322px; right:160px; }

.con4020 .pictogram .arr1 { width:10px; height:10px; line-height:10px; color:#d8d8d8; position:absolute; top:136px; left:320px;}
.con4020 .pictogram .arr2 { width:10px; height:10px; line-height:10px; color:#d8d8d8; position:absolute; top:176px; left:438px;}
.con4020 .pictogram .arr3 { width:10px; height:10px; line-height:10px; color:#d8d8d8; position:absolute; top:156px; right:320px;}
.con4020 .pictogram .arr4 { width:10px; height:10px; line-height:10px; color:#d8d8d8; position:absolute; top:345px; left:50%; margin-left:-5px;}
.con4020 .pictogram .arr5{ width:10px; height:10px; line-height:10px; color:#d8d8d8; position:absolute; top:416px; right:470px;}

.con4020 .pictogram .add_txt1 { line-height:30px; font-size:15px; color:#689e16; position:absolute; top:110px; left:340px; text-align:center;}
.con4020 .pictogram .add_txt2 { line-height:30px; font-size:15px; color:#689e16; position:absolute; top:180px; left:355px; text-align:center;}
.con4020 .pictogram .add_txt3 { line-height:30px; font-size:15px; color:#689e16; position:absolute; top:90px; right:340px; text-align:center;}
.con4020 .pictogram .add_txt4 { line-height:30px; font-size:15px; color:#689e16; position:absolute; top:380px; right:300px; text-align:center;}

.con4020 .title_slogan { width:100%; line-height:50px; text-align:center; font-size:25px; color:#41630e;}

.con4030 .khus_slogan { line-height:50px; text-align:center; font-size:28px; color:#666666;}
.con4030 .khus_slogan .coGREEN2 { color:#68bd91;}



/* 6020 인재상 */
.con6020 .pictogram { width:100%; height:200px; position:relative; }
.con6020 .pictogram .picto_cir { width:180px; height:180px; border-radius:200px; background-color:#5b96d0; float:left;}
.con6020 .pictogram .picto_cir .txt_box { width:180px; height:180px; position:relative;}
.con6020 .pictogram .picto_cir .txt_box ul { width:180px; height:80px; position:absolute; top:50%; margin-top:-40px; left:50%; margin-left:-90px;}
.con6020 .pictogram .picto_cir .txt_box ul h3 { width:100%; line-height:40px; font-size:25px; color:#FFFFFF; font-weight:bold; text-align:center; text-shadow:1px 2px 2px #000000;}
.con6020 .pictogram .picto_cir .txt_box ul li { width:100%; line-height:30px; font-size:16px; color:#ccdef0; text-align:center; }
.con6020 .pictogram .arr_next { width:50px; font-size:50px; text-align:center; line-height:180px; color:#ccdef0; float:left; }
.con6020 .coBLUE2 { font-size:20px; color:#3673bc;}