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

@import url(common.css);
@import url(contents.css);

#wrap {width:100%;min-width:1000px;}

/* header */
#header{min-width:1120px;;padding:0;margin:0 auto;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4; background:#f8f8f8;
 font-weight:600;}
#header_area{width:1000px;margin:0 auto;padding:0;text-align:right;}
#header_area a{display:inline-block;margin:2px 0 2px 30px;color:#949494; background:url(/html2/images/main/board_dot.png) no-repeat 0px 10px; padding:4px 0px 4px 10px;}

/* nav */
#nav{min-width:1120px;height:90px;overflow:hidden;}
#nav_area{width:1000px;margin:0 auto;height:350px;padding:0;}
#nav_area #logo {float:left;margin-top:20px;}

#nav ul.menu{width:695px; float:right;margin-top:30px; background:url(/html2/images/main/main_menu_bar11.png) no-repeat right 16px;}
.menu_1{float:left;margin-left:0px;width:16.666%; text-align:center;}
.menu_2{float:left;margin-left:0px;width:16.666%; text-align:center;}
.menu_3{float:left;margin-left:0px;width:16.666%; text-align:center;}
.menu_4{float:left;margin-left:0px;width:16.666%; text-align:center;}
.menu_5{float:left;margin-left:0px;width:16.666%; text-align:center;}
.menu_6{float:left;margin-left:0px;width:16.666%; text-align:center;}
.menu_7{float:left;margin-left:0px;width:16.666%; text-align:center;}

#subnav_list1 {padding-left:0px;}
#subnav_list2 {padding-left:0px;}
#subnav_list3 {padding-left:0px;}
/* #subnav_list4 {padding-left:15px;} */
#subnav_list4 {padding-left:0px;}
#subnav_list5 {padding-left:0px;}
#subnav_list6 {padding-left:0px;}
/* #subnav_list7 {padding-left:10px;} */
#subnav_list7 {padding-left:0px;}

#nav ul.menu a.t_menu_btn{display:block;padding:20px 0 20px 0;font-size:1.25em;font-weight:600; color:#fff;}
#nav ul.menu a.t_menu_btn:link{color:#fff;}
#nav ul.menu a.t_menu_btn:hover{color:#ffc45c;}
#nav ul.menu ul{width:100%;clear:both;margin:15px 0 15px 0;}
#nav ul.menu ul li{clear:both;font-size:0.95em;height:20px;padding-left:7px;background:url(/html2/images/common/dot02.jpg) no-repeat left 5px; text-align:center;}
#nav ul.menu ul li a:link,
#nav ul.menu ul li a:visited, #nav ul.menu ul li a:active{color:#333; text-decoration:none;}
#nav ul.menu ul li a:hover{color:#4d7ad0; text-decoration:none;}

/* main */
#main{position:relative; width:100%;height:250px;padding:0;margin:0 auto;background:url(/html2/images/main/main_back.jpg);
border-top:3px solid #467bde; }
#main_area{width:1000px;margin:0 auto; border:0px solid #000066;}
#main #main_area .main_bar{position:absolute; width:1000px; height:30px;top:220px; background:url(/html2/images/main/visual_bar.jpg); opacity: 0.7; filter: alpha(opacity:'70'); z-index:9999;}
#main #main_area .main_bar p{color:#fff; font-size:18px; font-weight:700; text-align:center; margin-top:5px; }

/* main_board */
#main_board{min-width:1120px;margin:0 auto; }
#main_board_area{clear:both; width:1000px;margin:0 auto; margin-top:20px;}
#main_board_area .board01{float:left;width:237px; height:180px; margin-right:24px;}
#main_board_area .board01 .down_box{margin-top:9px;}
#main_board_area .board01 .member{width:235px; height:100px; border:1px solid #d4d4d4;}
#main_board_area .board01 .member .login{padding:8px 16px;overflow:hidden;}
#main_board_area .board01 .member .login ul li{margin-top:4px;}
#main_board_area .board01 .login ul li label{display:inline-block;width:25px;text-align:right;color:#818181;font-family:arial;font-weight:bold;font-size:11px;}
#main_board_area .board01 .login ul li input.m_input{width:105px;height:16px;border:1px solid #CBD2DF;background:#ced9ee;font-size:0.9em;line-height:18px;}
#main_board_area .board01 .bt{padding-top:10px;border-top:1px dotted #90aadb;text-align:center;}

