@charset "utf-8";
/* CSS Document */

/* common css ------------------------------------------------------------------------------------------------------------------------------------- */

/* form setting */
select, input { height:30px; font-size:15px; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; }
.tarea { width:100%; font-size:15px; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; }

/* button control */
.btn { height:28px; line-height:26px; 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;}

/* footer button area setting */
.btn_area { width:100%; height:28px; position:relative; margin-top:25px;}
.btn_area a { position:absolute; font-size:15px;}
.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;}

/* 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;}
.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 ------------------------------------------------------------------------------------------------------------------------------------- */

#board_skin { width:100%; margin-bottom:20px;}

/* board list page */
#board_skin .list_haed { width:100%; height:50px; position:relative;}
#board_skin .list_haed .total { height:50px; line-height:50px; font-size:15px; color:#323232;}
#board_skin .list_haed .search_box { width:300px; height:30px; position:absolute; top:10px; right:0;}
#board_skin .list_haed .search_box ul { position:relative;}
#board_skin .list_haed .search_box ul li { float:left;}
#board_skin .list_haed .search_box ul li select { width:80px; text-indent:10px;}
#board_skin .list_haed .search_box ul li input { width:152px;}
#board_skin .list_haed .search_box ul li .btn_search { width:60px; height:30px; line-height:28px; font-size:15px; text-align:center; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; display:block; }
#board_skin .list_body { width:100%;}
#board_skin .list_body .list_table { width:100%; border-top:1px solid #aeaeae; box-sizing:border-box; font-size:13px;}
#board_skin .list_body .list_table th { height:45px; background-color:#f7f7f7;}
#board_skin .list_body .list_table td { height:45px; text-align:center; color:#8d8d8d; } 
#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:100px;}
#board_skin .list_body .list_table .li_date { width:100px;}
#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:190px;}
#board_skin .list_body .list_table .li_room { width:100px;}

#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 .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:inline-block; border:1px solid #dbdbdb; box-sizing:border-box; background-color:#ffffff; }
#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; font-size:18px; color:#000000;}

/* 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 */
#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 .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 view page */
#board_skin .view_body { width:100%;}
#board_skin .view_body .view_table { width:100%; font-size:13px;}
#board_skin .view_body .view_table th { height:40px; background-color:#323232; font-size:15px; color:#ffffff; text-align:center;}
#board_skin .view_body .view_table td b { color:#000000;} 
#board_skin .view_body .view_table .vi_writer { height:40px; text-indent:15px;}
#board_skin .view_body .view_table .vi_room  {height:40px; width:150px;}
#board_skin .view_body .view_table .vi_date { height:40px;width:170px;}
#board_skin .view_body .view_table .vi_count {height:40px; width:90px;}
#board_skin .view_body .view_table .vi_state {height:40px; width:120px;}
#board_skin .view_body .view_table .vi_duration { height:40px;width:260px;}
#board_skin .view_body .view_table .vi_size { height:40px; width:140px;}
#board_skin .view_body .view_table .vi_use { height:40px; width:100px;}

#board_skin .view_body .view_table .vi_file { min-height:40px; line-height:30px; position:relative; }
#board_skin .view_body .view_table .vi_file b { width:70px; height:16px; position:absolute; top:12px; left:15px; line-height:16px; display:block;}
#board_skin .view_body .view_table .vi_file div { width:820px; margin-left:80px; 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 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;}

/* 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 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 #ccc; 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 .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;}



/* ipsa skin css ------------------------------------------------------------------------------------------------------------------------------------- */

#ipsa_skin .ipsa_step { width:100%; height:60px; position:relative; }
#ipsa_skin .ipsa_step li { width:290px; height:60px; float:left; }
#ipsa_skin .ipsa_step .step_box { width:290px; height:60px; position:relative; }
#ipsa_skin .ipsa_step .step_box div { position:absolute; display:block;}
#ipsa_skin .ipsa_step .step_box .step_tit01 { top:-15px; left:-5px; font-size:18px; font-weight:800; color:#ff8400; z-index:2; letter-spacing:-1px; text-shadow:1px 1px 2px 3px #333333;}
#ipsa_skin .ipsa_step .step_box .step_tit02 { top:-15px; left:-5px; font-size:18px; font-weight:800; color:#ffffff; z-index:2; letter-spacing:-1px; text-shadow:1px 1px 2px 3px #333333;}
#ipsa_skin .ipsa_step .step_box .square01 { width:270px; height:60px; left:0;}
#ipsa_skin .ipsa_step .step_box .square02 { width:290px; height:60px; left:0;}
#ipsa_skin .ipsa_step .step_box .sqno { background-color:#d3d3d3; }
#ipsa_skin .ipsa_step .step_box .sqov { background-color:#0057a6;}
#ipsa_skin .ipsa_step .step_box .triangle { position:absolute; right:0; width:0; height:0; border-top: 30px solid transparent; border-left: 20px solid #d3d3d3; border-bottom: 30px solid transparent; }
#ipsa_skin .ipsa_step .step_box .triangle_ov { position:absolute; right:0; width:0; height:0; border-top: 30px solid transparent; border-left: 20px solid #0057a6; border-bottom: 30px solid transparent; }
#ipsa_skin .ipsa_step .step_box div p { width:100%; top:10px; height:40px; font-size:13px; text-align:center; z-index:10; position:absolute;}
#ipsa_skin .ipsa_step .step_box div .txt_box01 { line-height:20px;}
#ipsa_skin .ipsa_step .step_box div .txt_box02 { line-height:40px;}
#ipsa_skin .ipsa_step .step_box div .txno { color:#3e3e3e; }
#ipsa_skin .ipsa_step .step_box div .txov { color:#ffffff; }

