@charset "euc-kr";
/* CSS Document */

@import url(common.css);

#wrap {position:relative;width:100%;min-width:1100px;}

/* header */
#header{min-width:1100px;padding:0;margin:0 auto; background:#e8e8e8; border-bottom:1px solid #dddddd;}
#header_area{width:1100px;margin:0 auto;padding:0;}
#header #header_area .t_size{display:inline-block; vertical-align:middle; margin-left:5px; padding:8px; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2;}
#header #header_area .t_size h2{margin-right:5px;}
#header #header_area .t_size .ts_icon{display:inline-block; vertical-align:middle; width:21px; height:15px;}
#header #header_area .t_menu{display:inline-block; vertical-align:middle; height:35px; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2;}
#header #header_area .t_menu ul{display:inline-block; vertical-align:middle;}
#header #header_area .t_menu ul li{float:left; display:inline-block; vertical-align:middle;}
#header #header_area .t_menu ul .t_line{border-right:1px solid #c2c2c2;}
#header #header_area .t_menu ul .t_line .sitemap{color:#3470b6;}
#header #header_area .t_menu ul li a{display:inline-block; vertical-align:middle; padding:0px 15px; height:30px; letter-spacing:-1px; line-height:30px; color:#333;}


/* nav */
#nav{position:absolute;z-index:1000;width:100%;height:95px;/*overflow:hidden; */background:#fff;
	-webkit-box-shadow:0 8px 6px -6px rgba(0,0,0,.2);
	   -moz-box-shadow:0 8px 6px -6px rgba(0,0,0,.2);
	        box-shadow:0 8px 6px -6px rgba(0,0,0,.2);
}
#nav_area{width:1100px;height:95px;overflow:hidden;margin:0 auto;min-height:450px;padding:0;background:url(../images/main/nav_back2.jpg) no-repeat 0 100%;}
#nav_area #logo {float:left;margin-top:18px;}

#nav ul.menu{float:right;margin:15px 44px 0px 0px;height:95px;overflow:hidden;}
.menu_1,.menu_2,.menu_3,.menu_4,.menu_5,.menu_6{float:left;}
#nav ul.menu a.t_menu_btn{display:block;padding-bottom:23px;font-size:1.25em;font-weight:600;}
#nav ul.menu ul{clear:both;/*margin:15px 0 0 40px;*/}
#nav ul.menu ul li{clear:both;font-size:0.95em;padding-left:7px;background:url(../images/common/dot02.jpg) no-repeat left 5px; margin:8px 0px 8px 0px;}
#nav ul.menu ul li a:link,
#nav ul.menu ul li a:visited, #nav ul.menu ul li a:active{color:#444444; text-decoration:none;}
#nav ul.menu ul li a:hover{color:#f16363; text-decoration:none;}

/* main */
#main{position:relative;min-width:1100px; min-height:768px; padding:95px 0 0 0;margin:0 auto;}
#main_area{position:relative;width:1098px; height:324px; margin:0 auto; border-left:1px solid #ededed;border-right:1px solid #ededed;border-bottom:1px solid #ededed;}

#main_area .pagewrap{position:absolute; z-index:999; right:533px; top:294px;}
#main_area .pagewrap ul li{float:left; margin-right:8px;}
#main_area .playwrap{position:absolute; z-index:999; right:501px; top:294px;}
#main_area .playwrap ul li{float:left; margin-right:8px;}

/* main_board1 */
#main_board{position:relative;min-width:1100px;padding:0;margin:0 auto;}
#main_board_area{width:1100px;margin:15px auto;}
#main_board_area:after{content:''; clear:both; display:block;}

.mainBoard_section01{width:420px; padding-right:15px; box-sizing:border-box; float:left;}
.mainBoard_section02{width:215px; padding-right:15px; box-sizing:border-box; float:left;}
.mainBoard_section03{width:250px; height:415px; padding-right:15px; box-sizing:border-box; float:left;}
.mainBoard_section04{width:215px; float:left; overflow:hidden;}

#main_board_area .mboard01{height:200px; box-sizing:border-box; border-left:1px solid #ededed; border-right:1px solid #ededed ;border-bottom:1px solid #ededed; background:#fff;
/*-webkit-box-shadow: 1px 0 2px rgba(0,0,0,.2);
   -moz-box-shadow: 1px 0 2px rgba(0,0,0,.2);
        box-shadow: 1px 0 2px rgba(0,0,0,.2);*/}
#main_board_area .mboard01 .m_tab{border-bottom:1px solid #ededed; padding-bottom:40px;}
#main_board_area .mboard01 .m_tab a{float:left; display:inline-block;}
#main_board_area .mboard01 #vtab_1 .vtab_ti{padding:16px 20px 18px 20px; background:url(../images/main/board_icon1.jpg) no-repeat 20px 14px;padding-left:75px; height:40px;}
#main_board_area .mboard01 #vtab_1 .vtab_ti a{float:right;display:inline-block;}
#main_board_area .mboard01 #vtab_1 .vtab_ti p{float:left; line-height:1.4;}
#main_board_area .mboard01 #vtab_1 .mb_ti{font-weight:600; color:#1c4b70; font-size:16px;}
#main_board_area .mboard01 #vtab_1 .mb_sti{font-weight:600; font-size:13px;}
#main_board_area .mboard01 #vtab_1 ul{padding:0px 20px 0px 20px;}
#main_board_area .mboard01 #vtab_1 ul li{height:24px;padding-left:10px;background:url(../images/main/board_dot.png) no-repeat 2px 7px;font-size:13px;}
#main_board_area .mboard01 #vtab_1 ul li a{color:#222;}
#main_board_area .mboard01 #vtab_1 ul li a:hover{color:#00479d;text-decoration:underline;}
#main_board_area .mboard01 #vtab_1 ul li span{float:right;color:#a0a0a0;font-size:12px;}

#main_board_area .mboard01 #vtab_2 .vtab_ti{padding:16px 20px 18px 20px; background:url(../images/main/board_icon1.jpg) no-repeat 20px 14px;padding-left:75px; height:40px;}
#main_board_area .mboard01 #vtab_2 .vtab_ti a{float:right;display:inline-block;}
#main_board_area .mboard01 #vtab_2 .vtab_ti p{float:left; line-height:1.4;}
#main_board_area .mboard01 #vtab_2 .mb_ti{font-weight:600; color:#1c4b70; font-size:16px;}
#main_board_area .mboard01 #vtab_2 .mb_sti{font-weight:600; font-size:13px;}
#main_board_area .mboard01 #vtab_2 ul{padding:0px 20px 0px 20px;}
#main_board_area .mboard01 #vtab_2 ul li{height:24px;padding-left:10px;background:url(../images/main/board_dot.png) no-repeat 2px 7px;font-size:13px;}
#main_board_area .mboard01 #vtab_2 ul li a{color:#222;}
#main_board_area .mboard01 #vtab_2 ul li a:hover{color:#00479d;text-decoration:underline;}
#main_board_area .mboard01 #vtab_2 ul li span{float:right;color:#a0a0a0;font-size:12px;}

#main_board_area .mboard01 #vtab_3 .vtab_ti{padding:16px 20px 18px 20px; background:url(../images/main/board_icon1.jpg) no-repeat 20px 14px;padding-left:75px; height:40px;}
#main_board_area .mboard01 #vtab_3 .vtab_ti a{float:right;display:inline-block;}
#main_board_area .mboard01 #vtab_3 .vtab_ti p{float:left; line-height:1.4;}
#main_board_area .mboard01 #vtab_3 .mb_ti{font-weight:600; color:#1c4b70; font-size:16px;}
#main_board_area .mboard01 #vtab_3 .mb_sti{font-weight:600; font-size:13px;}
#main_board_area .mboard01 #vtab_3 ul{padding:0px 20px 0px 20px;}
#main_board_area .mboard01 #vtab_3 ul li{height:24px;padding-left:10px;background:url(../images/main/board_dot.png) no-repeat 2px 7px;font-size:13px;}
#main_board_area .mboard01 #vtab_3 ul li a{color:#222;}
#main_board_area .mboard01 #vtab_3 ul li a:hover{color:#00479d;text-decoration:underline;}
#main_board_area .mboard01 #vtab_3 ul li span{float:right;color:#a0a0a0;font-size:12px;}

