@charset "utf-8"; /* CSS Document */ /* common css ------------------------------------------------------------------------------------------------------------------------------------- */ /* form setting */ select, input { height:34px; font-size:15px; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; background-color:#fcfcfc; border-radius:5px; } .tarea { width:100%; font-size:15px; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; } /* button control */ .btn { height:34px; line-height:32px; box-sizing:border-box; text-align:center; display:inline-block; font-weight:bold;} .btn:hover { background-color:#0057a6; color:#ffffff !important; } .b_Bla { background-color:#707070; border:1px solid #585858; color:#ffffff !important; } .b_Red { background-color:#da2c2c; border:1px solid #6e0f0f; color:#ffffff !important; } .b_Blu { background-color:#6da8cb; border:1px solid #3e84ae; color:#ffffff !important; } .b_whi { background-color:#ffffff; border:1px solid #585858; color:#707070 !important; } .b_brw { background-color:#665041; border:1px solid #43352c; color:#ffffff !important; } /* footer button area setting */ .btn_area { width:100%; height:28px; position:relative; margin-top:25px; } .btn_area a { position:absolute; font-size:18px; } .btn_area .left_p1 { left:0; } .btn_area .left_p2 { left:60px; } .btn_area .right_p1 { right:0; } .btn_area .right_p2 { right:90px; } .btn_area .center_p1 { left:50%; margin-left:5px; } .btn_area .center_p2 { left:50%; margin-left:-55px; } .btn_area .center_p3 { left:50%; margin-left:-115px; } .btn_area .center_p4 { left:50%; margin-left:-45px; } .btn_area .btn_p { position:absolute; width:100px; height:40px; top: 0; } .btn_area .btnnextfood { padding:0 15px; line-height:36px; border:2px solid #323232; font-size:15px; font-weight: bold;} .btn_area .btnprevfood { padding:0 15px; line-height:36px; border:2px solid #323232; font-size:15px; font-weight: bold;} /* input, button width setting */ .wd40 { width:40px; } .wd50 { width:50px; } .wd60 { width:60px; } .wd80 { width:80px; } .wd90 { width:90px; } .wd110 { width:110px; } .wd150 { width:150px; } .wd180 { width:180px; } .wd220 { width:220px; } .wd260 { width:260px; } .wd330 { width:330px; } .wd380 { width:380px; } .wd560 { width:560px; } .wd680 { width:680px; } /* board tr line */ .under_l { border-bottom:1px solid #e5e5e5; box-sizing:border-box; } .under_lc { border-bottom:1px solid #cccccc; box-sizing:border-box; } .top_l { border-top:1px solid #e5e5e5; box-sizing:border-box; } /* vital check */ .vital { text-indent:11px; } .vital span { font-size:11px; } /* board skin css ------------------------------------------------------------------------------------------------------------------------------------- */ .sub_con .top_notice { width:100%; padding:20px; border:1px solid #d7d7d7; box-sizing: border-box; font-size:20px; color:#717171; margin-bottom:40px; } @media only screen and (max-width:800px) { .sub_con .top_notice { width:100%; padding:2vw; border:1px solid #d7d7d7; box-sizing: border-box; font-size:4vw; color:#717171; margin-bottom:2vw; } } @media only screen and (max-width:480px) { .sub_con .top_notice { width:100%; padding:2.4vw; border:1px solid #d7d7d7; box-sizing: border-box; font-size:3vw; color:#717171; margin-bottom:4vw; } } /* board list page */ #board_skin { width:100%; margin-bottom:20px; } /* board list page */ #board_skin .list_head { width:100%; height:50px; position:relative; } #board_skin .list_head .total { height:50px; line-height:50px; font-size:15px; color:#323232; } #board_skin .list_head .search_box { width:300px; height:30px; position:absolute; top:10px; right:0; } #board_skin .list_head .search_box ul { position:relative; } #board_skin .list_head .search_box ul li { float:left; } #board_skin .list_head .search_box ul li select { width:80px; text-indent:10px; } #board_skin .list_head .search_box ul li input { width:152px; } #board_skin .list_head .search_box ul li .btn_search { width:60px; height:34px; line-height:32px; font-size:15px; text-align:center; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; display:block; } #board_skin .list_head .search_box2 { width:650px; height:30px; position:absolute; top:10px; right:0; } #board_skin .list_head .search_box2 ul { position:relative; } #board_skin .list_head .search_box2 ul li { float:left; } #board_skin .list_head .search_box2 ul li input { width:155px; } #board_skin .list_head .search_box2 ul li .btn_search { width:60px; height:34px; line-height:32px; font-size:15px; text-align:center; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; display:block; } #board_skin .list_head .search_box3 { width:280px; height:30px; position:absolute; top:10px; right:0; } #board_skin .list_head .search_box3 ul { position:relative; } #board_skin .list_head .search_box3 ul li { float:left; } #board_skin .list_head .search_box3 ul li select { width:150px; text-indent:10px; font-size:20px !important; margin-left:10px; } #board_skin .list_head .search_box3 ul li input { width:152px; } #board_skin .list_head .search_box3 ul li .btn_search { width:90px; height:34px; line-height:32px; font-size:15px; text-align:center; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; display:block; } @media only screen and (min-width:900px) { #board_skin .pass_check { width:100%; padding:20px 0; background-color:#fff4f9; border:1px solid #bebebe; box-sizing: border-box; margin-bottom: 40px;} #board_skin .pass_check ul.search_box { width:850px; height:40px; position: relative; margin:0 auto;} #board_skin .pass_check ul.search_box li { height:40px; float:left; margin-right:20px;} #board_skin .pass_check ul.search_box li .s_tit { width:80px; font-size:20px;} #board_skin .pass_check ul.search_box li input { width:160px; height:40px; font-size:18px; text-indent:15px;} #board_skin .pass_check ul.search_box li .btn_search { width:100px; height:40px; line-height:38px; font-size:20px; text-align:center; border:1px solid #dbdbdb; color:#9b1b21; box-sizing:border-box; display:block; background-color:#ffffff; } #board_skin .pass_check ul.search_box li .btn_search:hover { color:#ffffff; background-color:#9b1b21; } } @media only screen and (min-width:780px) and (max-width:900px) { #board_skin .pass_check { width:100%; padding:3vw 2vw; background-color:#fff4f9; border:1px solid #bebebe; box-sizing: border-box; margin-bottom: 40px;} #board_skin .pass_check ul.search_box { width:100%; height:5vw; position: relative; margin:0 auto;} #board_skin .pass_check ul.search_box li { height:6vw; float:left; } #board_skin .pass_check ul.search_box li .s_tit { font-size:2.4vw;} #board_skin .pass_check ul.search_box li input { width:15vw; height:5vw; font-size:1.8vw; text-indent:15px;} #board_skin .pass_check ul.search_box li .btn_search { padding:0 2vw; height:5vw; line-height:5vw; font-size:3vw; text-align:center; border:1px solid #dbdbdb; color:#9b1b21; box-sizing:border-box; display:block; background-color:#ffffff; } #board_skin .pass_check ul.search_box li .btn_search:hover { color:#ffffff; background-color:#9b1b21; } #board_skin .pass_check ul.search_box li.w1 { width:28%;} #board_skin .pass_check ul.search_box li.w2 { width:12%; margin-left: 2vw;} } @media only screen and (max-width:780px) { #board_skin .pass_check { width:100%; padding:3vw 2vw; background-color:#fff4f9; border:1px solid #bebebe; box-sizing: border-box; margin-bottom: 40px;} #board_skin .pass_check ul.search_box { width:100%; position: relative; margin:0 auto;} #board_skin .pass_check ul.search_box li { margin-bottom:2vw; } #board_skin .pass_check ul.search_box li .s_tit { width:18vw; display:inline-block; font-size:3.2vw; text-align: center; font-weight: bold; } #board_skin .pass_check ul.search_box li input { width:50vw; height:8vw; font-size:3.2vw; text-indent:15px; display:inline-block;} #board_skin .pass_check ul.search_box li .btn_search { height:10vw; line-height:10vw; font-size:6vw; text-align:center; border:1px solid #dbdbdb; color:#ffffff; box-sizing:border-box; display:block; background-color:#9b1b21; } #board_skin .pass_check ul.search_box li .btn_search:hover { color:#9b1b21; background-color:#ffffff; } #board_skin .pass_check ul.search_box li.w1 { height:8vw; width:100%;} #board_skin .pass_check ul.search_box li.w2 { height:10vw; width:100%; margin-bottom:0 !important;} } /* board list body */ #board_skin .list_body { width:100%; } #board_skin .list_body .result td { text-align:left !important; text-indent:20px;} @media only screen and (min-width:920px) { #board_skin .list_body .list_table { width:100%; border-top:1px solid #aeaeae; box-sizing:border-box; font-size:15px; } #board_skin .list_body .list_table th { text-align:center; height:55px; background-color:#f7f7f7; } #board_skin .list_body .list_table td { height:55px; text-align:center; color:#333333; } #board_skin .list_body .list_table .li_check { width:40px; } #board_skin .list_body .list_table .li_number { width:70px; } #board_skin .list_body .list_table .li_subject { text-align:left !important; text-indent:10px; } #board_skin .list_body .list_table .li_writer { width:200px; } #board_skin .list_body .list_table .li_date { width:150px; } #board_skin .list_body .list_table .li_count { width:70px; } #board_skin .list_body .list_table .li_state { width:80px; } #board_skin .list_body .list_table .li_chasunum { width:100px; } #board_skin .list_body .list_table .li_duration { width:200px; } #board_skin .list_body .list_table .li_duration2 { width:160px; } #board_skin .list_body .list_table .li_room { width:100px; } #board_skin .list_body .list_table .chasu_sel { width:20%;} #board_skin .pc_delete { display: none;} } @media only screen and (min-width:681px) and (max-width:920px) { #board_skin .list_body .list_table { width:100%; border-top:1px solid #aeaeae; box-sizing:border-box; font-size:2vw; } #board_skin .list_body .list_table .li_subject { text-align:left !important; text-indent:0 !important; } #board_skin .list_body .list_table .li_date { width:22vw; } #board_skin .list_body .list_table th { text-align:center; padding:2vw 0; background-color:#f7f7f7; } #board_skin .list_body .list_table td { text-align:center; padding:2vw 0; } #board_skin .list_body .list_table .li_check { width:25px; } #board_skin .list_body .list_table .li_number { width:60px; } #board_skin .list_body .list_table .li_subject { text-align:left !important; text-indent:10px; } #board_skin .list_body .list_table .li_writer { width:12vw; text-align:center; } #board_skin .list_body .list_table .li_date { width:16vw; } #board_skin .list_body .list_table .li_count { width:70px; } #board_skin .list_body .list_table .li_state { width:80px; } #board_skin .list_body .list_table .li_chasunum { width:100px; } #board_skin .list_body .list_table .li_duration { width:200px; } #board_skin .list_body .list_table .li_duration2 { width:160px; } #board_skin .list_body .list_table .li_room { width:100px; } #board_skin .list_body .list_table .chasu_sel { width:20%;} #board_skin .pc_delete { display: none;} } @media only screen and (max-width:680px) { #board_skin .list_body .list_table { width:100%; border-top:1px solid #aeaeae; box-sizing:border-box; font-size:3.5vw; } #board_skin .mo_delete { display: none; } #board_skin .mo_fsize { font-size:2.6vw !important; width:14vw !important;} #board_skin .list_body .list_table .li_subject { text-align:left !important; padding:2vw; } #board_skin .list_body .list_table .li_date { width:22vw; } #board_skin .list_body .list_table .li_date2 { width:16vw; } #board_skin .list_body .list_table .li_writer { width:22vw; text-align:center; } #board_skin .list_body .list_table .li_writer2 { width:16vw; text-align:center; } #board_skin .list_body .list_table th { text-align:center; padding:2vw 0; background-color:#f7f7f7; } #board_skin .list_body .list_table td { text-align:center; padding:2vw 0; } #board_skin .list_body .list_table .chasu_sel { width:20vw; font-size:2.2vw !important;} } #board_skin .list_body .list_table tr:hover { background-color:#e1ecff; } #board_skin .list_body .list_table td a:link, #board_skin .list_body .list_table td a:active, #board_skin .list_body .list_table td a:visited { color:#3e3e3e; } #board_skin .list_body .list_table td a:hover { color:#e94568; } #board_skin .list_body .list_table td .notice { width:40px; height:18px; line-height:18px; font-size:12px; text-align:center; display:inline-block; background-color:#da2c2c; color:#ffffff; } #board_skin .list_body .list_table td .cate01 { width:40px; height:18px; line-height:16px; font-size:12px; text-align:center !important; text-indent:0 !important; border:1px solid #2fa5de; box-sizing:border-box; display:inline-block; background-color:#FFF; color:#2fa5de; margin-left:5px; } #board_skin .list_body .list_table td .cate02 { width:40px; height:18px; line-height:16px; font-size:12px; text-align:center !important; text-indent:0 !important; border:1px solid #5c8398; box-sizing:border-box; display:inline-block; background-color:#FFF; color:#5c8398; margin-left:5px; } #board_skin .list_body .list_table td .cate03 { width:40px; height:18px; line-height:16px; font-size:12px; text-align:center !important; text-indent:0 !important; border:1px solid #999240; box-sizing:border-box; display:inline-block; background-color:#FFF; color:#999240; margin-left:5px; } #board_skin .list_body .list_table td .cate04 { width:40px; height:18px; line-height:16px; font-size:12px; text-align:center !important; text-indent:0 !important; border:1px solid #4f835a; box-sizing:border-box; display:inline-block; background-color:#FFF; color:#4f835a; margin-left:5px; } #board_skin .list_body .list_table td .cate05 { width:40px; height:18px; line-height:16px; font-size:12px; text-align:center !important; text-indent:0 !important; border:1px solid #4849b1; box-sizing:border-box; display:inline-block; background-color:#FFF; color:#4849b1; margin-left:5px; } #board_skin .list_body .list_table td .cate06 { width:40px; height:18px; line-height:16px; font-size:12px; text-align:center !important; text-indent:0 !important; border:1px solid #ac477f; box-sizing:border-box; display:inline-block; background-color:#FFF; color:#ac477f; margin-left:5px; } #board_skin .list_body .list_table td .new { width:40px; height:18px; line-height:16px; font-size:12px; text-align:center !important; text-indent:0 !important; border:1px solid #dbdbdb; box-sizing:border-box; display:inline-block; background-color:#FFF; color:#da2c2c; margin-left:5px; } #board_skin .list_body .list_table td .reply { margin-left:5px; font-size:11px; color:#FF7B7E; } #board_skin .list_body .list_table td .icon_file { margin-left:10px; width:18px; height:14px; } #board_skin .list_body .list_table td .icon_lock { margin-left:5px; width:18px; height:18px; } #board_skin .list_body .list_table td .siico { width:55px; height:20px; line-height:18px; font-size:12px; text-align:center; display:block; border:1px solid #dbdbdb; box-sizing:border-box; background-color:#ffffff; margin:0 auto; } #board_skin .list_body .list_table td .ico01 { color:#da2c2c; } #board_skin .list_body .list_table td .ico02 { color:#517dc8; } #board_skin .list_body .list_table td .ico03 { color:#323232; } #board_skin .list_body .list_table td .ico04 { color:#919191; } #board_skin .list_body .list_table .nodata { height:200px; text-align:center !important; font-size:18px; color:#000000; } #board_skin .list_body .te_cen { text-align:center !important;} /* board card news skin */ #board_skin .photo_body { width:100%; } #board_skin .photo_body .listconPt { width:100%; padding-left:10px; position:relative;} #board_skin .photo_body .listconPt .ptbox { width:315px; display:inline-block; margin:0 10px 30px 0;} #board_skin .photo_body .listconPt .ptbox ul { width:315px; } #board_skin .photo_body .listconPt .ptbox ul .li_ck { width:18px; height:18px; text-align:center; margin-bottom:5px;} #board_skin .photo_body .listconPt .ptbox ul .li_thum { width:315px; height:203px; border:solid 1px #999999; box-sizing: border-box; overflow-y:hidden; position: relative; } #board_skin .photo_body .listconPt .ptbox ul .li_thum a { width:100%; height:100%; display:block; position: absolute; top:0; } #board_skin .photo_body .listconPt .ptbox ul .li_thum a img { width:100% !important; height:100% !important; object-fit:cover; object-position: top; } /* #board_skin .photo_body .listconPt .ptbox ul .li_thum img { width:100% !important; height:100% !important; margin-left:0 !important; margin-top:0 !important; } */ #board_skin .photo_body .listconPt .ptbox ul .li_thum:hover { border:solid 1px #991311; opacity:0.3; filter: alpha(opacity=30); } #board_skin .photo_body .listconPt .ptbox ul .li_subjectPt { width:100%; height:30px; line-height:30px; margin-top:5px; font-size:15px; color:#000000; text-align: center; } #board_skin .photo_body .listconPt .ptbox ul .li_datePt { width:100%; height:20px; line-height:20px; font-size:13px; color:#999999; text-align:right;} /* board list page number */ #board_skin .list_foot { width:100%; height:30px; margin-top:20px; } #board_skin .list_foot table { margin:0 auto; } #board_skin .list_foot table a:link, #board_skin .list_foot table a:active, #board_skin .list_foot table a:visited { width:30px; height:30px; line-height:28px; border:1px solid #dddddd; box-sizing:border-box; display:block; margin:0 2px; text-align:center; color:#5a5a5a; font-size:13px; font-weight:700; } #board_skin .list_foot table .btn_arr1:link, #board_skin .list_foot table .btn_arr1:active, #board_skin .list_foot table .btn_arr1:visited { line-height:27px; background-color:#f1f1f1; } #board_skin .list_foot table .btn_arr2:link, #board_skin .list_foot table .btn_arr2:active, #board_skin .list_foot table .btn_arr2:visited { line-height:27px; background-color:#f1f1f1; letter-spacing:-1; } #board_skin .list_foot table a:hover, #board_skin .list_foot table .btn_arr1:hover, #board_skin .list_foot table .btn_arr2:hover { background-color:#5a5a5a; color:#ffffff; border:none; } #board_skin .list_foot table .num_ho { background-color:#5a5a5a; color:#ffffff !important; border:none; } #board_skin .list_foot table ul { position:relative; } #board_skin .list_foot table ul li { float:left; } /* board write page */ @media only screen and (min-width:800px) { #board_skin .write_body { width:100%; } #board_skin .write_body .write_table { width:100%; border-top:1px solid #aeaeae; border-bottom:1px solid #aeaeae; box-sizing:border-box; font-size:13px; } #board_skin .write_body .write_table .thead { width:180px; background-color:#f7f7f7; font-size:15px; color:#323232; } #board_skin .write_body .write_table .tdata { padding:6px 0 6px 20px; position:relative; } #board_skin .write_body .write_table .tdata .wd680 { width:680px; } #board_skin .write_body .write_table .tdata .file_input { width:350px; position:absolute; top:6px; left:20px; } #board_skin .write_body .write_table .tdata .file_add { width:80px; position:absolute; top:6px; left:375px; } #board_skin .write_body .write_table .tdata .add_plus { width:80px; position:absolute; top:6px; left:20px; } #board_skin .write_body .write_table .tdata .add_minus { width:80px; position:absolute; top:6px; left:105px; } #board_skin .write_body .write_table .tdata .noti_img { width:500px; height:18px; line-height:18px; position:absolute; right:0; top:11px; text-align:center; } #board_skin .write_body .write_table .tdata .add_img { width:170px; height:18px; line-height:18px; position:absolute; right:0; top:11px; } #board_skin .write_body .write_table .tdata .chk { width:18px; height:18px; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; } #board_skin .write_body .write_table .contents {padding:10px 0 !important; } #board_skin .write_body .write_table .ht40 {height:40px; padding:0 0 0 20px !important; } #board_skin .write_body .write_table .ht50 {height:50px; padding:0 0 0 20px !important; } #board_skin .write_body .write_table .ht210 {height:210px; padding:0 0 0 20px !important; } #board_skin .write_body .write_table .file_del { width:40px; height:18px; line-height:16px; font-size:12px; text-align:center; border:1px solid #dbdbdb; box-sizing:border-box; display:inline-block; background-color:#FFF; color:#da2c2c; margin-left:5px; } } @media only screen and (max-width:799px) { #board_skin .write_body { width:100%; } #board_skin .write_body .write_table { width:100%; border-top:1px solid #aeaeae; border-bottom:1px solid #aeaeae; box-sizing:border-box; font-size:1.8vw; } #board_skin .write_body .write_table .thead { width:25%; background-color:#f7f7f7; font-size:2.2vw; color:#323232; } #board_skin .write_body .write_table .tdata { padding:6px 0 6px 20px; position:relative; } #board_skin .write_body .write_table .tdata .wd680 { width:68vw; } #board_skin .write_body .write_table .tdata .file_input { width:calc(100% - 85px) } #board_skin .write_body .write_table .tdata .file_add { width:80px; position: absolute; right:0; cursor: pointer;} #board_skin .write_body .write_table .tdata .add_plus { width:80px; } #board_skin .write_body .write_table .tdata .add_minus { width:80px;} #board_skin .write_body .write_table .tdata .noti_img { width:100%; height:2.4vw; line-height:3.6vw; display: block; padding:1.2vw 0;} #board_skin .write_body .write_table .tdata .add_img { width:100%; line-height:18px; padding:1.2vw 0; } #board_skin .write_body .write_table .tdata .chk { width:18px; height:18px; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; } #board_skin .write_body .write_table .contents {padding:10px 0 !important; } #board_skin .write_body .write_table .ht40 { padding:2vw 0 2vw 2vw !important; } #board_skin .write_body .write_table .ht50 {height:8vw; padding:0 0 0 20px !important; } #board_skin .write_body .write_table .ht210 {height:32vw; padding:0 0 0 20px !important; } #board_skin .write_body .write_table .file_del { width:40px; height:18px; line-height:16px; font-size:12px; text-align:center; border:1px solid #dbdbdb; box-sizing:border-box; display:inline-block; background-color:#FFF; color:#da2c2c; margin-left:5px; } } #board_skin .write_body .write_table .tdata .cal_box { width:120px; height:28px; position:relative; display:inline-block } #board_skin .write_body .write_table .tdata .cal_box input { text-align:center !important;} #board_skin .write_body .write_table .tdata .cal_box a { width:25px; height:24px; display:block; position:absolute; top:5px; right:0;} #board_skin .write_body .write_table .tdata .cal_box a img { width:100%; height:100%;} #board_skin .write_body .write_table .tdata .icon_file { margin-left:10px; width:18px; height:14px; } @media only screen and (min-width:760px) { #board_skin .write_body .write_table .tdata .sel_date { position:absolute; left:290px; top:6px; width:250px; height:200px; background-color:#f9f9f9; border:1px solid #e5e5e5; box-sizing:border-box; } } @media only screen and (max-width:760px) { #board_skin .write_body .write_table .tdata .sel_date {margin-top:20px; width:250px; height:200px; background-color:#f9f9f9; border:1px solid #e5e5e5; box-sizing:border-box; } } #board_skin .write_body .write_table .tdata .sel_date .sel_date_box { padding:10px; } #board_skin .write_body .write_table .tdata .sel_date .sel_date_box h3 { width:100%; height:25px; line-height:25px; background:#aa1539; text-align:center; color:#ffffff; margin-bottom:5px; } #board_skin .write_body .write_table .tdata .sel_date .sel_date_box ul li { width:100%; height:20px; line-height:20px; background:#d8d8d8; text-align:center; color:#000000; margin:1px 0; } #board_skin .write_body .write_table .tdata .sel_date .sel_date_box .cancel_area { width:100%; height:28px; position:relative; margin-top:25px; } #board_skin .write_body .write_table .tdata .sel_date .sel_date_box .cancel_btn { height:24px; line-height:22px; box-sizing:border-box; text-align:center; display:inline-block; font-weight:bold; width:80px; font-size:12px; position:absolute; left:50%; margin-left:-40px; } #board_skin .write_body .write_table .tdata .sel_date .sel_date_box .cancel_btn:hover { background-color:#0057a6; color:#ffffff !important; } .printer_btn { width:60px; height:60px; display:block; background-image: url(../../resources/images/board/print.jpg); margin:o auto; } @media only screen and (min-width:961px) { /* board view page */ #board_skin .view_body { width:100%; } #board_skin .view_body .view_table { width:100%; font-size:16px; } #board_skin .view_body .view_table th { padding:20px 0; background-color:#323232; font-size:25px !important; color:#ffffff; text-align:center; } #board_skin .view_body .view_table td b { color:#000000; } #board_skin .view_body .view_table .vi_writer { height:60px; text-indent:15px; } #board_skin .view_body .view_table .vi_room {height:60px; width:150px; } #board_skin .view_body .view_table .vi_date { height:60px; width:170px; } #board_skin .view_body .view_table .vi_count {height:60px; width:90px; } #board_skin .view_body .view_table .vi_state {height:60px; width:300px; } #board_skin .view_body .view_table .vi_duration { height:60px; width:400px; } #board_skin .view_body .view_table .vi_size { height:60px; width:140px; } #board_skin .view_body .view_table .vi_use { height:60px; width:100px; } #board_skin .view_body .view_table .vi_print { height:60px; width:80px;} #board_skin .view_body .view_table .vi_file { height:60px; line-height:60px; position:relative; } #board_skin .view_body .view_table .vi_file b { width:70px; height:16px; position:absolute; top:50%; margin-top:-8px; left:15px; line-height:16px; display:block; } #board_skin .view_body .view_table .vi_file div { width:820px; margin-left:100px; padding-right:10px; line-height:30px; text-indent:0 !important; } #board_skin .view_body .view_table .vi_file span { cursor:pointer; margin-right:15px; } #board_skin .view_body .view_table .vi_file span img { width:23px; height:18px; margin-right:5px; } #board_skin .view_body .view_table .vi_detail { padding:16px; line-height:24px; } #board_skin .view_body .view_table .vi_detail img { width:100%; height:100%; margin: 0 auto;} #board_skin .view_body .view_table .vi_detail div, #board_skin .view_body .view_table .vi_detail span, #board_skin .view_body .view_table .vi_detail p { width:100% !important;} #board_skin .view_body .view_table .vi_detail table { clear: both !important; width:100% !important; overflow-y: scroll; } #board_skin .view_body .view_table .vi_detail table td p, #board_skin .view_body .view_table .vi_detail table td span { width:100% !important;} /* #board_skin .view_body .view_table .vi_detail table td { width:max-content !important ; } */ } @media only screen and (max-width:960px) and (min-width:640px) { #board_skin .view_body { width:100%; } #board_skin .view_body .view_table { width:100%; font-size:2vw; } #board_skin .view_body .view_table th { padding:20px 0; background-color:#323232; font-size:2.8vw !important; color:#ffffff; text-align:center; } #board_skin .view_body .view_table td b { color:#000000; } #board_skin .view_body .view_table .vi_writer { height:60px; width:40%; text-indent:15px; } #board_skin .view_body .view_table .vi_room {height:60px; width:30%; } #board_skin .view_body .view_table .vi_date { height:60px; width:30%; } #board_skin .view_body .view_table .vi_count {display:none; } #board_skin .view_body .view_table .vi_state {height:60px; width:100%; } #board_skin .view_body .view_table .vi_duration { height:60px; width:400px; } #board_skin .view_body .view_table .vi_size { height:60px; width:140px; } #board_skin .view_body .view_table .vi_use { height:60px; width:100px; } #board_skin .view_body .view_table .vi_print { height:60px; width:100px;} #board_skin .view_body .view_table .vi_file { width:100%; height:60px; line-height:60px; position:relative; } #board_skin .view_body .view_table .vi_file b { width:14vw; height:16px; position:absolute; top:50%; margin-top:-8px; left:15px; line-height:16px; display:block; } #board_skin .view_body .view_table .vi_file div { width:100%; margin-left:100px; padding-right:10px; line-height:30px; text-indent:0 !important; } #board_skin .view_body .view_table .vi_file span { cursor:pointer; margin-right:15px; } #board_skin .view_body .view_table .vi_file span img { width:23px; height:18px; margin-right:5px; } #board_skin .view_body .view_table .vi_detail { padding:16px; line-height:24px; } #board_skin .view_body .view_table .vi_print { height:60px; width:80px;} } @media only screen and (max-width:639px) { #board_skin .view_body { width:100%; } #board_skin .view_body .view_table { width:100%; font-size:2.8vw;} #board_skin .view_body .view_table th { padding:20px 0; background-color:#323232; font-size:3.2vw !important; color:#ffffff; text-align:center; } #board_skin .view_body .view_table td b { color:#000000; } #board_skin .view_body .view_table .vi_writer { height:10vw; width:40%; text-indent:15px; } #board_skin .view_body .view_table .vi_room {height:10vw; width:30%; } #board_skin .view_body .view_table .vi_date { height:10vw; width:30%; } #board_skin .view_body .view_table .vi_count {display:none; } #board_skin .view_body .view_table .vi_state {height:10vw; width:100%; } #board_skin .view_body .view_table .vi_duration { height:10vw; width:400px; } #board_skin .view_body .view_table .vi_size { height:10vw; width:140px; } #board_skin .view_body .view_table .vi_use { height:10vw; width:100px; } #board_skin .view_body .view_table .vi_print {display:none;} #board_skin .view_body .view_table .vi_file { width:100%; height:10vw; line-height:10vw; position:relative; } #board_skin .view_body .view_table .vi_file b { width:15vw; height:16px; position:absolute; top:50%; margin-top:-8px; left:15px; line-height:16px; display:block; } #board_skin .view_body .view_table .vi_file div { width:100%; margin-left:18vw; padding-right:10px; line-height:30px; text-indent:0 !important; } #board_skin .view_body .view_table .vi_file span { cursor:pointer; margin-right:15px; } #board_skin .view_body .view_table .vi_file span img { width:23px; height:18px; margin-right:5px; } #board_skin .view_body .view_table .vi_detail { padding:16px; line-height:24px; } #board_skin .view_body .view_table .vi_detail img { max-width: 100% !important; height: auto !important; object-fit: contain;} } /* board view comment write */ #board_skin .view_comment { width:100%; margin:20px 0; } #board_skin .view_comment .comment_write { width:100%; font-size:13px; background-color:#e6e6e6; border:1px solid #c4c4c4; box-sizing:border-box; } #board_skin .view_comment .comment_write .co_writer { width:180px; height:30px; text-align:center; font-weight:bold; } #board_skin .view_comment .comment_write .co_text { padding:5px; } #board_skin .view_comment .comment_write .co_text textarea { font-family:'Nanum Gothic' } #board_skin .view_comment .comment_write .co_btn { width:100px; text-align:center; } @media only screen and (max-width:640px) { #board_skin .view_comment .comment_write .co_writer { width:25%; height:30px; text-align:center; font-weight:bold; } } /* board view comment list */ #board_skin .view_comment .comment_list { width:100%; font-size:13px; margin-top:20px; } #board_skin .view_comment .comment_list .comm_ul { position:relative; margin-bottom:5px; } #board_skin .view_comment .comment_list .comm_ul .vc_writer { width:100%; text-indent:15px; height:30px; background-color:#f3f3f3; line-height:30px; font-weight:bold; } #board_skin .view_comment .comment_list .comm_ul .vc_date { width:80px; height:30px; line-height:30px; text-align:right; position:absolute; top:0; right:10px; } #board_skin .view_comment .comment_list .comm_ul .vc_del { width:40px; height:18px; position:absolute; bottom:6px; right:10px; } #board_skin .view_comment .comment_list .comm_ul .vc_del .comm_del { width:40px; height:18px; line-height:16px; font-size:12px; text-align:center; border:1px solid #dbdbdb; box-sizing:border-box; display:inline-block; background-color:#FFF; color:#da2c2c; margin-left:5px; } #board_skin .view_comment .comment_list .comm_ul .vc_comment { padding:10px 15px 22px 15px; border-bottom:1px dotted #999; line-height:22px; margin-bottom:5px; } /* board view pre page/naext page */ #board_skin .view_foot { margin-top:25px; } #board_skin .view_foot table { width:100%; border-top:1px solid #939393; border-bottom:1px solid #939393; } #board_skin .view_foot table tr:hover { background-color:#e1ecff; } #board_skin .view_foot table th { width:180px; height:40px; text-align:center; background-color:#f0f0f0; color:#323232; } #board_skin .view_foot table td { text-indent:20px; } #board_skin .view_foot table td a:link, #board_skin .view_foot table td a:active, #board_skin .view_foot table td a:visited { color:#666666; } #board_skin .view_foot table td a:hover { color:#e94568; } #board_skin .view_foot table td .icon_lock { margin-left:5px; width:18px; height:18px; } @media only screen and (max-width:640px) { #board_skin .view_foot table th { width:20%; height:40px; text-align:center; background-color:#f0f0f0; color:#323232; } } /* board food list skin */ #board_skin .food_tab { height:40px; position:relative; } #board_skin .food_tab .tbli { width:111px; height:30px; margin-right:1px; margin-bottom:1px; float:left; } #board_skin .food_tab .tbli .tbtn { width:111px; height:30px; font-size:13px; line-height:28px; font-weight:bold; text-align:center; display:block; } #board_skin .food_tab .tbli .tbtn:link { background:#efefef; border:solid 1px #b9b9b9; color:#000000; box-sizing:border-box; } #board_skin .food_tab .tbli .tbtn.selected { background:#69adec; border:solid 1px #3f3c38; color:#FFFFFF; display:block; cursor:default } #board_skin .openli { margin-bottom:10px; } #board_skin .food_table { border:solid 1px #cccccc; box-sizing:border-box; } #board_skin .food_table th { text-align:center; color:#000000; font-size:13px !important; background-color:#f6f6f6; } #board_skin .food_table td { text-align:center; padding:4px 0; font-size:13px; color:#666; } #board_skin .food_table td .cal_icon { width:24px; height:24px; display:inline-block;} #board_skin .food_table .ht40 { height:40px; } #board_skin .food_table .te_left{text-align:left; } #board_skin .food_table .pl15 { padding-left:15px; } #board_skin .food_table .coBRK { background-color:#ffffe8; } #board_skin .food_table .coLUN { background-color:#dbecfb; } #board_skin .food_table .coDIN { background-color:#ffecf5; } #board_skin .food_table .daytitle { font-size:25px; font-weight:bold; background-color:#e1e1e1; } #board_skin .food_table .thead { width:180px; background-color:#f7f7f7; font-size:15px; color:#323232; } /* 학사일정게시판--------------------------------------------------------------------------------------------------------------------------------------------*/ #board_skin .plan_body { width:100%; position:relative;} #board_skin .plan_body .plan_month { width:200px; height:60px; line-height:60px; text-align:center; font-size:26px; font-weight:800; background-color:#e38486; color:#FFFFFF; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:8px;} #board_skin .plan_body .plan_con { margin-top:10px; margin-bottom:30px; padding-left:5px;} #board_skin .plan_body .plan_con li { height:45px; margin-top:4px; position:relative; font-size:18px; border-bottom:dotted 1px #b7b7b7; } #board_skin .plan_body .plan_con .pl_date { position:absolute; left:10px; height:45px; width:250px; line-height:45px; font-weight:800; } #board_skin .plan_body .plan_con .pl_txt { position:absolute; left:250px; height:45px; line-height:45px; } #board_skin .plan_body .plan_con .pl_btn { position:absolute; width:20px; height:20px; display:block; } #board_skin .plan_body .plan_con .pl_mo { top:50%; margin-top:-15px; right:30px; background:url(/resources/images/plan_modify.gif) top no-repeat;} #board_skin .plan_body .plan_con .pl_de { top:50%; margin-top:-15px; right:5px; background:url(/resources/images/plan_delete.gif) top no-repeat;} #board_skin .plan_body .plan_con .pl_mo:hover, #board_skin .plan_body .plan_con .pl_de:hover { background-position:bottom;} #board_skin .plan_body .bg_box { padding:15px 15px 2px 15px; background-color: #fcfcfc; margin-bottom:5px;} #board_skin .plan_body .nodata { height:200px; line-height:200px; text-align:center; font-size:18px; color:#000000; border:1px solid #cccccc; box-sizing: border-box;} /* 일정내용 작성 레이어 */ #plan_write { width:100%; height:100%; background:url(/resources/images/poplayer_bg.png); z-index:999; position:fixed; top:0; left:0;} #plan_write .con_input { width:700px; padding:15px; height:280px; position:absolute; left:50%; margin-left:-350px; top:50%; margin-top:-140px; background:#ffffff; border:solid 1px #c6c6c6;} #plan_write .con_input .writebox { width:100%; border-top:solid 1px #727272; border-bottom:solid 1px #727272; position:relative; margin-top:10px; margin-bottom:30px; font-size:16px;} #plan_write .con_input .writebox .wr_li { position:relative; border-bottom:solid 1px #e5e5e5; width:100%; } #plan_write .con_input .writebox .selh { height:60px; line-height:60px; } #plan_write .con_input .writebox .wr_li span { float:left; } #plan_write .con_input .writebox .wr_li .wr_title { position:absolute; left:0; width:110px; color:#666666; background-color:#f3f3f3; text-align:center; } #plan_write .con_input .writebox .wr_li .tith { height:60px; line-height:60px; } #plan_write .con_input .writebox .wr_li .wr_title .vital { font-size:15px; color:#FF0000; margin-left:3px; margin-right:-11px;} #plan_write .con_input .writebox .wr_li .in_right { height:40px; position:absolute; left:130px; top:50%; margin-top:-20px;} #plan_write .con_input .writebox .wr_li .in_right li { height:40px; position:relative;} #plan_write .con_input .writebox .wr_li .in_right li .inbox { position:absolute; width:500px; height:35px; top:50%; margin-top:-17px; display:block; line-height:35px;} #plan_write .con_input .writebox .wr_li .in_right input { height:35px; padding-left:3px; line-height:35px; border:solid 1px #a9d3f3; vertical-align: middle;} #plan_write .con_input .writebox .wr_li .in_right .in_date { width:120px; } #plan_write .con_input .writebox .wr_li .in_right .in_txt { width:500px; } #plan_write .con_input .writebox .wr_li .in_right li .inbox .noti_co {font-size: 13px; color:#FF0000; display: inline-block;} #plan_write .close { position:absolute; width:35px; height:35px; bottom:50px; right:50px; z-index:110;} /* ipsa skin css ------------------------------------------------------------------------------------------------------------------------------------- */ .step_location ul{text-align: center;} .step_location ul li {text-align: center; color: #767676; font-size: 18px; display: inline-block;} .step_location ul li span.blind_lab{display:none;} .step_location ul li.active p {color: #0d326f; font-weight:800;} .step_location ul li.active p {background-image: url('/resources/images/30/step_img01_active.png');} .step_location ul li.active span.blind_lab{display:block;} .step_location ul li.active:after {content:'현제 단계 입니다.'; overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;} .step_location ul li p { padding: 5px 0 5px 42px; background-image: url('/resources/images/30/step_img01.png'); background-repeat: no-repeat; background-position-y: 4px;} .step_location ul li + li:after { content: ''; display: block; position: absolute; width: 46px; height: 4px; background-image: url('/resources/images/30/dashline_img02.png'); top: 19px; left: -64px; background-repeat: repeat-x;} .step_location ul li + li {margin-left: 82px; position: relative;} .step_location.step04 ul li + li{margin-left: 150px;} .step_location.step04 ul li + li:after{width: 120px; left: -135px;} @media only screen and (min-width:960px) and (max-width:1300px) { .step_location.step04 ul li + li{margin-left:3vw;} .step_location.step04 ul li + li:after{display:none;} } @media only screen and (min-width:620px) and (max-width:960px) { .step_location ul{ width:100%;} .step_location ul li { width:40%; height:50px; text-align:left; color: #767676; font-size: 2.4vw; display: inline-block;} .step_location.step04 ul li + li{margin-left:0;} .step_location.step04 ul li + li:after{display:none;} } @media only screen and (max-width:620px) { .step_location ul{ width:100%;} .step_location ul li { width:42%; height:50px; text-align:left; color: #767676; font-size: 2.8vw; display: inline-block; padding:0 3vw;} .step_location.step04 ul li + li{margin-left:0;} .step_location.step04 ul li + li:after{display:none;} } /* ipsa step01 */ #ipsa_skin textarea { width:100%; height:180px; font-size:15px; border:1px solid #dbdbdb; box-sizing:border-box; padding:10px; line-height:24px; color:#3e3e3e; font-family:'Nanum Gothic'; } #ipsa_skin .noti_box { padding:10px; font-size:15px; line-height:24px; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; text-align: left; } #ipsa_skin .agree_area { height:40px; line-height:40px; position:relative; font-size:18px; color:#3e3e3e; padding-left:5px; } #ipsa_skin .check_box { height:40px; line-height:40px; position:absolute; top:0; right:0; text-align:right; } #ipsa_skin .check_box .chk { width:18px; height:18px; margin-top:-3px; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; } @media only screen and (min-width:800px) { #ipsa_skin .request_box { padding:15px; font-size:15px; line-height:24px; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; position:relative; } #ipsa_skin .request_box input { position:absolute; text-align:center; background-color:#e2eef9; } #ipsa_skin .request_box .noti { font-size:18px; padding:10px; } #ipsa_skin .request_box .input_ul { width:100%; height:34px; position: relative; margin-top: 15px;} #ipsa_skin .request_box .input_ul .input_name { width:140px; left:20px; top:0; } #ipsa_skin .request_box .input_ul .input_birth { width:140px; left:180px; top:0; } #ipsa_skin .request_box .request_btn { right:30px; bottom:15px; width:150px; position:absolute; } } /* #ipsa_skin .request_box .input_mail { width:170px; left:20px; top:105px; } */ /* #ipsa_skin .request_box .input_birth { width:140px; left:210px; top:105px; } */ #ipsa_skin .request_box .input_name:hover, #ipsa_skin .request_box .input_birth:hover, #ipsa_skin .request_box .input_mail:hover { background-color:#fce0e9; } /* #ipsa_skin .request_box .request_btn { left:370px; top:105px; width:150px; position:absolute; } */ @media only screen and (min-width:560px) and (max-width:800px) { #ipsa_skin .agree_area { height:40px; line-height:40px; position:relative; font-size:2.8vw; color:#3e3e3e; padding-left:5px; } #ipsa_skin .request_box { padding:15px; font-size:15px; line-height:24px; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; position:relative; } #ipsa_skin .request_box input { position:absolute; text-align:center; background-color:#e2eef9; } #ipsa_skin .request_box .noti { font-size:2.4vw !important; } #ipsa_skin .request_box .input_ul { width:100%; height:34px; position: relative; margin-top: 15px;} #ipsa_skin .request_box .input_ul .input_name { width:140px; left:20px; top:0; } #ipsa_skin .request_box .input_ul .input_birth { width:140px; left:180px; top:0; } #ipsa_skin .request_box .request_btn { right:30px; bottom:15px; width:150px; position:absolute; } } @media only screen and (max-width:560px) { #ipsa_skin .agree_area { height:40px; line-height:40px; position:relative; font-size:2.8vw; color:#3e3e3e; padding-left:5px; } #ipsa_skin .request_box { padding:15px; font-size:15px; line-height:24px; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; position:relative; } #ipsa_skin .request_box input { position:absolute; text-align:center; background-color:#e2eef9; } #ipsa_skin .request_box .noti { font-size:3vw !important; } #ipsa_skin .request_box .input_ul { width:100%; height:34px; position: relative; margin-top: 15px;} #ipsa_skin .request_box .input_ul .input_name { width:49%; height:34px; left:0; top:0; position: absolute; } #ipsa_skin .request_box .input_ul .input_birth { width:49%; height:34px; right:0; top:0; position: absolute; } #ipsa_skin .request_box .request_btn { width:100%; height:50px; line-height:50px; font-size:5vw !important; margin-top:20px; position: relative !important; display: block; } } /* ipsa step02 */ #ipsa_skin .ipsa_area {width:100%; margin:0 auto; margin-top: 50px;} #ipsa_skin .chasu_title { padding:20px 0; background-color:#323232; font-size:25px; color:#ffffff; text-align:center; margin-bottom:40px; } #ipsa_skin .ipsa_area select { height:40px !important;} #ipsa_skin .ipsa_area input { height:40px !important; line-height:38px !important;} #ipsa_skin .ipsa_area a { height:40px !important; line-height:38px; box-sizing: border-box !important;} /* ipsa write & view page setting */ #ipsa_skin table {width:100%; background:#fff; border:1px solid #ddd; border-top:3px solid #665041; border-radius:4px; text-align:center;} #ipsa_skin .ipsa_table th { width:15vw !important; min-height:40px; padding:15px 14px; background:#f3f3f3; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; font-size:20px; font-weight:500; vertical-align:middle; word-break:keep-all;} #ipsa_skin .ipsa_table th.rowti {background:#e7f1fb; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#88b2df;} #ipsa_skin .ipsa_table th.rowti2 {background:#e7f1fb; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#365474;} #ipsa_skin .ipsa_table .photo_box span { width:100%; line-height:200px; text-align:center; display:block; } #ipsa_skin .ipsa_table .photo_box img { width:100%; height:100%; } #ipsa_skin .ipsa_table .photo_noti li { height:30px; line-height:30px;} #ipsa_skin .ipsa_table .photo_add:hover { background-color:#da2c2c; color:#ffffff; } #ipsa_skin .ipsa_table td.border_no {border-bottom:none !important;} @media only screen and (min-width:501px) { #ipsa_skin .ipsa_table td {padding:12px 14px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; word-break:keep-all; vertical-align:middle; line-height:30px; font-size:18px; text-align: left; position: relative; } #ipsa_skin .ipsa_table .photo_box { width:150px; height:200px; background-color:#bedef0; border:1px solid #d0d2d7; font-size:15px; } #ipsa_skin .ipsa_table .photo_noti { width:150px; height:90px; position:absolute; top:50px; left:180px; } #ipsa_skin .ipsa_table .photo_add { width:120px; height:40px; line-height:38px; font-size:15px; text-align:center; border:1px solid #dbdbdb; display: block; box-sizing:border-box; background-color:#FFF; color:#da2c2c; position: absolute; top:150px; left:180px; } } @media only screen and (max-width:500px) { #ipsa_skin .ipsa_table td {padding:12px 14px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; word-break:keep-all; vertical-align:middle; line-height:30px; font-size:4vw; text-align: left; position: relative; } #ipsa_skin .ipsa_table .photo_box { width:150px; height:200px; background-color:#bedef0; border:1px solid #d0d2d7; font-size:15px; margin:0 auto; } #ipsa_skin .ipsa_table .mo_position .photo_noti { position:relative !important; width:150px; height:90px; margin-top:2vw; margin:0 auto; } #ipsa_skin .ipsa_table .photo_add { width:100%; height:30px; line-height:28px; font-size:15px; text-align:center; border:1px solid #dbdbdb; display: block; box-sizing:border-box; background-color:#FFF; color:#da2c2c; margin-top:2vw; } } #ipsa_skin .ipsa_table .room_data { font-size:18px; } @media only screen and (min-width:960px) { #ipsa_skin .ipsa_area .wd_nomal {width:30vw !important;} #ipsa_skin .ipsa_area .wd_num { width:6vw !important ;} #ipsa_skin .ipsa_area .wd_mid { width:8vw !important ;} #ipsa_skin .ipsa_area .wd_add1 { width:26vw !important ;} #ipsa_skin .ipsa_area .wd_add2 { width:30.6vw !important ;} #ipsa_skin .ipsa_table td input { text-indent:5px; font-size:18px !important; } #ipsa_skin .ipsa_table td select { font-size:18px !important; } #ipsa_skin .ipsa_table td.retxt { font-size:20px !important; color: #4e4e4e; font-weight:bold;} #ipsa_skin .ipsa_table td.in_noti { font-size:15px;} } @media only screen and (min-width:680px) and (max-width:960px) { #ipsa_skin .ipsa_area .wd_nomal {width:50vw !important;} #ipsa_skin .ipsa_area .wd_num { width:12vw !important ;} #ipsa_skin .ipsa_area .wd_mid { width:20vw !important ;} #ipsa_skin .ipsa_area .wd_add1 { width:26vw !important ;} #ipsa_skin .ipsa_area .wd_add2 { width:40vw !important ;} #ipsa_skin .ipsa_table th { width:15vw !important; min-height:40px; padding:15px 14px; background:#f3f3f3; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; font-size:1.8vw; font-weight:500; vertical-align:middle; word-break:keep-all;} #ipsa_skin .ipsa_table td input { text-indent:5px; font-size:2vw !important; } #ipsa_skin .ipsa_table td select { font-size:2vw !important; } #ipsa_skin .ipsa_table td.retxt { font-size:20px !important; color: #4e4e4e; font-weight:bold;} #ipsa_skin .ipsa_table td.in_noti { font-size:2.4vw;} } @media only screen and (max-width:680px) { #ipsa_skin .chasu_title { padding:20px 0; background-color:#323232; font-size:4.5vw; color:#ffffff; text-align:center; margin-bottom:40px; } #ipsa_skin .ipsa_area .wd_nomal {width:50vw !important;} #ipsa_skin .ipsa_area .wd_num { width:12vw !important ;} #ipsa_skin .ipsa_area .wd_mid { width:20vw !important ;} #ipsa_skin .ipsa_area .wd_add1 { width:62vw !important ;} #ipsa_skin .ipsa_area .wd_add2 { width:62vw !important ;} #ipsa_skin .ipsa_table th { width:25% !important; min-height:40px; padding:3vw 2.5vw; background:#f3f3f3; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; font-size:2.8vw; font-weight:500; vertical-align:middle; word-break:keep-all;} #ipsa_skin .ipsa_table td input { text-indent:5px; font-size:2.8vw !important; margin-bottom:1vw; } #ipsa_skin .ipsa_table td select { font-size:2.8vw !important; } #ipsa_skin .ipsa_table td.retxt { font-size:4vw !important; color: #4e4e4e; font-weight:bold;} #ipsa_skin .ipsa_table td.in_noti { font-size:3.2vw;} } #ipsa_skin .cost_table {font-size:14px; } #ipsa_skin .cost_table th { text-align:center; font-size:15px; height:40px; background-color:#f1f2f3; color:#323232; } #ipsa_skin .cost_table td { height:40px; text-align:center; } @media only screen and (min-width:720px) { #ipsa_skin .finish_box { padding:20px 15px; border:1px solid #b7b7b7;} #ipsa_skin .finish_box .noti_tit { font-size:30px; color:#f70000; text-align:center; } #ipsa_skin .finish_box ul li { font-size:18px; line-height:35px; color:#3e3e3e; } #ipsa_skin .txt_noti { line-height:35px; font-size:18px; color:#F00; text-align: right; margin-top:-30px; } } @media only screen and (max-width:720px) { #ipsa_skin .finish_box { padding:2vw; border:1px solid #b7b7b7; } #ipsa_skin .finish_box .noti_tit { font-size:4vw; line-height:6vw; color:#f70000; text-align:center; } #ipsa_skin .finish_box ul li {font-size:3vw; line-height:4.5vw; color:#3e3e3e; } #ipsa_skin .txt_noti { height:6vw; line-height:4.2vw; font-size:2.8vw; color:#F00; text-align: right; margin-top:-3vw; } } #ipsa_skin table img { width:auto; height:auto;} /* popup page design skin */ #pop_skin { padding:10px; border:1px solid #dddddd; box-sizing:border-box; } #pop_skin .pop_title { width:100%; height:50px; line-height:50px; font-size:20px; font-weight:bold; color:#0057a6; text-align:center; border:1px solid #0057a6; box-sizing:border-box; margin-bottom:20px; } #pop_skin .pop_body { width:100%; } #pop_skin .pop_body .pop_table { width:100%; border-top:1px solid #aeaeae; border-bottom:1px solid #aeaeae; box-sizing:border-box; font-size:13px; } #pop_skin .pop_body .pop_table th { width:25vw; background-color:#f7f7f7; font-size:15px; color:#323232; } #pop_skin .pop_body .pop_table td { padding:6px 0 6px 20px; position:relative; } #pop_skin .pop_body .pop_table td .chk { width:18px; height:18px; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; } #pop_skin .pop_body .pop_table .contents {padding:10px 0 !important; } #pop_skin .pop_body .pop_table .pho_inp { width:45vw ; } #pop_skin .pop_body .pop_table .ht40 {height:40px; padding:0 0 0 10px !important; } #pop_skin .pop_body .pop_table .ht50 {height:50px; padding:0 0 0 10px !important; } /*#pop_skin .pop_body .pop_table td .file_add { width:80px; margin-left:10px; }*/ #pop_skin .pop_body .pop_table td .file_add { width:80px; position:absolute; margin-left:10px; } /* admin popup write */ @media only screen and (min-width:591px) { #calendar { width:250px; height:200px; border:solid 1px #d8eef9; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; padding:10px; position:absolute; z-index:10; background-color:#FFF; } } @media only screen and (max-width:590px) { #calendar { width:250px; height:200px; border:solid 1px #d8eef9; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; padding:10px; position:absolute; top:0; left:0 !important; z-index:10; background-color:#FFF; } } /* Move-in/Move-out write page calendar */ #calendar2 { width:250px; height:200px; border:solid 1px #d8eef9; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; padding:10px; background-color:#FFF; } .sel_month { width:230px; height:25px; position:relative; background-color:#517dc8; margin-bottom:8px; } .sel_month a:link, .sel_month a:active, .sel_month a:visited { width:35px; height:25px; position:absolute; line-height:23px; font-weight:bold; color:#ffffff; display:block; text-align:center; } .sel_month .prev { top:0; left:0; } .sel_month .next { top:0; right:0; } .sel_month .yearmonth { width:180px; line-height:25px; text-align:center; position:absolute; top:0; left:25px; color:#FFFFFF; font-size:13px; font-weight:800; } .date_box { width:230px; margin:0; padding:0; font-size:13px !important; } .date_box th, .datebox td { width:26px; height:20px; text-align:center; } .date_box td p, .date_box td span { width:28px; height:19px; display:block; margin-right:0px; margin-bottom:1px; line-height:17px; cursor:pointer; margin:0; padding:0; text-align:center; } .date_box td p { background-color:#f5f5f5; border: solid 1px #dddddd; } .date_box td .normal { background-color:#f5f5f5; border: solid 1px #dddddd; } .date_box td .today { background-color:#72dbf5; border: solid 1px #dddddd; } .date_box td .taken { background-color:#636363; border: solid 1px #dddddd; } .date_box td p:hover, .date_box td .normal:hover, .date_box td .today:hover, .date_box td .selday { background-color:#ee7979; border: solid 1px #dddddd; color:#FFFFFF; } /*시설고장신고 게시판 작성 안내*/ #modal_noti { width:100%; height:100%; background:url(/resources/images/poplayer_bg.png); z-index:999; position:fixed; top:0; left:0; } #modal_noti .noti_box { width:500px; height:280px; position:absolute; left:50%; margin-left:-250px; top:50%; margin-top:-140px; border:solid 1px #c6c6c6; background-color:#ffffff; padding:5px; } #modal_noti .noti_box .title { width:100%; height:50px; line-height:50px; background-color:#2e3746; color:#ffffff; font-weight:bold; text-align:center; z-index:100; font-size:22px; } #modal_noti .noti_box .text { margin-top:10px; line-height:30px; font-size:18px; text-align:center; color:#000000; } #modal_noti .close_btn { width:150px; height:36px; position:absolute; left:50%; margin-left:-75px; top:50%; margin-top:95px; border:solid 1px #c6c6c6; background-color:#991311; color:#ffffff; text-align:center; line-height:34px; font-size:13px; display:block; font-weight:bold; } /* 로그인 차수선택에서 동의*/ #confirm { width:100%; height:100%; background:url(/resources/images/poplayer_bg.png); z-index:999; position:fixed; top:0; left:0;} @media only screen and (min-width:591px) { #confirm .con_input { width:500px; padding:10px; height:120px; position:absolute; left:50%; margin-left:-250px; top:50%; margin-top:-110px; background:#ffffff; border:solid 1px #c6c6c6;} #confirm .con_input .noti_txt { font-size:20px; line-height:35px;} #confirm .con_input .in_rq { width:230px; height:28px; position:absolute; left:50%; margin-left:-115px; bottom:15px;} #confirm .con_input .in_rq .btn_ul { width:230px; height:28px; position:relative;} #confirm .con_input .in_rq .btn_ul .btn_li { width:100px; height:35px; float:left; } #confirm .con_input .in_rq .btn_ul .btn_li .btn_rq1 {width:100px; height:33px; font-size:15px; line-height:33px; display:block; background:#d64b28; border:solid 1px #b40a0a; box-sizing: border-box; text-align:center; color:#ffffff; font-weight:bold;} #confirm .con_input .in_rq .btn_ul .btn_li .btn_rq2 {width:100px; height:33px; font-size:15px; line-height:33px; display:block; background:#1aa1da; border:solid 1px #06618b; box-sizing: border-box; text-align:center; color:#ffffff; font-weight:bold; margin-left:30px;} #confirm .con_input .in_rq .btn_ul .btn_li .btn_rq1:hover {background:#802a14;} #confirm .con_input .in_rq .btn_ul .btn_li .btn_rq2:hover {background:#10658a;} #confirm .close { position:absolute; width:35px; height:35px; top:50%; margin-top:35px; left:50%; margin-left:-12.5px; z-index:110;} } @media only screen and (max-width:590px) { #confirm .con_input { width:96vw; padding:10px; height:27vw; position:absolute; left:50%; margin-left:-48vw; top:50%; margin-top:-13.5vw; background:#ffffff; border:solid 1px #c6c6c6; box-sizing: border-box;} #confirm .con_input .noti_txt { font-size:3.8vw; line-height:6.5vw;} #confirm .con_input .in_rq { width:230px; height:28px; position:absolute; left:50%; margin-left:-115px; bottom:15px;} #confirm .con_input .in_rq .btn_ul { width:230px; height:28px; position:relative;} #confirm .con_input .in_rq .btn_ul .btn_li { width:100px; height:35px; float:left; } #confirm .con_input .in_rq .btn_ul .btn_li .btn_rq1 {width:100px; height:33px; font-size:15px; line-height:33px; display:block; background:#d64b28; border:solid 1px #b40a0a; box-sizing: border-box; text-align:center; color:#ffffff; font-weight:bold;} #confirm .con_input .in_rq .btn_ul .btn_li .btn_rq2 {width:100px; height:33px; font-size:15px; line-height:33px; display:block; background:#1aa1da; border:solid 1px #06618b; box-sizing: border-box; text-align:center; color:#ffffff; font-weight:bold; margin-left:30px;} #confirm .con_input .in_rq .btn_ul .btn_li .btn_rq1:hover {background:#802a14;} #confirm .con_input .in_rq .btn_ul .btn_li .btn_rq2:hover {background:#10658a;} #confirm .close { position:absolute; width:35px; height:35px; top:50%; margin-top:16vw; left:50%; margin-left:-12.5px; z-index:110;} } /* 비밀번호 변경 페이지*/ /* #pwchange { width:100%; height:100%; background:url(/resources/images/poplayer_bg.png); z-index:999; position:fixed; top:0; left:0;} #pwchange .changebox { width:548px; height:446px; position:absolute; left:50%; margin-left:-275px; top:50%; margin-top:-224px; background:url(/resources/images/board/login_bg.png) no-repeat; border:solid 1px #c6c6c6;} #pwchange .changebox .logintitle { width:548px; height:72px; background:#1f262e; margin-bottom:106px; position:relative; } #pwchange .changebox .logintitle img { position:absolute; top:22px; left:35px; width:450px; height:30px; } #pwchange .changebox .txt_notice {width:326px; height:50px; color:#f05353; padding-top:30px; margin-left:189px; margin-bottom:15px; padding-bottom:30px;} #pwchange .changebox .loginform { width:480px; height:70px; padding-top:15px; margin:0 auto; border-top:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf; position:relative; } #pwchange .changebox .loginform li { width:480px; text-align:right; } #pwchange .changebox .loginform .input_idpw { width:420px; height:60px; margin:0 auto;} #pwchange .changebox .loginform .input_idpw ul {width:420px; height:60px;} #pwchange .changebox .loginform .input_idpw li { width:300px; height:30px; position:absolute; } #pwchange .changebox .loginform .input_idpw li span { width:100px; height:30px; display:inline-block; line-height:33px; text-align:left; } #pwchange .changebox .loginform .input_idpw li .in_idpw { width:198px; height:23px; line-height:25px; border:solid 1px #a9d3f3;} #pwchange .changebox .loginform .input_idpw li .in_idpw:hover { border:solid 1px #6cb8ea;} #pwchange .changebox .loginform .input_idpw .li_id { top:0; left:0; } #pwchange .changebox .loginform .input_idpw .li_pw { top:30px; left:0; } #pwchange .changebox .loginform .loginbtn { width:110px; height:60px; position:absolute; top:0; margin-left:330px; } #pwchange .changebox .loginform .search_idpw { height:33px; line-height:38px; background:url(/resources/images/board/line_dot.gif) repeat-x top; } #pwchange .changebox .loginform .search_idpw a:hover { color:#13a0c9;;} #pwchange .changebox .nextime { width:150px; height:22px; margin:15px auto; z-index:110;} #pwchange .changebox .close { position:absolute; width:65px; height:35px; bottom:0; right:0; z-index:110;} .cpointer { cursor:pointer;} */ /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 입사차수 선택 페이지 */ #mypage_list { width:100%; height:100%; background:url(/resources/images/poplayer_bg.png); z-index:999; position:fixed; top:0; left:0;} #mypage_list .list_box { width:548px; height:446px; position:absolute; left:50%; margin-left:-275px; top:50%; margin-top:-224px; background:#ffffff; border:solid 1px #c6c6c6; } #mypage_list .list_box .title { width:548px; height:72px; background:#1f262e; margin-bottom:20px; position:relative; } #mypage_list .list_box .title img { position:absolute; top:22px; left:35px; width:450px; height:30px; } #mypage_list .list_box .txt_notice {width:480px; color:#f05353; padding-bottom:15px; margin:0 auto; } #mypage_list .list_box .btn_box { width:480px; padding-top:15px; margin:0 auto; border-top:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf; position:relative; } #mypage_list .list_box .btn_box .btn_list { width:480px; height:40px; margin-bottom:10px; } #mypage_list .list_box .btn_box .btn_list .btn_mypage { width:476px; height:36px; border:solid 2px #3f3c38; font-size:15px; font-weight:800; color:#FFFFFF; line-height:36px; display:block; text-align:center; font-family:'Nanum Gothic'} #mypage_list .list_box .btn_box .btn_list .btn_mypage:link, #mypage_list .list_box .btn_box .btn_list .btn_mypage:active, #mypage_list .list_box .btn_box .btn_list .btn_mypage:visited { background-color:#991311; } #mypage_list .list_box .btn_box .btn_list .btn_mypage:hover { background-color:#5a0c0a; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 입사차수 선택 페이지(리스트) */ #mypage_list2 { width:100%; height:100%; background:url(/resources/images/poplayer_bg.png); z-index:999; position:fixed; top:0; left:0;} #mypage_list2 .list_box { width:800px; height:446px; position:absolute; left:50%; margin-left:-400px; top:50%; margin-top:-224px; background:#ffffff; border:solid 1px #c6c6c6; } #mypage_list2 .list_box .title { width:800px; height:72px; background:#1f262e; margin-bottom:20px; position:relative; } #mypage_list2 .list_box .title img { position:absolute; top:22px; left:35px; width:450px; height:30px; } #mypage_list2 .list_box .txt_notice {width:780px; color:#f05353; padding-bottom:15px; margin:0 auto; } #mypage_list2 .list_box .list_block { padding:10px;} #mypage_list2 .list_box .list_block .boardList { width:100%; min-height:250px; background-color:#ffffff; } #mypage_list2 .list_box .list_block .boardList .listTitle { border-top:solid 2px #000000;} #mypage_list2 .list_box .list_block .boardList .listTitle li { height:40px; font-weight:bold;} #mypage_list2 .list_box .list_block .boardList .listContent li{ border-bottom:solid 1px #cbcbcb; } #mypage_list2 .list_box .list_block .boardList .listContent li:hover { background:#ecf6fb;} #mypage_list2 .list_box .list_block .boardList ul li .li_title { height:38px; line-height:38px; display:block; text-align:center; background-color:#f3f3f3; border-bottom:solid 1px #cbcbcb;} #mypage_list2 .list_box .list_block .boardList ul li .li_title2 { height:38px; line-height:38px; display:block; text-align:center; background-color:#f3f3f3; border-bottom:solid 1px #cbcbcb; text-indent:220px;} #mypage_list2 .list_box .list_block .boardList ul li .li_list { height:32px; line-height:33px; display:block; text-align:center; } #mypage_list2 .list_box .list_block .boardList ul li .li_list2 { height:32px; line-height:33px; display:block; text-indent:110px;} #mypage_list2 .list_box .list_block .boardList ul li { position:relative; min-height:32px; } #mypage_list2 .list_box .list_block .boardList ul li span { font:dotum 12px; color:#666666;} #mypage_list2 .list_box .list_block .boardList ul li .li_num { position:absolute; top:0; left:0; width:100px; z-index:2; } #mypage_list2 .list_box .list_block .boardList ul li .li_subject { width:100%; z-index:0; text-align:left !important; } #mypage_list2 .list_box .list_block .boardList ul li .li_subject a:link, a:active, a:visited { font:dotum 12px; color:#666666; } #mypage_list2 .list_box .list_block .boardList ul li .li_subject a:hover { font:dotum 12px; color:#f2090f; } #mypage_list2 .list_box .list_block .boardList ul li .li_date1 { position:absolute; top:0; right:190px; width:120px; z-index:2; } #mypage_list2 .list_box .list_block .boardList ul li .li_date2 { position:absolute; top:0; right:70px; width:120px; z-index:2; } #mypage_list2 .list_box .list_block .boardList ul li .li_state { position:absolute; top:0; right:0; width:70px; z-index:2; } #mypage_list2 .list_box .bot_btn { position:absolute; bottom:10px; left:50%; margin-left:-28px;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 설문조사 */ #pop_poll { width:750px; margin:0; padding:0;} #pop_poll .pop_title{ width:100%; height:60px; background:#5fb4ea;} #pop_poll .pop_title span { line-height:60px; font-size:18px; font-weight:bold; color:#ffffff; margin-left:20px;} #pop_poll h1 { width:100%; height:80px; line-height:80px; text-align:center; margin-top:10px;} #pop_poll .notice { width:100%; text-align:center; color:#000099; font-size:13px;} #pop_poll .writebox { padding:15px;} #pop_poll .writebox .poll_list { line-height:35px; margin-bottom:10px; font-size:13px;} #pop_poll .writebox .poll_list .p_query { height:35px; font-weight:bold; color:#000000; } #pop_poll .writebox .poll_list .p_answer { position:relative;} #pop_poll .writebox .poll_list .p_answer li { display:inline-block; margin-right:15px;} #pop_poll .writebox .poll_list .p_answer2 li { display:block; } #pop_poll .writebox .r_notice { width:100%; height:50px; line-height:50px; font-weight:bold; font-size:14px; color:#FF0000; text-indent:100px;} /* 상벌점 합계 내역(학생전용) */ #board_skin .pointbox { width:100%; height:130px; background-color:#f3f3f3; border:solid 1px #cbcbcb; margin-bottom:30px; } #board_skin .pointbox .psum { width:250px; height:30px; margin-top:10px; margin-left:20px; line-height:30px; font-size:18px; } #board_skin .pointbox .yearsum { width:680px; margin-top:10px; margin-left:20px; position:relative; } #board_skin .pointbox .yearsum .yearlist { width:110px; height:60px; float:left; margin-right:1px; font-size:16px; } #board_skin .pointbox .yearsum .yearlist .yeartit { width:110px; height:30px; color:#286793; line-height:30px; background-color:#d6ebfa; text-align:center; } #board_skin .pointbox .yearsum .yearlist .ypoint { width:110px; height:30px; line-height:30px; text-align:center; } /* 주간식단표 예외 처리*/ #con5030 .table_n { width:98% !important;} @media print { @page { size: A4; margin: 1cm; margin-top: 2cm; margin-bottom: 2cm;} element {all: unset; } html, body { width:210mm !important; height:fit-content !important; } #header { display: none;} #smaplayer{ display: none;} #navi{ display: none;} #navi_con{ display: none;} #footer{ display: none;} .sub_head { display: none;} .sub_title { display: none;} .view_foot { display: none;} .btn_area { display: none;} .pint_button { display:none; } .quick { display:none; } #print_no { display: none;} #board_skin { width:100%; page-break-before:auto; margin:0 auto; font-family:'Nanum Gothic'} #board_skin .view_body {width:100% !important } #board_skin .view_body .view_table { max-width:190mm !important; font-size:3.5mm !important; padding:0 !important; margin:0 !important; box-sizing: content-box;} #board_skin .view_body .view_table thead { display:none;} #board_skin .view_body .view_table th { padding:20px 0; background-color:#323232; font-size:3.2vw !important; color:#ffffff; text-align:center; } #board_skin .view_body .view_table td b { color:#000000; } #board_skin .view_body .view_table .vi_writer {display:none; } #board_skin .view_body .view_table .vi_room {display:none; } #board_skin .view_body .view_table .vi_date { display:none; } #board_skin .view_body .view_table .vi_count {display:none; } #board_skin .view_body .view_table .vi_state {display:none; } #board_skin .view_body .view_table .vi_duration { display:none; } #board_skin .view_body .view_table .vi_size { display:none; } #board_skin .view_body .view_table .vi_use {display:none; } #board_skin .view_body .view_table .vi_file { display: none; } #board_skin .view_body .view_table .vi_detail { width: 100%; line-height:24px; } #board_skin .view_body .view_table .vi_detail img { max-width: 185mm !important; object-fit: contain; } #board_skin .view_body .view_table .vi_detail table { clear: both !important; max-width:190mm !important; overflow-y:auto; font-size:3.5mm !important; box-sizing:border-box; border: none; } #board_skin .view_body .view_table .vi_detail table td {clear: both !important; font-size:3.5mm !important; } #board_skin .view_body .view_table .vi_detail table td p, #board_skin .view_body .view_table .vi_detail table td span { width:100%; font-size:3.5mm !important; } #board_skin .view_body .view_table .vi_detail table table { clear: both !important; with:auto; box-sizing:border-box; border: none; } }