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

@import url("reset.css");
h1,h2,h3,h4,h5,h6,div{ margin-top:0px; margin:0 auto}

body { font-family:'나눔고딕','Nanum Gothic','굴림', 'gulim', '돋움', 'Dotum', 'Helvetica', 'Apple-Gothic'; color:#333; letter-spacing:-0.2px; font-size:13px }
html, body, body form,#container,#wrap {height:100%;min-height:100%;}
table{ margin:auto}
a{color:#333;text-decoration:none;cursor:pointer;}

h1{ font-size:15px; font-weight:bold}

/* 하단_공통 */
#footers{ clear:both;text-align:center; color:#a4a4a4; font-family:Arial; line-height:20px; border-top:1px solid #cccccc; width:100%; min-width:800px; margin-top:50px; padding-top:50px;}
#footers p{ font-size:12px;}
#footers p a{ color:#a4a4a4}

/* 상단_공통 */
header{ width:100%; min-width:1000px}
#top{ height:42px; line-height:45px; width:100%; border-bottom:1px solid #105a7f;overflow:hidden;}
#top li{float:left;}
#top li img{ padding:0 20px}

/* 왼쪽메뉴_공통 */
#leftmenu{ width:220px; height:100%; position:absolute; left:0;}
.leftmenu_list{ margin:10px}
.leftmenu_list p{ height:40px; line-height:40px; text-align:center; margin-bottom:10px; font-weight:bold;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px}
.leftmenu_list ul li{ line-height:35px; height:35px; padding-left:10px; border-bottom:1px solid #dcdcdc}
.leftmenu_list ul li:hover{ background-color:#EFEFEF}
.leftmenu_list ul li img{ vertical-align:middle}
.leftmenu_list .ov{ color:#2298d4; font-weight:bold}
.leftmenu_list .sub{ padding-left:30px; border-bottom:1px solid #fff}
.leftmenu_list .sub_ov{ color:#ff9000; font-weight:bold; padding-left:30px; border-bottom:1px solid #fff}
.leftmenu_sub{ border-bottom:1px solid #dcdcdc}

.select_area{ margin:10px}
.select_area p{ border:2px solid #f3c430; padding:10px; line-height:18px; background-color:#fffaee; font-size:12px}
.select_area p img{ vertical-align:middle}

/* 우측내용타이틀_공통 */
#content{ margin-left:220px; min-height:100%; border-left:1px solid #b7bbc3;}
#content .title{ height:40px; line-height:40px; border-bottom:1px solid #cccccc; text-indent:20px; font-weight:bold; min-width:300px}

/*우측내용_영역*/
#content_area{ padding:20px; min-width:880px;}

/*우측내용_탭메뉴*/
.tap_area{ height:33px; min-width:880px;}
.tap_area ul li{ float:left; border:1px solid #bababa; text-align:center; height:32px; line-height:32px; margin-right:-1px; background-color:#FFFFFF}
.tap_area ul li a {display:block; padding:0 15px}
.tap_area ul li .on { font-weight:bold; background-color:#444; color:#FFF}
.tap_area ul li:hover {background:#eeeeee}
.tap_box{ border:1px solid #bababa; min-width:840px; padding:20px}

.tap_area2{ min-width:880px}
.tap_area2 ul li{ float:left; border:1px solid #bababa; text-align:center; height:32px; line-height:32px; background-color:#FFFFFF; margin:0 6px 10px 0; box-shadow: 0 -4px 4px 0px #e7e7e7 inset;}
.tap_area2 ul li a { padding:0 15px; display:block}
.tap_area2 ul li .on { font-weight:bold; background-color:#444; color:#FFF}

#search{ width:100%;}
#search_content{ margin-top:15px; line-height:30px; padding:10px}
#search_content ul li{ width:20%; float:left}

.tap_area_top{ height:33px; min-width:880px; border-bottom:2px solid #ff9000; margin-bottom:12px}
.tap_area_top ul li{ float:left; border:1px solid #ff9000; text-align:center; height:32px; line-height:32px; margin-right:-1px; background-color:#FFFFFF}
.tap_area_top ul li a {display:block; padding:0 30px}
.tap_area_top ul li .on { font-weight:bold; background-color:#ff9000; color:#FFF}
.tap_area_top ul li:hover {background:#eeeeee}

/*우측내용_버튼 및 표시*/
.butbox_1{ min-width:880px; text-indent:2px; height:35px; line-height:35px}
.butbox_2{ min-width:880px; text-indent:2px; height:35px; line-height:35px}
.butbox_3{ min-width:880px; line-height:20px;}

/*우측내용_표*/
.subtable_area1{ margin-top:0px; min-width:880px; background-color:#FFF; line-height:16px; word-break:break-all}
.subtable_area1 table td{ height:29px; text-align:center; border-bottom:solid 1px #d0d0d0; padding:3px;}
.subtable_top_1 th{ height:29px; font-weight:bold; background-color:#ff9000; padding:3px;}
.subtable_top_1 img{ vertical-align:middle}
.subtable_area1 tbody{ background-color:#f2f2f2}
.subtable_bg1{ background-color:#f2f2f2}
.line_2 th{ border:solid 1px #f5f6f8;}
.subtable_border_left{ border-left:solid 1px #d0d0d0;}
.subtable_border_right{ border-right:solid 1px #d0d0d0;}

.subtable_area2{ margin-top:10px; background-color:#FFF; }
.subtable_area2 tr td{ border:solid 1px #d0d0d0; padding:5px 10px; height:29px;}
.subtable_area2 .backg{ background-color:#dcdde1; opacity:0.6; color:#000000; font-weight:bold;}

/*버튼_공통*/
.topbut{ float:right; width:76px; line-height:25px; background-color:#404040; text-align:center; color:#fff; margin-top:9px}
.topbut:hover { background-color:#999;}

.button_1{ border:solid 1px #bababa; padding:4px 10px; background-color:#FFFFFF}
.button_1:hover{ color:#fff; background-color:#444; border:solid 1px #000}
.button_1ov{ border:solid 1px #000; padding:4px 10px; color:#fff; background-color:#444}
.button_2{ border:solid 1px #f3c430; padding:4px 8px; color:#fff; background-color:#ff9000; font-weight:bold}
.button_shadow_1{ border:solid 1px #bababa; padding:3px 4px; color:#333; background-color:#FFFFFF; box-shadow: 0 -4px 4px 0px #e7e7e7 inset; display:inline-block; line-height:16px}
.button_shadow_2{ border:solid 1px #bababa; padding:3px 4px; color:#F00; background-color:#FFFFFF; box-shadow: 0 -4px 4px 0px #e7e7e7 inset; display:inline-block; line-height:16px}
.button_round_1{ border:solid 1px #bababa; padding:4px 4px; color:#333; background-color:#FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	-ms-border-radius:5px;
	border-radius:5px}
.button_round_1_block{ border:solid 1px #bababa; padding:4px 4px; color:#333; background-color:#FFFFFF; display:block; margin-top:3px; margin-left:auto; margin-right:auto;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	-ms-border-radius:5px;
	border-radius:5px}
.button_round_2{ border:solid 1px #bababa; padding:4px 4px; color:#F00; background-color:#FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	-ms-border-radius:5px;
	border-radius:5px}
.button_round_2_block{ border:solid 1px #bababa; padding:4px 4px; color:#F00; background-color:#FFFFFF; display:block; margin-top:3px; margin-left:auto; margin-right:auto;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	-ms-border-radius:5px;
	border-radius:5px}
.button_round_3{ border:solid 1px #bababa; padding:6px 25px; color:#333; background-color:#fff; font-weight:bold; font-size:12px;  margin-right:3px; box-shadow: 0 -4px 4px 0px #e7e7e7 inset;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	-ms-border-radius:5px;
	border-radius:5px;}
.butimg_x{position:absolute; top:5px; right:5px}
.buttton_color{ background-color:#e1e1e1; padding:4px 10px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px; 
	-o-border-radius:15px; 
	-ms-border-radius:15px;
	border-radius:15px;}
.buttton_new{ background-color:#F00; padding:2px 6px; color:#FFFFFF; font-size:10px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px; 
	-o-border-radius:15px; 
	-ms-border-radius:15px;
	border-radius:15px;}
	
.but_disabled{ border:solid 1px #d3d3d3; background-color:#f3f3f3; color:#aaa; }
.but_disabled:hover{ border:solid 1px #d3d3d3; background-color:#f3f3f3; color:#aaa; }

/* 폰트사이즈_공통 */
.fontsize_10{ font-size:10px}
.fontsize_11{ font-size:11px}
.fontsize_12{ font-size:12px}
.fontsize_13{ font-size:13px}
.fontsize_14{ font-size:14px}
.fontsize_16{ font-size:16px}
.fontsize_18{ font-size:18px}
.fontsize_20{ font-size:20px}
.fontsize_30{ font-size:30px}
.fontsize_40{ font-size:40px}

/*배경칼라_공통*/
.bg_color_fff{ background-color:#FFF}
.bg_color_eee{ background-color:#eeeeee}
.bg_color_f5f{ background-color:#f5f6f8}
.bg_color_229 { background-color:#FF9000}
.bg_color_414{ background-color:#414757}
.bg_color_e8f{ background-color:#e8f2f7}
.bg_color_c0d{ background-color:#c0dfef}

/*폰트칼라_공통*/
.text_color_fff{ color:#FFF}
.text_color_00f { color:#fffaee}
.text_color_F00{ color:#FF0000}
.text_color_229{ color:#2298d4}
.text_color_06C{ color:#ff9000}
.text_color_aaa{ color:#aaaaaa}
.text_color_ed7{ color:#ed7d8a}
.text_color_a26{ color:#a2622f}
.text_color_333{ color:#333}
.text_color_f15{ color:#f15a24}
.text_color_f49{ color:#ff4499}

.text_color_1b8 {color: #10B981}
.text_color_f90 {color: #F59E0B}
.text_color_9aa {color: #9CA3AF}
.text_color_f35 {color: #F43F5E}

.text_color_blue{ color:#0000ff}
.text_color_orangered{ color:#ff4500}
.text_color_limegreen{ color:#32cd32}

/*폰트줄설정_공통*/
.text-line-through{text-decoration:line-through}
.display_in_block{ display:inline-block}
.bold {font-weight:bold;}
.underline {text-decoration: underline;}

/*forms_공통*/
.scroll	{width:100%;height:171px;border:1px solid #dcdcdc; padding:10px;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #AFAFAF;
scrollbar-highlight-color: #AFAFAF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #F7F7F7;
scrollbar-arrow-color: #838383}
input.checkbox{ border:1px solid #dcdcdc; background-color:#FFFFFF; vertical-align:middle; }
input.inputbox{ border:1px solid #d0d0d0; background-color:#FFFFFF; vertical-align:middle; padding:4px 0; }
input{ padding:4px; border:1px solid #d0d0d0; background-color:#FFFFFF; vertical-align:middle;}
input:disabled{ border:1px solid #d0d0d0; background-color:#eee; color:#6d6d6d}
select{ height:25px; line-height:25px; padding:0 10px 0 5px; box-sizing:border-box; font-weight:normal; overflow:hidden; background:url(../images/selct_arrow.png) no-repeat right; border: 1px solid #ccc; background-color:#FFFFFF;}
select::-ms-expand{display:none;}
select::-webkit-expand{display:none;}
select::-moz-expand{display:none;}
select::-o-expand{display:none;}

.checkbox-wrap { cursor: pointer; }
.checkbox-wrap .check-icon { display: inline-block; width:18px; height:18px; background: url(../images/btn_check_out_2.png) left center no-repeat; vertical-align: middle; transition-duration: .3s; }
.checkbox-wrap input[type=checkbox] { display: none; }
.checkbox-wrap input[type=checkbox]:checked + .check-icon { background-image: url(../images/btn_check_in_2.png)}
.checkbox-wrap input[type=checkbox]:disabled + .check-icon {opacity:0.5;}

.radiobox-wrap { cursor: pointer; }
.radiobox-wrap .radio-icon { display: inline-block; width:18px; height:18px; background: url(../images/btn_radio_out.png) left center no-repeat; vertical-align: middle; transition-duration: .3s; }
.radiobox-wrap input[type=radio] { display: none; }
.radiobox-wrap input[type=radio]:checked + .radio-icon { display:inline-block; width:16px; height:16px; vertical-align:middle; background:url(../images/btn_radio_in.png) no-repeat 0 0; appearance: none;}

textarea{ border:1px solid #ccc; overflow-y:auto; width:100%; line-height:20px; padding:2px 0 0 2px;}

/*정렬_공통*/
.float_left{float:left}
.float_right{float:right}
.ul_float_left li{float:left}

/*텍스트말줄임_공통*/
.text_overflow{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.text_overflow_table{ position:relative}
.text_overflow_table .text_overflow_table_posi{ width:100%;top:11px}

/*팝업_공통*/
#popup{ width:100%; line-height:18px;}
#popup img{ vertical-align:middle}
.line_height_18{ line-height:18px;}

.popsubtable01{ margin:5px; background-color:#FFF; }
.popsub_lain01 tr td{ border:solid 1px #d0d0d0; padding:5px 10px; height:29px;}
.popsub_lain01 .backg{ background-color:#eaeaea; opacity:0.6; color:#000000; font-weight:bold;}
.popbut{ height:60px; line-height:60px; text-align:center;}

.popsub_lain02 tr td{ border:solid 1px #d0d0d0; text-align:center; padding:5px; height:29px;}
.popsub_lain02_border tr td{ border:solid 1px #d0d0d0; text-align:center; padding:5px;}
.popsub_lain02 .backg{ background-color:#d9e9f1; opacity:0.6; color:#000000; font-weight:bold;}
.popsub_lain02 .backg2{ background-color:#eaeaea; opacity:0.6; color:#000000; font-weight:bold;}
.popsub_lain02_textleft tr td{ text-align:left}

.popsub_lain03 tr td{ padding:5px 10px; height:29px; line-height:15px; border-bottom:solid 1px #e5e5e5}

.pop_search{ width:100%; line-height:35px; border:1px solid #bababa;}
.pop_search ul{ padding:10px}
.pop_search .search_center{ text-align:center}

.pop_butbox_1{ padding-top:10px; text-indent:2px; }

.calendar_pop{ background-color:#FFF; width:100%}
.calendar_pop thead th{ border:solid 1px #d0d0d0; height:20px; line-height:20px; padding:5px; text-align:left}
.calendar_pop table td{ height:60px; border:solid 1px #d0d0d0; padding:5px; text-align:left; vertical-align:top; line-height:20px}
.calendar_pop .sun{ color:#FF0000}
.calendar_pop .sat{ color:#06C}
.calendar_pop .out{ color:#bbb}
.calendar_pop .today{ background-color:#eaf1f6}
.calendar_pop .dates_text{ width:100%; text-align:center}

.slide_sub{ border:solid 1px #d0d0d0; width:94%; margin:5px; padding:10px; background-color:#eeeeee; display:block;
	-webkit-border-radius:3px;
	-moz-border-radius:3px; 
	-o-border-radius:3px; 
	-ms-border-radius:3px;
	border-radius:3px}
.slide_sub_s{ border:solid 1px #d0d0d0; width:94%; margin:-6px 5px 5px 5px; padding:10px; display:block; line-height:30px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-bottom-left-radius:3px;
	-moz-border-bottom-right-radius:3px;
	-o-border-bottom-left-radius:3px;
	-o-border-bottom-right-radius:3px;
	-ms-border-bottom-left-radius:3px;
	-ms-border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;}
	
.poptitle_1{margin:20px 0 10px 0; font-size:15px; text-indent:4px; font-weight:bold; color:#2298d4;}
.poptitle_1 img{ vertical-align:middle}
.poptitle_2{margin:20px 0 10px 0; font-size:16px; font-weight:bold; color:#2298d4;}
.poptitle_3{margin:10px 0 10px 0; font-size:16px; font-weight:bold;}

.subtable_area1_pop{ background-color:#FFF}
.subtable_area1_pop table td{ height:29px; text-align:center; border-bottom:solid 1px #d0d0d0; padding:3px}
.subtable_top_1_pop th{ height:29px; font-weight:bold; background-color:#ff9000; padding:3px}
.subtable_top_1_pop img{ vertical-align:middle}
.subtable_area1_pop tbody{ background-color:#f2f2f2}
.subtable_bg1_pop{ background-color:#dce6f2}
.subtable_area1_pop a{ font-size:11px}

.messege_box_textarea_pop{ background-color:#ecfcd4; border:solid 1px #b3c991; margin:5px 0}
.messege_1_pop{ border:solid 1px #b3c991; padding:10px; background-color:#ecfcd4; margin:10px 0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	-ms-border-radius:5px;
	border-radius:5px}

.ui-widget-header {border: 1px solid #ff9000;background:#ff9000;color:#fff;font-weight: bold; font-size:16px}

.ui-icon-closethick { background-position: 0px 0px; }

.ui-button .ui-icon {background-image: url("../images/btn_popclose_2.png");}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../images/btn_popclose_2.png")}

.ui-widget-overlay{background:#333;opacity:0.3;filter:Alpha(Opacity=.3);}

.ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #00486d;background:#00486d;font-weight:normal;color:#fff}

.notice_main{ line-height:22px; color:#FFF; padding:15px 10px; font-size:18px; }
.notice_main img{vertical-align:middle; float:left; }
.notice_main_height{line-height:18px; padding:10px; height:300px; overflow:auto}
.notice_main_slide{ height:40px; border-top:solid 1px #e0e0e0; padding-top:5px}
.notice_main_slide_1{  text-align:center}
.notice_main_slide_1 span img{ padding-top:4px}
.pop_close{ height:30px; line-height:30px; text-align:right; font-size:11px; color:#999}

/* 우측소제목타이틀_공통 */
.subtitle_1{margin:20px 0 10px 0; font-size:15px; min-width:880px; text-indent:4px; font-weight:bold; color:#2298d4;}
.subtitle_1 img{ vertical-align:middle}

/*테두리, 선_공통*/
.border_line1{ border:solid 1px #dcdcdc}
.border_line2{ border:solid 3px #ff9000;}
.border_line3{ border:solid 2px #c2c2c2;}

.line1{ border-top:solid 1px #dcdcdc;}
.line2{ border-top:dashed 1px #dcdcdc;}
.line3{ border-top:dashed 1px #9ac9e1;}

.border_radius{ border:solid 2px #7fcaf1;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	-ms-border-radius:5px;
	border-radius:5px}

/*서브박스_공통*/
.sub_box{ min-width:860px; background-color:#FFFFFF; border:solid 1px #dcdcdc; padding:10px; line-height:30px; }
.sub_box img{ vertical-align:middle}
.sub_box_float_left ul li{float:left}

/*서브_개별*/
.member_img{ min-width:880px;}
.member_img li{ width:19.5%; position:relative; height:80px; line-height:80px; display:inline-block}
.member_img li span{ padding-top:5px; line-height:17px; position:absolute; top:10px;}

.strap{border:solid 1px #666; padding:4px 20px}

/*안내텍스트_공통*/
.textbox{ margin:20px; line-height:22px; min-width:880px; color:#666;}

/*스크롤_공통*/
.overflow{ overflow:auto;}

/*메시지_공통*/
.messege_box{ min-height:500px}
.messege_box li{ float:left; min-width:250px; margin-right:10px; width:29%;}
.messege_box .messege_box_textarea{ background-color:#ecfcd4; border:solid 1px #b3c991; margin:5px 0}
.messege_1{ border:solid 1px #b3c991; padding:10px; background-color:#ecfcd4; margin:10px 0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	-ms-border-radius:5px;
	border-radius:5px}

/*테스트_공통*/
.test{ min-width:880px; border-top:solid 1px #dcdcdc; padding:20px}
.test .test_title{ background-color:#fff; text-align:center; line-height:20px; margin:-20px -20px 0 -20px; border-bottom:solid 2px #6cb4d9; padding:30px 20px 20px 20px}
.test .test_cont{ border:solid 2px #6cb4d9; width:60%; padding:20px; margin-top:20px; text-align:center; line-height:50px; background-color:#d8ecfa;}

/*달력_공통*/
.calendar{ min-width:880px; background-color:#FFF; width:100%;}
.calendar thead th{ border:solid 1px #d0d0d0; height:20px; line-height:20px; padding:5px; text-align:left}
.calendar table td{ height:100px; border:solid 1px #d0d0d0; padding:5px 0 0 5px; text-align:left; vertical-align:top; line-height:20px;}
.calendar .sun{ color:#FF0000}
.calendar .sat{ color:#06C}
.calendar .out{ color:#bbb}
.calendar .today{ background-color:#eaf1f6}
.calendar .dates_text{ width:100%; text-align:center}
.calendar .holi{ color:#FF0000}
.calendar img{ vertical-align:middle}

.calendar .schedule{ background-color:#ffe699; width:103%; height:20px; text-indent:3px; overflow:hidden; text-overflow:ellipsis; display:block; margin:0 -6px; }
.calendar .schedule_color{ background-color:#fff6da}
.calendar .schedule img{ vertical-align:middle}

.dtg_top {position:relative;width:980px;margin:auto;z-index:99;}
.dtg_wrap { width:980px;height:330px;padding-left:10px;background:#fff;position:absolute;top:0px;}
.dtg_month {padding-left:110px;margin-bottom:5px;}
.dtg_calendar {min-width:400px;width:400px;}
.dtg_calendar table{ height:290px;}
.dtg_calendar table td{ height:35px;line-height:15px;}
.dtg_car {margin-left:10px;padding:4px;background-color:#FFF;border:1px solid #bebebe; width:550px;height:280px;overflow-y:auto;}
.dtg_car div {width:100%;padding:5px 0;}
.dtg_car table {width:100%;}
.dtg_car th{ height:30px; background-color:#eeeeee; border:solid 1px #d0d0d0; padding:3px; text-align:center;font-size:12px;font-weight:bold;}
.dtg_car td{ height:30px; border:solid 1px #d0d0d0; padding:3px 0 0 3px; text-align:center;font-size:12px;}
.dtg_map { min-width:900px; background-color:#FFF; width:100%;margin:auto;position:relative;}

.btn_up { width:62px;text-align:center;position: absolute;top:330px;left:450px;}

#route_content           { height: 340px; text-align: left; position: absolute;top:0px;left:0px; z-index:9;}
#route_content #btn      { width: 10px; position: absolute;top:140px; left:200px;}
#route_content #route_list { width: 200px; height: 340px; font-size: 12px; text-align: center; background-color: #fff;
                            border:1px solid #a7a7a7;border-left:0px;}
#route_content #route_list .titles   { height: 40px; line-height: 40px; background-color: #2298d4; color: #fff; font-weight: bold; text-align: left; padding-left: 15px;}
#route_content #route_list #state_list  { overflow-y: auto; width: 200px; height: 300px; background-color: #fff; }
#route_content #route_list #state_list .routes { width: 90%; height: 40px; line-height: 40px; text-align: left; padding: 0 10px;border-bottom:1px solid #a7a7a7;}

/*말풍선_공통*/
.bubbler{ width:324px;}
.bubbler_arrow{ border-color:transparent transparent #6cb4d9 transparent; display:inline-block; width:0; height:0; border-style:solid; border-width:10px; margin-left:270px;}
.bubbler_bg{ width:300px; line-height:17px; background-color:#fff; padding:10px; border:solid 2px #6cb4d9; margin-top:-3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	-ms-border-radius:5px;
	border-radius:5px}

/*게시판_공통*/
.board_area{ min-width:880px; background-color:#FFF; word-break:break-all}
.board_area table td{ height:29px; text-align:center; border-bottom:solid 1px #d0d0d0; padding:3px; line-height:18px}
.board_top_1 th{ height:24px; font-weight:bold; border-bottom:solid 1px #d0d0d0; border-top:solid 2px #414757; padding:3px;}
.board_top_1 img{ vertical-align:middle}
.board_area .board_name{ text-align:left; color:#06C}
.board_area tbody{ color:#666}
.board_area_details th{ height:29px; padding:3px 10px; border-bottom:solid 2px #414757; border-top:solid 1px #d0d0d0;}
.board_area_details tr td{ text-align:left; padding:3px 10px;}

.board_area_details_top th{ height:29px; padding:3px 10px; border-top:solid 2px #d0d0d0;}
.board_area_details_top tr td{ text-align:left; padding:3px 10px;}

.board_area .board_name_left{ text-align:left}
.board_area_top{ border-top:solid 2px #d0d0d0;}
.board_area img{ vertical-align:middle}

/*FAQ_공통*/
.faq_area{ min-width:880px; background-color:#FFF; word-break:break-all}
.faq_area table td{ height:29px; text-align:center; border-bottom:solid 1px #d0d0d0; padding:3px; line-height:18px}
.faq_area .board_name{ text-align:left}
.faq_area th{ height:29px; padding:3px 10px; border-bottom:solid 2px #414757; border-top:solid 1px #d0d0d0;}
.faq_area_a{ padding:30px; text-align:left; color:#666}

/*문의함_공통*/
.query_box{ border:solid 1px #a5d2db; padding:10px; background-color:#e5f6f9; line-height:20px; margin:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	-ms-border-radius:5px;
	border-radius:5px}
.query_box_color{ border:solid 1px #cfcfcf; background-color:#fff;}
.query_box_color_1{ border:solid 1px #cfcfcf; background-color:#f5f6f8;}

/*앨범_공통*/
.album{ padding:0;}
.album li{ border:solid 3px #eeeeee; padding:10px; margin:10px; background-color:#FFF; display:inline-block}
.album .album_img{ width:250px; height:215px;}
.album .album_text{ padding:10px; line-height:18px}
.album li .album_img_1{ width:100%; height:100%}
.album li img{ vertical-align:middle}
.album_img{ position:relative;}
.album_img .album_img_movie{ position:absolute; top:70px;left:80px;}

.album_photo div{ float:left;position:relative; width:70px; height:60px; padding:5px; margin:5px}
.album_photo .album_img_photo{width:70px; height:60px;}
.album_photo .album_img_photo_x{ position:absolute; right:-5px;top:-5px;}
.album_photo .album_img_movie{ position:absolute; top:25px;left:28px;width:25px;}

/*통계_공통*/
.graph{ min-width:880px; width:100%}
.graph img{ vertical-align:middle}
.graph div{ padding:15px; float:left; width:46%; text-align:center}

/* 품,단_공통 */
.dan_1{ width:40px; height:20px; display:block; margin:auto; border:1px solid #333;}
.dan_2{ width:40px; height:10px; display:block; margin:auto; border:1px solid #333;}
.dan_3{ width:40px; height:6px; display:block; margin:auto; border:1px solid #333;}
.dan_color_fff{background-color:#fff}
.dan_color_000{background-color:#000}
.dan_color_F00{background-color:#F00}
.dan_color_F60{background-color:#F60}
.dan_color_FC0{background-color:#FC0}
.dan_color_390{background-color:#390}
.dan_color_06C{background-color:#06C}
.dan_color_006{background-color:#006}
.dan_color_930{background-color:#930}
.dan_color_63C{background-color:#63C}
.dan_color_f49{background-color:#f49}
.dan_color_6a6{background-color:#6a6943}
.dan_margin{ margin-top:-1px}

/* 노란버스 */
.yellowbus{ background-color:#f5f6f8}
.yellowbus .yell_area1{ width:70%; background-color:#eee; float:left; border:solid 1px #dcdcdc; height:600px;}
.yellowbus .yell_area2{ width:29.5%; float:right; background-color:#333; border:solid 1px #333;}
.yellowbus .yell_area2 ul li{ height:20px; line-height:20px; padding:10px 5px; border-bottom:solid 1px #4c4c4c; margin:0 10px; width:88%; }
.yellowbus .yell_area2 a{ color:#FFFFFF}
.yellowbus .yell_area2 img{ vertical-align:middle}
.yellowbus .yell_area3{ width:29.5%; float:right; background-color:#333; border:solid 1px #333;}
.yellowbus .yell_area3 ul li{ padding:10px 5px; border-bottom:solid 1px #4c4c4c; margin:5px 10px; width:88%; }
.yellowbus .yell_area3 a{ color:#FFFFFF}
.yellowbus .yell_area3 img{ vertical-align:middle}

.station p{ margin:5px; padding:3px}
.station_list{ height:30px; line-height:30px}

/* 월간계획표 */
.plan_area{ width:758px; height:995px; background-color:#ffffff}
.plan_area .plan_title{ height:55px; line-height:85px; text-align:center}

.calendar_plan{ width:95%; position:relative;}
.plan_skin1{background-image:url(../images/sub_img20_1.jpg); background-attachment: local; background-repeat:no-repeat; background-position:100%; background-size:100%;}
.plan_skin2{background-image:url(../images/sub_img20_2.jpg); background-attachment: local; background-repeat:no-repeat; background-position:100%; background-size:100%;}
.plan_logobg{background-image:url(../images/sub_img22.gif); background-attachment: local; background-repeat:no-repeat; background-position:100%; background-size:100%; width:263px; height:170px; display:block; margin:auto; text-align:center}
.event_text{ margin:10px; display:block; overflow:hidden;text-overflow:ellipsis; height:130px; line-height:normal}
.calendar_plan table{ border:solid 2px #c6c9cb;}
.calendar_plan thead th{ border:solid 1px #d0d0d0; height:20px; line-height:20px; padding:5px; text-align:center; }
.calendar_plan table td{ height:104px; border:solid 1px #d0d0d0; padding:5px 0 0 5px; text-align:left; vertical-align:top; line-height:20px; position:relative;}
.calendar_plan .sun{ color:#FF0000}
.calendar_plan .sat{ color:#06C}
.calendar_plan .out{ color:#bbb}
.calendar_plan .today{ background-color:#fff6da}
.calendar_plan .dates_text{ width:100%; text-align:center}
.calendar_plan .holi{ color:#FF0000}
.calendar_plan img{ vertical-align:middle}
.calendar_plan .point{ background-color:#fff200; width:19px; height:19px; line-height:19px; display: inline-block; text-align:center;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	-o-border-radius:10px; 
	-ms-border-radius:10px;
	border-radius:10px;}

.calendar_plan .area1{ width:100%; position:absolute; top:55px; height:82px; }
.calendar_plan .area2{ width:100%; position:absolute; top:165px; height:82px; }
.calendar_plan .area3{ width:100%; position:absolute; top:275px; height:82px; }
.calendar_plan .area4{ width:100%; position:absolute; top:385px; height:82px; }
.calendar_plan .area5{ width:100%; position:absolute; top:495px; height:82px; }
.calendar_plan .area6{ width:100%; position:absolute; top:605px; height:82px; }
.calendar_plan .mon{}
.calendar_plan .tue{ left:122px}
.calendar_plan .wed{ left:241px}
.calendar_plan .thu{ left:360px}
.calendar_plan .fri{ left:483px}
.calendar_plan .sat{ left:603px}
.calendar_plan img{ width:14px;}
.calendar_plan .point_text1{ padding-top:2px; text-indent:3px; position:absolute; z-index:999; font-size:12px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.calendar_plan .point_text2{ padding-top:2px; text-indent:3px; position:absolute; z-index:999; font-size:12px; top:22px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.calendar_plan .point_text3{ padding-top:2px; text-indent:3px; position:absolute; z-index:999; font-size:12px; top:44px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.calendar_plan .point_text4{ padding-top:2px; text-indent:3px; position:absolute; z-index:999; font-size:12px; top:66px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.calendar_plan .point_text_table{ padding-top:20px; left:1px; text-indent:3px; position:absolute; z-index:999; font-size:12px; overflow:hidden;text-overflow:ellipsis; height:82px; }
.calendar_plan .point_bg1{  position:absolute; top:22px; left:0; width:100%;}
.calendar_plan .point_bg2{  position:absolute; top:44px; left:0; width:100%;}
.calendar_plan .point_bg3{  position:absolute; top:66px; left:0; width:100%;}
.calendar_plan .point_bg4{  position:absolute; top:88px; left:0; width:100%;}
.calendar_plan .schedule_color{ background-color:#fff6da}
.calendar_plan .schedule img{ vertical-align:middle}
.plan_color{ width:30px; height:15px; display:inline-block; margin:5px; border:solid 1px #aaa;}

.sub_tit_blue { background-color: #2298d4; text-align: center; border-radius: 50px; padding: 8px 0px; color: #fff; width: 520px; margin: 0px 0px 30px; margin-left: auto; margin-right: auto; }
 
#payment_box1 { background-color: #f4f4f4; border: 1px solid #eaeaea; border-bottom: none; }
#payment_box1 .tit { height: 70px; line-height: 100px; text-align: center; }
#payment_box1 .table_box { width: 880px; height: 250px; margin-top: 20px; }
#payment_box1 .table1 { width: 400px; float: left; margin-left: 30px; }
#payment_box1 .detail1 { text-align: center; width: 300px; height: 160px; line-height: 22px; background-color: #fff; }
#payment_box1 .table2 { width: 400px; float: right; margin-right: 30px; }
#payment_box1 .detail2 { text-align: left; width: 340px; height: 120px; padding-left: 10px;  background-color: #fff; }

#payment_box2 { background-color: #f4f4f4; padding-top: 40px; border: 1px solid #eaeaea; border-top: none; }
#payment_box2 .tit { height: 80px; line-height: 100px; text-align: center; }
#payment_box2 .sub_tit_gray { background-color: #999; text-align: center; border-radius: 50px; padding: 8px 0px; color: #fff; width: 520px; margin: 0px 0px 20px; margin-left: auto; margin-right: auto; }
#payment_box2 .img { text-align: center; padding: 10px 0px 30px 60px; }

#payment_box3 .tit { height: 30px; font-weight: bold; margin-top: 60px; }
#payment_box3 .table_box{ width: 780px; height: 280px; border: 1px #d5d5d5 solid; padding: 0 50px; }
#payment_box3 .box { width: 25%; height: 170px; padding-top: 60px; float: left; text-align: center; }
#payment_box3 .box2 { width: 600px; height: 170px; padding-top: 20px; float: left; text-align: center; margin-left: 140px; }
#payment_box3 .box .box2_2 { width: 25%; height: 170px;  float: left; text-align: center; }
#payment_box3 .table_box .box .circle1, .circle2, .circle3, .circle4, .circle5{ width: 110px; height: 110px; border-radius: 100px; line-height: 110px;}
#payment_box3 .circle1 { color: #fff; border: 10px #68c5cf solid; background-color: #68c5cf; }
#payment_box3 .circle2 { color: #fff; border: 10px #35adcf solid; background-color: #35adcf; }
#payment_box3 .circle3 { color: #fff; border: 10px #3597cf solid; background-color: #3597cf; }
#payment_box3 .circle4 { color: #6898cf; border: 10px #6898cf solid; background-color: #fff; }
#payment_box3 .circle5 { color: #688ccf; border: 10px #688ccf solid; background-color: #fff; }
#payment_box3 .detail{ padding-top: 10px; }

#payment_box4 { background-color: #f4f4f4; border: 1px #eaeaea solid; margin-top: 20px; margin-bottom: 20px; }
.box4_tit { height: 10px; font-weight: bold; margin-top: 70px; }
#payment_box4 .table_box { width: 880px; padding: 50px 0;}
#payment_box4 .detail { text-align: center; width: 880px; height: 40px; font-size: 14px; color: #000; background-color: #fff; }

/* 플로팅배너 */
.floating_banner {
	z-index: 10;
	position: fixed;
	left: 1120px;
	top: 300px;
}
.floating_banner div { width: 145px; height: 230px; }

.ime-active{
    -webkit-ime-mode:active; 
    -moz-ime-mode:active; 
    -ms-ime-mode:active; 
    ime-mode:active;
}
.ime-inactive{
    -webkit-ime-mode:inactive; 
    -moz-ime-mode:inactive; 
    -ms-ime-mode:inactive; 
    ime-mode:inactive;

}
.ime-disabled{
    -webkit-ime-mode:disabled; 
    -moz-ime-mode:disabled; 
    -ms-ime-mode:disabled; 
    ime-mode:disabled;

}
.div-table {
    display: table;
    width: 100%;
}
.div-table-row {
    display: table-row;
}
.div-table-cell {
    display: table-cell;
    vertical-align:middle;
}
.readonlybg{background:#ebebeb;}
.selecton{background:#ebebeb;}
.hide {display:none;}


/* ====== 앱결제 토글 칩 ====== */

:root {
	--ok-bg: #E8F7EE;
	--ok-bd: #2E7D32;
	--ok-tx: #1B5E20;
	--no-bg: #FDECEC;
	--no-bd: #C62828;
	--no-tx: #8E0000;
	--neutral-bd: rgba(0,0,0,.12);
	--shadow: 0 6px 18px rgba(0,0,0,.10);
}

.pay-toggle {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	padding: 2px 3px;
	border-radius: 999px;
	border: 1px solid var(--neutral-bd);
	background: #fff;
	cursor: pointer;
	user-select: none;
	font-weight: 700;
	line-height: 1;
	transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease;
	position: relative;
	outline: none;
}

.pay-toggle:hover {
	transform: translateY(-1px);
	box-shadow: var(--shadow);
	border-color: rgba(0,0,0,.22);
}

.pay-toggle:active {
	transform: translateY(0px) scale(.99);
	box-shadow: 0 3px 10px rgba(0,0,0,.10);
}

.pay-toggle:focus-visible {
	box-shadow: 0 0 0 3px rgba(59,130,246,.25), var(--shadow);
	border-color: rgba(59,130,246,.55);
}

.pay-toggle .icon {
	width: 16px;
	height: 16px;
	display: inline-grid;
	place-items: center;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 900;
}

.pay-toggle .label {
	letter-spacing: -.2px;
	font-size: 11px;
}

/* 클릭 유도 힌트(회전 화살표) */
.pay-toggle .hint {
	margin-left: 1px;
	opacity: .75;
	font-size: 13px;
	transition: transform .18s ease, opacity .18s ease;
}

.pay-toggle:hover .hint {
	transform: rotate(-20deg);
	opacity: 1;
}

/* 상태별 스타일 */
.pay-toggle[data-state="allow"] {
	background: var(--ok-bg);
	border-color: rgba(46,125,50,.35);
	color: var(--ok-tx);
}

.pay-toggle[data-state="allow"] .icon {
	background: rgba(46,125,50,.14);
	color: var(--ok-bd);
}

.pay-toggle[data-state="deny"] {
	background: var(--no-bg);
	border-color: rgba(198,40,40,.35);
	color: var(--no-tx);
}

.pay-toggle[data-state="deny"] .icon {
	background: rgba(198,40,40,.14);
	color: var(--no-bd);
}

/* 저장 중(스피너) */
.pay-toggle.is-loading {
	cursor: wait;
	opacity: .9;
}

.spinner {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid rgba(0,0,0,.18);
	border-top-color: rgba(0,0,0,.55);
	animation: spin .7s linear infinite;
	display: none;
}

.pay-toggle.is-loading .spinner {
	display: inline-block;
}

.pay-toggle.is-loading .hint {
	display: none;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* 토스트 */
.toast {
	position: fixed;
	left: 50%;
	bottom: 22px;
	transform: translateX(-50%);
	background: rgba(20,20,20,.92);
	color: #fff;
	padding: 10px 14px;
	border-radius: 10px;
	font-size: 13px;
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease, transform .2s ease;
}

.toast.show {
	opacity: 1;
	transform: translateX(-50%) translateY(-4px);
}