#main_board_area .mboard01 #vtab2_4 .vtab_ti{padding:16px 20px 18px 20px; background:url(../images/main/board_icon1.jpg) no-repeat 20px 14px;padding-left:75px; height:40px;}
#main_board_area .mboard01 #vtab2_4 .vtab_ti a{float:right;display:inline-block;}
#main_board_area .mboard01 #vtab2_4 .vtab_ti p{float:left; line-height:1.4;}
#main_board_area .mboard01 #vtab2_4 .mb_ti{font-weight:600; color:#1c4b70; font-size:16px;}
#main_board_area .mboard01 #vtab2_4 .mb_sti{font-weight:600; font-size:13px;}
#main_board_area .mboard01 #vtab2_4 ul{padding:0px 20px 0px 20px;}
#main_board_area .mboard01 #vtab2_4 ul li{height:24px;padding-left:10px;background:url(../images/main/board_dot.png) no-repeat 2px 7px;font-size:13px;}
#main_board_area .mboard01 #vtab2_4 ul li a{color:#222;}
#main_board_area .mboard01 #vtab2_4 ul li a:hover{color:#00479d;text-decoration:underline;}
#main_board_area .mboard01 #vtab2_4 ul li span{float:right;color:#a0a0a0;font-size:12px;}

#main_board_area .mboard01 #vtab2_5 .vtab_ti{padding:16px 20px 18px 20px; background:url(../images/main/board_icon1.jpg) no-repeat 20px 14px;padding-left:75px; height:40px;}
#main_board_area .mboard01 #vtab2_5 .vtab_ti a{float:right;display:inline-block;}
#main_board_area .mboard01 #vtab2_5 .vtab_ti p{float:left; line-height:1.4;}
#main_board_area .mboard01 #vtab2_5 .mb_ti{font-weight:600; color:#1c4b70; font-size:16px;}
#main_board_area .mboard01 #vtab2_5 .mb_sti{font-weight:600; font-size:13px;}
#main_board_area .mboard01 #vtab2_5 ul{padding:0px 20px 0px 20px;}
#main_board_area .mboard01 #vtab2_5 ul li{height:24px;padding-left:10px;background:url(../images/main/board_dot.png) no-repeat 2px 7px;font-size:13px;}
#main_board_area .mboard01 #vtab2_5 ul li a{color:#222;}
#main_board_area .mboard01 #vtab2_5 ul li a:hover{color:#00479d;text-decoration:underline;}
#main_board_area .mboard01 #vtab2_5 ul li span{float:right;color:#a0a0a0;font-size:12px;}

#main_board_area .mboard01 #vtab2_6 .vtab_ti{padding:16px 20px 18px 20px; background:url(../images/main/board_icon1.jpg) no-repeat 20px 14px;padding-left:75px; height:40px;}
#main_board_area .mboard01 #vtab2_6 .vtab_ti a{float:right;display:inline-block;}
#main_board_area .mboard01 #vtab2_6 .vtab_ti p{float:left; line-height:1.4;}
#main_board_area .mboard01 #vtab2_6 .mb_ti{font-weight:600; color:#1c4b70; font-size:16px;}
#main_board_area .mboard01 #vtab2_6 .mb_sti{font-weight:600; font-size:13px;}
#main_board_area .mboard01 #vtab2_6 ul{padding:0px 20px 0px 20px;}
#main_board_area .mboard01 #vtab2_6 ul li{height:24px;padding-left:10px;background:url(../images/main/board_dot.png) no-repeat 2px 7px;font-size:13px;}
#main_board_area .mboard01 #vtab2_6 ul li a{color:#222;}
#main_board_area .mboard01 #vtab2_6 ul li a:hover{color:#00479d;text-decoration:underline;}
#main_board_area .mboard01 #vtab2_6 ul li span{float:right;color:#a0a0a0;font-size:12px;}

#main_board_area .pro_box{width:100px; height:200px;}
#main_board_area .photo_box{width:420px; height:200px;}
#main_board_area .photo_box #vtab_6 .vtab_ti{padding:24px 40px 18px 0px; background:url(../images/main/board_icon2.jpg) no-repeat 16px 15px;padding-left:65px; height:20px;}
#main_board_area .photo_box #vtab_6 .vtab_ti a{float:right;display:inline-block;}
#main_board_area .photo_box #vtab_6 .vtab_ti p{float:left; line-height:1.4;}
#main_board_area .photo_box #vtab_6 .mb_ti{font-weight:600; color:#1c4b70; font-size:18px;}
#main_board_area .photo_box #vtab_6 .mb_ti2{font-weight:600; color:#222; font-size:18px;}
#main_board_area .photo_box #vtab_6 .mb_sti{font-weight:600; font-size:13px;}

#main_board_area .photo_box ul{padding:12px 30px 0px 27px;}
#main_board_area .photo_box ul li .inner{position:relative;width:170px; height:105px; border:1px solid #ededed;}
#main_board_area .photo_box ul li .inner .img_area{cursor:pointer; width:168px; padding:9px 0px;position:absolute; left:0px; bottom:0px; display:block; background:#222; color:#fff; text-align:center; font-size:12px; opacity:0.8;}
#main_board_area .photo_box ul li .inner a:hover{text-decoration:underline;}



/* main_button */
#main_board_area .m_button{float:left; width:200px; height:415px; box-sizing:border-box; /* background:url(../images/main/main_button_back.jpg);
-webkit-box-shadow: 1px 0 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 0 2px rgba(0,0,0,.2);
box-shadow: 1px 0 2px rgba(0,0,0,.2); */}

#main_board_area .m_button h2{border:1px solid #ededed;}
#main_board_area .m_button h2:nth-child(3), #main_board_area .m_button h2:last-child {border-top: none;}

/* main_webzin */
#main_board_area .m_webzin{float:left;width:100px; height:200px; box-sizing:border-box; margin-right:15px; border:1px solid #ededed; 
/*-webkit-box-shadow: 1px 0 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 0 2px rgba(0,0,0,.2);
box-shadow: 1px 0 2px rgba(0,0,0,.2);*/}
        
#main_board_area .m_webzin .web_box{/*padding:0 8px; background:url(../images/main/main_wezin_back.jpg); background-repeat:no-repeat;*/ line-height:0;}
#main_board_area .m_webzin .web_box h3{border-bottom:1px solid #ededed; padding:20px 0px 10px 0px;}
#main_board_area .m_webzin .web_box h3 a{float:right;display:inline-block;}
#main_board_area .m_webzin .web_box p{padding:10px 0px 10px 0px; font-size:12px;}

#main_board_area .m_webzin .web_box2{/*width:118px;height:45px;padding:8px 0px 0px 0px;*/ line-height:0;}
#main_board_area .m_webzin .web_box2 a img{}
#main_board_area .m_webzin .web_box h5{padding:7px 0px 10px 0px; font-size:12px;}

#main_board_area .m_webzin.youtube {width:100%; height:152px; margin-right:0;}
#main_board_area .m_webzin.youtube .youtube_box {width:100%; height: 100%;}
#main_board_area .m_webzin.youtube .youtube_box iframe {width:100%; height: 100%;}