/* ipsa step01 */
#ipsa_skin textarea { width:100%; height:90px; font-size:13px; 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:13px; line-height:24px; border:1px solid #dbdbdb; color:#323232; box-sizing:border-box; }

#ipsa_skin .agree_area { height:40px; line-height:40px; position:relative; font-size:15px; 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;}
#ipsa_skin .request_box { height:160px; padding:15px; font-size:13px; 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 .input_name { width:140px; left:20px; top:105px;}
#ipsa_skin .request_box .input_birth { width:140px; left:180px; top:105px;}
#ipsa_skin .request_box .input_mail { width:300px; left:340px; 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:660px; top:105px; width:150px; position:absolute; }

/* ipsa step02 */
#ipsa_skin .chasu_title {height:40px; background-color:#323232; font-size:15px; color:#ffffff; text-align:center; line-height:40px; margin-bottom:20px;}


/* ipsa write & view page setting */
#ipsa_skin table { width:100%; border-top:1px solid #aeaeae; border-bottom:1px solid #aeaeae; box-sizing:border-box; font-size:13px;}
#ipsa_skin table .ht40 {height:40px; padding:0 0 0 10px !important;}
#ipsa_skin table .ht50 {height:50px; padding:0 0 0 10px !important;}
#ipsa_skin .ipsa_table th { width:120px; background-color:#f1f2f3; color:#323232;}
#ipsa_skin .ipsa_table td { padding-left:10px; position:relative;}
#ipsa_skin .ipsa_table td input,
#ipsa_skin .ipsa_table td select { text-indent:5px; font-size:13px !important;}
#ipsa_skin .ipsa_table .photo_box { width:150px; height:200px;  background-color:#bedef0; border:1px solid #d0d2d7; position:absolute; top:15px; left:50%; margin-left:-76px;}
#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 { position:absolute; top:230px; }
#ipsa_skin .ipsa_table .photo_add {  width:60px; height:24px; line-height:22px; font-size:12px; text-align:center; border:1px solid #dbdbdb;  box-sizing:border-box; display:inline-block; background-color:#FFF; color:#da2c2c; position:absolute; left:-88px; bottom:100px; }
#ipsa_skin .ipsa_table .room_data { font-size:18px;}

#ipsa_skin .cost_table {font-size:14px;}
#ipsa_skin .cost_table th { font-size:13px; height:40px; background-color:#f1f2f3; color:#323232;}
#ipsa_skin .cost_table td { height:40px; text-align:center;}

#ipsa_skin .finish_box { padding:20px 15px; line-height:24px; border:1px solid #b7b7b7; font-size:15px; color:#3e3e3e;}
#ipsa_skin .finish_box .noti_tit { font-size:30px; color:#f70000; text-align:center; }
#ipsa_skin .finish_box ul li { letter-spacing:-1px; line-height:30px;}

#ipsa_skin .txt_noti { line-height:22px; font-size:13px; color:#F00;}


/* 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:140px; 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 .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;}


/* Move-in/Move-out write page calendar */
#calendar { width:200px; height:185px; 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:92px; z-index:10; background-color:#FFF;}
#calendar .sel_month { width:180px; height:25px; position:relative; background-color:#517dc8; margin-bottom:8px;}
#calendar .sel_month a:link,
#calendar .sel_month a:active,
#calendar .sel_month a:visited { width:25px; height:25px; position:absolute; line-height:23px; font-weight:bold; color:#ffffff; display:block; text-align:center;}
#calendar .sel_month .prev { top:0; left:0;}
#calendar .sel_month .next { top:0; right:0;}
#calendar .sel_month .yearmonth { width:130px; line-height:25px; text-align:center; position:absolute; top:0; left:25px; color:#FFFFFF; font-size:13px; font-weight:800;}
#calendar .date_box { width:180px; margin:0; padding:0; font-size:11px !important;}
#calendar .date_box th, #calendar .datebox td { width:23px; height:17px; text-align:center; }
#calendar .date_box td p, #calendar .date_box td span { width:22px; height:16px; display:block; margin-right:1px; margin-bottom:1px; line-height:13px; cursor:pointer; margin:0; padding:0; text-align:center;}
#calendar .date_box td p { background-color:#f5f5f5; border: solid 1px #dddddd;}
#calendar .date_box td .normal { background-color:#f5f5f5; border: solid 1px #dddddd;}
#calendar .date_box td .today { background-color:#72dbf5; border: solid 1px #dddddd; }
#calendar .date_box td p:hover,
#calendar .date_box td .normal:hover,
#calendar .date_box td .today:hover,
#calendar .date_box td .selday { background-color:#ee7979; border: solid 1px #dddddd; color:#FFFFFF;}