#main_board_area .board02{float:left;width:230px; height:180px; border:0px solid #de0000;}
#main_board_area .board02 h3{margin-bottom:15px;font-size:16px;font-weight:600;color:#353535; border-bottom:1px solid #d6d6d6; padding-bottom:5px;}
#main_board_area .board02 h3 img{margin-right:10px;}
#main_board_area .board02 h3 a{float:right;font-size:12px;font-weight:500;color:#5e5d5d; padding:7px 0px;}
#main_board_area .board02 ul li{height:20px;padding-left:10px;background:url(/html2/images/main/main_dot.png) no-repeat 0px 4px;font-size:0.95em; margin-bottom:4px;}

#main_board_area .board03{float:left;width:480px;border:0px solid #de0000; margin-top:10px; padding-bottom:20px;}
#main_board_area .board03 h3{margin-bottom:15px;font-size:16px;font-weight:600;color:#353535; border-bottom:1px solid #d6d6d6; padding-bottom:5px;}
#main_board_area .board03 h3 img{margin-right:10px;}
#main_board_area .board03 h3 a{float:right;font-size:12px;font-weight:500;color:#5e5d5d; padding:7px 0px;}
#main_board_area .board03 ul li{float:left;}
#main_board_area .board03 ul .pic_li{margin-right:28px;}
#main_board_area .board03 .pic_bt li{margin-top:3px;}
#main_board_area .board03 ul li p {text-align:center; padding:7px 0px;}

#main_board_area .board03 .calendar_box{float:left;width:200px; height:212px; background-image:url(/html2/images/main/carlendar_back.jpg);}
#main_board_area .board03 .calendar_box h2{text-align:center; color:#fff; padding:8px 0px;}
#main_board_area .board03 .calendar_box p{text-align:center; color:#fff; font-size:16px;}

#main_board_area .board03 .calendar_box table{margin:0 auto; margin-top:19px;}
#main_board_area .board03 .calendar_box table th{color:#f15f75; padding-bottom:5px;}
#main_board_area .board03 .calendar_box table .mon_prev td{color:#bdbdbd;}
#main_board_area .board03 .calendar_box table td{text-align:center;height:18px; width:23px; font-size:10px; color:#707070;}
#main_board_area .board03 .calendar_box table .schedule{background:#4ab9e3; color:#fff;}
#main_board_area .board03 .calendar_box table .today{background:#f7c549; color:#fff;}

#main_board_area .board03 .schedule_box{float:left; width:275px; height:212px; margin-left:5px;}
#main_board_area .board03 .schedule_box .sch_box1{width:275px; height:212px;}
#main_board_area .board03 .schedule_box .sch_box1 .sch_box1_de {background-image:url(/html2/images/main/calendar_back.jpg);width:275px; height:78px;}


#main_board_area .board03 .schedule_box .sch_box1 .sch_box1_de p{padding:8px; line-height:1.4;}
#main_board_area .board03 .schedule_box .sch_box1 .diet{
	box-sizing: border-box;
    padding: 5px;
    height: 185px;
	align-items: start;
    justify-content: center;
    display: flex;
    gap: 8px;
}
#main_board_area .board03 .schedule_box .sch_box1 .diet .schedule_img{width:104px; height:62px; overflow:hidden;
border:1px solid #fff;
}
#main_board_area .board03 .schedule_box .sch_box1 .diet .schedule_img img{width:100%;}
#main_board_area .board03 .schedule_box .sch_box1 .diet p{
	padding:0 4px 0 0 ;
	width: 147px;
    height: 100%;
    overflow-y: scroll;
}

#main_board_area .board03 .schedule_box .sch_box1 .diet p::-webkit-scrollbar {
    width: 4px;
}
#main_board_area .board03 .schedule_box .sch_box1 .diet p::-webkit-scrollbar-thumb {
    background-color: #93A7BA;
    border-radius: 10px;
}
#main_board_area .board03 .schedule_box .sch_box1 .diet p::-webkit-scrollbar-track {
    background-color: #D1DAE1;
    border-radius: 10px;
    
}



/* banner */
#banner{position:relative;min-width:1120px;height:100px;margin:0 auto;border-top:1px solid #e0e0e0;background:#fff; clear:both;}
#banner_area{width:1000px;margin:0 auto;padding-top:12px;}
#banner_area .banner_btn{height:26px;}
#banner_area .banner_btn h1{float:left;margin-right:20px;}
#banner_area .banner_btn ul li{float:left;margin-right:0px;}