/* main_m_story */
#main_board_area .m_story{float:left;width:405px; height:198px; margin:15px 16px 0px 0px; border-left:1px solid #ededed; border-right:1px solid #ededed ;border-bottom:1px solid #ededed;
-webkit-box-shadow: 1px 0 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 0 2px rgba(0,0,0,.2);
box-shadow: 1px 0 2px rgba(0,0,0,.2);}

/* main_m_video*/
#main_board_area .m_video{float:left;width:215px; height:248px; box-sizing:border-box; margin-top:15px; border:1px solid #ededed;
/*-webkit-box-shadow: 1px 0 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 0 2px rgba(0,0,0,.2);
box-shadow: 1px 0 2px rgba(0,0,0,.2); */}
#main_board_area .video_box{padding:0;}
#main_board_area .site_box{background:url(../images/main/site_back.jpg); background-repeat:no-repeat;}
#main_board_area .site_box .site_wrap{padding:8px 10px; overflow:hidden; position:relative;}
#main_board_area .site_box .s_box{width:100%; height:30px; overflow:hidden;}
#main_board_area .site_box .s_box select{width:100%; height:30px; padding:5px 0; box-sizing:border-box; font-size:12px;}
#main_board_area .site_box a.btn_site{width:50px; height:30px; line-height:20px; text-align:center; padding:5px; box-sizing:border-box; border:none;background:#959595;color:#fff; position:absolute; top:8px; right:10px;}
#main_board_area .site_box a.btn_site:hover{background:#8e8e8e; color:#fff;}
#main_board_area .site_box a.btn_site2{display:inline-block;padding:8px 9px;border:none;background:#959595;color:#fff; margin-left:5px;}

/* footer */
#footer{clear:both;position:relative;min-width:1100px;padding:0;margin:0 auto; background:#f5f5f5; }
#footer_area{width:100%;margin:0 auto;}
#footer_area #info{width:100%;border-bottom:1px solid #cacaca;border-top:1px solid #cacaca; background:#e9e9e9;}
#footer_area #info .info_box1{width:1100px;margin:0 auto;padding:10px 0; color:#333; font-weight:600; display: flex; justify-content: space-between;}
#footer_area #info a.btn_copy{display:inline-block;padding:7px 20px;;border:none;background:#6c727f;color:#fff;}
#footer_area #info a.btn_copy:hover{background:#828999; color:#fff;}
#footer_area #info2{width:100%;overflow:hidden;}
#footer_area #info2 .info_box2{width:1100px;margin:0 auto;}
#footer_area #info2 address{font-size:1.0em;line-height:1.5;color:#535353;padding:20px 0;}
#footer_area #info2 .fr_box{display:block;}
#footer_area #info2 .fr_box .fr_info1{display:block; padding:20px 0px 10px;}
#footer_area #info2 .fr_box .fr_info2{display:block; text-align:right;}

/* sub_visual */
#sub_visual{position:relative;min-width:1100px;min-height:200px;padding:0;margin:0 auto;}
#sub_visual_area{width:1100px;margin:0 auto; width:1098px; height:198px; border:1px solid #ededed; margin-top:95px;}


/* sub left메뉴*/
#sub{position:relative;min-width:1100px;padding:0;margin:0px auto;}
#sub_area{width:1100px;margin:0 auto;overflow:hidden;}
#sub_area #sub_left{float:left;width:220px; margin-top:20px; padding-bottom:80px;}
#sub_left h1{margin:0 0 3px;}
#sub_left .sub_menu{width:178px;border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
#sub_left .sub_menu ul{border-top:1px solid #cccccc;}
#sub_left .sub_menu ul li{border-bottom:1px solid #cccccc;}
#sub_left .sub_menu ul li a{display:inline-block;width:158px;padding:10px 10px;font-size:14px;}
#sub_left .sub_menu ul li a:hover{background-image:url(../images/common/bg_btn_detail.gif); background-repeat:repeat;  color:#fff;}
#sub_left .sub_menu ul li a.over{background-image:url(../images/common/bg_btn_detail.gif);background-repeat:repeat; color:#fff;}
#sub_left .sub_menu ul li ul{border-top:none;padding:5px 0;}
#sub_left .sub_menu ul li ul li{border-bottom:none;}
#sub_left .sub_menu ul li ul li a{display:inline-block;width:148px;padding:5px 15px;font-size:1.1em;background:none;}
#sub_left .sub_menu ul li ul li a:hover{background:none;color:#333333;}
.sub_title_text{color:#447BCF;}


/* sub right 컨텐츠*/
#sub_area #sub_right{float:left;width:880px; margin-top:20px;}
#sub_right .sub_title{margin:0 0 30px 0;padding-bottom:7px;border-bottom:1px solid #E4E5E6;overflow:hidden;}
#sub_right .sub_title h2{padding-left:20px;background:url(../images/sub/point_ti.png) no-repeat left 8px;font-size:1.4em;line-height:1.4em;color:#000; font-weight:600;}
#sub_right .sub_title h3{padding-left:20px;background:url(../images/sub/point_ti.png) no-repeat left 6px;font-size:15px;line-height:1.4em;color:#000; font-weight:600;}
#sub_right .sub_title p.fr{color:#828282;font-size:0.9em;letter-spacing:-0.05em; margin-top:7px;}
#sub_right .sub_contents{width:880px;margin:0 auto;padding-bottom:50px;line-height:1.6em;color:#222;overflow:hidden;}

#sub_right .sub_contents h2{padding-left:25px;background:url(../images/sub/sub_m_01.jpg) no-repeat left 3px;font-size:16px;line-height:1.4em;color:#000; font-weight:600;margin-bottom:15px;}
#sub_right .sub_contents h3{font-size:15px; color:#354662; font-weight:600; margin-bottom:10px; background:url(../images/sub/sub_point03.png) no-repeat left 5px; padding-left:12px;}
#sub_right .sub_contents h4{font-size:15px; color:#354662; font-weight:600; margin-bottom:15px; background:url(../images/common/select_ico.gif) no-repeat left 50%; padding-left:18px;}
#sub_right .sub_contents h4 a{color:#222;}
#sub_right .sub_contents h4 a:hover{color:#4a78cc;}
#sub_right .sub_contents h4 span{display:inline-block; margin-left:10px;}
/*230807수정
#sub_right .sub_contents h4 span a{display:block; font-size:0.85em; color:#fff; background:#4a78cc; border-radius:3px; padding:5px 8px;}
#sub_right .sub_contents h4 span a:hover{color:#ccc;}*/
#sub_right .sub_contents .s_title{background:url(../images/common/m_topbg.gif) no-repeat left 10px; padding-left:10px;}
#sub_right .sub_contents .s_title2{background:url(../images/common/bg_main02.png) no-repeat left 9px; padding-left:10px; font-weight:600; font-size:15px;}
#sub_right .sub_contents .s_title3{background:url(../images/common/bg_btn_blue.gif) no-repeat left 5px; padding-left:10px;}
#sub_right .sub_contents .s_title4{background:url(../images/common/m_topbg.gif) no-repeat left 5px; padding-left:10px;}

#sub_right .sub_contents .contents_de{width:840px;margin:0 auto;}
#sub_right .sub_contents .contents_de .greeting_box{width:840px; height:444px;background:url(../images/sub/greeting_back.jpg);}
#sub_right .sub_contents .contents_de .greeting_box h5{font-size:20px; font-weight:600;}
#sub_right .sub_contents .contents_de .greeting_box p{font-size:13px; color:#707070;font-weight:600; letter-spacing:-0.8px; padding-top:20px;}
#sub_right .sub_contents .contents_de .greeting_box .greeting_txt{padding:80px 0px 0px 330px; text-align:center;}
#sub_right .sub_contents .contents_de .intro_box ul li p{font-size:16px; line-height:1.2; font-weight:600; margin-bottom:10px;}
#sub_right .sub_contents .contents_de .intro_box .txt_back{background:url(../images/sub/em_logo.jpg) no-repeat left 4px;  padding-left:50px; line-height:1.5;}
#sub_right .sub_contents .contents_de .em_box{clear:both;}
#sub_right .sub_contents .contents_de .em_box li{font-weight:600; color:#38989;}
#sub_right .sub_contents .contents_de .em_box ul .em_b1{width:359px; height:167px; background:url(../images/sub/em_back01.jpg); background-repeat:no-repeat;margin:40px 80px 40px 0px;}
#sub_right .sub_contents .contents_de .em_box ul .em_b2{width:359px; height:167px;background:url(../images/sub/em_back02.jpg);background-repeat:no-repeat;margin:40px 0px 40px 0px;}
#sub_right .sub_contents .contents_de .em_box ul .em_b3{width:359px; height:167px;background:url(../images/sub/em_back03.jpg);background-repeat:no-repeat;margin:0px 80px 40px 0px;}
#sub_right .sub_contents .contents_de .em_box ul .em_b4{width:359px; height:167px;background:url(../images/sub/em_back04.jpg);background-repeat:no-repeat;}
#sub_right .sub_contents .contents_de .em_box p{padding:60px 0px 0px 10px;}
#sub_right .sub_contents .contents_de .em_mapgroup{width:840px; height:372px; background:url(../images/sub/map_bg.jpg); text-align:center;}
#sub_right .sub_contents .contents_de .em_mapgroup2{width:720px; height:294px; background:url(../images/sub/map2_bg.jpg); margin:0 auto; margin-top:40px;}
#sub_right .sub_contents .contents_de .ci_logo{border:1px solid #d4d4d4; width:616px; height:301px; margin:0 auto;}
#sub_right .sub_contents .contents_de .em_album{width:672px; margin:0 auto;}
#sub_right .sub_contents .contents_de .down_bt01 {text-align:center; margin-top:20px;}
#sub_right .sub_contents .contents_de .down_bt01 a{padding:8px 10px; background:#4d4d4d; border:none; font-size:14px; display:inline-block; margin:20px 0px 0px 52px; font-weight:600;color:#fff; margin:0 auto;}
#sub_right .sub_contents .contents_de .down_bt01 a img {width:21px; height:21px; margin-right:10px;}
#sub_right .sub_contents .contents_de .map_box{width:620px;margin:0 auto;}
#sub_right .sub_contents .contents_de .grouphome_step{width:802px; height:80px; margin:0 auto;}
#sub_right .sub_contents .contents_de .emhome_step{width:656px; height:245px; margin:0 auto;}
#sub_right .sub_contents .contents_de .welfare_step{width:664px; height:241px; margin:0 auto;}
#sub_right .sub_contents .contents_de .agency_step{width:656px; height:110px;}
#sub_right .sub_contents .contents_de .pro_area{width:775px; height:553px; margin:0 auto;}
#sub_right .sub_contents .contents_de .pro_area .pro_box{width:135px; height:120px; border:2px solid #e2e2e2; margin:8px;}
#sub_right .sub_contents .contents_de .pro_area .pro_box img{width:135px; height:90px;}
#sub_right .sub_contents .contents_de .pro_area .pro_box p{padding:5px 10px; background:#f9f9f9; text-align:center; font-weight:600;}
#sub_right .sub_contents .contents_de .pro_area .pro_box p a{color:#222;}
#sub_right .sub_contents .contents_de .pro_area .pro_box p a:hover{color:#4d7cd2;}
#sub_right .sub_contents .contents_de .pro_area .pro_box h5{padding:8px 10px; background:#f9f9f9; text-align:center; font-weight:600;}
#sub_right .sub_contents .contents_de .pro_area .pro_box h5 a{color:#222;}
#sub_right .sub_contents .contents_de .pro_area .pro_box h5 a:hover{color:#4d7cd2;}
#sub_right .sub_contents .contents_de .carnation_box{width:700px; height:182px; margin:0 auto;}
#sub_right .sub_contents .contents_de .volunteer_box{width:723px; height:173px; margin:0 auto;}
#sub_right .sub_contents .contents_de .s_box_step{width:497px; height:500px; margin:0 auto;}
#sub_right .sub_contents .contents_de .s_box_step2{width:683px; height:224px;}
#sub_right .sub_contents .contents_de .s_box_step3{width:795px; height:104px;}
#sub_right .sub_contents .contents_de .s_box_step4{width:683px; height:102px;}
#sub_right .sub_contents .contents_de .b_box_step{width:662px; height:166px; margin:0 auto;}
#sub_right .sub_contents .contents_de .b_box_step2{width:662px; height:166px;}
#sub_right .sub_contents .contents_de .b_map_box{width:430px; height:214px; background:url(../images/sub/b_map_back.jpg); margin:0 auto;}
#sub_right .sub_contents .contents_de .webzin_box ul{width:840px; height:377px;}
#sub_right .sub_contents .contents_de .intake_box{width:620px; height:413px; margin:0 auto;}


#sub_right .sub_contents .contents_de .pro_area2{width:775px; height:280px; margin:0 auto;}
#sub_right .sub_contents .contents_de .pro_area2 .pro_box{width:135px; height:120px; border:2px solid #e2e2e2; margin:8px;}
#sub_right .sub_contents .contents_de .pro_area2 .pro_box img{width:135px; height:90px;}
#sub_right .sub_contents .contents_de .pro_area2 .pro_box h5{padding:8px 10px; background:#f9f9f9; text-align:center; font-weight:600;}
#sub_right .sub_contents .contents_de .pro_area2 .pro_box h5 a{color:#222;}
#sub_right .sub_contents .contents_de .pro_area2 .pro_box h5 a:hover{color:#4d7cd2;}

#sub_right .sub_contents .contents_de .pro_area3{width:775px; height:280px; margin:0 auto;}
#sub_right .sub_contents .contents_de .pro_area3 .pro_box{width:135px; height:120px; border:2px solid #e2e2e2; margin:8px;}
#sub_right .sub_contents .contents_de .pro_area3 .pro_box img{width:135px; height:90px;}
#sub_right .sub_contents .contents_de .pro_area3 .pro_box h5{padding:8px 10px; background:#f9f9f9; text-align:center; font-weight:600;}
#sub_right .sub_contents .contents_de .pro_area3 .pro_box h5 a{color:#222;}
#sub_right .sub_contents .contents_de .pro_area3 .pro_box h5 a:hover{color:#4d7cd2;}

#sub_right .sub_contents .contents_de .pro_area4{width:775px; height:140px; margin:0 auto;}
#sub_right .sub_contents .contents_de .pro_area4 .pro_box{width:135px; height:120px; border:2px solid #e2e2e2; margin:8px;}
#sub_right .sub_contents .contents_de .pro_area4 .pro_box img{width:135px; height:90px;}
#sub_right .sub_contents .contents_de .pro_area4 .pro_box h5{padding:8px 10px; background:#f9f9f9; text-align:center; font-weight:600;}
#sub_right .sub_contents .contents_de .pro_area4 .pro_box h5 a{color:#222;}
#sub_right .sub_contents .contents_de .pro_area4 .pro_box h5 a:hover{color:#4d7cd2;}

#sub_right .sub_contents .contents_de .pro_area5{width:775px; height:140px; margin:0 auto;}
#sub_right .sub_contents .contents_de .pro_area5 .pro_box{width:135px; height:120px; border:2px solid #e2e2e2; margin:8px;}
#sub_right .sub_contents .contents_de .pro_area5 .pro_box img{width:135px; height:90px;}
#sub_right .sub_contents .contents_de .pro_area5 .pro_box h5{padding:8px 10px; background:#f9f9f9; text-align:center; font-weight:600;}
#sub_right .sub_contents .contents_de .pro_area5 .pro_box h5 a{color:#222;}
#sub_right .sub_contents .contents_de .pro_area5 .pro_box h5 a:hover{color:#4d7cd2;}

#sub_right .sub_contents .contents_de .pro_area6{width:775px; height:304px; margin:0 auto;}
#sub_right .sub_contents .contents_de .pro_area6 .pro_box2{width:135px; height:136px; border:2px solid #e2e2e2; margin:8px;}
#sub_right .sub_contents .contents_de .pro_area6 .pro_box2 img{width:135px; height:90px;}
#sub_right .sub_contents .contents_de .pro_area6 .pro_box2 h5{padding:8px 15px; background:#f9f9f9; text-align:center; font-weight:600;}
#sub_right .sub_contents .contents_de .pro_area6 .pro_box2 h5 a{color:#222;}
#sub_right .sub_contents .contents_de .pro_area6 .pro_box2 h5 a:hover{color:#4d7cd2;}

#sub_right .sub_contents .agree_bt{padding:7px 15px; background:#5b91cd; color:#fff; border:none; font-size:14px; display:inline-block;}
#sub_right .sub_contents .change_bt{padding:5px 15px; background:#333; color:#fff; border:none; font-size:14px; display:inline-block;}
#sub_right .sub_contents .down_bt{padding:5px 15px; background:#f16363; color:#fff; border:none; font-size:14px; display:inline-block;}

#sub_right .sub_contents .r_txt01{padding:10px; background:#f2f7fd; font-size:13px; line-height:1.8; text-align:center;}
#sub_right .sub_contents .r_txt02{padding:20px; background:#f2f7fd; font-size:13px; line-height:1.6;}
#sub_right .sub_contents .r_txt03{padding:20px; background:#f2f7fd; font-size:13px; line-height:1.7; text-align:justify;}
#sub_right .sub_contents .r_txt04{padding:20px; background:#f2f7fd; font-size:13px; line-height:1.8;}
#sub_right .sub_contents .r_txt05{padding:20px; background:#f2f7fd; font-size:13px; line-height:1.8; text-align:center;}
#sub_right .sub_contents .r_txt06{padding:10px; background:#f2f7fd; font-size:13px; line-height:1.8;}
#sub_right .sub_contents .r_txt07{padding:5px; background:#fff; border:1px solid #d4d4d4; font-size:13px;}
#sub_right .sub_contents .r_txt08{padding:20px; background:#fff; border:1px solid #d4d4d4; font-size:13px;}
#sub_right .sub_contents .r_txt09{padding:15px; background:#f2f7fd; font-size:13px; line-height:1.6;}
#sub_right .sub_contents .r_txt10{padding:15px; background:#f2f7fd; font-size:13px; line-height:1.8; text-align:justify;}

#sub_right .sub_contents .support_bt{padding:7px 15px; background:#f16363; color:#fff; border:none; font-size:14px; display:inline-block;}

.agree_box1 table{border:1px solid #d4d4d4; margin-top:30px;}
.agree_box1 table th{background:#f9f9f9; border:1px solid #d4d4d4;}
.agree_box1 table td{}
.agree_box1 table .line_right{border-right:1px solid #d4d4d4;}
.agree_box1 table .back_gray{background-color:#f9f9f9;}

#sub_right .sub_contents .sheetTable{margin-bottom:40px;}
#sub_right .sub_contents .sheetTable table{border-top:3px solid #4a78cc;}
#sub_right .sub_contents .sheetTable table th{padding:0px 0px 0px 0px; background-color:#f9f9f9; color:#222; border-bottom:1px solid #d4d4d4;}
#sub_right .sub_contents .sheetTable table td{padding:0px 0px 0px 0px; border-bottom:1px solid #d4d4d4; color:#222; text-align:center;}
#sub_right .sub_contents .sheetTable table .line_right{border-right:1px solid #d4d4d4;}
#sub_right .sub_contents .sheetTable table .back_gray{background-color:#f9f9f9;}

#sub_right .sub_contents .sheetTable2 table{border-top:3px solid #4a78cc;}
#sub_right .sub_contents .sheetTable2 table th{padding:0px 0px 0px 0px; background-color:#f9f9f9; color:#222; border-bottom:1px solid #d4d4d4;}
#sub_right .sub_contents .sheetTable2 table td{padding:0px 0px 0px 0px; border-bottom:1px solid #d4d4d4; color:#222; text-align:center;}
#sub_right .sub_contents .sheetTable2 table .line_right{border-right:1px solid #d4d4d4;}
#sub_right .sub_contents .sheetTable2 table .back_gray{background-color:#f9f9f9;}

#sub_right .sub_contents .sheetTable3 table{border-top:3px solid #4a78cc;}
#sub_right .sub_contents .sheetTable3 table th{padding:0px 0px 0px 0px; background-color:#f9f9f9; color:#222; border-bottom:1px solid #d4d4d4;}
#sub_right .sub_contents .sheetTable3 table td{padding:0px 0px 0px 0px; border-bottom:1px solid #d4d4d4; color:#222;}
#sub_right .sub_contents .sheetTable3 table .line_right{border-right:1px solid #d4d4d4;}
#sub_right .sub_contents .sheetTable3 table .back_gray{background-color:#f9f9f9;}
#sub_right .sub_contents .sheetTable3 table a{color:#222;}
#sub_right .sub_contents .sheetTable3 table a:hover{color:#5a5a5a;}

.sub02_04_table table td {padding:0 10px !important;}

#sub_right .sub_contents .sheetTable4{width:840px; margin:0 auto;}
#sub_right .sub_contents .sheetTable4 table th{padding:0px 0px 0px 0px; border-top:2px solid #72a0d2; border-bottom:1px solid #d4d4d4; background:#f9f9f9; color:#222;}
#sub_right .sub_contents .sheetTable4 table td{padding:0px 0px 0px 0px; border-bottom:1px solid #d4d4d4; color:#222; text-align:center;}
#sub_right .sub_contents .sheetTable4 table .line_right{border-right:1px solid #d4d4d4;}
#sub_right .sub_contents .sheetTable4 table .back_gray{background-color:#f9f9f9;}
#sub_right .sub_contents .sheetTable4 a{color:#222;}
#sub_right .sub_contents .sheetTable4 a:hover{color:#00479d;}

#sub_right .sub_contents .sheetTable5{width:840px; margin:0 auto;}
#sub_right .sub_contents .sheetTable5 table th{padding:0px 0px 0px 0px; border-top:2px solid #72a0d2; border-bottom:1px solid #d4d4d4; background:#f9f9f9; color:#222;}
#sub_right .sub_contents .sheetTable5 table td{padding:0px 0px 0px 0px; border-bottom:1px solid #d4d4d4;}
#sub_right .sub_contents .sheetTable5 table .line_right{border-right:1px solid #d4d4d4;}
#sub_right .sub_contents .sheetTable5 table .back_gray{background-color:#f9f9f9;}
#sub_right .sub_contents .sheetTable5 .notice_list{padding:2px 12px; background:#333333; color:#fff; border:none; font-size:12px; display:inline-block;}
#sub_right .sub_contents .sheetTable5 .file_search a{padding:8px 20px; background:#5b91cd; color:#ffffff; margin:0px 10px 0px 10px; border:none;}
#sub_right .sub_contents .sheetTable5 .w_le{font-weight:600; margin-left:15px;}
#sub_right .sub_contents .sheetTable5 a{color:#222;}
#sub_right .sub_contents .sheetTable5 a:hover{color:#00479d;}


.list_ct {clear:both; overflow:hidden;}
.list_ct table {width:100%;}
.list_ct .file {display:inline-block; margin:0 0 0 5px; vertical-align:-1px;}


/* 기본 테이블스타일 */
.tblst {width:100%; font-size:14px; letter-spacing:0px; border-top:1px solid #707070;}
.tblst {width: 100%; font-size:14px; letter-spacing:0px; border-top:1px solid #707070; overflow:hidden; table-layout : fixed;} 
/*.tblst에 overflow:hidden; table-layout : fixed; 추가*/
.tblst th { background:#f7f5f1; color:#242424; }
.tblst th,
.tblst td {padding:5px 0; border-bottom:1px solid #ddd; vertical-align:top; overflow:hidden; text-align:center;}
.tblst th[scope="col"] {text-align:center;}
.tblst th[scope="row"] {text-align:left;}
th.center,
td.center {text-align:center !important;}
th.right,
td.right {text-align:right !important;}
th.left,
td.left {text-align:left !important;}
th.tit_th { padding-left:0 !important; background:#fafafa; }
.prev_next_list { background:#fafafa !important; }


.viewCon{ padding:10px; text-align:left; line-height:150%; width:700px; overflow:hidden;}
.inp_04 {
		   border:1px solid #9c9c9c;
		   border-right:1px solid #c9c9c9;  
		   /* border-bottom:1px solid #c9c9c9; */
		   background:#ffffff;
		   width: 700px;
		   height: 50px;
		   vertical-align:middle;
		   padding:5px 0 0 5px;
		   }
.btn_style01 {padding: 5px 10px; font-size: 11px; color: #fff; background: #4e4e4e; border: 1px solid #303030; border-radius: 3px; display: inline-block; vertical-align: middle; cursor: pointer;}
   

/*password2*/
.password2{ 
	display:none;
	position:absolute;
	/* left: 200px;
	top: 180px; */
	width:400px;
	height:200px;
	background:#fff ;
	border: 1px solid #111;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.password2 .close{
	position:absolute;
	top: 40px;
	right: 40px;
	cursor:pointer;
	background:#fff;
}
.password2 p{
	font-size:18px;
	padding: 40px 0 40px 40px;
	font-weight:bold;
}
.password2 input[type="password"]{
	width:300px;
	margin: 0 0 0 40px;
}
.password2 .btn_pw{
	width:310px;
	margin: 5px 0 0 40px;
}


.b_cont img {
	max-width:700px;
	width: expression(this.width > 700 ? 700: true);
}

/*연혁 table*/

#sub_right .sub_contents .histable{margin-bottom:40px;}
#sub_right .sub_contents .histable table{border-top:3px solid #4a78cc;}
#sub_right .sub_contents .histable table.history{}
#sub_right .sub_contents .histable table.history th{padding:0px 0px 0px 0px; background:#f9f9f9 url(../images/sub/sub05_arrow.png)no-repeat 0px 0px; color:#4a78cc; border-bottom:1px solid #d4d4d4;font-size:15px; font-weight:900; }
#sub_right .sub_contents .histable table.history td{padding:0px 0px 0px 0px; border-bottom:1px solid #d4d4d4; color:#222; text-align:center;}
#sub_right .sub_contents .histable table.history,.line_right{border-right:1px solid #d4d4d4;}
#sub_right .sub_contents .histable table.history,.back_gray{background-color:#f9f9f9;}

.his_tab{text-align:center;}
.his_tab ul{overflow:hidden;}
.his_tab li{float:left; width:20%; padding:0 2px; box-sizing:border-box;}
.his_tab li a{display:block; width:100%; padding:5px 10px; box-sizing:border-box; text-align:center; background:#f0f0f0; color:#aaa; border-radius:5px;}
.his_tab li.active a{background:#4a78cc; font-weight:600; color:#fff;}



/* 회원가입 */
.mem_table table tr td .m_id a{padding:8px 20px; background:#f16363; color:#ffffff; margin:0px 10px 0px 10px; border:none;}
.mem_table table{border-top:2px solid #080808;}
.mem_table table th{background:#f9f9f9;font-weight:bold;text-align:center; font-size:12px;}
.mem_table table td{border-bottom:1px solid #d4d4d4;}
.mem_table table td.m_ti{width:165px; height:50px; background:#f9f9f9;font-weight:bold;text-align:left; font-size:13px;}
.mem_table table td.m_ti2{width:165px; height:80px; background:#f9f9f9;font-weight:bold;text-align:left; font-size:13px;}
.mem_table table tr td .m_le{padding-left:30px;}
.mem_table table tr td .m_ri{padding-left:30px;}
.mem_table table .input_nb{width:60px; border:1px solid #c2c2c2; height:25px; font-size:12px;font-family:"돋움";color:#4b4b4b; line-height:18px;}
.mem_table table .input_nb2{width:80px; border:1px solid #c2c2c2; height:25px; font-size:12px;font-family:"돋움";color:#4b4b4b; line-height:18px;}

#sub_right .sub_contents .m_agree{text-align:center; margin-top:20px;}
#sub_right .sub_contents .m_agree .agree_bt{padding:10px 30px; background:#5b91cd; color:#fff; border:none; font-size:14px; display:inline-block;}
#sub_right .sub_contents .m_agree .cancel_bt{padding:10px 30px; background:#333333; color:#fff; border:none; font-size:14px; display:inline-block; margin-left:10px;}

#sub_right .sub_contents .contents_tab{width:840px; height:40px;}
#sub_right .sub_contents .contents_tab ul li{float:left;}



.agree_box1 table{border:1px solid #d4d4d4; margin-top:30px;}
.agree_box1 table th{background:#f9f9f9; border:1px solid #d4d4d4;}
.agree_box1 table td{}
.agree_box1 table .line_right{border-right:1px solid #d4d4d4;}
.agree_box1 table .back_gray{background-color:#f9f9f9;}


#write_box{margin:10px 20px 20px;}
#write_box .write_bt{padding:5px 20px; background:#5b91cd; color:#fff; border:none; font-size:14px; display:inline-block;}
#page{width:100%; height:25px; padding-top:30px;margin:0 auto;}
#page ul li{float:left;}
#page .p_1{margin-top:8px;}
#page .p_2{margin-top:8px; margin-right:10px; margin-left:7px;}
#page .p_3{margin-right:2px;}
#page .p_4{margin-top:8px; margin-left:10px; margin-right:7px;}
#page_search{width:260px; height:25px; margin:0 auto; padding-top:20px;}
#page_search .input_nb{width:70px; border:1px solid #c2c2c2; height:26px; font-size:12px;font-family:돋움;color:#4b4b4b; line-height:18px;}
#page_search .p_search{padding:2px 12px; background:#333333; color:#fff; border:none; font-size:12px; display:inline-block;}

.answer_box{width:740px; margin:0 auto;}
.answer_box .answer_wr ul .a_box{border-bottom:1px dotted #7e7e7e;}
.answer_box .answer_wr ul li{width:100%; display:inline-block; padding:15px 0px 15px 0px;}
.answer_box .answer_wr ul li h1{font-size:12px; font-weight:600;}
.answer_box .answer_wr ul li .q_date{color:#c7c7c7; margin-left:35px;}
.answer_box .answer_wr ul .a_box .a_box_date{color:#c7c7c7; font-size:12px;}
.answer_box .view_button{padding:5px 18px; background:#424854; color:#fff; border:none;display:inline-block;}
.answer_box .ok_button{padding:5px 18px; background:#f9f9f9; border:1px solid #d4d4d4;display:inline-block;}
.answer_box .counsel_button{padding:5px 18px; background:#f9f9f9; border:1px solid #d4d4d4; display:inline-block;}
.answer_box .del_button{padding:3px 8px;background:#4b4b4b; border:1px solid #404040; color:#fff; display:inline-block;}

/* 회원공간 */
#sub_right .sub_contents .login{width:600px; height:280px; margin:0 auto 40px auto;padding:25px 0 0 0;background:url(../images/sub/login_back.jpg); background-repeat:no-repeat;color:#fff;box-shadow:2px 2px 9px rgba(0,0,0,.2); border:1px solid #d4d4d4;}
#sub_right .sub_contents .login p{color:#222; margin-left:197px; clear:both; margin-top:10px;}
#sub_right .sub_contents .login .login_area{width:318px; height:62px; margin:0 auto; margin-top:100px;}
#sub_right .sub_contents .login ul li{margin-top:5px;}
#sub_right .sub_contents .login ul li label{display:inline-block;width:57px;text-align:right;color:#444;font-weight:bold;}
#sub_right .sub_contents .login ul li input.m_input{width:115px;height:16px;border:1px solid #CBD2DF;background:#E0E6F2;font-size:0.9em;line-height:18px;}
#sub_right .sub_contents .login .join{width:600px;margin:30px auto 0 auto;padding:15px 0;text-align:center;background:url(../images/common/bg_main01.png);color:#606164;}
#sub_right .sub_contents .login .join a{padding:0 20px;font-size:1.1em;color:#ccc;}
#sub_right .sub_contents .login .join a:hover{color:#fff;}

/* 사이트맵 */
.sitemap_box{margin:0 auto; width:840px; margin-top:25px;}
.sitemap_box dl{float:left; display:inline; width:200px; margin-bottom:40px;}
.sitemap_box dl dt{text-align:center; height:30px; color:#333; background:#f2f2f2; border-bottom:2px solid #9ba5a8; font-size:16px; line-height:22px; font-weight:600; padding:10px 0px 0px 0px;}
.sitemap_box dl dd{line-height:22px; border-bottom:1px dotted #ccc; padding:5px 0px; background:url(../images/common/dot02.jpg) no-repeat 7px 14px; padding-left:18px;}
.sitemap_box dl dd a{color:#222;}
.sitemap_box dl dd a:hover{color:#00479d;}


/* 영어 nav */
#nav2{position:absolute;z-index:1000;width:100%;height:95px;overflow:hidden; background:#fff;
	-webkit-box-shadow:0 8px 6px -6px rgba(0,0,0,.2);
	   -moz-box-shadow:0 8px 6px -6px rgba(0,0,0,.2);
	        box-shadow:0 8px 6px -6px rgba(0,0,0,.2);
}
#nav_area2{width:1100px;height:95px;overflow:hidden;margin:0 auto;min-height:450px;padding:0;background:url(../images/main/nav_back2.jpg) no-repeat 0 100%;}
#nav_area2 #logo {float:left;margin-top:18px;}

#nav2 ul.menu{float:right;margin:15px 0px 0px 0px;height:95px;overflow:hidden;}
.menu_1,.menu_2,.menu_3,.menu_4,.menu_5,.menu_6{float:left;}
#nav2 ul.menu a.t_menu_btn{display:block;padding-bottom:23px;font-size:1.25em;font-weight:600;}
#nav2 ul.menu ul{clear:both;margin:15px 0 0 40px;}
#nav2 ul.menu ul li{clear:both;font-size:0.95em;padding-left:7px;background:url(../images/common/dot02.jpg) no-repeat left 5px; margin:8px 0px 8px 0px;}
#nav2 ul.menu ul li a:link,
#nav2 ul.menu ul li a:visited, #nav ul.menu ul li a:active{color:#444444; text-decoration:none;}
#nav2 ul.menu ul li a:hover{color:#f16363; text-decoration:none;}



#main2{position:relative;min-width:1100px; min-height:678px; padding:95px 0 0 0;margin:0 auto;}

#main_area2{position:relative;width:1098px; height:448px; margin:0 auto; border-left:1px solid #ededed;border-right:1px solid #ededed;border-bottom:1px solid #ededed;}

#main_area2 .pagewrap{position:absolute; z-index:999; right:533px; top:417px;}
#main_area2 .pagewrap ul li{float:left; margin-right:8px;}
#main_area2 .playwrap{position:absolute; z-index:999; right:501px; top:417px;}
#main_area2 .playwrap ul li{float:left; margin-right:8px;}


#main_board_area .e_button{float:left;width:560px; height:197px; margin:15px 15px 0px 0px; border:1px solid #ededed; background:#fff;
-webkit-box-shadow: 1px 0 2px rgba(0,0,0,.2);
   -moz-box-shadow: 1px 0 2px rgba(0,0,0,.2);
        box-shadow: 1px 0 2px rgba(0,0,0,.2);}


#main_board_area .m_webzin2{float:left;width:252px; height:198px;margin:15px 15px 0px 0px; border-left:1px solid #ededed; border-right:1px solid #ededed;border-bottom:1px solid #ededed; background:url(../images/main/eng_webback.jpg); background-repeat:no-repeat;
-webkit-box-shadow: 1px 0 2px rgba(0,0,0,.2);
   -moz-box-shadow: 1px 0 2px rgba(0,0,0,.2);
        box-shadow: 1px 0 2px rgba(0,0,0,.2);}
#main_board_area .m_webzin2 .web_box{width:193px; height:150px; margin:0 auto;}
#main_board_area .m_webzin2 .web_box h3{border-bottom:1px solid #ededed; padding:20px 0px 10px 0px;}
#main_board_area .m_webzin2 .web_box h3 a{float:right;display:inline-block;}
#main_board_area .m_webzin2 .web_box p{padding:5px 0px 10px 0px; font-size:12px;}
#main_board_area .m_webzin2 .web_box h5{padding:10px 0px 10px 0px; font-size:14px; line-height:1.5;}



#main_board_area .m_video2{float:left;width:252px; height:198px;margin:15px 0px 0px 0px; border-left:1px solid #ededed; border-right:1px solid #ededed;border-bottom:1px solid #ededed; background:#fff;
-webkit-box-shadow: 1px 0 2px rgba(0,0,0,.2);
   -moz-box-shadow: 1px 0 2px rgba(0,0,0,.2);
        box-shadow: 1px 0 2px rgba(0,0,0,.2);}

#main_board_area .m_video2 .web_box2{border-bottom:1px solid #ededed; width:252px; height:47px;}
#main_board_area .m_video2 .web_box2 a img{float:left;}
#main_board_area .m_video2 .video_box{margin:20px 30px;}


/*메인 달력*/

.calen_edu { float:left;  margin: 15px 15px 0px 0px;
}

.m_calendar h2 { font-size:14px; font-weight:700;}

.calendar_box {width:184px; padding:8px 16px; border:1px solid #ededed;
-webkit-box-shadow: 1px 0 2px rgba(0,0,0,.2);
   -moz-box-shadow: 1px 0 2px rgba(0,0,0,.2);
        box-shadow: 1px 0 2px rgba(0,0,0,.2);
}
.select_month .c_month { font-size:13px; font-weight:700; color:#f7941d; font-family:"arial";height:27px;}
.btn_total_month { color:#684e6d; letter-spacing:-0.05; font-family:"돋움"; float:right; font-size:0.95em; padding-top:2px;}
.b_month, .c_month { float:left; display:block; }
.c_month { padding:0 9px; }
.b_month { padding-top:4px; }
.calendar_table { border-collapse:collapse;   }
.calendar_table th { padding-top:8px !important; font-family:"돋움";}
.calendar_table th, .calendar_table td { padding:5px 6px 5px 6.5px; color:#684e6d;  font-size:12px;text-align:center; font-weight:400;}
.calendar_table td {font-family:"arial";}
.calendar_table .sunday { color:#ff2828;}
.calendar_table .saturday { color:#1fa8ff;}
.calendar_table .date_on { background:#fff; border:0.1px solid #333; color:#333; }
.calendar_table .date_holiday { color:#ff2828; }
.calendar_table .date_use { background:#ffe2d5; }

.what_date { border:1px solid #ff9c9c; color:#707070; padding:10px 10px; width: 199px;position: absolute; background: #fff; top: 215px;  z-index: 100;}
.what_date span { margin-right:10px; }
.what_date .red_text { color:#ff7b7b; }


/* 운영지원팀 */
.bus_table {margin:10px 0; border:1px solid #ccc; border-width:1px 0 1px 0;}


/* PCP */
.pcp_table {border-top: 3px solid #4a78cc;}
.pcp_table th {padding:10px; background-color:#f9f9f9; color:#222; border-bottom:1px solid #d4d4d4;}
.pcp_table td {padding:15px 20px; border-bottom:1px solid #d4d4d4; color:#222;}
.pcp_table th .line_right, .pcp_table td .line_right {border-right:1px solid #d4d4d4;}

/* 탭안보이게 수정 */
.contents_tab_sub2_06{display:none;}

.sub2_01_rights ul{ display:flex;}
.sub2_01_rights li{width:25%;}



/*230727 수정*/
.pro_area1_wrap{display:flex;}
.pro_area1_wrap .pro_box{border:2px solid #e2e2e2; margin:8px;background: #f9f9f9;width:50%;}
.pro_area1_wrap .pro_box h5{padding:8px; background:#f9f9f9; text-align:center; font-weight:600;line-height: 1.2;display: flex; align-items: center; justify-content: center;}
.pro_area1_wrap .pro_box h5 a{color:#222;}
.pro_area1_wrap .pro_box h5 a:hover{color:#4d7cd2;}
.pro_area1_wrap .pro_box img{width:100%;}

.pro_area3_wrap .pro_box{border:2px solid #e2e2e2; margin:8px;background: #f9f9f9;}
.pro_area3_wrap .pro_box h5{padding:8px 10px; background:#f9f9f9; text-align:center; font-weight:600;line-height: 1.2;display: flex; align-items: center; justify-content: center;}
.pro_area3_wrap .pro_box h5 a{color:#222;}
.pro_area3_wrap .pro_box h5 a:hover{color:#4d7cd2;}
.pro_area3_in{display:flex;}
.pro_area3_in_01 .pro_box{width:20%;}
.pro_area3_in_02 .pro_box{width:16.666%;}
.pro_area3_wrap .pro_area3_in_01 .pro_box h5{ height:30px;}
.pro_area3_wrap .pro_area3_in_02 .pro_box h5{ height:40px;}
.pro_area3_wrap .pro_box img{width:100%;}

.pro_area6_wrap .pro_box{border:2px solid #e2e2e2; margin:8px;background: #f9f9f9;width:20%;}
.pro_area6_wrap .pro_box h5{padding:8px; background:#f9f9f9; text-align:center; font-weight:600;line-height: 1.2;display: flex; align-items: center; justify-content: center;}
.pro_area6_wrap .pro_box h5 a{color:#222;}
.pro_area6_wrap .pro_box h5 a:hover{color:#4d7cd2;}
.pro_area6_wrap_in{display:flex;}
.pro_area6_wrap .pro_box img{width:100%;}

.pro_area5_wrap{display:flex;}
.pro_area5_wrap .pro_box{border:2px solid #e2e2e2; margin:8px;background: #f9f9f9;width:33.333%;}
.pro_area5_wrap .pro_box h5{padding:8px; background:#f9f9f9; text-align:center; font-weight:600;line-height: 1.2;display: flex; align-items: center; justify-content: center;}
.pro_area5_wrap .pro_box h5 a{color:#222;}
.pro_area5_wrap .pro_box h5 a:hover{color:#4d7cd2;}
.pro_area5_wrap .pro_box img{width:100%;}



/*230727 수정_메뉴*/
#nav_wrap{ position: absolute; z-index: 1000; width: 100%; height: 95px; background: #fff; -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.2); -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,.2); box-shadow: 0 8px 6px -6px rgba(0,0,0,.2);}
#nav_wrap #nav_area_wrap{display:flex; position:relative; top:0; left:0;}
#top_logo{margin-top: 18px;position: absolute; top: 0;left: 0;}
#nav_wrap .menu_wrap{display:flex; padding-left:190px;}
#nav_area_wrap{width:1100px;height:95px;margin:0 auto;min-height:200px;padding:0;/*background:url(../images/main/nav_back2.jpg) no-repeat 0 100%;*/}
#nav_area_wrap #logo {float:left;margin-top:18px;}
#nav_area{ display:flex;}
#nav ul.menu_wrap{ display:flex;}
.nav_menu:hover .subnav_menu_list{display:block;}
.nav_menu {position:relative; top:0; left:0;height: 95px;line-height: 95px;}
.subnav_menu_list{position: absolute; z-index:999;   top: 88px;   left: -45px; width: 196px;  padding: 10px 20px;  border: 2px solid #ddd;  border-radius: 8px;  background-color: #fff;  box-shadow: 0 2px 40px rgba(0,0,0,.1); line-height: 26px; display: none; transition: all .25s ease-out;}
.subnav_menu_list li{display: flex; font-size:16px; padding: 5px; color: #000;font-weight: 500;position:relative; top:0; left:0; padding-left:10px;}
.subnav_menu_list li:after{content:""; position:absolute; top:50%; left:0; width:3px; height:3px;background-color:#bebebe; margin-top:-1.5px;}	
	

/*230727 수정_메인*/
#main_board_area .mboard01{height:232px;}
#main_board_area .mboard01 #vtab_3 .vtab_ti{padding: 20px 20px 25px 20px;background: url(../images/main/board_icon1.jpg) no-repeat 20px 20px;padding-left: 75px;}
#main_board_area .mboard01 #vtab2_4 .vtab_ti{padding:20px 20px 25px 20px; background:url(../images/main/board_icon1.jpg) no-repeat 20px 20px;padding-left:75px;}
#main_board_area .m_button{height:480px;}
.mainBoard_section2{width:380px; padding-right:15px; box-sizing:border-box; float:left;}
#main_board_area .mainBoard_section2 .m_button{width:100%;}
.mainBoard_section3{width:300px; float:left; overflow:hidden;}
#main_board_area .m_webzin.youtube{height:232px; margin-bottom:15px;}
#main_board_area .m_video{width:100%;height: 98px; margin-top:0;}
#main_board_area .site_box{background-size: cover;}
#main_board_area .m_webzin.facebook_con{height:122px; width:145px; margin-right:0; margin-bottom:10px;}

/*230807수정_생산품소개*/
#sub_right .sub_contents h4 span a{color:#00479d;}
#sub_right .sub_contents h4 span a:hover{color:#868686;}


/* 메인_복지관일정 */
.schedule {padding: 10px 10px 0; position: relative;}
.schedule::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 340px; height: 20%; background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 1))}
.schedule > p {font-size: 16px; font-weight: 600; color: #1c4b70; display: inline-block;}
.schedule > a {float: right;}
.schedule .schedule_li {overflow-y: scroll; margin-top: 5px; height: 190px;}
.schedule ul {padding-bottom: 30px;}
.schedule ul li {padding: 0 5px;}
.schedule ul li a {display: flex; padding: 10px; border-bottom: 1px solid #ddd;}
.schedule ul li a span {font-weight: 600; margin-right: 20px;}