/* banner_control */
#bannerzone {position:absolute;width:1000px;height:55px;margin:0;padding:0;}
#bannerzone .banner02 {width:1030px; height:55px; float:left; position:relative; margin:0 0 0 0; overflow:hidden;}
#bannerzone .banner02 .banner02_list {width:1030px; height:55px !important; margin:0; clear:both; overflow:hidden;}
#bannerzone .banner02 .banner02_list li {float:left; height:55px; margin:0 22px 0 0; padding:0;}

.bnr_img {width:146px; height:36px; border:1px solid #efefef;}

/* footer */
#footer{clear:both; min-width:1120px;margin:0 auto; padding:0; background-color:#ececec; border:0px solid #006633;}
#footer_area{width:868px;margin:0 auto;padding:20px 0;}
#footer_area #info{text-align:center;}
#footer_area #info a.btn_copy{display:inline-block;padding:7px 35px;background:#6e6e6e;border:none;color:#fff;}
#footer_area #info a.btn_copy:hover{background:#7b7b7b;color:#fff;}
#footer_area #info div.fr{width:150px;}

#footer_area #info2{margin-top:0px;overflow:hidden;}
#footer_area #info2 a{border-right:1px solid #cacaca; padding-right:30px;}
#footer_area #info2 address{line-height:1.4;color:#333333; font-weight:600; padding-left:30px}

#footer_area #info3 {background-image:url(/html2/images/main/copy_back.jpg); width:868px; height:92px;margin:0 auto; margin-top:13px;color:#333333; font-weight:600;font-size:12px;}
#footer_area #info3 ul{float:left; padding:12px 18px 12px 18px;}
#footer_area #info3 ul li{background:url(/html2/images/main/copy_dot.jpg) no-repeat 0px 6px;padding-left:8px;}
#footer_area .copy{font-size:14px; text-align:center; margin-top:15px;}

/* sub_visual */
#sub_visual{position:relative;min-width:1000px;min-height:250px;padding:0;margin:0 auto;background:url(/html2/images/main/main_back.jpg);
border-top:3px solid #467bde; }
#sub_visual_area{width:1000px;margin:0 auto;}
#sub_visual #sub_visual_area .sub_visual_bar{position:absolute; width:1000px; height:30px;top:270px; background:url(/html2/images/main/visual_bar.jpg); opacity: 0.7; filter: alpha(opacity:'70');}
#sub_visual #sub_visual_area .sub_visual_bar p{color:#fff; font-size:18px; font-weight:700; text-align:center; margin-top:5px;}

/* sub */
#sub{position:relative;min-width:1000px;padding:0;margin:0px auto;}
#sub_area{width:1000px;margin:0 auto;overflow:hidden;}

#sub_area #sub_left{float:left;width:290px; margin-top:15px;}
#sub_left h1{margin:0 0 3px 0;font-size:2.6em;color:#4675bb;}
#sub_left .sub_menu{width:228px;margin-bottom:50px; 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:208px;padding:11px 10px;font-size:1.3em;}
#sub_left .sub_menu ul li a:hover{background-image:url(/html2/images/sub/s_gray_back.jpg);color:#fff;}
#sub_left .sub_menu ul li a.over{background-image:url(/html2/images/sub/s_blue_back.jpg);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:208px;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_area #sub_right{float:left;width:710px;margin-top:15px;}
#sub_right .con_title{margin:0 0 50px 0;padding-bottom:7px;border-bottom:1px solid #E4E5E6;overflow:hidden;}
#sub_right .con_title h2{padding-left:25px;background:url(/html2/images/sub/sub_dot.png) no-repeat left 2px;font-size:1.4em;line-height:1.4em;color:#000;font-weight:600;}
#sub_right .con_title p.fr{color:#828282;font-size:0.9em;letter-spacing:-0.05em; margin-top:7px;}
#sub_right .con_contents{width:710px;margin:0 auto;padding-bottom:50px;line-height:1.6em;color:#444;overflow:hidden;}
#sub_right .con_contents .con_tab ul li{float:left;}


.diet_left{
	justify-content: center;
    flex-direction: column;
    display: flex;
    width: 105px;
    height: 100%;
    gap: 10px;
}